@charset "UTF-8";



/* common

---------------------------------------------------*/

.section-title {

    text-align: center;

    margin-bottom: 60px;

}

.section-title span {

    position: relative;

    display: inline-block;

    font-size: 4.5em;

    font-weight: 500;

    letter-spacing: -0.05em;

    padding: 0 0.3em 0.8em;

}

.section-title span::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 10px;

    border-radius: 5px;

    background-color: var(--key-color);

}

.section-title p {

    margin-top: 20px;

    margin-bottom: 40px;

    font-size: 1.8em;

    padding: 0 0.3em 0.8em;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    .section-title {

        margin-bottom: calc(28 / 375 * 100vw);

    }

    .section-title span {

        font-size: 3.2em;

    }

    .section-title span::after {

        height: calc(5 / 375 * 100vw);

        border-radius: calc(5 / 375 * 100vw);

    }

}





/* hero

---------------------------------------------------*/

#hero {

    width: 100%;

    text-align: center;

}

#hero .inner {

    position: relative;

    width: 100%;

    aspect-ratio: 1920 / 928;

}

#hero .txt01 {

    position: absolute;

    top: calc(310 / 928 * 100%);

    left: calc(1184 / 1920 * 100%);

    width: calc(612 / 1920 * 100%);

    z-index: 3;

}

#hero .txt02 {

    position: absolute;

    top: calc(203 / 928 * 100%);

    left: calc(125 / 1920 * 100%);

    width: calc(602 / 1920 * 100%);

    z-index: 2;

}

#hero .figure {

    width: 100%;

    z-index: 1;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #hero .txt01,

    #hero .txt02 {

        display: none;

    }

}



/* navigation

---------------------------------------------------*/

#navigation {

    width: 100%;

    background: #018838;

    background: linear-gradient(to right,  #89c14a 0%,#018838 50%,#89c14a 100%);

    padding: 0 2em;

}

#navigation ul.menu-list {

    display: flex;

    justify-content: center;

    align-items: center;

    column-gap: min(3.6em, calc(36 / 1300 * 100vw));

    width: 100%;

    height: 80px;

}

body[data-size="large"] #navigation ul.menu-list {

    column-gap: min(1.8em, calc(18 / 1300 * 100vw));

}

#navigation ul.menu-list li a {

    color: #fff;

    line-height: 1.6em;

    font-size: min(1.8em, calc(18 / 1300 * 100vw));

    transition: none;

    font-weight: 500;

}

#navigation ul.menu-list li a br {

    display: none;

}

/* is-hide */

#navigation.is-hide {

    position: fixed;

    top: 0;

    left: 0;

    translate: 0 -100%;

    z-index: 99;

}

/* is-fixed */

#navigation.is-fixed {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 99;

    translate: 0 0;

    transition: translate 0.5s;

    padding-right: 240px;

}

body[data-size="large"] #navigation.is-fixed {

    padding-right: 300px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #navigation {

        background: linear-gradient(110deg, rgba(1, 136, 56, 1) 0%, rgba(137, 193, 74, 1) 100%);

    }

    #navigation.is-hide {

        position: fixed;

        top: 0;

        left: 0;

        translate: 0 -100%;

        z-index: 99;

    }

    #navigation.is-fixed {

        position: fixed;

        top: calc(50 / 375 * 100vw);

        left: 0;

        z-index: 99;

        translate: 0 0;

        transition: translate 0.5s;

    }

    #navigation ul.menu-list {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        align-items: center;

        column-gap: 0;

        width: 100%;

        height: auto;

        padding: 1.5em 0;

    }

    body[data-size="large"] #navigation ul.menu-list {

        column-gap: 0;

    }

    #navigation ul.menu-list li {

        width: 50%;

    }

    body[data-size="large"] #navigation ul.menu-list li {

        width: 100%;

    }

    #navigation ul.menu-list li a {

        display: block;

        text-align: center;

        line-height: 2em;

        font-size: 1.6em;

    }

    /* is-fixed */

    #navigation.is-fixed {

        padding: 0;

    }

    #navigation.is-fixed ul.menu-list {

        flex-wrap: nowrap;

        align-items: stretch;

        padding: 0;

    }

    #navigation.is-fixed ul.menu-list li {

        width: auto;

        flex: 1;

    }

    #navigation.is-fixed ul.menu-list li a {

        display: flex;

        justify-content: center;

        align-items: center;

        text-align: center;

        line-height: 1.2em;

        height: 100%;

        font-size: 1.2em;

        padding: 1.5em 0;

    }

    #navigation.is-fixed ul.menu-list li a br {

        display: inline;

    }

    body[data-size="large"] #navigation.is-fixed {

        padding: 0;

    }

    body[data-size="large"] #navigation.is-fixed ul.menu-list {

        flex-wrap: wrap;

    }

    body[data-size="large"] #navigation.is-fixed ul.menu-list li {

        width: calc(100% / 3);

        flex: auto;

    }

    body[data-size="large"] #navigation.is-fixed ul.menu-list li a {

        padding: 0.8em 0;

    }

}





/* introduce

---------------------------------------------------*/

#introduce {

    width: 100%;

}

#introduce .inner {

    position: relative;

    /*padding: 88px 0 86px;*/

    padding: 0px 0 150px;

}

#introduce .logo {

    text-align: center;

    margin: 0px 0 0px;

    padding: 40px 0;

}

#introduce .logo .logoimg {

    /*padding: 40px 0;*/

}



#introduce .introduce-title {

    text-align: center;

    line-height: 1.5em;

    color: var(--key-color);

    font-size: min(5.0em, calc(50 / 1200 * 100vw));

    letter-spacing: 0.02em;

    margin-bottom: 40px;

}

#introduce .about-block .about-title {

    width: 16.05em;

    height: 3.5em;

    text-align: center;

    color: var(--key-color);

    font-size: 2.0em;

    font-weight: 500;

    background-image: url('../img/top/baloon.svg');

    background-repeat: no-repeat;

    background-position: center top;

    background-size: contain;

    padding-top: 0.8em;

    margin: 0 auto 14px;

}

