/* Fix format rem to px all Page */
@media(min-width: 1600px){
    .main-header .header-right ul a {
        font-size: 2rem;
    }
    .container{
        max-width: 1300px;
    }
    .custom-container{
        max-width: 1800px;
    }
}

table tr {
    vertical-align: top;
}

@media(min-width: 2000px) {
    .main-header .header-right ul a {
        font-size: 2rem;
    }

    .container,
    .interview .interview-bg,
    .schedule-forum .schedule-banner {
        max-width: 1700px;
    }
    .confirm-registration-content .container .confirm-registration .item-form h2 span::after {
        bottom: -0.3rem;
    }
    .tokyo-beijing-opening .conference-box  {
        width: fit-content;
        flex:none;
    }

    .tokyo-beijing-opening {
        justify-content: center;
    }
}

@media(max-width: 1400px){
    .main-header .header-wrap .header-left{
        column-gap: 1.4rem;
        min-width: 390px;
    }
    .header-wrap .lp-page .btn-lp{
        font-size: 16px;
    }
    .main-header .header-wrap{
        padding-left: 24px;
        padding-right: 24px;
    }
    .top-page .intro-banner .intro-overlay{
        padding: 60px 70px;
    }

    .main-header .header-right ul a {
        padding: 0 2.8rem;
    }
    /* mypage plan */

    .member-informations .packet-update-info {
    padding: 8rem 5rem 11.5rem 5rem;
    }

    /* mypage remove */
    .remove-acc .packet-remove-acc .reason-withdrawal {
        width: 100%;
    }

    .npo-overview .job2-item .btn-view-more{
        max-width: unset;
    }
    .npo-overview .job2-item .btn-base.btn-large {
        min-width: unset;
    }

}