#introduce .about-block p {

    text-align: center;

    line-height: 2.22em;

    font-size: 1.8em;

    padding: 0 10px 0 10px;

}

#introduce .pic {

    position: absolute;

}

#introduce .pic01 {

    bottom: -81px;

    right: calc(50% + 412px);

    width: 95px;

}

#introduce .pic02 {

    bottom: -69px;

    left: calc(50% + 216px);

    width: 351px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #introduce .inner {

        position: relative;

        /*padding: calc(36 / 375 * 100vw) 0 calc(86 / 375 * 100vw);*/

        padding: 10px 0 120px;

    }

    #introduce .logo .logoimg {

        width: 60%;

        border: none;

	padding: 30px;

    }

    #introduce .introduce-title {

        font-size: 2.4em;

        margin-bottom: calc(30 / 375 * 100vw);

    }

    #introduce .about-block .about-title {

        width: 14.15em;

        max-width: 100%;

        height: 3.5em;

        background-image: url('../img/top/baloon_sp.svg');

        margin-bottom: calc(8 / 375 * 100vw);

    }

    #introduce .pic01 {

        bottom: calc(-52 / 375 * 100vw);

        right: calc(275 / 375 * 100vw);

        width: calc(48 / 375 * 100vw);

    }

    #introduce .pic02 {

        bottom: calc(-52 / 375 * 100vw);

        left: calc(184 / 375 * 100vw);

        width: calc(175 / 375 * 100vw);

    }

}



/* workshop

---------------------------------------------------*/

#workshop {

    width: 100%;

    background-color: var(--background-color);

}

#workshop .inner {

    position: relative;

    padding: 120px 0 150px;

}

#workshop .workshop-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 40px 3.3332%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

#workshop .workshop-list .workshop {

    width: 48.3334%;

    background-color: var(--white-color);

    border-radius: 20px;

    padding: 30px 40px 35px;

}

#workshop .workshop-list .workshop .heading {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-direction: row-reverse;

    margin-bottom: 26px;

}

#workshop .workshop-list .workshop .title-wrap {

    /*width: 70%;*/ /* 9-11 */

    width: 82%;

}

#workshop .workshop-list .workshop .title-wrap .tag {

    line-height: 1.6em;

    color: var(--key-color);

    font-size: 1.8em;

    font-weight: 500;

    margin-bottom: 0.8em;

}

#workshop .workshop-list .workshop .title-wrap .title {

    line-height: 1.4em;

    color: var(--key-color);

    font-size: 2.4em;

    font-weight: 500;

    word-break: break-all;

}

#workshop .workshop-list .workshop .date-wrap {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    column-gap: 4%;

    width: 25%;

}

#workshop .workshop-list .workshop .date-wrap .date {

    width: min(60px, 48%);

}

#workshop .workshop-list .workshop .date-wrap .date img {

    width: 100%;

}

#workshop .workshop-list .workshop .content {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 25px;

}

#workshop .workshop-list .workshop .figure {

    width: 60%;

}

#workshop .workshop-list .workshop .figure img {

    width: 100%;

    border-radius: 20px;

}

#workshop .workshop-list .workshop dl.list {

    width: 36%;

    text-align: center;

}

#workshop .workshop-list .workshop dl.list dt {

    width: 100%;

    color: #fff;

    font-size: 1.5em;

    background-color: var(--key-color);

    border-radius: 4em;

    padding: 0.5em;

}

#workshop .workshop-list .workshop dl.list dd {

    width: 100%;

    line-height: 1.5em;

    font-size: 1.5em;

}

#workshop .workshop-list .workshop dl.list dt + dd {

    margin-top: 0.33em;

}

#workshop .workshop-list .workshop dl.list dd + dt {

    margin-top: 1em;

}

#workshop .workshop-list .workshop .explain p {

    line-height: 1.66em;

    font-size: 1.5em;

    word-break: break-all;

}

#workshop .pic {

    position: absolute;

}

#workshop .pic01 {

    bottom: -85px;

    right: calc(50% + 636px);

    width: 184px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #workshop .inner {

        padding: calc(98 / 375 * 100vw) 0 calc(128 / 375 * 100vw);

    }

    #workshop .workshop-list {

        flex-direction: column;

        gap: calc(20 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

        padding: calc(20 / 375 * 100vw) calc(25 / 375 * 100vw) calc(35 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .heading {

        flex-direction: column;

        margin-bottom: calc(15 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .title-wrap .title {

        font-size: 2.2em;

    }

    #workshop .workshop-list .workshop .title-wrap {

        width: 100%;

        text-align: center;

    }

    #workshop .workshop-list .workshop .title-wrap .tag {

        margin-bottom: 0.2em;

    }

    #workshop .workshop-list .workshop .date-wrap {

        justify-content: center;

        column-gap: calc(5 / 375 * 100vw);

        width: 100%;

        margin-bottom: calc(10 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .date-wrap .date {

        width: calc(60 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .content {

        flex-direction: column;

        margin-bottom: calc(16 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .figure {

        width: 100%;

        margin-bottom: calc(20 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #workshop .workshop-list .workshop dl.list {

        width: 100%;

    }

    #workshop .pic01 {

        bottom: calc(-40 / 375 * 100vw);

        right: calc(255 / 375 * 100vw);

        width: calc(100 / 375 * 100vw);

    }

}





/* program

---------------------------------------------------*/

#program {

    width: 100%;

}

#program .inner {

    position: relative;

    padding: 120px 0 120px;

}

#program .section-title {

    margin-bottom: 60px;

}

#program .program-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 57px 2.2222%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

    margin-bottom: 50px;

}

#program .program-list .program {

    position: relative;

    width: 23.3333%;

    /*color: #fff;*/ /* 9-11 */

    background-color: var(--key-color);

    border-radius: 20px;

    /*padding: 45px 25px 21px;*/ /* 9-11 */

    /*padding: 45px 20px 21px;*/

    padding: 45px 15px 21px;

}

#program .program-list .program.date04 {

    /*background-color: #0B308E;*/ /* 9-11 */

    background-color: #F6F8FF;

    border: 5px solid #0B308E;

}

#program .program-list .program.date05 {

    /*background-color: #DC000C;*/ /* 9-11 */

    background-color: #FFF6F8;

    border: 5px solid #DC000C;

}

#program .program-list .program .date {

    position: absolute;

    top: 0;

    left: 50%;

    translate: -50% -38%;

    width: 70px;

}

#program .program-list .program .time {

    text-align: center;

    line-height: 1.2em;

    font-size: 2.0em;

    margin-bottom: 0.6em;

}

#program .program-list .program .title {

    text-align: center;

    line-height: 1.4em;

    font-size: 2.0em;

    font-weight: 500;

    margin-bottom: 0.9em;

}



/* 登壇者1名 */

#program .program-list .program .cast-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: 100%;

}

#program .program-list .program .cast-wrap .list {

    width: calc(100% - min(120px, 52%));

}

#program .program-list .program .cast-wrap .list li {

    line-height: 1.4em;

    font-size: 1.5em;

}

#program .program-list .program .cast-wrap .list li:not(:last-child) {

    margin-bottom: 0.25em;

}

#program .program-list .program .cast-wrap .list li.name {

    font-weight: 500;

}

#program .program-list .program .cast-wrap .figure {

    width: min(100px, 43.48%);

}

#program .program-list .program .cast-wrap .figure img {

    width: 100%;

}



#program .program-list .program .cast-wrap02 {



}

#program .program-list .program .cast-wrap02 .list {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    width: 100%;

    gap: 10px;

}

#program .program-list .program .cast-wrap02 .list li {

    width: calc(50% - 5px);

}

#program .program-list .program .cast-wrap02 .list .prg-txt {

    display: flex;

    width: 100%;

    min-height: 4.5em;

    margin: 5px 0 0 0;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}

#program .program-list .program .cast-wrap02 .list .name {

    line-height: 1.4em;

    font-size: 1.5em;

    font-weight: 500;

    text-align: center;

    white-space: nowrap;

}

#program .program-list .program .cast-wrap02 .list .job {

    line-height: 1.4em;

    font-size: 1.5em;

    text-align: center;

}

#program .program-list .program .cast-wrap02 .list .figure {

    width: 100%;

    max-width: 100px;

    margin: 0 auto;

}

#program .program-list .program .cast-wrap02 .list .figure img {

    width: 100%;

}

#program .program-list .program .cast-wrap02 .list .leaf-round {

    position: relative;

}

#program .program-list .program .cast-wrap02 .list .leaf-round::after {

    content: "";

    position: absolute;

    background-image: url(../img/top/leaf-round.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position: 0 0;

    width: calc(100% + 12px);

    height: calc(100% + 12px);

    top: -6px;

    left: -6px;

}

#program .shi {

    font-size: 0.5em;

    padding: 0 0 0 5px;

}

body[data-size="large"] #program .shi {

    font-size: 0.8em;

}

#program .pic {

    position: absolute;

}

#program .pic01 {

    bottom: -137px;

    left: calc(50% + 616px);

    width: 181px;

}

#program .top-program-title {

    text-align:center;

    font-size:3.0em;

    margin-top:0px;

    color: var(--key-color);

    font-weight: 500;

}

#program .top-program {

    text-align:center;

    font-size:2.2em;

    line-height:1.7em;

    margin-top:10px;

    margin-bottom:100px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #program .inner {

        padding: calc(72 / 375 * 100vw) 0 calc(132 / 375 * 100vw);

    }

    #program .section-title {

        margin-bottom: calc(53 / 375 * 100vw);

    }

    #program .program-list {

        flex-direction: column;

        gap: calc(47 / 375 * 100vw) 0;

        width: calc(280 / 375 * 100vw);

    }

    #program .program-list .program {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

        padding: calc(45 / 375 * 100vw) calc(25 / 375 * 100vw) calc(21 / 375 * 100vw);

    }

    #program .program-list .program .date {

        width: calc(70 / 375 * 100vw);

    }

    #program .program-list .program .cast-wrap .list {

        width: calc(100% - calc(120 / 375 * 100vw));

    }

    #program .program-list .program .cast-wrap .figure {

        width: calc(100 / 375 * 100vw);

    }

    #program .pic01 {

        bottom: calc(-51 / 375 * 100vw);

        left: calc(228 / 375 * 100vw);

        width: calc(111 / 375 * 100vw);

    }

    #program .shi {

        font-size: 0.8em;

    }

    body[data-size="large"] #program .shi {

        font-size: 0.8em;

    }

    #program .top-program-title {

        text-align:center;

        font-size:2.5em;

        margin-top:0px;

        color: var(--key-color);

        font-weight: 500;

    }

    #program .top-program {

        text-align:center;

        font-size:1.8em;

        line-height:1.7em;

        margin-top:10px;

        margin-bottom:80px;

    }

}





/* pr

---------------------------------------------------*/

#pr {

    width: 100%;

    background-color: var(--background-color);

}

#pr .inner {

    position: relative;

    padding: 105px 0 146px;

}

#pr .pr-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px 2.5%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

#pr .pr-list .pr {

    position: relative;

    width: 31.6666%;

    background-color: var(--white-color);

    border-radius: 20px;

    padding: 25px 40px 45px;

}

#pr .pr-list .pr .title {

    text-align: center;

    line-height: 1.5em;

    color: var(--key-color);

    font-size: 1.8em;

    font-weight: 700;

    margin-bottom: 0.9em;

}

#pr .pr-list .pr .figure {

    width: 100%;

    margin-bottom: 20px;

}

#pr .pr-list .pr .figure img {

    width: 100%;

    border-radius: 20px;

}

#pr .pr-list .pr .date,

#pr .pr-list .pr .content {

    /*text-align: center;*/

    line-height: 1.66em;

    font-size: 1.5em;

}

#pr .pr-list .pr .date,

#pr .pr-list .pr .text {

    /*text-align: center;*/

    line-height: 1.66em;

    font-size: 1.5em;

    padding-top: 8px;

}