@media(max-width: 1023px){
    .history .history-content::after {
        left: 0.9rem;
    }
    .main-header .header-wrap .header-left{
        min-width: 0;
    }
    .top-page .intro-banner .intro-overlay{
        padding: 50px 30px;
    }
    body{
        font-size: 14.4px;
    }
    html{
        font-size: 6px;
    }
    .normal_btn.large, .normal_btn_rev.large, .normal_btn2.large, .normal_btn2_rev.large, .normal_btn3.large, .normal_btn3_rev.large{
        max-width: 100%;
        font-size: 14px;
    }
    ul.breadcrumb{
        font-size: 14px;
    }
    .main-header .header-right{
        gap: 10px;
    }
    .main-header .header-wrap{
        padding-left: 16px;
        padding-right: 16px;
    }
    .search-item .category-label, .article-item .category-label{
        font-size: 11px;
    }
    .agenda-page.politics .agenda-intro .content-left .content > .block:first-child .socials{
        width: 100%;
    }
    .interview .interview-info .interview-text{
        max-height: 100%;
        -webkit-line-clamp: unset;
        font-size: 2.4rem;
    }
    .main-header .header-right .btn-account{
        padding: 1px 12px;
        min-width: 80px;
    }
    .schedule-event-item .event-info{
        padding-left: 0;
        padding-right: 0;
    }
    .publications .pub-header{
        padding-bottom: 40px;
        position: relative;
    }
    .publications .pub-header .btn-outline{
        bottom: 0;
        right: 0;
    }
    .intro-banner.dotank-banner-homepage .intro-content{
        font-size: 16px;
    }
    .top-page .intro-banner .intro-overlay .btn-base{
        font-size: 16px;
    }
    .our-work-page .genron-npo.ceo-thought .genron-npo-right .genron-npo-image{
        height: auto;
    }
    .our-work-page .report .report-list{
        grid-template-columns: repeat(2, 1fr);
    }

    .lastest-survey-section .lastest-survey-desc{
        padding-left: 0;
    }
    .become-a-member-page .representative-message .message-block .message-image{
        width: 100%;
    }
    .become-a-member-page .representative-message .message-block{
        flex-wrap: wrap;
    }
    .voices-supporters .voices-supporters-avatar{
        gap: 5px;
    }
    .member-intro-item .img-wrapper{
        width: 16rem;
    }
    .member-intro-item .member-intro-info{
        padding-top: 2rem;
    }


     /* Contact page */
     .contact-page .corporate-form-confirmation {
        padding: 5rem 6rem 7rem;
    }

    .sns-post-body-1 iframe {
        max-width: unset !important;
    }

    /* disscussion archive detail */
    .discussions-article .discussions-article-body {
        font-size: 2.4rem;
    }

    .discussions-article .related-article .posts-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    /* support us - legacy donation */
    .donations-by-bequest-content, .donations-by-bequest-component  {
        font-size: 2.4rem;
    }

    /* forum */
    .forum-application-text {
        font-size: 2.4rem;
    }

    /* Register free */
    .register-free-page.packet-register {
        padding: 4rem 0;
    }

    .list-step-register .packet-step-ar:nth-child(odd) {
        justify-content: flex-end;
    }

    /* Genron forum */
    .join-genron-forum-success .content-thanks-page {
        width: 100%;
    }

    /* Bigforum */
    .forum-details-main.big-forum .participants-wrap .participant-item .avatar-wrap {
        width: 38rem;
    }

    /* Support us donation */
    .support-us-page .message .message-top {
        flex-direction: column;
        row-gap: 1rem;
    }

    .support-us-desc .desc,
    .hometown-tax-box .desc,
    .donate-type-item .note {
        font-size: 2.4rem;
    }
    .message .message-top-content {
        font-size: 2.4rem;
        margin-bottom: 2.8rem
    }

    /* Tokyo pages list */
    .container_tokyo_conference {
        flex-direction: column;
        padding-right: 0;
        align-items: unset;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive{
        width: auto;
        height: 17rem;
    }
    .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper::before {
  background-color: unset;
    }
  .opportunity .opportunity-slide-wrapper .opportunity-slide {
    transition: 3s all ease-in-out;
  }
  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.active .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.inactive .img-wrapper .overlay-text {
    padding: 7.3rem 3.4rem 3rem 3.4rem;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.active .img-wrapper .overlay-text .opportunity-slide-title, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.inactive .img-wrapper .overlay-text .opportunity-slide-title {
    margin-bottom: 2rem;
  }
.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .slide-title, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .slide-title {
    display: block;
}
.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
    display: none;
}
.opportunity .opportunity-slide-wrapper .opportunity-slide .slide-title {
    max-width: unset;
    top: 30%;
}
.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide {
   overflow: hidden;
   transition: all 3s ease-in-out;
 }

 .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive {
   max-height: 17rem;
 }

 .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active {
   max-height: 500rem;
 }

.mypage-payhistory .list-mypage-pay .row_list p {
    width: 75%;
}
.mypage-payhistory .list-mypage-pay .row_list .date {
    width: 30%;
}
.mypage-payhistory .list-mypage-pay .row_list .amount {
    margin-right: 3rem;
}
/* mypage invoice */
.mypage-invoice .invoice .packet-invoice {
    margin-left: 6rem;
    margin-right: 6rem;
}
    .schedule-event-item
  {
        height: unset;
    }
        .history .event .event-year .event-month .bullet {
        top: 2.5rem;
        left: 0;
    }

    .history .event .event-year .event-month::before {
        left: 1.1rem;
    }
    .genron-npo-links.introduce .genron-npo-wrap .genron-npo-btn {
        left: 45%;
        bottom: 0;
    }

    .keynote-speaker {
         width: auto;
    }
    .big-forum .btn-join-wrapper .forum-assistance-program-box div a:first-child {
        margin-bottom: 0;
    }
    .big-forum .button-join-bigforum .btn-join-wrapper {
        padding: 0 0 2.05rem;
    }
    /* tokyo-beijing  */
    .conference-faqs .qna-item .qna-answer .answer-icon  {
        left: 2.4rem;
    }
    .qna-item .qna-answer .btn-collapse {
        right: 2.4rem;
    }
    .become-a-member-page .membership-types .membership-types-body ul li::after {
        top: 1.4rem;
    }
    .qna-item .qna-answer .answer-icon {
        left: 0.5rem;
}
.packet-verify-email .container h1 {
    margin-top: 5rem;
}
.content-periods__session {
    flex-wrap: wrap;
    justify-content: center;
}
/* About-us/Join/Volunteer  */
    .list-work-examples {
        display: grid;
        grid-template-columns: 1fr;
    }
    .list-work-examples .work-example-item {
        margin-bottom: 3.2rem;
    }
    /* current-talks  */
    .current-talks .article-item .thumb {
    width: 20rem;
    height: 14rem;
}
.inquiry-form-body .inquiry-form-personal {
    text-align: center;
}
 /* Contact/Completed  */
.contact-complete .contact-form-title {
    margin-bottom: 9rem;
    margin-top: 2.3rem;
}
/* mypage plan  */
.breakout-session-page .item_none_avatar {
    aspect-ratio: 5 / 5;
    width: 9rem;
    height: 12rem;
}
 /* support-us/donation  */
.support-us-page.donate .other-donate-item {
    min-height: 25rem;
}

.mypage-forum .discussion-search .post-type-wrap a {
    padding: .5rem 0 0 1rem;
}
.theme-top .theme-title span {
  border-bottom: none;
}

.theme-top .theme-title > span {
  display: inline-block;
  border-bottom: 1px solid #3E7472;
}

.discussions-article-details .youtube iframe {
    width: 100%;
}

.mypage-payhistory .list-mypage-pay .row_list .amount {
    min-width: fit-content;
}

.tokyo-conference-page .enq {
    margin: 6rem 2.4rem 6rem 2.4rem;
}

.choose-payment-method__register .payment-content,
.choose-payment-method__renew .payment-content,
.choose-payment-method__onetime .payment-content,
.choose-payment-method__publication__report .payment-content,
.choose-payment-method__bigforum .payment-content,
.choose-payment-method__seminar .payment-content
{
    display: block;
}
.choose-payment-method__register .note-description-payment-method,
.choose-payment-method__renew .note-description-payment-method,
.choose-payment-method__onetime .note-description-payment-method,
.choose-payment-method__publication__report .note-description-payment-method,
.choose-payment-method__bigforum .note-description-payment-method,
.choose-payment-method__seminar .note-description-payment-method
{
    margin-right: 0rem;
    width: 100%;
    height: auto;
}
.choose-payment-method__register .action-payment,
.choose-payment-method__renew .action-payment,
.choose-payment-method__onetime .action-payment,
.choose-payment-method__publication__report .action-payment,
.choose-payment-method__bigforum .action-payment,
.choose-payment-method__seminar .action-payment
 {
    width: 100%;
}


}
/* end */

@media screen and (min-width: 1024px) and (max-width: 1166px) {
    .mypage-forum .schedule-event-item .event-thumb {
        flex-shrink: unset;
    }
}

@media screen and (max-width: 1023px) and (min-width: 769px) {
     .mypage-forum .schedule-event-item .event-thumb {
        flex-shrink: unset;
}
.confirm-registration-content .container .confirm-registration .item-form h2 span::after {
    bottom: -1.5rem;
}

}

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

    /* Reason Donation Page */
    .reason-donation .message-bottom-button {
        width: 100%;
    }

    .reason-donation .btn-base.btn-alt {
        min-width: unset;
        width: 100%;
    }

    .donation-success-box .footer-bottom1 a.btn-base,
    .donation-success-box .footer-bottom2 a.btn-base {
        min-width: 35rem;
    }

    /* donation-corporation */
    .donation-corporation .furusato-form-body.donation {
        padding: 4rem 5rem;
    }

    .success-reception .section-group-button__main {
        margin-bottom: 2rem;
    }

    .success-reception .section-group-button__main {
        flex-direction: column;
        align-items: center;
        row-gap: 2rem;
    }

    .success-reception .section-group-button__main .btn-sm ,
    .success-reception .btn-top .btn-sm {
        width: 45rem;
    }

    /* gift */
    .member-gift-page .message-wrap {
        flex-direction: column;
    }

    .member-gift-page .message-wrap .col-left .avatar {
        max-width: 30rem;
    }

    /* disscussion archive detail */

    .discussions-article-details .related-article .posts-wrap {
        grid-template-columns: repeat(1, 1fr);
    }

    /* publications report  */
    .publication-report-page .item-content-left{
        width: 50%;
        min-width: 35rem;
        margin: 0 auto;
    }
    .publication-report-page .publication-report-item .report-item-content{
        flex-wrap: wrap;
    }

    /* support us - hometown tax donation */
    .notarized-will-donation .notarized-will-card-step {
        grid-template-columns: repeat(2, 1fr);
    }

    /* About us */
    .about-us-pages .message .message-top {
        display: flex;
        flex-direction: column
    }

    .message .message-top .message-image img {
        width: 100%;
    }

    /* history page */
    .about-us-history-page

    /* publication page */
    .publication-page .survey-item .survey-item-main-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 3rem;
    }
    .publication-page .survey-item .item-content-left  {
        width: 40%;
        min-width: 39rem;
    }
    .publication-page .item-content-right  {
        width: 100%;
    }

    /* cancle button seminar */
    .page-cancel .cancel-buttons {
        margin-top: 3rem;
    }

      .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide {
    overflow: hidden;
    transition: all 3s ease-in-out;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active {
    max-height: 500rem;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide .img-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper::before,
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text,
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
        padding: 10rem 2.9rem 3rem 2.9rem;
        display: block;
        position: relative;
        z-index: 3;
        min-height: 60rem;
    }
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
    display: none;
}