#pr .pic {

    position: absolute;

}

#pr .pic01 {

    bottom: -85px;

    right: calc(50% + 636px);

    width: 184px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #pr .inner {

        padding: calc(66 / 375 * 100vw) 0 calc(65 / 375 * 100vw);

    }

    #pr .pr-list {

        flex-direction: column;

        gap: calc(20 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #pr .pr-list .pr {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

        padding: calc(34 / 375 * 100vw) calc(25 / 375 * 100vw) calc(25 / 375 * 100vw);

    }

    #pr .pr-list .pr .figure {

        margin-bottom: calc(12 / 375 * 100vw);

    }

    #pr .pr-list .pr .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #pr .pic01 {

        bottom: calc(-40 / 375 * 100vw);

        right: calc(255 / 375 * 100vw);

        width: calc(100 / 375 * 100vw);

    }

}





/* stamp

---------------------------------------------------*/

#stamp {

    width: 100%;

    background-color: #faf7e9;

}

#stamp .inner {

    position: relative;

    padding: 100px 0 115px;

}

#stamp .section-title {

    margin-bottom: 65px;

}

#stamp .figure {

    width: 96%;

    inline-size: fit-content;

    /*max-inline-size: 800px;*/

    max-inline-size: 1024px;

    margin-inline: auto;

    margin: 0 auto 64px;

}

#stamp .figure img {

    width: 100%;

    /*border-radius: 20px;*/

}

#stamp .figure .caption {

    line-height: 1.66em;

    font-size: 1.5em;

    word-break: break-all;

    inline-size: 0;

    min-inline-size: fit-content;

    margin-inline: auto;

    margin-top: 50px;

}

.btn-link {

    text-align: center;

}

.btn-link a {

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    width: 500px;

    height: 80px;

    text-align: center;

    line-height: 1.4em;

    color: #fff;

    font-size: 2.2em;

    font-weight: 500;

    background-color: var(--key-color);

    border-radius: 4em;

    cursor: pointer;

    margin: 0 auto;

}

.btn-link a::after {

    position: absolute;

    content: '';

    top: 50%;

    right: 36px;

    translate: 0 -50%;

    width: 20px;

    aspect-ratio: 1 / 1;

    background-image: url('../img/top/icon_blank.svg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

}

#stamp .pic {

    position: absolute;

}

#stamp .pic01 {

    bottom: -137px;

    left: calc(50% + 616px);

    width: 181px;

}

.stamp-pc {

    display: block;

}

.stamp-sp {

    display: none;

}

#stamp .stamp-map {

    padding:50px 23.8% 0;

    filter:drop-shadow(5px 5px 5px #dddddd);

}

#stamp .prize {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px 4%;

    width: 96%;

    max-width: 800px;

    margin: 20px auto 50px;

}

#stamp .prize-pic {

    width:250px;

    border-radius: 20px;

    margin: 20px 0 10px;

}

#stamp .prize-text {

    text-align:center;

    font-size: 0.9em;

    line-height:1.5em;

}

#stamp .qr {

    text-align:center;

    margin-top:40px;

    width:200px;

}

#stamp .qr-text {

    text-align:center;

    font-size:0.9em;

    line-height:1.5em;

    margin-top:0px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #stamp .inner {

        position: relative;

        padding: calc(37 / 375 * 100vw) 0 calc(46 / 375 * 100vw);

    }

    #stamp .section-title {

        margin-bottom: calc(35 / 375 * 100vw);

    }

    #stamp .figure {

        width: calc(320 / 375 * 100vw);

        max-inline-size: calc(320 / 375 * 100vw);

        margin: 0 auto calc(30 / 375 * 100vw);

    }

    #stamp .figure img {

        width: 100%;

        /*border-radius: calc(20 / 375 * 100vw);*/

    }

    #stamp .figure .caption {

        margin-top: calc(30 / 375 * 100vw);

    }

    .btn-link a {

        width: calc(320 / 375 * 100vw);

        height: calc(80 / 375 * 100vw);

        border-radius: 8em;

        font-size: 1.8em;

        margin-bottom: 50px;

    }

    .btn-link a::after {

        right: calc(27 / 375 * 100vw);

        width: calc(20 / 375 * 100vw);

    }

    #stamp .pic01 {

        bottom: calc(-51 / 375 * 100vw);

        left: calc(228 / 375 * 100vw);

        width: calc(111 / 375 * 100vw);

    }

    .stamp-pc {

        display: none;

    }

    .stamp-sp {

        display: block;

    }

    #stamp .stamp-map {

        padding:50px 0 0;

        margin-bottom: 20px;

    }

    #stamp .prize {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        gap: 20px 4%;

        width: 96%;

        max-width: 800px;

        margin: 20px auto 50px;

    }

    #stamp .prize-pic {

        width:170px;

        border-radius: 20px;

    }

    #stamp .prize-text {

        text-align:left;

        font-size: 0.9em;

        line-height:1.5em;

        padding: 0px 0 0;

    }

    #stamp .qr {

        text-align:center;

        margin-top:50px;

        width:200px;

    }

    #stamp .qr-text {

        text-align:left;

        font-size:0.9em;

        line-height:1.5em;

        margin-top:0px;

    }

}





/* other

---------------------------------------------------*/

#other {

    width: 100%;

}

#other .inner {

    position: relative;

    padding: 120px 0 150px;

}

#other .workshop-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 40px 3.3332%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

#other .workshop-list .workshop {

    width: 48.3334%;

    background-color: var(--white-color);

    border-radius: 20px;

    padding: 30px 40px 35px;

}

#other .workshop-list .workshop .heading {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-direction: row-reverse;

    margin-bottom: 26px;

}

#other .workshop-list .workshop .title-wrap {

    /*width: 70%;*/ /* 9-11 */

    width: 80%;

}

#other .workshop-list .workshop .title-wrap .tag {

    line-height: 1.6em;

    color: var(--key-color);

    font-size: 1.8em;

    font-weight: 500;

    margin-bottom: 0.8em;

}

#other .workshop-list .workshop .title-wrap .title {

    line-height: 1.4em;

    color: var(--key-color);

    font-size: 2.4em;

    font-weight: 500;

    word-break: break-all;

}

#other .workshop-list .workshop .date-wrap {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    column-gap: 4%;

    width: 25%;

}

#other .workshop-list .workshop .date-wrap .date {

    width: min(60px, 48%);

}

#other .workshop-list .workshop .date-wrap .date img {

    width: 100%;

}

#other .workshop-list .workshop .content {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    margin-bottom: 25px;

}

#other .workshop-list .workshop .figure {

    width: 60%;

}

#other .workshop-list .workshop .figure img {

    width: 100%;

    border-radius: 20px;

}

#other .workshop-list .workshop dl.list {

    width: 36%;

    text-align: center;

}

#other .workshop-list .workshop dl.list dt {

    width: 100%;

    color: #fff;

    font-size: 1.5em;

    background-color: var(--key-color);

    border-radius: 4em;

    padding: 0.5em;

}

#other .workshop-list .workshop dl.list dd {

    width: 100%;

    line-height: 1.5em;

    font-size: 1.5em;

}

#other .workshop-list .workshop dl.list dt + dd {

    margin-top: 0.33em;

}

#other .workshop-list .workshop dl.list dd + dt {

    margin-top: 1em;

}

#other .workshop-list .workshop .explain p {

    line-height: 1.66em;

    font-size: 1.5em;

    word-break: break-all;

}

#other .pic {

    position: absolute;

}

#other .pic01 {

    bottom: -85px;

    right: calc(50% + 636px);

    width: 184px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #other .inner {

        padding: calc(98 / 375 * 100vw) 0 calc(128 / 375 * 100vw);

    }

    #other .workshop-list {

        flex-direction: column;

        gap: calc(20 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #other .workshop-list .workshop {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

        padding: calc(20 / 375 * 100vw) calc(25 / 375 * 100vw) calc(35 / 375 * 100vw);

    }

    #other .workshop-list .workshop .heading {

        flex-direction: column;

        margin-bottom: calc(15 / 375 * 100vw);

    }

    #other .workshop-list .workshop .title-wrap {

        width: 100%;

        text-align: center;

    }

    #other .workshop-list .workshop .title-wrap .tag {

        margin-bottom: 0.2em;

    }

    #other .workshop-list .workshop .date-wrap {

        justify-content: center;

        column-gap: calc(5 / 375 * 100vw);

        width: 100%;

        margin-bottom: calc(10 / 375 * 100vw);

    }

    #other .workshop-list .workshop .date-wrap .date {

        width: calc(60 / 375 * 100vw);

    }

    #other .workshop-list .workshop .content {

        flex-direction: column;

        margin-bottom: calc(16 / 375 * 100vw);

    }

    #other .workshop-list .workshop .figure {

        width: 100%;

        margin-bottom: calc(20 / 375 * 100vw);

    }

    #other .workshop-list .workshop .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #other .workshop-list .workshop dl.list {

        width: 100%;

    }

    #other .pic01 {

        bottom: calc(-40 / 375 * 100vw);

        right: calc(255 / 375 * 100vw);

        width: calc(100 / 375 * 100vw);

    }

}





/* information

---------------------------------------------------*/

#information {

    width: 100%;

    background-color: var(--key-color);

}

#information .inner {

    position: relative;

    background-image: url('../img/top/information_bg.webp');

    background-repeat: no-repeat;

    background-position: center top;

    background-size: 1920px 783px;

    padding: 115px 0 86px;

}

#information .information-title {

    position: relative;

    text-align: center;

    line-height: 1.27em;

    color: #fff;

    font-size: 3.6em;

    font-weight: 500;

    width: fit-content;

    margin-inline: auto;

    margin-bottom: 70px;

}

#information .information-title::before,

#information .information-title::after {

    content: '';

    position: absolute;

    top: 60%;

    translate: 0 -50%;

    width: 120px;

    height: 2px;

    background-color: #fff;

}

#information .information-title::before {

    left: -130px;

    rotate: 50deg;

}

#information .information-title::after {

    right: -130px;

    rotate: -50deg;

}

#information .information-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px 7.22%;

    width: 96%;

    max-width: 970px;

    margin: 0 auto;

}

#information .information-list .information {

    position: relative;

    width: 46.39%;

}

#information .information-list .information .figure {

    width: 100%;

    margin-bottom: 27px;

}

#information .information-list .information .figure img {

    width: 100%;

    border-radius: 20px;

}

#information .information-list .information .title {

    text-align: center;

    line-height: 1.25em;

    color: #fff;

    font-size: 2.0em;

    margin-bottom: 0.9em;

}

#information .information-list .information .txt {

    text-align: center;

    line-height: 1.66em;

    color: #fff;

    font-size: 1.5em;

}





/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #information .inner {

        background-image: url('../img/top/information_bg_sp.webp');

        background-size: 100% auto;

        padding: calc(64 / 375 * 100vw) 0 calc(32 / 375 * 100vw);

    }

    #information .information-title {

        font-size: 2.0em;

        margin-bottom: calc(57 / 375 * 100vw);

    }

    #information .information-title::before,

    #information .information-title::after {

        width: calc(62 / 375 * 100vw);

    }

    #information .information-title::before {

        left: calc(-40 / 375 * 100vw);

    }

    #information .information-title::after {

        right: calc(-40 / 375 * 100vw);

    }

    #information .information-list {

        flex-direction: column;

        gap: calc(30 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #information .information-list .information {

        width: 100%;

    }

    #information .information-list .information .figure {

        margin-bottom: calc(20 / 375 * 100vw);

    }

    #information .information-list .information .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

}



/* map

---------------------------------------------------*/　 /* 9-11 */

#map {

    width: 100%;

}

#map .inner {

    position: relative;

    padding: 100px 0 0;

}

#map .section-title {

    margin-bottom: 65px;

}

#map .figure {

    width: 96%;

    inline-size: fit-content;

    max-inline-size: 800px;

    margin-inline: auto;

    margin: 0 auto 64px;

}