.confirm-registration-content .container .confirm-registration .item-form h2 span::after {
    bottom: -0.6rem;
}

.confirm-registration-content .container .confirm-registration .item-form h2 {
    line-height: unset;
}
.publication-page .survey-item .item-content-left {
    width: 100%;
}
.publication-page .survey-item .survey-item-main-content {
    display: block;
}
.about-us-pages .page-banner {
    background-size: auto;
}

.join-genron-forum-success.big-forum .page-thank .content-thanks-page {
    padding: 6rem 2rem;
}

.tokyo-beijing-default .content-periods span {
    min-width: 146px;
}
.note-message-genron-forum {
    margin-left: 0;
}

}



@media screen and (max-width: 500px) {
    /* mypage  */
    .member-informations .btn-edit-info {
        width: 100%;
    }
    /* Header */
    .main-header .header-right .btn-account {
        padding: 1px 8px;
        font-size: 2rem;
    }

    .main-header .menu-icon {
        width: 6.2rem;
    }

    /* Footer */
    .footer-link-wrap .footer-links {
        font-size: 1.4rem;
        justify-content: space-around;
        gap: 1.8rem 1.2rem;
    }

    .footer-link-wrap .footer-links.text-big a {
        font-size: 1.8rem;
    }

    /* Legacy-donation Page */
    .legacy-donation .grid-col-5 {
        grid-template-columns: repeat(2, 1fr);
    }

    /* donation-onetime */
    .furusato-form-body,
    .white-box-body {
        padding: 4rem 4rem;
    }

    .furusato-form-body .form-radio {
        margin-left: 3rem;
    }

    .furusato-form-body .form-radio label {
        margin-right: 4rem;
    }

    .donation-confirm-form .form-submit {
        display: flex;
        flex-direction: column;
        row-gap: 2rem;
    }

    .donation-confirm-form .btn-base.btn-form-edit {
        margin-right: 0;
    }

    .choose-payment .payment-warp a,
    .choose-payment .payment-warp button {
        font-size: 1.6rem;
    }

    .general-student-step-3 .verify-email * {
        font-size: 1.8rem;
    }

    /* corporate-donation pages */

    .corporate-donation-pages .donation-banner .context .title {
        font-size: 3.8rem;
    }

    .corporate-donation-pages .btn-base.btn-alt {
        min-width: unset;
        width: 98%;
    }

    /* donation-corporation */
    .donation-corporation .furusato-form-body.donation {
        padding: 4rem 4rem;
    }

    /* furusato-choice-donation */
    .furusato-choice-donation .corporate-form .corporate-form-button {
        min-width: unset;
        width: 95%;
    }

    .success-reception .btn-base {
        font-size: 2.2rem;
    }

    /* contact page */
    .inquiry-form-header {
        padding: 0 5rem;
    }

    .inquiry-form-body .inquiry-form-content form .inquiry-form-item input,
    .inquiry-form-body .inquiry-form-content form .inquiry-form-item .inquiry-form-select select {
        min-width: unset;
    }

    .inquiry-form-body .inquiry-form-content form .inquiry-form-action .inquiry-form-button {
        min-width: unset;
        width: 95%;
    }

    .contact-page .corporate-form-confirmation {
        padding: 5rem 3rem 7rem;
    }

    .contact-form-content {
        padding: 5.6rem 3rem;
    }

    .contact-form-content .contact-form-content-title {
        font-size: 3.8rem;
    }

    /* Ebook */

    .df-container>.df-ui-next,
    .df-container>.df-ui-prev {
        font-size: 4.2rem !important;
    }

    /* About us - commissioner */
    .member-director-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .member-intro-item .img-wrapper  {
        width: 20rem;
    }

    .member-intro-item .member-intro-info .member-intro-desc {
        font-size: 2rem;
    }

    .member-intro-item .member-intro-info {
        padding-left: 1.8rem;
    }

    /* disscussion archive */
    .discussion-archives form {
        flex-direction: column;
    }

    /* kudo */
    .announcement-content {
        padding: 4rem 1rem;
    }

    .announcement {
        gap: 2rem;
    }

    .previous-announcement .read-more .btn-base {
        min-width: 45rem;
    }

    /* about-us advisoryboardmember */
    .advisory-intro-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }

    .member-intro-item.advisory-intro-item .img-wrapper {
        width: 20rem;
    }

    /* register introduce */
    .introduce-register-page .btn-base.btn-alt {
        width: 90%;
        min-width: unset;
    }

    /* corporation donation  */

    .confirm-donation-corporation .section-group-button__main  {
        flex-direction: column;
        row-gap: 2rem;
    }

    .confirm-donation-corporation .btn-base.btn-form-edit {
        margin:0;
    }

    /* Discussion page */
    .discussion-search form  {
        flex-direction: column;
    }

    /* publications page */
    .report-confirm__form .block-header.second {
        padding: 0 8rem;
    }

    .report-confirm__form.report-confirm__form .block-header.second.fields-edit {
        padding: 0 5rem;
    }

    /* Register free */
    .packet-register .container .packet-update-info .item-update-info .name-form input {
        width: 100%;
    }

    .item-update-info .name-form {
        width: calc(50% - 0.5rem);
    }

    .packet-register .item-update-info .item-info-name {
        gap: 1rem;
    }

    .register-free-page .btn-form {
        width: 100%;
    }

    .packet-register .container .packet-update-info .item-update-info .item-info .list-radio {
        margin-left: 1rem;
    }

    .packet-register .container .packet-update-info .item-update-info .item-info .list-radio label  {
        margin-right: 5rem;
    }

    .item-update-info .item-info .list-radio label  {
        font-size: 2rem;
    }

    .packet-register .container .packet-update-info .item-update-info .item-info .list-radio.list-contact label:not(:last-child) {
        margin-right: 2.2rem
    }

    .register-premium .btn-form {
        width: 100%;
    }

    /* Register page */
    /* .list-step-register .packet-step-ar .item-step {
        width: 27rem;
    } */

    /* Genron forum  */
    .genron-forum-join .content-confirm-page .btn-group-forum {
        flex-direction: column;
    }

    /* Big forum */
    .btn-cancle-wrapp {
        flex-direction: column;
    }

    .btn-cancle-wrapp .cancel-btn-submit {
        height: 33px;
    }

    /* mypage invoice  */
    .mypage-invoice .modal-wrapper .modal .modal-body .form-group select, .modal-wrapper .modal .modal-body .form-group input {
        min-width: 56.6rem;
    }
    .remove-acc .packet-remove-acc .reason-withdrawal button {
        width: 100%;
    }