#map .figure img {

    width: 100%;

    border-radius: 20px;

}

#map .figure .caption {

    line-height: 1.66em;

    font-size: 2.5em;

    word-break: break-all;

    inline-size: 0;

    min-inline-size: fit-content;

    margin-inline: auto;

    margin-top: 50px;

}

#map .information-title {

    position: relative;

    text-align: center;

    line-height: 1.27em;

    /*color: #fff;*/

    font-size: 3.6em;

    font-weight: 500;

    width: fit-content;

    margin-inline: auto;

    margin-bottom: 70px;

}

#map .information-title::before,

#map .information-title::after {

    content: '';

    position: absolute;

    top: 60%;

    translate: 0 -50%;

    width: 120px;

    height: 2px;

    background-color: #fff;

}

#map .information-title::before {

    left: -130px;

    rotate: 50deg;

}

#map .information-title::after {

    right: -130px;

    rotate: -50deg;

}

#map .information-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px 4%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

#map .information-list .information {

    position: relative;

    width: 48%;

}

#map .information-list .information .figure {

    width: 100%;

    margin-bottom: 27px;

}

#map .information-list .information .figure img {

    width: 100%;

    border-radius: 20px;

}

#map .information-list .information .title {

    text-align: center;

    line-height: 1.25em;

    /*color: #fff;*/

    font-size: 2.0em;

    margin-bottom: 0.9em;

}

#map .information-list .information .txt {

    text-align: center;

    line-height: 1.66em;

    color: #fff;

    font-size: 1.5em;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #map .inner {

        position: relative;

        padding: calc(37 / 375 * 100vw) 0 calc(46 / 375 * 100vw);

    }

    #map .section-title {

        margin-bottom: calc(35 / 375 * 100vw);

    }

    #map .figure {

        width: calc(320 / 375 * 100vw);

        max-inline-size: calc(320 / 375 * 100vw);

        margin: 0 auto calc(30 / 375 * 100vw);

    }

    #map .figure img {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

    }

    #map .figure .caption {

        margin-top: calc(30 / 375 * 100vw);

    }

    #map .information-title {

        font-size: 2.0em;

        margin-bottom: calc(57 / 375 * 100vw);

    }

    #map .information-title::before,

    #map .information-title::after {

        width: calc(62 / 375 * 100vw);

    }

    #map .information-title::before {

        left: calc(-40 / 375 * 100vw);

    }

    #map .information-title::after {

        right: calc(-40 / 375 * 100vw);

    }

    #map .information-list {

        flex-direction: column;

        gap: calc(30 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #map .information-list .information {

        width: 100%;

    }

    #map .information-list .information .figure {

        margin-bottom: calc(20 / 375 * 100vw);

    }

    #map .information-list .information .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

}





/* timetable

---------------------------------------------------*/　 /* 9-11 */

#timetable {

    width: 100%;

}

#timetable .inner {

    position: relative;

    padding: 100px 0 80px;

}

#timetable .section-title {

    margin-bottom: 65px;

}

#timetable .figure {

    width: 96%;

    inline-size: fit-content;

    max-inline-size: 800px;

    margin-inline: auto;

    margin: 0 auto 64px;

}

#timetable .figure img {

    width: 100%;

    border-radius: 20px;

}

#timetable .figure .caption {

    line-height: 1.66em;

    font-size: 2.5em;

    word-break: break-all;

    inline-size: 0;

    min-inline-size: fit-content;

    margin-inline: auto;

    margin-top: 50px;

}

#timetable .information-title {

    position: relative;

    text-align: center;

    line-height: 1.27em;

    /*color: #fff;*/

    font-size: 3.6em;

    font-weight: 500;

    width: fit-content;

    margin-inline: auto;

    margin-bottom: 70px;

}

#timetable .information-title::before,

#timetable .information-title::after {

    content: '';

    position: absolute;

    top: 60%;

    translate: 0 -50%;

    width: 120px;

    height: 2px;

    background-color: #fff;

}

#timetable .information-title::before {

    left: -130px;

    rotate: 50deg;

}

#timetable .information-title::after {

    right: -130px;

    rotate: -50deg;

}

#timetable .information-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px 4%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

}

#timetable .information-list .information {

    position: relative;

    width: 48%;

}

#timetable .information-list .information .figure {

    width: 100%;

    margin-bottom: 27px;

}

#timetable .information-list .information .figure img {

    width: 100%;

    border-radius: 20px;

}

#timetable .information-list .information .title {

    text-align: center;

    line-height: 1.25em;

    /*color: #fff;*/

    font-size: 2.0em;

    margin-bottom: 0.9em;

}

#timetable .information-list .information .txt {

    text-align: center;

    line-height: 1.66em;

    color: #fff;

    font-size: 1.5em;

}

#timetable .pic {

    position: absolute;

}

#timetable .pic01 {

    bottom: -85px;

    right: calc(50% + 636px);

    width: 184px;}

#timetable .pic02 {

    bottom: -69px;

    left: calc(50% + 216px);

    width: 351px;

}

#timetable .timeimg {

    /*filter: drop-shadow(5px 5px 5px #dddddd);*/

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #timetable .inner {

        position: relative;

        padding: calc(37 / 375 * 100vw) 0 calc(46 / 375 * 100vw);

    }

    #timetable .section-title {

        margin-bottom: calc(35 / 375 * 100vw);

    }

    #timetable .figure {

        width: calc(320 / 375 * 100vw);

        max-inline-size: calc(320 / 375 * 100vw);

        margin: 0 auto calc(30 / 375 * 100vw);

    }

    #timetable .figure img {

        width: 100%;

        border-radius: calc(20 / 375 * 100vw);

    }

    #timetable .figure .caption {

        margin-top: calc(30 / 375 * 100vw);

    }

    #timetable .information-title {

        font-size: 2.0em;

        margin-bottom: calc(57 / 375 * 100vw);

    }

    #timetable .information-title::before,

    #timetable .information-title::after {

        width: calc(62 / 375 * 100vw);

    }

    #timetable .information-title::before {

        left: calc(-40 / 375 * 100vw);

    }

    #timetable .information-title::after {

        right: calc(-40 / 375 * 100vw);

    }

    #timetable .information-list {

        flex-direction: column;

        gap: calc(30 / 375 * 100vw) 0;

        width: calc(320 / 375 * 100vw);

    }

    #timetable .information-list .information {

        width: 100%;

    }

    #timetable .information-list .information .figure {

        margin-bottom: calc(20 / 375 * 100vw);

    }

    #timetable .information-list .information .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #timetable .pic01 {

        bottom: calc(-52 / 375 * 100vw);

        right: calc(275 / 375 * 100vw);

        width: calc(48 / 375 * 100vw);

    }

    #timetable .pic02 {

        bottom: calc(-52 / 375 * 100vw);

        left: calc(184 / 375 * 100vw);

        width: calc(175 / 375 * 100vw);

    }

}





/* access

---------------------------------------------------*/

#access {

    position: relative;

    width: 100%;

    z-index: 2;

}

#access .inner {

    position: relative;

    padding: 110px 0 100px;

}

#access .section-title {

    margin-bottom: 48px;

}

#access .address-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    column-gap: 4.1667%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto 64px;

}

#access .address-wrap .figure {

    width: 43.75%;

}

#access .address-wrap .figure img {

    width: 100%;

    border-radius: 20px;

}

#access .address-wrap .text-wrap {

    width: 52.0833%;

}

#access .address-wrap .text-wrap .title {

    line-height: 1.5em;

    font-size: 2.6em;

    font-weight: 500;

    margin-bottom: 24px;

}

#access .address-wrap .text-wrap .address {

    line-height: 1.5em;

    font-size: 1.5em;

    margin-bottom: 1.5em;

}

#access .address-wrap .text-wrap dl.root-list {

    display: flex;

    flex-wrap: wrap;

    line-height: 1.5em;

    font-size: 1.5em;

    margin-bottom: 1.5em;

}

#access .address-wrap .text-wrap dl.root-list dt {

    width: 43.52%;

}

#access .address-wrap .text-wrap dl.root-list dd {

    width: 56.48%;

}

#access .address-wrap .text-wrap .link {

    line-height: 1.5em;

    font-size: 1.5em;

}

#access .address-wrap .text-wrap .link a[target="_blank"]::after {

    content: '';

    display: inline-block;

    width: 1em;

    aspect-ratio: 1 / 1;

    background-image: url('../img/top/icon_blank_bk.svg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    margin-left: 0.5em;

}

#access .map {

    width: 96%;

    max-width: 1200px;

    aspect-ratio: 1200 / 400;

    margin: 0 auto;

}

#access .partner-block {

    margin-top: 140px;

}

#access .partner-block-title {

    text-align: center;

    line-height: 1.5em;

    color: #000;

    font-size: 3.0em;

    font-weight: 500;

    margin-bottom: 2.0em;

}

#access ul.partner-list {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 1.28%;

    width: 96%;

    max-width: 1200px;

    background-color: #fff;

    padding: 30px 3.3333%;

    margin: 0 auto;

}

#access ul.partner-list li {

    width: 15.6%;

}

#access ul.partner-list li img {

    width: 100%;

}

#access ul.tokyo-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px;

    width: 96%;

    max-width: 1200px;

    margin: 60px auto 0;

}

#access ul.tokyo-list li {

    width: 240px;

}

#access ul.tokyo-list li img {

    width: 100%;

}

#access .pic {

    position: absolute;

}

#access .pic01 {

    bottom: -86px;

    left: calc(50% + 620px);

    width: 163px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #access .inner {

        padding: calc(40 / 375 * 100vw) 0 calc(30 / 375 * 100vw);

        margin-bottom: 80px;

    }

    #access .section-title {

        margin-bottom: calc(46 / 375 * 100vw);

    }

    #access .address-wrap {

        flex-direction: column;

        column-gap: 0;

        row-gap: calc(24 / 375 * 100vw);

        width: calc(320 / 375 * 100vw);

        margin: 0 auto calc(30 / 375 * 100vw);

    }

    #access .address-wrap .figure {

        width: 100%;

    }

    #access .address-wrap .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #access .address-wrap .text-wrap {

        width: 100%;

    }

    #access .address-wrap .text-wrap .title {

        font-size: 2.0em;

        margin-bottom: calc(17 / 375 * 100vw);

    }

    #access .address-wrap .text-wrap .address {

    }

    #access .address-wrap .text-wrap dl.root-list dt,

    #access .address-wrap .text-wrap dl.root-list dd {

        width: 100%;

    }

    #access .address-wrap .text-wrap dl.root-list dd + dt {

        margin-top: 1.5em;

    }

    #access .map {

        width: calc(320 / 375 * 100vw);

        aspect-ratio: 1 / 1;

    }

    #access .partner-block {

        margin-top: calc(47 / 375 * 100vw);

    }

    #access .partner-block-title {

        font-size: 2.0em;

        margin-bottom: 1.8em;

    }

    #access ul.partner-list {

        gap: 0 calc(15 / 375 * 100vw);

        width: calc(320 / 375 * 100vw);

        padding: calc(15 / 375 * 100vw) calc(12 / 375 * 100vw);

    }

    #access ul.partner-list li {

        width: calc(140 / 375 * 100vw);

    }

    #access ul.tokyo-list {

        align-items: center;

        flex-direction: column;

        gap: calc(20 / 375 * 100vw);

        margin: calc(30 / 375 * 100vw) auto 0;

    }

    #access ul.tokyo-list li {

        width: calc(240 / 375 * 100vw);

    }

    #access .pic01 {

        bottom: calc(-155 / 375 * 100vw);

        left: calc(237 / 375 * 100vw);

        width: calc(91 / 375 * 100vw);

    }

}



/* 託児所

---------------------------------------------------*/　 /* 9-11 */

#taku {

    width: 100%;

}

#taku .inner {

    position: relative;

    padding: 100px 0 0;

}

#taku .section-title {

    margin-bottom: 65px;

}

#taku .about-block {

    width: 1134px;

    margin: 0 auto 80px;

}