.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text,
  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 3rem;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text .row,
  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text .row {
    margin-top: auto;
  }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text{
        padding: 9rem 1.4rem 3rem 1.4rem;
    }
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.active .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide:first-of-type.inactive .img-wrapper .overlay-text{
        padding: 7.3rem 2.6rem 3rem 2.6rem;
    }

    .about-us-npo-speech-page .row .btn-alt {
        width: unset;
    }
    .npojob .img-wrapper .overlay-text .btn-base.btn-alt {
        min-width: 54.2rem;
    }
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide .img-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 1;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper::before,
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text,
    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
        padding: 10rem 2.9rem 3rem 2.9rem;
        display: block;
        position: relative;
        z-index: 3;
        min-height: 60rem;
    }

    .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide .img-wrapper {
    min-height: auto;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text,
  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: auto;
    padding-bottom: 3rem;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active .img-wrapper .overlay-text .row,
  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text .row {
    margin-top: auto;
  }

  .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .slide-title, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .slide-title {
    display: block;
}
.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text, .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive .img-wrapper .overlay-text {
    display: none;
}
.opportunity .opportunity-slide-wrapper .opportunity-slide .slide-title {
    max-width: unset;
    min-width: 100%;
    top: 30%;
}
.about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide {
   overflow: hidden;
   transition: all 3s ease-in-out;
 }

 .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.inactive {
   max-height: 17rem;
 }

 .about-us-npo-speech-page .opportunity .opportunity-slide-wrapper .opportunity-slide.active {
   max-height: 500rem;
 }

  /* contact/completed  */
  .contact-form-content .contact-form-content-button {
    min-width: 100%;
  }

  /* support-us/furusatodaikou  */
  .furusato-form .form-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 2rem;
  }
  .furusatodaikou-page .btn-base.btn-form-edit {
    margin-right: 0;
  }