#taku .about-block p {

    line-height: 1.66em;

    font-size: 1.8em;

    word-break: break-all;

    inline-size: 0;

    min-inline-size: fit-content;

    margin-inline: auto;

    margin-top: 50px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #taku .inner {

        position: relative;

        padding: calc(37 / 375 * 100vw) 0 calc(46 / 375 * 100vw);

    }

    #taku .section-title {

        margin-bottom: calc(35 / 375 * 100vw);

    }

    #taku .about-block {

        width: 85%;

        margin: 0px auto 40px;

    }

    #taku .about-block p {

        line-height: 1.66em;

        font-size: 1.8em;

        word-break: break-all;

        inline-size: 0;

        min-inline-size: fit-content;

        margin-inline: auto;

        margin-top: 50px;

    }

}



/* パートナー

---------------------------------------------------*/

#partner {

    position: relative;

    width: 100%;

    z-index: 2;

}

#partner .inner {

    position: relative;

    padding: 110px 0 190px;

}

#partner .section-title {

    margin-bottom: 48px;

}

#partner .address-wrap {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    column-gap: 4.1667%;

    width: 96%;

    max-width: 1200px;

    margin: 0 auto 64px;

}

#partner .address-wrap .figure {

    width: 43.75%;

}

#partner .address-wrap .figure img {

    width: 100%;

    border-radius: 20px;

}

#partner .address-wrap .text-wrap {

    width: 52.0833%;

}

#partner .address-wrap .text-wrap .title {

    line-height: 1.5em;

    font-size: 2.6em;

    font-weight: 500;

    margin-bottom: 24px;

}

#partner .address-wrap .text-wrap .address {

    line-height: 1.5em;

    font-size: 1.5em;

    margin-bottom: 1.5em;

}

#partner .address-wrap .text-wrap dl.root-list {

    display: flex;

    flex-wrap: wrap;

    line-height: 1.5em;

    font-size: 1.5em;

    margin-bottom: 1.5em;

}

#partner .address-wrap .text-wrap dl.root-list dt {

    width: 43.52%;

}

#partner .address-wrap .text-wrap dl.root-list dd {

    width: 56.48%;

}

#partner .address-wrap .text-wrap .link {

    line-height: 1.5em;

    font-size: 1.5em;

}

#partner .address-wrap .text-wrap .link a[target="_blank"]::after {

    content: '';

    display: inline-block;

    width: 1em;

    aspect-ratio: 1 / 1;

    background-image: url('../img/top/icon_blank_bk.svg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

    margin-left: 0.5em;

}

#partner .map {

    width: 96%;

    max-width: 1200px;

    aspect-ratio: 1200 / 400;

    margin: 0 auto;

}

#partner .partner-block {

    margin-top: 140px;

}

#partner .partner-block-title {

    text-align: center;

    line-height: 1.5em;

    color: #000;

    font-size: 3.0em;

    font-weight: 500;

    margin-bottom: 2.0em;

}

#partner ul.partner-list {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 1.28%;

    width: 96%;

    max-width: 1200px;

    background-color: #fff;

    padding: 30px 3.3333%;

    margin: 0 auto;

}

#partner ul.partner-list li {

    width: 15.6%;

}

#partner ul.partner-list li img {

    width: 100%;

}

#partner ul.tokyo-list {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px;

    width: 96%;

    max-width: 1200px;

    margin: 60px auto 0;

}

#partner ul.tokyo-list li {

    width: 240px;

}

#partner ul.tokyo-list li img {

    width: 100%;

}

#partner .pic {

    position: absolute;

}

#partner .pic01 {

    bottom: -86px;

    left: calc(50% + 620px);

    width: 163px;

}



/* 768 */

@media screen and (min-width:1px) and (max-width: 768px) {

    #partner .inner {

        padding: calc(40 / 375 * 100vw) 0 calc(30 / 375 * 100vw);

    }

    #partner .section-title {

        margin-bottom: calc(46 / 375 * 100vw);

    }

    #partner .address-wrap {

        flex-direction: column;

        column-gap: 0;

        row-gap: calc(24 / 375 * 100vw);

        width: calc(320 / 375 * 100vw);

        margin: 0 auto calc(30 / 375 * 100vw);

    }

    #partner .address-wrap .figure {

        width: 100%;

    }

    #partner .address-wrap .figure img {

        border-radius: calc(20 / 375 * 100vw);

    }

    #partner .address-wrap .text-wrap {

        width: 100%;

    }

    #partner .address-wrap .text-wrap .title {

        font-size: 2.0em;

        margin-bottom: calc(17 / 375 * 100vw);

    }

    #partner .address-wrap .text-wrap .address {

    }

    #partner .address-wrap .text-wrap dl.root-list dt,

    #partner .address-wrap .text-wrap dl.root-list dd {

        width: 100%;

    }

    #partner .address-wrap .text-wrap dl.root-list dd + dt {

        margin-top: 1.5em;

    }

    #partner .map {

        width: calc(320 / 375 * 100vw);

        aspect-ratio: 1 / 1;

    }

    #partner .partner-block {

        margin-top: calc(47 / 375 * 100vw);

    }

    #partner .partner-block-title {

        font-size: 2.0em;

        margin-bottom: 1.8em;

    }

    #partner ul.partner-list {

        gap: 0 calc(15 / 375 * 100vw);

        width: calc(320 / 375 * 100vw);

        padding: calc(15 / 375 * 100vw) calc(12 / 375 * 100vw);

    }

    #partner ul.partner-list li {

        width: calc(140 / 375 * 100vw);

    }

    #partner ul.tokyo-list {

        align-items: center;

        flex-direction: column;

        gap: calc(20 / 375 * 100vw);

        margin: calc(30 / 375 * 100vw) auto 0;

    }

    #partner ul.tokyo-list li {

        width: calc(240 / 375 * 100vw);

    }

    #partner .pic01 {

        bottom: calc(-155 / 375 * 100vw);

        left: calc(237 / 375 * 100vw);

        width: calc(91 / 375 * 100vw);

    }

}