.support-us-hometown-tax-donation .support-us-message .message-top-wrap {
    width: 100%;
}
.container-update-info-menber.change-membership .member-plan-detailt {
    line-height: 1;
}
.container-update-info-menber.change-membership .member-plan-detailt::before {
    bottom: -1rem;
}
.container-update-info-menber.change-membership .member-plan-detailt {
    margin: 0;
    font-size: 1.6rem;
}


.list-step-register .packet-step-ar .item-step {
    height: 9rem;
    width: 27.3rem;
}
.list-step-register .packet-step-ar:first-child {
    padding: 0;
}
.packet-step-ar:nth-child(3) .icon-arrow,
.packet-step-ar:nth-child(5) .icon-arrow {
    display: none;
}


@supports (-webkit-touch-callout: none) {
    body {
        position: relative;
        overflow-x: hidden;
        width: 100%;
    }
}
/* Safari-specifi */
    @supports (-webkit-hyphens:none) {
        .opportunity-slide.active {
            height: auto !important;
        }
        .confirm-registration-content .container {
            overflow-x: hidden;
    }
    }
    .change-membership .member-plan-item {
        gap: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .become-a-member-page .membership-types .membership-types-wrap {
        gap: 0rem;
    }
    .become-a-member-page .membership-types .membership-types-wrap .membership-types-item:not(:first-child) {
        margin-top: 2rem;
    }

    .about-20-years-page .line-header__title {
        font-size: 3.32rem;
    }

    .mypage-payhistory .list-mypage-pay .row_list p  {
        width: 60%;
    }

    .event-conference {
        padding: 6rem 2.4rem 6rem 2.4rem;
    }
    .event-conference__body {
        margin: 0;
    }

    ul.breadcrumb li:last-child  a {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
}