@import url(//use.fontawesome.com/releases/v5.7.2/css/all.css);


/* Bebas Neue */
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.woff') format('woff2'),
        url('../fonts/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Noto Sans JP */
@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
        url('../fonts/NotoSansJP-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
        url('../fonts/NotoSansJP-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/NotoSansJP-SemiBold.woff2') format('woff2'),
        url('../fonts/NotoSansJP-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('../fonts/NotoSansJP-Light.woff2') format('woff2'),
        url('../fonts/NotoSansJP-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Zen Kurenaido */
@font-face {
    font-family: 'Zen Kurenaido';
    src: url('../fonts/ZenKurenaido-Regular.woff2') format('woff2'),
        url('../fonts/ZenKurenaido-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Zen Kaku Gothic New*/
@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url('/fonts/ZenKakuGothicNew-Light.woff2') format('woff2'),
        url('/fonts/ZenKakuGothicNew-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url('/fonts/ZenKakuGothicNew-Regular.woff2') format('woff2'),
        url('/fonts/ZenKakuGothicNew-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url('/fonts/ZenKakuGothicNew-Medium.woff2') format('woff2'),
        url('/fonts/ZenKakuGothicNew-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url('/fonts/ZenKakuGothicNew-Bold.woff2') format('woff2'),
        url('/fonts/ZenKakuGothicNew-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zen Kaku Gothic New';
    src: url('/fonts/ZenKakuGothicNew-Black.woff2') format('woff2'),
        url('/fonts/ZenKakuGothicNew-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}





.fontawesome:before {
    font-family: "Font Awesome 5 Free";
    content: '\f007';
    font-weight: 900;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
}

body {
    background-color: #FFF;
    margin: 0 auto;
    color: #000000;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    /* overflow: hidden; */
    padding: 0 0;
}



footer {
    font-family: "Zen Kaku Gothic New", sans-serif;
    background-color: #2F1B00;
    font-family: "Zen Kaku Gothic New", sans-serif;
    background-color: #2F1B00;
    position: relative;
    height: auto;
    z-index: 100;
}

a:hover {
    color: #FC9D1C;
}

footer a {
    text-decoration: none !important;
}

h2 {
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 7%;
}

h3 {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.2rem;
}

main {
    background-color: #Fff;
}

small {
    font-size: 1.2rem;
    color: #FFF;
    display: flex;
    font-weight: 400;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 60px;
}

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

a {
    color: blue;
    text-decoration: none;
}

/* 静的ページ */
.title_wrapper_static h2 {
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 auto;
    padding: 60px 0 0;
    text-align: center;
    line-height: 1.2;
    line-height: 1.2;
    width: fit-content;
    word-break: auto-phrase;
}

.pc {
    display: inline-block;
}

.sp {
    display: none;
}

@media (max-width: 768px) {
    .pc {
        display: none;
    }

    .sp {
        display: inline-block;
    }
}


/* プロジェクト用モーダル
 */
/* モーダル関係スタイリング */
#modal-project {
    background: #fff;
    color: #2F1B00;
    display: none;
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0);
    height: auto;
    width: 80%;
    z-index: 999;
    padding: 40px 60px;
    border-radius: 24px;
    max-width: 913px;
}

#modal-support {
    background: #fff;
    display: none;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    height: auto;
    width: 80%;
    z-index: 999;
    padding: 56px 80px;
    text-align: center;
    border-radius: 24px;
}

#modal-support h2 {
    color: #FB782F;
    font-size: 24px;
    margin-bottom: 24px;
}

#modal-support input {
    border: #D8D8D8 2px solid;
    width: 100%;
    height: 50px;
    max-width: 500px;
    text-align: left;
    padding-left: 8px;
    display: block;
    margin: 0 auto 56px;
    font-weight: 600;
    font-size: 1.8rem;
}

.margin-text {
    margin-bottom: 20px;
}


.modal__inner {
    height: 100%;

}

.modal__inner p {
    font-size: 1.4rem;
    font-weight: 400;
}

.modal__inner h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 10px;
}

.modal__inner h3:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: linear-gradient(225deg, #FCA103 -1.67%, #FC6203 48.33%, #FC2403 98.33%);
}

.modal__check_container {
    background: #F2F2F2;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    gap: 20px 0;
    margin-bottom: 30px;
}

.modal__caution-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px 0;
    border-bottom: 1px solid #0000001A;
    font-family: Zen Kaku Gothic New;
    margin-bottom: 30px;

    .modal__caution-title {
        font-weight: 900;
        font-size: 28px;
        color: #FC6203;
        padding-bottom: 6px;
    }

    p {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 30px;
    }

    img {
        width: 50px;
        height: auto;

    }
}

.modal__check_form {
    display: flex;
    align-items: flex-start;
    position: relative;
    gap: 0 28px;
}

.modal__check_form .custum-mark {
    margin-top: 2px;
    border: 1.5px solid #0000004D;
    background: #FFFFFF;
}

.modal__check_form h4 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.modal__check_form input,
.modal_privacy-check-container input {
    display: none;
}

.modal__check_form input:checked+.custum-mark,
.modal_privacy-check-container input:checked+.custum-mark {
    background: #fff;
    border-color: #D8D8D8;
}

.modal__check_form input:checked+.custum-mark:after,
.modal_privacy-check-container input:checked+.custum-mark:after {
    content: "";
    position: absolute;
    left: 2.5px;
    width: 9px;
    height: 16px;
    border: solid #fd781d;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 1;
}


.modal_privacy-check-container {
    font-weight: 400;
    gap: 0 32px;
}

.modal_privacy-check-container h4 {
    font-weight: 500;
    font-size: 16px;

}

.modal_privacy-check-container label {
    position: relative;

}

.modal_privacy-check-container input {
    margin-right: 8px;
}

.modal_privacy-check-container h4 a {
    color: #CA4F02;
    text-decoration: underline;
    font-weight: 400;
    font-size: 16px;
}

.modal__button-container {
    display: flex;
    justify-content: center;
    gap: 0 20px;
}

.modal__button-container a[disabled] {
    pointer-events: none;
    /* マウスイベントの無効化 */
    opacity: 0.5;

}

.modal__back {
    box-shadow: 4px 4px 20px 0px #0000001A;
    border: 1.5px solid #FFFFFF;
    color: white;
    align-items: center;
    background: #21171580;
    display: inline-flex;
    font-size: 1.8rem;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 250px;
    border-radius: 60px;
}

.modal__button_orange {
    display: inline-flex;
    align-items: center;
    background: #FC6203;
    border: 1.5px solid #FFFFFF;
    border-radius: 60px;
    box-shadow: 4px 4px 20px 0px #0000001A;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 250px;
}

.modal__button_orange-support {
    display: inline-flex;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 325px;
}

#overlay {
    background: rgba(0, 0, 0, .7);
    display: none;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

/* 各種プロジェクトカード */
.wide_card {
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, .12);
    background-color: white;
    max-width: 1000px;
    width: 80vw;
    overflow: hidden;
    border-radius: 20px;
}

.wide_card>a {
    display: flex;

}

.wide_card a:hover {
    opacity: 1;
}

.wide_card_price_support {
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 1.2px;
    margin-top: -10px;
}

.wide_card-left {
    position: relative;
    flex-basis: 54%;

}

.wide_card-right {
    position: relative;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 20px 40px 10px;
}

.wide_card-digit {
    font-weight: 600;
}

header {
    font-family: "Zen Kaku Gothic New", sans-serif;
}

@media (min-width: 768px) {
    .header__hamburger {
        display: none;
    }
}

.header_nav {
    display: flex;
    list-style: none;
    flex-direction: column;
    align-items: center;
    padding: 4rem 0;
}

.nab_items h2 {
    margin: 4rem auto;
}

.nav__items {
    display: flex;
    flex-direction: column;
}

.nav-items__item {
    padding-bottom: 18px;
}

.nav-items__item a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-item-user .nav-items__item a {
    padding-left: 25px !important;
}

.nav-item-link .nav-items__item a {
    padding-left: 10px !important;
}

.nav-items__item a img {
    width: 8px;
}

.nav-items__item a .nav-items__item-inner img {
    width: 18px;
}

.nav-items__item a .nav-items__item-inner span {
    font-family: "Noto Sans JP", sans-serif;
    color: #222222;
    font-size: 1.6rem;
    line-height: 100%;
    font-weight: 500;
}

.nav-items__item-inner__notification {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
}

.nav-items__item-inner__notification .notification-count {
    background-color: #FC6203;
    border-radius: 100%;
    font-weight: bold;
}

.nav-items__item a .nav-items__item-inner__notification span.notification-count {
    color: #fff;
    /* padding: 4px 6px; */
    padding: 7px 5px;
    font-size: 13px;
    width: 25px;
    height: 25px;
    justify-content: center;
    align-items: center;
}

.user-icon-wrapper {
    position: relative;
    display: inline-block;
}

.user-icon-wrapper .notification-count {
    z-index: 50001;
    position: absolute;
    justify-content: center;
    align-items: center;
    top: -6px;
    right: -6px;
    background-color: #FC6203;
    color: white;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    padding: 7px 5px;
    line-height: 1;
    width: 23px;
    height: 23px;
    text-align: center;
    display: none;
}

@media(max-width: 768px) {
    .user-icon-wrapper .notification-count {
        font-size: 8px;
        top: 4px;
        right: -4px;
        padding: 4px 7px;
        width: 15px;
        height: 15px;
    }
}

.li-link-item {
    border-top: 1px solid #E5E5E5;
    padding-bottom: 15px;
    padding-top: 15px;
}

/* 追従バナー */
.flip-bnr {
    display: block;
    width: 300px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 101;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.flip-bnr.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.flip-bnr__close {
    position: absolute;
    top: -12px;
    right: -8px;
    width: 20px;
    height: 20px;
}

.flip-bnr__close img {
    width: 20px;
    height: 20px;
}

.flip-bnr a {
    display: block;
    opacity: 1;
}

.flip-bnr a img {
    width: 300px;
}

.flip-bnr.js_close {
    display: none;
}

.flip-bnr__fog {
    position: absolute;
    top: -25px;
    left: -25px;
}

.flip-bnr__fog img {
    width: 70px;
    height: 70px;
}

@keyframes fogFloat {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0);
    }
}

.flip-bnr:hover .flip-bnr__fog {
    animation: fogFloat 1.5s ease-in-out infinite;
}




@media screen and (max-width: 768px) {
    .flip-bnr {
        bottom: 15px;
        right: 15px;
    }

    .flip-bnr__close {
        top: -10px;
        right: -8px;
    }

    .flip-bnr__fog {
        position: absolute;
        top: -22px;
        left: -22px;
    }

    .flip-bnr__fog img {
        width: 70px;
        height: 70px;
    }

}

.modal-title {
    color: #2F1B00;
    padding-bottom: 13px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.6rem;
    font-weight: 700;
}

.link-underline {
    text-decoration: underline;
    color: #FD790E;
}

.whiteback {
    background-color: #fff;
}

.beigeback {
    background: #FCF4EF !important;
}

.next-first-wrapper {
    margin: 0 auto;

}

.l-inner-project-outline {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 5rem 0 1rem;
}


.l-inner-project-outline h1 {
    font-size: 32px;
    font-weight: 700;
    max-width: 700px;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.detail-card-top {
    max-width: 325px;
    margin: 0 auto;
    position: relative;
}

.project-note-edit {
    text-align: left;
    background-color: #FCF4EF;
    font-size: 1.6rem;
    max-width: 1200px;
    padding: 2rem 1.2rem 1rem;
}

.text-orange {
    font-size: 1.4rem;
    color: #FD781D;
    margin: 5px 0;
}

.button_orange-mini {
    padding: 1.4rem 2.0rem;
    background: #FD781D 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border: none;
    transition: .4s;
    border-radius: 1.3rem;
    opacity: 1;
    margin-top: 3rem;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    font-weight: 600;

}

.project-image-wrapper {
    width: 596px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    aspect-ratio: 334/217;
    overflow: hidden;
}

.project-image-wrapper>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 0 0 20px;
}

.project-image_0-wrapper {
    min-width: 325px;
    margin: 0 auto;
    width: 100%;
    aspect-ratio: 325/217;
    border-radius: 8px;
    overflow: hidden;
}

/* 詳細ページ */
.section-next_under-left {
    max-width: 585px;
    box-sizing: border-box;
    padding: 0 8px;
}

.section-next_under-left h3 {
    font-weight: 600;
    font-size: 1.8rem;
    margin: 0 auto 25px;
    width: auto;
}

.section-next_under-left ul {
    padding: 0;
    margin: 0;
}

.section-next_under-left ul li {
    list-style-type: none;
}

.section-next_under-left ul li:first-child {
    margin-bottom: 30px;
}

.yet-comment,
.activity-mini-container p,
.comment-title-container p,
.comment-content-container p {
    font-size: 1.6rem;
}



.comment-title-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-height: 24px;
}

.comment-content-container {
    max-height: 80px;
    overflow: hidden;
    margin-bottom: 8px;
}

.comment-title-container p:first-child {
    color: #fd781d;
    font-weight: 500;
}

.comment-title-container p:last-child {
    color: #B1B1B1;
    font-weight: 500;
}


.section-next_under-right {
    max-width: 615px;
}

.section-next_under-right_dis1 {
    display: flex;
    justify-content: center;
}


/* プロジェクトカード */
.rate_unit {
    height: 34px;
    width: 500px;
    border-radius: 20px;
    background-color: #D6D6D6;
    position: relative;
    overflow: hidden;
}

.rate_unit-mini {
    height: 34px;
    width: 300px;
    border-radius: 20px;
    background-color: #D6D6D6;
    position: relative;
    overflow: hidden;

}

.progress_mini {
    height: 24px;
    width: 180px;
    right: 1.8rem;
}

progress::-webkit-progress-bar {
    border-radius: 20px;
    background-color: #D6D6D6;
}

progress::-webkit-progress-value {
    border-radius: 20px;
    background-color: #FD781D;
}

progress::-moz-progress-bar {
    border-radius: 20px;
    background-color: #FD781D;
}

progress::-ms-fill {
    border-radius: 20px;
    background-color: #FD781D;
}

/* topページ */

.nextarea_title {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
}

.nextarea_title h2 {
    font-size: 2rem;
    color: #fd780d;
    margin: 20px 0 0 2rem;
}

.nextarea_bigimg {
    display: flex;
    margin: 0 auto 60px;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 20px;
    max-width: 1200px;
}

.nextarea_bigimg-dis {
    margin: 0 auto;
}

.nextarea_bigimg-dis_top-money {
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
    justify-content: center;
}

.nextarea_bigimg-dis_top-money img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.nextarea_bigimg-dis_top-money h4 {
    font-size: 1.9rem;
    margin: 0;
}

.nextarea_bigimg-dis_top h3 {
    font-size: 4.8rem;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.nextarea_bigimg-dis_top h3 span {
    font-size: 2rem;
    margin-left: 8px;
    position: relative;
    top: 32px;
}

.english-title-carouselarea {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 12rem;
    color: #fd780d;
}

.project-create-header {
    height: 94px;
    background-color: rgba(250, 250, 250, 0);
}

.nextarea_bigimg-dis_top p {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    margin: 0;
    color: #707070;
}

.nextarea_bigimg-dis_un {
    display: flex;
    justify-content: center;
}

.support_list_back {
    background-color: #FFFFFF;
    padding: 40px 0 60px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}



.support_list_back2 {
    padding-top: 0px !important;
}

.stp4_support_list_back a {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.stp4_support_list_back p {
    margin-bottom: 0;
}

.support_list_delete {
    background-color: #FFFFFF;
    padding: 6rem 0 12rem;
    text-align: center;
    font-size: 14px;
}

.line-open-chat {
    background-color: #57B737;
    color: white;
    font-weight: 600;
    font-size: 1.6rem;
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    width: 36rem;
    height: 5rem;
    border-radius: 13px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.publication {
    background-color: #FCF4EF;
    margin: 0 auto;
    padding: 3rem 2rem 4rem;

}

.application_area {
    width: 780px;
    margin: 56px auto;
}


.quesiton-edit_area {
    margin: 0 auto;
}

.quesiton-edit_area .question-edit-container {
    padding: 20px 40px 0 30px;
    background: #F8F8F8;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


@media (max-width:768px) {
    .quesiton-edit_area input {
        width: 100% !important;
    }

    .quesiton-edit_area .question-edit-container {
        padding: 25px 26px 0 26px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
}

.question-edit-container label {
    font-size: 17px;
    font-weight: 700;
    line-height: 24.62px;
    margin-top: 20px;
}

.answer-choice-area {
    height: 50px;
    margin-top: 17px;
    display: flex;
    align-items: center;
}

.answer-choice-area p {
    margin: 0 !important;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}

.answer-choice-area input {
    height: 20px !important;
    width: 20px !important;
    margin: 0 !important;
}

.question-edit-container input {
    border: 1px solid #00000014;
    display: block;
    background: #FFFFFF;
    padding: 10px 0 10px 15px;
    width: 710px;
    height: 43px;
    margin-top: 20px;
}

.publication-container {
    margin: 0 auto;
    max-width: 120rem;
    text-align: center;
}

.return-question-card {
    width: 600px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 8px;
    display: flex;

}

.return-question-card img {
    max-width: 50%;
    height: auto;
}

.question-card-text {
    padding: 16px 20px;
    font-size: 1.8rem;
    font-weight: 500;
}

.question-card-text p {
    margin-bottom: 15px;
}

.delivery-explanation {
    font-size: 1.4rem;
    background-color: #FCF4EF;
    border-radius: 10px;
    width: fit-content;
    padding: 8px 12px;
    font-weight: 400;
    color: black;
    margin: -1rem 0 4rem;
}

.question-explanation {
    background-color: #FCF4EF;
    border-radius: 10px;
    padding: 10px 15px;
    text-align: center;
    margin: 5px auto 35px;
}

.question-explanation h3 {
    color: #FD781D;
    font-weight: 500;
    font-size: 1.8rem;
}

.question-explanation p {
    font-weight: 400;
    font-size: 1.4rem;
}

.hint-title {
    font-size: 1.6rem;
    width: 500px;
    margin: 0 auto;
    border-radius: 27px;
    padding: 1em;
    display: block;
    color: #fff;
    background: #6EBAE3;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    position: relative;
    z-index: 3;
}

.hint-title span:first-child {
    content: "";
    position: absolute;
    right: 50%;
    transform: translate(50%);
    top: 40px;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    background-color: #fff;
    color: #fff;
    transition: all 0.3s;
    border: solid 2px #50BCE7;
}

.hint-title span:nth-child(2) {
    transform: rotate(90deg);
}

.toggle:checked+.hint-title span:nth-child(2) {
    transform: rotate(135deg) !important;
}

.toggle:checked+.hint-title span:last-child {
    transform: rotate(45deg) !important;
}

.current-image {
    width: 100%;
    max-width: 585px;
}

.hint-title span:nth-child(2),
.hint-title span:last-child {
    content: "";
    position: absolute;
    right: 49.7%;
    top: 48px;
    width: 2px;
    height: 0.75em;
    background-color: #50BCE7;
    transition: all 0.3s;
}

.toggle:checked+.hint-title+.hint-text {
    min-height: 200px;
    max-height: 500px;
    transition: all 1.5s;
}

.plan {
    display: flex;
}

.hint-text {
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    width: 500px;
    margin: 0 auto;
    max-height: 0;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    overflow: hidden;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.hint-text a {
    padding: 1.2rem 0;
    display: block;
}

.hint-text p {
    font-size: 1.2rem;
    color: #50BCE7;
}

.explanation-title {
    font-size: 1.6rem;
    width: 500px;
    margin: 0 auto;
    border-radius: 27px;
    padding: 1em;
    display: block;
    color: #fff;
    background: #fd781d;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    position: relative;
    z-index: 3;
}

.explanation-title span:first-child {
    content: "";
    position: absolute;
    right: 50%;
    transform: translate(50%, 50%);
    top: 50%;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    background-color: #fff;
    color: #fff;
    transition: all 0.3s;
    border: solid 2px rgba(254, 120, 35, 1.0);
}

.explanation-title span:nth-child(2) {
    transform: rotate(90deg);
}

.toggle:checked+.explanation-title span:nth-child(2) {
    transform: rotate(135deg) !important;
}

.toggle:checked+.explanation-title span:last-child {
    transform: rotate(45deg) !important;
}

.explanation-title span:nth-child(2),
.explanation-title span:last-child {
    content: "";
    position: absolute;
    right: 49.7%;
    top: 49px;
    width: 2px;
    height: 0.8em;
    background-color: #fd781d;
    transition: all 0.3s;
}

.toggle:checked+.explanation-title+.explanation-text {
    min-height: 345px;
    max-height: 500px;
    transition: all 1.5s;
    padding-bottom: 2rem;
}

.explanation-text {
    text-align: left;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    width: 325px;
    margin: 0 auto;
    max-height: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    overflow: hidden;
}

.explanation-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
}

.explanation-text h3 span {
    color: #fd781d;
}

.explanation-text p {
    padding: 0 0 1.2rem;
}

.first-text-toggle {
    margin-top: 30px;
}

.publication_application_wrapper {
    display: flex;
}

.publication_application button {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 20px;
    border-radius: 8px;
    line-height: 35px;
}

@media (min-width: 768px) {
    .publication_application button {
        margin-right: 34px;
    }

    .publication_application-mg {
        margin-top: 25px;
        margin-bottom: 60px;
    }

    .mypj_cip_container-application-border-bottom {
        border: solid 1px rgba(0, 0, 0, 0.1);
        max-width: 911px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .publication_application-mg {
        margin-top: 11px;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
    }

    .publication_application-mg a {
        text-decoration: none;
    }

    .mypj_cip_container-application-border-bottom {
        border: solid 1px rgba(0, 0, 0, 0.1);
        max-width: 326px;
        margin: 0 auto;
    }
}

.publication_application .mypj_submit-button {
    background-color: #fff;
    border: solid 2.5px #FD781D;
    color: #FD781D;
}

.publication_application .mypj_submit-button-changebutton {
    background-color: #fff;
    border: solid 2.5px #FD781D;
    color: #FD781D;
    font-family: Noto Sans JP;
    font-size: 16px;
    font-weight: 700;
    line-height: 23.17px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 23px;
    margin-top: 10px;
}

.publication_application .mypj_submit-button-blade-changebutton {
    font-size: 22px;
    font-weight: 700;
    line-height: 31.86px;
    text-align: left;
    border-radius: 60px;
    color: #fff;
    background-color: #FD781D;
    border: solid 2.5px #fff;
    padding: 15px 70px;
}

.publication_application .grayed-out {
    background-color: #a29e9d !important;
}

.publication_application .whitebutton-publication {
    background-color: #a29e9d;
    border: solid 2.5px #fff;
    color: rgba(255, 255, 255, 0.8);
}

.progress.createprocess {
    border: 2px black solid;
    border-radius: 5px;
    background-color: white;
    margin: 0 auto;
    width: 325px;
    height: 44px;
    position: relative;

}

.progress-bar.createprocess {
    background-color: #FDE2D2;
}

.progressbar-lefttext {
    position: absolute;
    left: 12px;
    z-index: 2;
    top: 12px;
}

.progressbar-righttext {
    color: #FD781D;
    text-align: right;
    font-size: 20px;
    position: absolute;
    right: 5px;
    z-index: 2;
}

.progress-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.nextarea_bigimg-dis_un-dis {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.nextarea_bigimg-dis_un-dis:first-child {
    padding-right: 60px;
    border-right: dotted 3px #000;
}

.nextarea_bigimg-dis_un-dis:last-child {
    padding-left: 60px;
}

.nextarea_bigimg-dis_un-dis_img {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nextarea_bigimg-dis_un-dis img {
    width: 32.15px;
    height: 32.25px;
}

.nextarea_bigimg-dis_un-dis p {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 8px 0 0;
}

.nextarea_bigimg-dis_un-dis_p p {
    font-size: 4.3rem;
    margin: 0;
    margin-left: 15px;
}

.nextarea_bigimg-dis_un-dis_p p span {
    font-size: 1.8rem;
    margin-top: 0;
    margin-left: 5px;
}

.projects-form_push {
    width: 166px;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 20px;
    margin: 0 8px;
}

.projects-form_push img {
    width: 166px;
}

.projects-form_push a {
    text-decoration: none;
}

.project-title_push {
    width: 150px;
    font-size: 0.7rem;
    font-weight: 400;
    color: #000;
    margin: 0 auto;
    padding: 8px 0;
    border-bottom: solid 2px #d6d6d6;
}

.reward-announce-container {
    margin: 0 auto;
    text-align: center;
    max-width: 44rem;
    border: solid 2px #FD781D;
    padding: 34px 8px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    font-size: 1.4rem;
    font-weight: 600;
}

.reward-announce-container ul,
.reward-announce-container h3 {
    font-size: 1.4rem;
    font-weight: 600;
}



.reward-announce-container h3 {
    color: #FD781D;
}

.reward-announce-container ul {
    margin: 4rem auto 2rem;
    list-style: disc;
    max-width: 200px;
}

.reward-announce-container ul li {
    padding-left: 2px;
}

.next-goal {
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 16px;
    background-color: #fd780d;
    color: white;
    padding: 2px 2px;
    border-radius: 6px;
}

.product-description__logo-wrapper {
    background-color: white;
    border-width: 2.4px;
    border-style: solid;
    border-radius: 20px;
    width: 73px;
    height: 26px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product-description__logo {
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -2px auto 0;
    scale: 0.7;
}

/* topページ終わり */
/* 探すページ */
.product-description {
    position: absolute;
    right: 10px;
    bottom: 10px;
    min-width: 100px;
    min-height: 36px;
    padding: 2px 8px 0px;
    border-radius: 6px;
    border: 2px solid #fff;
    z-index: 1;
}

.product-description p {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
}


.product-description-detail {
    position: absolute;
    right: 35px;
    bottom: 10px;
    min-width: 100px;
    min-height: 36px;
    padding: 2px 8px 0px;
    border-radius: 6px;
    border: 2px solid #fff;
    z-index: 1;
    font-size: 20px;
    font-weight: 600;
}

/* パスワード再発行 */
.button-wrapper-remind {
    padding: 20px 0 80px;

}

/* 探すページ終わり */
.button-wrapper {
    padding: 20px 0;

}



.top-img {
    margin: 20px auto 40px;
}

.support-alert-card {
    height: 30px;
    width: 100%;
    display: flex;
    background-color: #f98571;
    position: absolute;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0 0;
    z-index: 1;
}

.section-project_right {
    margin-left: 100px;
    width: 325px;
    margin-right: 50px;
    height: 100%;
}

.block-yen {
    display: inline-block;
    margin-left: 8px;
    width: 45px;
    height: 45px;
    padding: 8px 10px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    background: #D8D8D8;
    border-radius: 3px;
}

.block-manyen {
    line-height: 3;
    vertical-align: bottom;
    display: inline-block;
    margin-left: 4px;
    width: 45px;
    height: 45px;
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    border-radius: 3px;
}

#unit_price {

    width: 300px;
}

#capacity {
    width: 300px;
}

.form_content_stock {
    padding: 0px !important;
}

.orange_line {
    border-left: solid #fd781d 4px;
    color: #000;
    font-size: 2.2rem;
    margin: 0;
    padding-left: 17px;
}

.order_no_wrapper {
    display: flex;
    justify-content: space-between;
}

.set-photo {
    width: 325px;
    height: 218px;
}

.order_no_wrapper .order_no_box {
    width: 36px;
    height: 40px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.big_num {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    text-align: center;
}

.big_num+span {
    font-size: 13px;
    font-weight: 600;
}

.text-right {
    text-align: right;
}

.return_content {
    padding: 24px 63px 24px 131px;
    background-color: #FCF4EF;

}

.question-add-container {
    position: absolute;
    display: flex;
    font-weight: 700;
    align-items: center;
    gap: 15px;
    bottom: 0;
    right: 0;
}

.question-add-container-sp {
    display: none;
}

.returndelete-button img {
    width: 23px;
    height: 23px;
}

/* .question-add-container button img {
    height: 19px;
    width: 19px;
} */

/* .question-add-container button {
    display: block;
    color: #000;
    border-radius: 4px;
    border: 2px solid #000;
    font-size: 15px;
    font-weight: 500;
    background-color: white;
    text-decoration: none;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    height: 32px;
    text-align: center;
    width: 70px;
} */

.question-add-container button a {
    color: #000;
}

.return_order_button {
    border: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    margin: 0 !important;
    box-shadow: none !important;
    background-color: none !important;
}

.return-item-form {
    margin: 0 auto;
}

.return-container {
    width: 420px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
}

@media (min-width:769px) {
    .return-container {
        margin-left: 24.5px;
    }
}

.returntext-foreditor {
    margin-left: 20px;
}

.returntext-foreditor-innerbox {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.returntext-foreditor h3 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.returntext-foreditor_inner {
    display: flex;
    font-size: 14px;
}

.returntext-foreditor_inner p {
    margin-bottom: 0;
}

/* .returntext-foreditor_inner p:first-child {
    width: 130px;
} */

.returntext-price {
    display: inline;
    font-size: 14px;
    font-weight: 700;
    color: #Fd790E;
    border: 1.5px solid #Fd790E;
    border-radius: 50px;
    text-align: center;
    padding: 3px 10px;
}

.returnedit-button {
    margin-left: 50px;
}

.returnedit-button_modal img {
    margin-right: 1rem;
}

.returnedit-button img {
    margin-bottom: 3px;
    margin-right: 3px;
}

.return-card-forlist {
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    margin-bottom: 40px;
    padding: 12px 25px 9px;
    border-radius: 15px;
}

.section-project_right-center {
    width: 100%;
    height: 100%;
    aspect-ratio: 271/181;
}

.section-project_right-center img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 271/181;
}

.return-card-textbox {
    display: flex;
    padding: 12px 0 8px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.return-card-textbox.noimage {
    justify-content: flex-start;
    gap: 0 8px;

}

.return-card-textbox h4 {
    font-size: 35px;
    text-align: left;
    font-weight: 600;
    margin: 0;
    color: #Fd790E;
}



.return-card-textbox p {
    height: 24px;
    font-size: 14px;
    font-weight: 700;
    font-family: noto-sans-cjk-jp, sans-serif;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    padding: 2px 10px;
    margin: 0 0 3px 0;
}

.return-card-textbox p span {
    font-weight: 700;
    font-size: 14px;
}

.return-card-forlist a img {
    margin: 2px 0 0 10px;
}

.section-project_right-under p {
    margin: 0;
    line-height: 25px;
    margin: 5px 0;
    letter-spacing: -1px;
}

#project_return_end_text {
    padding: 0 8px;
    text-align: center;
}

.section-project_right-ed1 {
    margin: 0;
    padding: 0 15px;
}

.section-project_right-ed1 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.section-project_right-ed1 p span {
    font-size: 1.4rem;
    font-weight: 200;
}

.section-project_right-ed2 {
    margin: 0;
    padding: 15px 15px 20px;
}

.section-project_right-ed2 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.section-project_right-ed2 p span {
    font-size: 1.8rem;
    font-weight: 400;
}

.section-return_top select {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    height: 45px;
    margin: 0 15px 30px;
    padding: 0 10px;
    width: 173px;
}

.support-money_1 a {
    color: #fd781d;
    text-decoration: none;
}

.support-money_1 p {
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 200;
    margin: 0 0 20px;
    margin: 20px 0 0;
    text-align: center;
}

.support-money_1 p span {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 2px 6px 0 0;
}

.support_checkbox {
    width: 33%;
    display: flex;
    justify-content: space-between;
}

.support_list_top {
    margin: 0 auto;
}

.search-panel {
    background-color: #f8f8f8;
    padding: 25px 30px 25px 30px;
}

.search-container {
    background-color: white;
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
    position: relative;
    top: 42px;
}

.search-container .filter_modal {
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;

}

.search-container .filter_modal_content {
    background: #F5F5F5;
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    position: relative;

}

.search-container .filter_group {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
}

.search-container .filter_group.prefecture_filter {
    border: none;
    padding-bottom: 10px;
}

.search-container .filter_group h3 {
    font-size: 16px;
    flex-basis: 20%;
    letter-spacing: 0;
    padding-left: 10px;
}

.search-container .filter_options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 4px;
    flex-basis: 80%;

}

.search-container .filter_options label {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    padding: 3px 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
    background-color: white;
}

.search-container .filter_options input[type="checkbox"]:checked+label {
    background: #FD790E;
    color: white;
}


.search-container .filter_options input[type="checkbox"] {
    display: none;
}


.search-container .region {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.search-container .apply_search_filter {
    width: 180px;
    height: 36px;
    display: flex;
    margin: 12px auto;
    background: #2F1B00;
    border-radius: 3rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;

}

.search-container .clear_search_filter {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
    height: 20px;
    font-weight: 400;
    line-height: 1;
}

.search-container .clear_search_filter svg {
    overflow: visible;
}

.search-container .apply_button_container {
    width: 100%;
    position: relative;
}

.search-container .search_form_button_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.search-container .pst4_filtering.active::after {
    transform: translateY(-50%) rotate(45deg);
}


.search-container .pst4_filtering,
.search-container .pst4_sort {
    width: 160px;
}

.search-container .pst4_filtering:after,
.search-container .pst4_sort:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(0, 0, 0, 0.6);
    border-left: 2px solid rgba(0, 0, 0, 0.6);
    pointer-events: none;
    transform: translateY(-50%) rotate(-135deg);
}

.search-container .pst4_filtering .status_filter {
    width: 160px;
}

.search-container .pst4_sort .sort_filter {
    width: 160px;
}



@media (max-width: 768px) {
    .search-container {
        display: flex;
        flex-wrap: wrap;
        padding-top: 12px;
        gap: 10px;
    }

    .search-container .pst4_filtering .status_filter,
    .search-container .pst4_sort .sort_filter,
    .search-container .pst4_filtering,
    .search-container .pst4_sort {
        width: 30px;
        border-color: #7D7161;
    }
}

.search-main {
    margin: 0 auto;
    width: 100%;
    max-width: 930px;
    padding: 0 0 80px;

}

@media (max-width: 1200px) {
    .search-container .search-main {
        width: calc(100% - 2rem);
        margin: 0 auto;
    }

    .search-container .filter_drawer_overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        justify-content: center;
        align-items: center;
        z-index: 19999;
        overflow: hidden;
    }

    .search-container .filter_drawer_content {
        background: #FDFDFD;
        min-width: 300px;
        width: 80%;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 20000;
        height: 100vh;
        transform: translateX(100%);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1);


    }

    .search-container .filter_drawer_inner {
        background: #FDFDFD;
        padding: 30px 30px 100px;
        overflow-y: scroll;
        height: 100vh;

    }

    .search-container .filter_group {
        border-bottom: 1.5px rgba(33, 23, 21, 0.2) solid;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 12px;
    }

    .search-container .filter_group.prefecture_filter {
        border: none;
        padding-bottom: 10px;
    }

    .search-container .toggle-title {
        font-size: 15px;
        display: flex;
        position: relative;
        width: 100%;
        padding: 14px 0;
    }

    .search-container .toggle-title::before,
    .search-container .toggle-title::after {
        content: "";
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto 0;
        background-color: #000;
        width: 12px;
        height: 1px;
        transition: all 0.3s;
    }

    .search-container .toggle-title::after {
        transform: rotate(90deg);
    }

    .search-container .toggle-title.is-active::before {
        transform: rotate(180deg);
    }

    .search-container .toggle-title.is-active::after {
        transform: rotate(180deg);
        opacity: 0;
    }

    .search-container .filter_options.sp_filter_options {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        max-height: 0;
        overflow: hidden;
        transition: all 0.3s;
        padding: 0;
    }

    .search-container .filter_options.is-active {
        max-height: 500px;
        padding: 4px 0 8px;
    }

    .search-container .filter_options label {
        display: inline-block;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 20px;
        padding: 3px 10px;
        cursor: pointer;
        transition: all 0.3s;
        font-weight: 500;
        font-size: 13px;
    }

    .search-container .filter_options input[type="checkbox"]:checked+label {
        background: #FD790E;
        color: white;
    }

    .search-container .filter_options input[type="checkbox"] {
        display: none;
    }


    .search-container .region {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .search-container .clear_search_filter {
        position: static;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 20px auto 0;
    }

    .search_filter_bottom {
        position: sticky;
        left: 0;
        bottom: 0;
        z-index: 20000;
        background-color: white;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 20px;
    }


}

.search-main .achievement-list-favorite {
    gap: 10px;
}


.search-main .slide-card {
    width: 290px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    background-color: #FFF;
    border-radius: 10px;
}

.search-main .project-card {
    width: 290px;
    position: relative;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 10px;
}

@media (max-width: 768px) {

    .search-main .project-card,
    .search-main .slide-card {
        width: 325px;
    }

    .search-main .achievement-list-favorite {
        width: 100%;
    }

}

.search-main .project-card .project-card-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 5px;
    background: #ccc;
    overflow: hidden;
}

.search-main .project-card:hover .project-card-image img {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.search-main .project-card:hover {
    box-shadow: 0px 0px 20px 0px #00000026;
    z-index: 500;
}

.search-main .form-check {
    width: fit-content;
    display: block;
    white-space: nowrap;
    padding: 0;
}

@media (max-width: 768px) {

    .search-main .project-card .project-card-progress,
    .search-main .project-card .project-card-progress div {
        width: 125px;
    }

    .search-main .search_form_wrap {
        margin: 0 auto;
    }

}

.search_form_category {
    position: relative;
    width: 90%;
    max-width: 1060px;
    margin: 0 auto;
}

.search_form_category_list {
    overflow-x: scroll;
    white-space: nowrap;
    margin: 8px auto;
    scrollbar-width: none;

}

.search_form_category_wrapper {
    width: 100%;
    background-color: #D9D9D9;
    padding: 1px 0;
    height: 42px;
    position: fixed;
    z-index: 501;
}

.search_form_button_wrapper {
    display: flex;
}


@media (max-width: 1200px) {
    .search_form_category_list {
        margin: 0 auto;
    }

    .search_form_category_wrapper {
        padding: 0.8rem 0;
        height: 40px;
    }
}

.search_form_category .search_form_category_arrow {
    width: 40px;
    height: 40px;
}

.search_form_category .search_form_category_arrow img {
    height: 25px;
    width: 25px;
}

@media (max-width: 1200px) {
    .search_form_category .search_form_category_arrow {
        width: 32px;
        height: 32px;
    }
}

.search_form_category .search_form_category_arrow_left {
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 1;
    line-height: 0;
    text-align: center;
}

.search_form_category .search_form_category_arrow_left img {
    transform: rotateY(180deg);
    box-shadow: -30px 0px 40px 15px rgb(255 255 255), 0px 5px 15px 0px rgb(0, 0, 0, 0.2);
    border-radius: 50%;
}

.search_form_category .search_form_category_arrow_right {
    position: absolute;
    top: 0;
    right: -60px;
    z-index: 1;
    line-height: 0;
    text-align: center;
}

.search_form_category .search_form_category_arrow_right img {
    box-shadow: -30px 0px 40px 15px rgb(255 255 255), 0px 5px 15px 0px rgb(0, 0, 0, 0.2);
    border-radius: 50%;
}

@media (max-width: 768px) {
    .search_form_category .search_form_category_arrow_right img {
        box-shadow: 0px 5px 15px 0px rgb(0, 0, 0, 0.2);
        border-radius: 50%;
    }

    .search_form_category .search_form_category_arrow_left img {
        box-shadow: 0px 5px 15px 0px rgb(0, 0, 0, 0.2);
        border-radius: 50%;
    }


}

.search_form_category_list ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 1rem;
}


.search_form_category_list ul li a {
    display: inline-block;
    padding: 0 1.5rem;
    height: 23px;
    border-radius: 3rem;
    background-color: white;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .search_form_category_list ul li a {
        height: 23px;
        line-height: 23px;
    }
}

.search_form_category_list ul li a:hover {
    background-color: #FD781D;
    color: white;
    opacity: 1;
}

.search_form_category_list ul li a.activ {
    background-color: #FD781D;
    color: white;
    border-color: #FD781D;
}

@media (max-width: 768px) {
    .search-main .search_form_sort {
        width: 150px;
    }
}


.search-main .search_form_bottom {
    width: 100%;
    margin: 20px 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.search-main .search_form_bottom h3 {
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    line-height: 23px;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0;
    padding-bottom: 0.25em;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .search-main .search_form_bottom {
        margin: 0 0 10px;
    }

    .search-main .search_form_bottom h3 {
        font-size: 1.6rem;
        margin: 1rem 0;
        border-bottom: 0;
        padding-bottom: 0;
    }
}


@media (max-width: 768px) {
    .search_form_middle {
        display: flex;
        max-width: 230px;
        height: 32px;
        width: 100%;
    }

    .search_form_middle input {
        height: 32px;
        padding: 0.375rem 0.5rem 0.375rem 1.2rem;
        font-size: 10px;
        border: 1.5px solid #7D7161;
        border-radius: 20px 0 0 20px;
        width: 100%;
        font-weight: 500;
    }

    .search_form_middle input::placeholder {
        color: #7D7161;
    }

    .search_form_middle_btn {
        background-color: #7D7161;
        border-radius: 0 20px 20px 0;
    }

    .search_form_button_wrapper {
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;
    }

    .search_form_middle_filter_wrapper {
        display: flex;
        gap: 8px;
    }

}




.search-side {
    width: 300px;
    height: 2200px;
    position: relative;
    display: block;
    padding: 0 0 80px;
}

@media (max-width: 1200px) {
    .search-side {
        display: none;
    }
}

.search-side__inner {
    width: 300px;
    height: 85vh;
    position: sticky;
    top: 184px;
}

.search-side__inner h2 {
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 23px;
    width: 100%;
    text-align: center;
    padding: 2rem 0;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    gap: 6px;
}

.search-side__inner h2 span {
    font-size: 2rem;
}

.search-side__inner h2 img {
    width: auto;
    height: 26px;
}

@media (max-width: 768px) {
    .search-container .project-card {
        width: 100%;
        max-width: 325px;
        margin: 0 auto;
    }
}

.search-side .search-side__inner .search-side__comments {
    padding: 2rem;
    overflow-y: scroll;
    height: 80%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.search-side .search-side__inner .search-side__comments a {
    display: flex;
    gap: 1rem;
}

.search-side .search-side__inner .search-side__comments .search-side__comments-icon-img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 50%;
}

.search-side .search-side__inner .search-side__comments .search-side__comments-icon-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-side .search-side__inner .search-side__comments .search-side__comments-icon-date {
    text-align: center;
    font-size: 10px;
    margin-top: 0.5rem;
    font-weight: 400;
    color: black;
}

.search-side .search-side__inner .search-side__comments .search-side__comments-name {
    font-size: 14px;
    color: black;
    margin-bottom: 5px;
    font-weight: 600;
}

.search-side .search-side__inner .search-side__comments .search-side__comments-text {
    font-size: 14px;
    color: black;
    font-weight: 400;
    letter-spacing: 0.01em;
}

.support_list_thanksmessage {
    margin-top: 40px;

}

@media (max-width: 768px) {
    .support_list_thanksmessage {
        padding: 4rem 2rem;
    }
}

.support_list_thanksmessage_inner {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #F8F8F8;
    padding-bottom: 30px;
}

.thsnks_message {
    background-color: #00000066;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 13px 0 13px 30px;
}

.support_list_thanks_message {
    padding: 25px 30px 0;
}

.support_list_thanks_message_container {
    max-width: 558px;
}

.thanks_message_advicearea p {
    margin-left: 20px !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}


.support_list_thanksmessage_inner h3 {
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
}

.support_list_thanksmessage_inner p {
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 0 1rem;
}

.support_list_thanksmessage_inner textarea {
    background: #FFF;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #00000014;
    height: 98px;
}

.support_list_thanksmessage_inner .thanksmessage_form {
    position: relative;
    display: flex;
    margin-top: 15px;
}

.thanks_message_erea {
    min-width: 558px;
    min-height: 134px;
}

.thanksmessage_form img {
    width: 251px;
    height: 134px;
    border-radius: 5px;
    border: #21171580;
}

.support_list_thanksmessage_inner .thanksmessage_form_count {
    font-size: 12px;
    color: #737373;
    float: inline-end;
    margin-top: 5px;
}

.support_list_thanksmessage_inner button {
    width: 250px;
    display: block;
    background: #FD781D;
    padding: 11px 0 13px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin: 30px auto 0;
    border-radius: 60px;
    border: 1.5px solid #FFFFFF;
}

.thanksmessage_point {
    max-width: 300px;
    margin: 2rem auto;
    position: relative;
}

.thanksmessage_point .thanksmessage_point_title {
    position: relative;
    max-width: 300px;
    background: #6EBAE3;
    padding: 1em 0;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin: 0;
    border-radius: 4px;
    letter-spacing: 0.1em;
}

.thanksmessage_point span.close {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2018C14.4183%2018%2018%2014.4183%2018%2010C18%205.58172%2014.4183%202%2010%202C5.58172%202%202%205.58172%202%2010C2%2014.4183%205.58172%2018%2010%2018ZM10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020Z%22%20fill%3D%22%236EBAE3%22%2F%3E%3Cpath%20d%3D%22M8.84002%2014.2398V10.8478H5.62402V9.16777H8.84002V5.75977H10.584V9.16777H13.816V10.8478H10.584V14.2398H8.84002Z%22%20fill%3D%22%236EBAE3%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    margin: auto;
}

.thanksmessage_point span.open {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2018C14.4183%2018%2018%2014.4183%2018%2010C18%205.58172%2014.4183%202%2010%202C5.58172%202%202%205.58172%202%2010C2%2014.4183%205.58172%2018%2010%2018ZM10%2020C15.5228%2020%2020%2015.5228%2020%2010C20%204.47715%2015.5228%200%2010%200C4.47715%200%200%204.47715%200%2010C0%2015.5228%204.47715%2020%2010%2020Z%22%20fill%3D%22%236EBAE3%22%2F%3E%3Cpath%20d%3D%22M12.5316%2013.6734L10.133%2011.2749L7.85899%2013.5489L6.67105%2012.361L8.94511%2010.0869L6.53529%207.67712L7.76848%206.44392L10.1783%208.85374L12.4637%206.56837L13.6516%207.75631L11.3662%2010.0417L13.7647%2012.4402L12.5316%2013.6734Z%22%20fill%3D%22%236EBAE3%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -12px;
    right: 0;
    left: 0;
    margin: auto;
}


.thanksmessage_point .thanksmessage_point_text {
    max-width: 300px;
    background: #FFF;
    padding: 1em;
    font-size: 1.6rem;
    border: 2px solid #6EBAE3;
    margin-top: -3px;
}

.thanksmessage_point .thanksmessage_point_text ul {
    list-style: disc;
    margin: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
}

.thanksmessage_point .thanksmessage_point_text img {
    width: 200px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.csv-area {
    display: flex;
    width: 100%;
    background: #F8F8F8;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 20px 30px;
}

.csv-area_left {
    display: flex;
    align-items: center;
}

.csv-area button {
    font-size: 14px;
    font-weight: 700;
    border-radius: 35px;
    border: 1.5px solid #FD790E;
    width: 180px;
    height: 35px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
}

.csv-area button img {
    margin-left: 5px;
    height: 20px;
    width: 20px;
}

.black-button-v5 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: #fd781d solid 2px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 30px auto 30px;
    text-decoration: none;
    width: 325px;
}

.orange-outline-button-small a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: #fd781d solid 2px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 30px auto 0;
    text-decoration: none;
    width: 230px;
    height: 45px;
}

.orange-button-outline {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: #fd781d solid 2px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 30px auto 30px;
    text-decoration: none;
    width: 300px;
}

.form-group {
    display: flex;
    justify-content: space-evenly;
    margin: 2rem 0;
    align-items: center;
}

.form-group label {
    font-weight: 600;
    font-size: 1.4rem;
}

.support_list_searcharea {
    background-color: #f8f8f8;
    word-break: keep-all;
}

.theme-pagenation {
    display: flex;
    justify-content: center;
}

.theme-pagenation>nav {
    width: 60%;
}

.theme-pagenation>nav>ul>li>span.page-link {
    color: #fd781d !important;
    background-color: transparent !important;
    border: none;
    font-size: 2rem;
    font-weight: 500;
}

.theme-pagenation>nav>ul>li {
    width: 100%;
    text-align: center;
}

.theme-pagenation>nav>ul>li>a.page-link {
    border: none;
    font-size: 2rem;
    font-weight: 500;
    color: #000;
    background: transparent !important;
}

.theme-pagenation>nav>ul>li.disabled {
    display: none;
}

.clock-section-wrapper {
    background-color: #fd781d;
    height: 57px;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    gap: 22px;
}

.clock-section-wrapper>h4 {
    margin: 0;
    font-size: 32px;
    font-family: Bebas Neue;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
}

.clock-section-wrapper_red {
    background-color: #FE2E2E;
}

.countdown_yet img {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.countdown_yet h4 {
    font-size: 17px;
    font-weight: 700;
    padding-top: 10px;
    letter-spacing: 1px;
}

.countdown_yet h4 span {
    font-size: 32px;
    padding-bottom: 9px;
    letter-spacing: 3px;
}

.countdown_yet #startDate {
    margin-top: 5px;
    font-weight: 500;
}


.days_none {
    display: none;
}

.project_countdown_txt {
    font-size: 17px;
    font-family: 'Noto Sans JP', sans-serif;
    padding-right: 5px;
    letter-spacing: 0.5;
}

.project_end_date {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
}

.project_timer_clock {
    padding-right: 10px;
    height: 25px;
    width: auto;
}

.project_end_date_only {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.5;
}

/* ページネーションカスタム用 */
.pagination-custom {
    display: flex;
    justify-content: center;
    gap: 8px;
}


.page-link-custom {
    border-radius: 8px;
    text-decoration: none;
    background-color: black;
    color: white;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 4px 8px;
}

.page-item-custom.active .page-link-custom {
    background-color: #fd781d;
    color: white;
}

.page-item-custom.disabled {
    display: none;
}


.project_back {
    text-underline-offset: 0.6em;
    font-weight: 500;
}

.support_list_back .project_back {
    color: #000;
    text-decoration: none;
}

.text-theme {
    color: #fd781d;
}

.border-light-theme {
    border-bottom: 1px solid #0000001A !important;
    height: 65px;

}

.settlement-p1 {
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    display: flex;
    padding-bottom: 20px;
}

.settlement-p1-1 {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 0 auto 0 0;
}

.settlement-p1-2 {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 0 auto;
}

.settlement-p1-2 span {
    font-size: 1.4rem;
    font-weight: 400;
    margin-left: 6px;
}

.settlement-p2 {
    margin: 20px 0 25px;
}

.settlement-p2-1 {
    align-items: center;
    display: flex;
    padding-bottom: 12px;
}

.settlement-p2-1-1 {

    color: #333;
    font-size: 1.5rem;
    font-weight: 200;
    margin: 0 auto 0 0;
}

.settlement-p2-1-2 {
    color: #333;
    font-size: 1.5rem;
    font-weight: 200;
    margin: 0 0 0 auto;
}

.settlement-p3 {
    border-radius: 8px;
    border: solid 1px #fd781d;
    padding: 20px 10px;
}

.settlement-p3-1 {
    color: #333;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0;
}

.settlement-p3-2 {
    color: #333;
    font-size: 1.1rem;
    font-weight: 100;
    line-height: 18px;
    margin: 20px 0 0;
}

.settlement-p5-1 {
    font-size: 1.8rem;
    font-weight: 400;
    margin: 40px 0 16px;
}

.settlement-p5-2 {
    font-size: 1.5rem;
    font-weight: 100;
    margin: 0;
}

.section-policy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto 120px;
    width: 325px;
}

.section-policy_p1 {
    display: flex;
    margin: 0 auto;
}

.section-policy_p1 a {
    color: #fd781d;
    font-size: 1.2rem;
    font-weight: 400;
}

.section-policy_p1 p {
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
}

/* 入力フォームの見せかけだけのチェックボックスについて */


.mock-checkbox,
.custum-checkbox {
    cursor: pointer;
    display: flex;
    margin: 25px auto;
    padding-left: 20px;
    position: relative;
    user-select: none;
    min-width: 325px;

}

.custum-checkbox.leftbox {
    margin: 25px auto 25px 0;
}

.mock-checkbox p,
.custum-checkbox p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 16px;
    position: relative;
    top: -1px;

}

.loginarea-wrapper {
    background-color: #FCF4EF;

}

.check-box1 {
    margin: 0 auto;
}

.custum-checkbox input {
    display: none;
}

.mock-custum-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid 2px #D8D8D8;
    background: #B1B1B1;
    border-radius: 0;
    box-sizing: border-box;
}

mock-custum-mark-checked p {
    color: #fd781d;

}

.mock-custum-mark-checked {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid 2px #FDE2D2;
    background: #FDE2D2;
    border-radius: 0;
    box-sizing: border-box;
}

.mock-custum-mark-checked::after {
    content: "";
    position: absolute;
    left: 2.5px;
    width: 9px;
    height: 16px;
    border: solid #fd781d;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 1;
}

.custum-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: solid 2px #D8D8D8;
    background: #f7f7f7;
    border-radius: 0;
    box-sizing: border-box;
}

.custum-mark:after {
    opacity: 0;
}

.custum-checkbox input:checked+.custum-mark {
    background: #fff;
    border-color: #D8D8D8;
}

.custum-checkbox input:checked+.custum-mark:after {
    content: "";
    position: absolute;
    left: 2.5px;
    width: 9px;
    height: 16px;
    border: solid #fd781d;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 1;
}

.need-shipinfo {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-left: 1.5rem;
}

.orange-button a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 325px;
}

.clearfix:after {
    content: " ";
    clear: both;
    display: block;
}

::placeholder {
    color: #b1b1b1;
}

button:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    opacity: 0.5;
    cursor: pointer;
}

.title_wrapper h2 {
    display: flex;
    padding: 4rem 0 3.2rem;
    justify-content: center;
    letter-spacing: 0rem;
    font-size: 1.8rem;
    font-weight: 600;
}

.border_orange {
    border-bottom: 4px solid #FD781D;
    margin: 1.5rem auto 0 auto;
    opacity: 1;
    width: 25.5rem;
}

.whole_caption {
    line-height: 28px;
    margin: 0 auto;
    padding: 4rem 0 1.2rem;
    max-width: 1200px;
    text-align: left;
}

/* 利用規約などで使われているベージュと白のテーブル用スタイルシート */

.table_beige_white {
    margin: 4rem 2.5rem 2.8rem 2.5rem;
    display: flex;
    justify-content: center;
    border: solid 1px #f0f0f0;
}

table.table_beige_white td:nth-child(odd) {
    padding: 1.0rem;
    text-align: left;
    width: 25%;
}

table.table_beige_white td:nth-child(even) {
    padding: 1.0rem;
    text-align: left;
    width: 75%;
}

table.table_beige_white tr:nth-child(odd) {
    background: #F0F0F0;
}

table.table_beige_white tr:nth-child(even) {
    background: #FFFFFF;
}

.table_beige_white_img img {
    height: 50px;
}

.table_beige_white_img+td {
    line-height: 50px;
}

/* テーブルcss終わり */
.caption_block {
    margin: 6rem auto;

}

.head_left_border {
    border-left: 4px solid #FD781D;
    padding-left: 1.5rem;
}

.white_caption_container {
    background: #FFFFFF;
    margin-top: 2.0rem;
    padding: 1.6rem 3.2rem;
}

.caption_intro a {
    color: #fd7801;
}

.head_chapter {
    margin-top: 4.0rem;
    text-align: center;
    font-size: 2rem;
}

.login_title h2 {
    padding: 2rem 0 1rem;
}


.loginform_area ul li h3 {
    font-size: 1.4rem;
    margin: 0 0 20px;
    font-weight: 200;
    letter-spacing: 0.016rem;
}

.loginform_area ul li h3 a {
    text-decoration: none;
    color: #fd7801;
}

.loginform_area {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 325px;
    font-weight: 500;
}

.error-message {
    color: red;
}

.error-message,
.loginform_area,
.optioncheck_area {
    font-size: 12px;
    list-style: none;
}

.loginform_area ul {
    margin: 0 auto;
    padding-left: 0;
}

.loginform_area_title p {
    margin: 0;
    font-weight: 600;
    font-size: 1.6rem;
}

.loginform_area_title span {
    font-weight: 600;
    font-size: 1.2rem;
    margin: 0;
}

.loginform_area_title .loginform_sidenote {
    display: block;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.2rem;
    color: #5e5e5e;
}

.loginform_area p a {
    color: #fd7801;
}

.loginform_area input[type="text"],
.loginform_area input[type="email"],
.loginform_area input[type="password"] {
    display: inline-block;
    width: 100%;
    height: 45px;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    margin: 12px auto 20px;
    padding: 0 10px;
}



.button_white_orangeline {
    width: 32.5rem;
    height: 5.2rem;
    letter-spacing: 0.1rem;
    color: #fd7801;
    background: #fff;
    border: 2px solid #fd7801;
    transition: .4s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0;
    font-size: 1.8rem;
    font-weight: bold;
    opacity: 1;
    border-radius: 1.3rem;
}

.button_orange {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 325px;
}

.button_orange:disabled {
    background: #ccc;
}

.button_orange:disabled:hover {
    background: #ccc;
    opacity: 1;
}

.message_sns {
    display: flex;
    flex-flow: column;
}

.button_white {
    background: white;
    border-radius: 1.3rem;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 1.8rem;
    font-weight: bold;
    height: 5.2rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    margin-top: 3.0rem;
    opacity: 1;
    width: 32.5rem;
}

.loginform_white {
    background-color: #fff;
    padding-bottom: 120px;
    padding-top: 3.0rem;
    text-align: center;
}

.loginform_white h2 {
    font-weight: 600;
}

.loginform_newmember {
    padding: 4rem 0 2rem;
    text-align: center;

}

.loginform_newmember h2 {
    font-weight: 600;
    margin: 0 0 24px;
}

.loginform_newmember form .button_orange {
    display: inline-block;
}

.orangestar {
    font-size: 16px;
    color: #FC781D;
    letter-spacing: 0.18px;
    opacity: 1;
    text-align: left;
}

.caption_area_help {
    padding: 4.0rem 2.0rem;
    margin-bottom: 3.5rem;
}

.help-top-link {
    max-width: 1000px;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
}

.help-top-link li {
    flex-basis: 48%;
    max-width: 470px;
    height: 131px;
    background: linear-gradient(to right, #FC2403, #FC6203, #FCA103);
    border-radius: 10px;
    padding: 3px;
}

.help-top-link li:nth-of-type(2) {
    background: linear-gradient(to right, #0294BD, #02A1A7, #02CCC5);
}

.help-top-link li a {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 470px;
    height: 125px;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #2F1B00;
    background-color: #FFF;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
}

.help-top-link li a:hover {
    opacity: 0.9;
}

.help-top-link li a span {
    margin-right: 15px;
    font-family: 'Zen Kaku Gothic New';
}

.help-top-link li a .executor-img {
    width: 54.53px;
    margin-right: 30px;
}

.help-top-link li a .support-img {
    width: 85px;
    margin-right: 15px;
}

.help-top-link li a .link-arrow {
    width: 6px;
    height: 10px;
}

.caption_area_help p {

    text-align: left;
    font-size: 1.6rem;
    font-weight: 400;
}

.head_orange {
    color: #FD781D;
    margin-bottom: 0;
}

/* header */

header {
    padding-bottom: 132px;
    position: relative;
    z-index: 19999;
}

.nav-item-user .nav-items__item {
    padding-bottom: 20px;
}

.nav-item-link .nav-items__item {
    padding-top: 13px;
    padding-bottom: 13px;
}

.header_inner {
    position: fixed;
    width: 100vw;
}


.header_orange {
    align-items: center;
    background: linear-gradient(269.91deg, #FCA103 0%, #FC6203 50%, #FC2403 100%);
    display: flex;
    height: 56px;
    justify-content: center;
}


.header_orange a {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    gap: 10px;
    align-items: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    text-decoration: none;
}

.header_orange a img {
    margin-top: 2px;
    width: 9px;
    height: 19px;
}

.header_orange a:hover {
    color: #FFF;
    opacity: 0.8;

}

.header_under-bg {
    background: #fff;
    width: 100%;
    height: 76px;
    padding-top: 0;
    box-shadow: 0px 4px 15px 0px #00000014;
    align-items: center;
    z-index: 1000;
    margin-bottom: 2px;
}

.header_under {
    display: flex;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

@media(max-width: 1297px) {

    .header_under {
        width: calc(100% - 4rem);
    }
}

.header_under-dis {
    display: flex;
    margin: 0 0 0 auto;
    align-items: center;
}

.header_logo {
    height: 58px;
    margin: 0 20px 0 0;
}

.header_usericon-pc-icon {
    display: block;
}

.header_usericon-sp-icon {
    display: none;
}

.header_under p {
    font-family: "Zen Kaku Gothic", sans-serif;
    color: #2F1B00;
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: -2%;
    display: flex;
    align-items: center;
    margin: 0;
}

.header_under-dis-pc ul {
    display: flex;
    gap: 30px;
    padding-left: 0;
    align-items: center;
}

.header_under-dis-pc ul .nav-login-style a {
    font-size: 1.6rem;
    color: #CA4F02;
    background: #FFFFFF;
    border: 2px solid #CA4F02;
    border-radius: 30px;
    padding: 0.4rem 1.7rem;
    line-height: 20px;
}

.header_under-dis-pc .nav_onlogin_created_pj a {
    font-size: 1.6rem;
    color: #CA4F02;
    background: #FFFFFF;
    border: 2px solid #CA4F02;
    border-radius: 30px;
    padding: 12px 18px;
}

.header_usericon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .header_usericon {
        width: 30px;
        height: 30px;
    }
}


.header_usericon img {
    width: 100%;
    object-fit: cover;
}

.header_under nav {
    margin: auto;
}

.header_under nav ul li {
    list-style-type: none;
}

.header_under nav ul li a {
    font-family: "Zen Kaku Gothic", sans-serif;
    color: #2F1B00;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.1rem;
}

.header_under nav ul li .modal-open {
    display: block;
}

.openbtn {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    z-index: 10000;
    margin: 17px 0 0 auto;
}

.openbtn .openbtn-area {
    transition: all .4s;
}

.openbtn span {
    display: inline-block;
    transition: all 1.0s;
    /*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 1px;
    background: #000;
    width: 35px;
}

.openbtn span:nth-of-type(1) {
    top: 15px;
}

.openbtn span:nth-of-type(2) {

    top: 25px;
}

.openbtn span:nth-of-type(3) {
    top: 35px;
}

.forgood-footer {
    display: flex;
    justify-content: space-between;
    max-width: 1160px;
    margin: 0 auto;
}

.forgood-footer_pc {
    margin-top: 80px;
}

.forgood-footer_pc.forgood-footer_pc2 {
    margin-top: 90px;
}

.academy {
    margin-top: 72px;
}

.forgood-footer h2 {
    color: #fff;
    font-size: 3.0rem;
    margin: 0 0 20px;
}

.forgood-footer p {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 10px;
}

.forgood-footer a {
    color: #fff;
    text-decoration: none;
}

.forgood-footer_snslink {
    margin: 60px 0 0;
    text-align: center;
}

.forgood-footer_snslink img {
    margin-right: 10px;
    aspect-ratio: 1/1;
    width: 30px;
    height: auto;

}

footer a:hover {
    color: whitesmoke !important;
}


/* グッド隊とはページ */
.page-inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 20px;
}

.member-top-wrapper {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.member-top-wrapper .page-inner {
    padding-bottom: 100px;
}

.member-top-wrapper img {
    width: 80%;
    max-width: 640px;
    display: block;
    margin: auto;
}

.member-about {
    background-color: #fcf4ef;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.member-about .page-inner {
    padding-top: 0;
    max-width: 1240px;
}

.pc-br {
    display: block;
}

.sp-br {
    display: none;
}


.member-about h1 {
    font-size: 5rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    top: -35px;
    margin-bottom: -35px;
    margin-top: -26px;
}

.member-about .line {
    width: 100px;
    margin: 50px auto;
    border-bottom: 4px solid #fd781d;
}

.member-about h2 {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 36px;
}

.member-about p {
    font-size: 2.4rem;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 0;
}

.member-register {
    text-align: center;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.member-register .register-wrapper {
    padding: 80px 15px 40px 15px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 260px auto;
    grid-template-columns: 260px auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 80px;
    border: 2px solid #fd781d;
    border-radius: 3px;
    background-color: #fcf4ef;
    padding: 55px 15px 20px 15px;
    position: relative;
}

.fukidashi-title {
    color: #fff;
    font-weight: 600;
    line-height: 2.1;
    background-color: #fd781d;
    border-radius: 30px;
    font-size: 2.6rem;
    width: 400px;
    height: 60px;
    margin: 0 auto 4rem;
    text-align: center;
}

.member-register h2 {
    color: #fff;
    font-weight: 600;
    line-height: 1;
    background-color: #fd781d;
    border-radius: 30px;
    font-size: 2.8rem;
    width: 265px;
    height: 62px;
    top: -31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

.member-register img {
    width: 260px;
    grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 3;
}

.member-register p {
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 0;
    align-self: center;
}

.line-btn-round::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

}

.line-btn-round {
    width: 28rem;
    text-decoration: none;
    height: 45px;
    background-color: #06c755;
    border-radius: 13px;
    padding: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    position: relative;
}

.member-bottom-btn a.line-btn::before,
.member-bottom-btn a.line-btn::after,
.member-register a.line-btn:before,
.member-register a.line-btn:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sp-img {
    display: none;
}

.pc-img {
    display: block;
}

.fukidashi-title::after {
    content: '';
    width: 0;
    height: 0;
    position: relative;
    bottom: -60px;
    right: 42%;
    margin: auto;
    border-style: solid;
    border-width: 12px 11.5px 0 11.5px;
    border-color: #fd781d transparent transparent transparent;
}

.member-register h2:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 12px 11.5px 0 11.5px;
    border-color: #fd781d transparent transparent transparent;
}

.member-register .line-btn {
    text-decoration: none;
    grid-column: 2;
    grid-column-start: 2;
    grid-row: 2;
    grid-row-start: 2;
    height: 64px;
    max-width: 560px;
    margin: 20px auto 0;
    height: 45px;
    background-color: #06c755;
    border-radius: 3px;
    padding: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    position: relative;
}

.member-options {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f7f7f7;
}

.member-options .section-ttl {
    margin-bottom: 74px;
}

.member-step .section-ttl {
    margin-bottom: 40px;
}

.member-options .options-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 60px;
}

.member-options .options-box:first-child {
    border: 2px solid #9acb2d;
}

.member-options .options-box:nth-child(2) {
    border: 2px solid #50bce7;
}

.member-options .options-box:first-child h3::after {
    border-top: 15px solid #9acb2d;
}

.member-options .options-box:nth-child(2) h3::after {
    border-top: 15px solid #50bce7;
}

.member-options .options-box h3::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.member-options .options-box {
    padding: 52px 22px 27px;
    border-radius: 10px;
    background: #fff;
    position: relative;
    text-align: center;
}

.member-options .options-box:first-child h3 {
    background-color: #9acb2d;
}

.member-options .options-box:nth-child(2) h3 {
    background-color: #50bce7;
}

.member-options .options-box h3 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border-radius: 30px;
    position: absolute;
    width: 80%;
    left: 0;
    right: 0;
    top: -36px;
    margin: auto;
}

.member-options .options-box:first-child h4 {
    color: #9acb2d;
}

.member-options .options-box:nth-child(2) h4 {
    color: #50bce7;
}

.member-options .options-box h4 {
    font-size: 2.8rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
}

.member-options .options-box p {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.7;
    margin-bottom: 0;
    color: #333333;
}

.member-step {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.member-step .page-inner {
    padding-top: 30px;
}

.member-options .section-ttl span,
.member-step .section-ttl span {
    color: #fd781d;
    font-size: 5.5rem;
    letter-spacing: 5px;
    line-height: 1.2;
}

.font-en {
    font-family: 'Bebas Neue', sans-serif;
}


.member-step .step-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 50px;
}


.member-step .step-box {
    background-color: #fff;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
    padding: 15px 20px 25px;
    border-radius: 3px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 87px 1fr;
    grid-template-columns: 87px 1fr;
    gap: 20px;

}

.member-step .step-txArea {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-top: 10px;
}

.member-step .step-txArea h3 {
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid #fd781d;
    font-size: 2.4rem;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.member-bottom-btn {
    padding-bottom: 100px;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.member-bottom-btn .page-inner {
    padding-top: 30px;
}

.member-bottom-btn h2 {
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
}

.member-bottom-btn a.line-btn {
    text-decoration: none;
    height: 45px;
    background-color: #06c755;
    border-radius: 3px;
    padding: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    position: relative;

}

.member-bottom-btn h2::before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.member-bottom-btn h2::after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.member-bottom-btn h2::before,
.member-bottom-btn h2::after {
    position: relative;
    display: inline-block;
    content: '';
    background: #333;
    width: 2px;
    height: 1.3em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
}

.sp415-br {
    display: none;
}

.action-example_sp {
    display: flex;
    max-width: 80%;
    width: 100%;
}

.action-example_sp li {
    height: auto;
}

.action-example_sp img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.section-next_title h2 {
    color: #fd780d;
    font-size: 1.2rem;
    margin: 40px 0 0 10px;
}

.achievement-list_mini {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.projects-form_mini {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 6px;
    width: 184px;
}

.projects-form_mini img {
    width: 184px;
}

.projects-form_mini a {
    text-decoration: none;
}

.project-title_mini {
    border-bottom: solid 2px #d6d6d6;
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 0;
    width: 164px;
}

.achievement-rate_mini {
    font-size: 1.0rem;
    margin: 0 auto;
    padding: 10px;
}

.support-money-title_mini {
    color: #b1b1b1;
    font-size: 1.0rem;
    margin: 0 0 6px;
}

.achievement-big_mini {
    display: flex;
    justify-content: center;
    padding: 0 15px 10px;
}

.achievement-mini_mini {
    margin: 0 auto;
}

.achievement-mini_mini:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 auto;
    padding-right: 20px;
}

.support-money_mini {
    font-size: 0.6rem;
    font-weight: 600;
}


.section-push_title {
    display: flex;
    justify-content: center;
    margin: 0 auto 10px;
}

.section-push_title h2 {
    color: #fd780d;
    font-size: 1.2rem;
    margin: 40px 0 0 10px;
}

.section-push_title img {
    width: 178px;
}

.achievement-list_push {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}

.projects-form_push {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 8px;
    width: 166px;
}

.projects-form_push img {
    width: 166px;
}

.projects-form_push a {
    text-decoration: none;
}

.project-title_push {
    border-bottom: solid 2px #d6d6d6;
    color: #000;
    font-size: 0.7rem;
    font-weight: 400;
    margin: 0 auto;
    padding: 8px 0;
    width: 150px;
}

.achievement-rate_push {
    font-size: 0.7rem;
    margin: 0 auto;
    padding: 8px;
}

.support-money-title_push {
    color: #b1b1b1;
    font-size: 0.7rem;
    margin: 0 0 6px;
}

.achievement-big_push {
    display: flex;
    justify-content: center;
    padding: 0px 10px 8px;
}

.achievement-mini_push {
    margin: 0 auto;
}

.achievement-mini_push:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 auto;
    padding-right: 43px;
}

.support-money_push {
    font-size: 1.0rem;
    font-weight: 600;
}

.section-new {
    background: #fff;
    margin: 0 auto;
    padding-top: 60px;
}

.section-new_title {
    display: flex;
    justify-content: center;
    margin: 0 auto 10px;
}

.section-new_title h2 {
    color: #fd780d;
    font-size: 1.2rem;
    margin: 40px 0 0 10px;
}

.section-new_title img {
    width: 178px;
}

.achievement-list_new {
    display: flex;
    justify-content: center;
    margin: 0 auto 16px;
}

.projects-form_new {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 4px;
    width: 335px;
}

.projects-form_new a {
    text-decoration: none;
}


.section-pickup h2 {
    color: #fd780d;
    display: flex;
    font-size: 3.0rem;
    justify-content: center;
    margin: 0 auto 40px;
}

.section-pickup ul {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 14px;
}

.form-check-label input {
    display: none;
}

.support_checkbox {
    width: 180px;
}

.form-group label {
    margin-right: 2rem;
}



.section-pickup ul li {
    list-style-type: none;
    width: 260px;

}

.goto-start {
    display: block;
    position: fixed;
    right: 0;
    top: 220px;
    z-index: 1;
}

.goto-start a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 16px 12px;
    display: inline-block;
    background-color: #fd781d;
    border-radius: 5px 0 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.6);
    position: relative;
    cursor: pointer;
    text-decoration: none;
}

.goto-start a span {
    display: block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.goto-start a span:after {
    content: url(/images/common/ic-btn-arrow.svg);
    margin-top: 5px;
}

@media screen and (min-width: 769px) {
    .member-step .step-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
    }

    s .member-step .step-box {
        padding: 30px 40px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .member-bottom-btn a.line-btn {
        font-size: 2.4rem;
        height: 64px;
        max-width: 560px;
        margin: auto;
    }

    .member-bottom-btn h2 {
        font-size: 2.4rem;
        margin: 0 auto 20px;
    }

    .member-step .step-txArea h3 {
        font-size: 2.4rem;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .member-step .step img {
        width: 160px;
        margin: auto;
    }

    .member-options .section-ttl {
        margin-bottom: 56px;
    }

    .member-options .options-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.hint-title {
    width: 325px;
}

.hint-text {
    width: 325px;
}


.explanation-text h3 {
    font-size: 1.6rem;
}

.sp-img {
    display: block;
}

.pc-img {
    display: none;
}

.fukidashi-title {
    position: relative;
    padding: 1.4rem 0 1.4rem 2rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    background-color: #fd781d;
    border-radius: 30px;
    font-size: 2.2rem;
    width: 80%;
    height: 60px;
    margin: 0 auto;
    text-align: center;
}

.fukidashi-title::after {
    content: '';
    position: absolute;
    bottom: -11px;
    right: 48%;
    margin: auto;
    border-style: solid;
    border-width: 12px 11.5px 0 11.5px;
    border-color: #fd781d transparent transparent transparent;
}


.c2-211 {
    margin: 0;
}

.member-register .register-wrapper {
    border: 2px solid #fd781d;
    border-radius: 3px;
    background-color: #fcf4ef;
    padding: 55px 15px 20px 15px;
    position: relative;
    display: block;
}

.member-register img {
    width: 140px;
}

.member-top-wrapper .page-inner {
    padding-bottom: 40px;
}

.member-about .page-inner {
    max-width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.page-inner {
    max-width: 100%;
    padding: 40px 20px;
}

.member-about h1 {
    font-size: 2.8rem;

}

.member-about .line {
    width: 58px;
    margin: 22px auto;
    border-bottom: 3px solid #fd781d;
}

.member-about h2 {
    font-size: 1.8rem;
}

.member-about p {
    font-size: 1.4rem;

    line-height: 1.5;
}

.member-register h2 {
    font-size: 2.4rem;
    width: 215px;
    height: 50px;
    top: -25px;
}

.member-register p {
    font-size: 1.4rem;
}

.member-register .line-btn {
    margin: 20px auto 0;
    font-size: 1.4rem;
}

.section-project_right-ed {
    padding: 0 15px;
}

.section-payment {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto 120px;
    /* width: 325px; */
}

.payment-method {
    display: flex;
}

.payment-method p {

    font-weight: 400;
    margin: 0;
}


.payment-button {
    display: flex;
    margin-top: 20px;
}

.payment-button p {
    margin: 0 0 0 10px;
}


.settlement-p3_v2 {
    background: #FCF4EF;
    border-radius: 2px;
    border: solid 1px #fd781d;
    margin: 20px 0 60px;
    padding: 20px 10px;
}

.section-payment a img {
    margin: 2px 0 0 10px;
}

.section-return_top input[type="text"] {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    height: 41px;
    margin: 0 15px 30px;
    padding: 0 10px;
    width: 261px;
}

.button-active {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 325px;
}

.button-active img {
    margin: 2px 0 0 10px;
}

.button-nonactive {
    align-items: center;
    background: #d8d8d8;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 40px auto 0;
    text-decoration: none;
    width: 325px;
}

.button-nonactive img {
    margin: 2px 0 0 10px;
}

.section-return_top-v2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0;
}

.top-img-v2 {
    margin: 20px auto 0;
}

.section-project_right-topimg {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 40px;
}

.section-project-return-title {
    font-size: 28px;
    font-weight: 700;
    padding-top: 96px;
    padding-bottom: 6px;
    letter-spacing: 2px;
}

.settlement-p3_v3 {
    background-size: cover;
    background: #FCF4EF;
    margin-bottom: 40px;
    width: 100%;
}

.settlement-p3_v3 form {
    margin: 0 auto;
    width: 325px;
}

.card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    width: 325px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
}

.card p {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 auto 20px 0;
}

.card img {
    margin: 0 auto 40px 0;
    width: 266px;
}

.next-card {
    display: flex;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    background-color: white;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.next-card-progress {
    height: 3.2rem;
}

.next-card-progress div {
    height: 3.2rem;
}

.progress-digit {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 1rem;
}

.progress-digit-first {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
}

.next-card-img-wrapper {
    position: relative;
    flex-basis: 50%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
}

.next-card-img-wrapper img {

    width: 100%;
}

.next-card-text-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    padding: 4px 24px;
    gap: 1rem;
}

.next-card-text-wrapper .project-wide-title {
    display: flex;
    font-size: 2.4rem;
    align-items: start;
    justify-content: left;
    overflow-wrap: anywhere;
    flex-basis: 30%;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
    min-height: unset;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.5;
    color: #2F1B00;
}

.project-promoter-name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-promoter-name .pc,
.project-promoter-name .sp {
    width: 100%;
}

.next-card-text-wrapper .project-promoter-name {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: #2F1B00B2;
    white-space: normal;
}

.next-card-text-wrapper .project-promoter-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

@media(max-width: 768px) {
    .next-card-text-wrapper .project-wide-title {
        font-size: 1.7rem;
        justify-content: flex-start;
        min-height: 60px;
    }

    .next-project-progress-fund-flex {
        display: flex;
        justify-content: space-between;
    }

    .next-project-progress-fund-flex div:first-child {
        width: 52%;
    }

    .next-project-progress-fund-flex div:last-child {
        width: 45%;
    }

    .next-card-text-wrapper .project-promoter-name {
        font-size: 1.3rem;
    }

    .next-card-text-wrapper .project-promoter-icon {
        width: 25px;
        height: 25px;
    }
}

.next-title-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100px;
    padding: 5px 15px 0;
}

.next-bottom-wapper {
    margin-top: 10px;
    justify-content: center;
    display: flex;
}

.next-amount,
.next-left {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.next-total-area {
    display: flex;
    align-items: center;
}



.next-amount p,
.next-left p {
    margin: 0;
}

.next-text-strong {
    font-size: 32px;
    font-weight: 600;
}

.next-amount-text {
    font-size: 14px;
    color: #00000080;
}

.settlement-p3_v3-select {
    display: flex;
}

.settlement-p3_v3-select select:first-child {
    margin-left: 0;
    margin-right: 10px;
    max-width: 83px;
}

.settlement-p3_v3-select select:last-child {
    margin-left: 0;
    max-width: 122px;
}

.settlement-p3_v3-security input {
    margin-left: 0;
    max-width: 104px;
}

.w1 input {
    margin-left: 0;
    max-width: 118px;
}

.w2 select,
.short-select select {
    height: 100%;
    margin-left: 0;
    width: 100%;
    padding: 8px 12px;
    background-color: #FFFFFF;
}


.w2,
.short-select {
    max-width: 300px;
    display: block;
    height: 43px;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    margin: 12px 0 30px;
}



.section-payment ul {
    margin-top: 30px;
    padding-left: 0;
}

.section-payment ul li {
    display: flex;
    list-style-type: none;
}

.section-payment ul li p {
    font-weight: 500;
    margin: 0;
}

.section-payment textarea {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    height: 41px;
    margin: 12px auto 30px;
    padding-top: 12px;
    padding: 0 10px;
    width: 301px;
}

.section-payment select {
    color: #3d3d3d;
    height: 49px;
    width: 325px;
}

.section-payment button {
    border: none;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.1rem;
    margin: 10px 0 0;
    transition: .4s;
}


.re-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.re-page a {
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 20px;
    text-decoration: none;
}

.section-next_under-right_dis3 .re-page a {
    margin: 15px auto 0;
}

.re-page a span {
    margin-right: 10px;
}

.re-page .vector-left3 {
    margin-right: 10px;
    width: 8px;
}

@media (max-width: 768px) {
    .re-page {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .re-page a {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        margin-top: 15px;
        text-decoration: none;
    }

    .section-next_under-right_dis3 .re-page a {
        margin: 15px auto 0;
    }

    .re-page a span {
        margin-right: 10px;
    }

    .re-page .vector-left3 {
        margin-right: 10px;
        width: 8px;

    }
}

.settlement-p3_v2-v2 {
    background: #FCF4EF;
    border-radius: 2px;
    border: solid 1px #fd781d;
    margin: 0 0 40px;
    padding: 20px 10px;
}

.section-project_right-dis-v2 {
    border-radius: 8px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin-bottom: 40px;
}

.section-project_right-centerdis-v2 {
    display: flex;
    flex-direction: column;
    padding: 10px 15px 0;
}

.section-project_right-centerdis-v2 h4 {
    font-size: 2.0rem;
    font-weight: 600;
    margin: 0;
    text-align: left;
}

.section-project_right-centerdis-v2 h4 span {
    font-size: 1.4rem;
}

.section-project_right-centerdis-v2 p {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 20px 0;
    text-align: left;
}

.section-project_right-centerdis-v2 p span {
    font-size: 1.4rem;
    margin-left: 6px;
}

.custum-checkbox-v2 {
    cursor: pointer;
    display: flex;
    margin: 24px 0 26px;
    padding-left: 20px;
    position: relative;
    user-select: none;
}

.custum-checkbox-v2 p {
    font-size: 1.2rem;
    margin: 0;
    position: relative;
    top: -2px;
}

.orange-button-v2 a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 20px auto 0;
    text-decoration: none;
    width: 325px;
}

.settlement-p4-3 {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 14px 0 0;
}

.settlement-p4-3 span {
    color: #fd781d;
    margin-right: 8px;
}

.section-comment_dis {
    background: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-comment_dis img {
    height: 47px;
    margin: 40px auto 30px;
    width: 77px;
}

.section-comment_dis h3 {
    font-size: 1.8rem;
    margin: 0 auto;
}

.section-comment_dis p {
    color: #fd781d;
    font-size: 1.4rem;
    margin: 16px auto 40px;
    text-align: center;
    font-weight: 500;
}

.section-form ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 30px;
    padding-left: 0;
}

.section-form ul li {
    display: flex;
    list-style-type: none;
    margin: 0 auto;
    width: 325px;
}

.section-form ul li p {
    font-weight: 500;
    margin: 0;
}

.section-form textarea {
    height: 127px;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    margin: 12px auto 30px;
    padding-top: 12px;
    padding: 0 10px;
    width: 301px;
}

.section-form select {
    color: #3d3d3d;
    height: 49px;
    width: 325px;
}

.orange-button-v3 a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto 120px;
    text-decoration: none;
    width: 325px;
}

.section-top_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0 30px;
}

.section-top_1 img {
    margin: 0 auto 30px
}

.section-top_1 h3 {
    margin: 0 auto;
}

.section-top_2 {
    background: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0 0;
}

.section-top_2 p {
    font-size: 1.8rem;
    font-weight: 500;
    margin: 0 auto 20px;
    text-align: center;
}

.section-top_2 p span {
    color: #fd781d;
    margin: 0 6px;
}

.section-top_3 {
    display: flex;
    justify-content: center;
    padding: 25px 0;
}

.section-top_4 {
    border-radius: 10px;
    border: solid 3px #fd781d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 40px;
    padding: 30px 0;
    width: 325px;
}

.section-top_4 h4 {
    color: #fd781d;
    font-size: 2.0rem;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: center;
}

.section-top_4 p {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 26px;
    text-align: center;
}

.section-top_4 p span {
    color: #fd781d;
}

.section-top_4 ul {
    display: flex;
    margin: 0 auto;
    padding: 0;
}

.section-top_4 ul li {
    list-style-type: none;
    margin-right: 30px;
}

.section-top_4 ul li:last-child {
    margin-right: 0;
}



.orange-button-v4 a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 45px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 160px;
}

.icon-support-trends {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.filter-white {
    filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(6724%) hue-rotate(6deg) brightness(110%) contrast(98%);
}

.support-trends-area {
    padding-bottom: 10px;
}

.grapharea-title-container {
    padding: 2.8rem 0 0;
    display: flex;
    justify-content: space-between;
}

.grapharea-title-container span {
    color: #959595;
    font-weight: 400;
}

.grapharea-title-container h2 {
    font-weight: 600;
    font-size: 2rem;
}

.table-area {
    padding-top: 20px;
    display: flex;
}

.support-data-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

.support-data-table th,
.support-data-table td {
    border: 1px solid #ccc;
    padding: 8px 15px;
    background-color: #fff;
    font-weight: 400;
}

.table-area table:first-of-type td {
    border-right: none;
}

.support-data-table th {
    background-color: rgba(0, 0, 0, 0.05);
}

.project-edit-button-wrapper {
    display: flex;
    justify-content: center;
    background: #FFFFFF;
    align-items: center;
    margin-top: 20px;
}

.project-edit-button-wrapper .button_orange {
    width: 250px;
    height: 50px;
    border-radius: 60px;
    border: 2.5px solid #FFFFFF;
    text-align: center;
}

.section-next {
    align-items: center;
    background-color: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 50px;
    max-width: 1200px;
    padding: 90px 0 50px;
}

.section-white {
    background: #fff;
}

/* マイページレイアウト */
.mypage-wrapper {
    background-color: #FCF4EF;
    text-align: center;
    padding: 0 0 5rem;

}

.mypage-wrapper-white {
    background-color: white;
    text-align: center;
    padding: 0 0 5rem;

}

.mypage-title {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    padding: 25px 20rem;
    background: #fff;
    width: 100%;
}

.mypage-title img {
    padding-right: 1.4rem;
}

.mypage-title h3 {
    font-size: 1.8rem;
    font-weight: 600;
}

.mypage-title a {
    color: black;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.mypage-contents-container {
    display: flex;
    background-color: #FCF4EF;
    padding: 40px 40rem 36px;
    flex-direction: column;
    justify-content: center;
}

.mypage-contents {
    background: #fff;
    margin: 40px auto 0;
    padding: 40px 20px 36px;
    border-radius: 10px;
}

.mypage-contents.pc {
    min-width: 600px;
    margin: 0 auto;
}

.mypage-contents.sp {
    max-width: 800px;
    margin: 0 auto;
    width: 90%;
}

.section-next_title {
    align-items: center;
    background: #00000066;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    margin: 0 auto;
    width: 780px;
    height: 55px;
    border-radius: 15px 15px 0px 0px;
}

.section-next_title h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28.96px;
    color: #fff;
    padding: 12px 0 14px 30px;
}

.section-next_title img {
    height: 19px;
    margin-right: 8px;
    width: 19.36px;
}

.achievement-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1200px;
}

.activity-list-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
}

.achievement-list-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 1140px;
    margin: 40px auto;
    justify-content: space-between;
}

.achievement-list-menu h3 {
    font-size: 3.2rem;
    font-weight: 600;
}

.achievement-list-menu a {
    text-decoration: none;
    color: black;
    font-weight: 600;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 4.2rem;
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0);
}

.achievement-list-support_more {
    margin-right: 2.5%;
    margin-left: auto;
    height: 3.8rem;
    text-decoration: none;
    color: black;
    font-weight: 600;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 4.2rem;
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0);
    margin-bottom: 0;
    margin-top: auto;
}

.achievement-list-favorite,
.achievement-list-support {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 4rem 0 4rem;
}

.achievement-list-favorite {
    padding-top: 20px;
}

.achievement-list-support {
    padding-bottom: 20px;
}

div:has(.inquiry_txt) {
    background-color: #fff;
    padding-bottom: 40px;
}

.inquiry_txt {
    border: 1px solid #707070;
    color: #2e3242;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    background-color: #fff;
}

.inquiry_txt svg {
    height: 15px;
}

.inquiry_txt span {
    display: none;
}

.inquiry_txt a {
    color: #2e3242;
    text-decoration: underline;
}

.inquiry_txt br {
    display: none;
}

div:has(.inquiry_txt_orange) {
    background-color: #FCF4EF;
}

.inquiry_txt_orange {
    background-color: #FCF4EF;
}

.projects-form {
    width: 325px;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 20px;
    margin: 0 112.5px 80px;
}

.projects-form_forsupport {
    width: 325px;
    max-height: 441px;
    border-radius: 20px;
}

.projects-form img {
    width: 325px;
    border-radius: 20px 20px 0 0;
}

.projects-form a {
    text-decoration: none;
}

.project-keyword {
    display: none;
}

.ql-editor strong {
    font-weight: 700;
}

.ql-editor p {
    text-align: left;
    font-size: 1.7rem;
    margin-bottom: 17px !important;
    letter-spacing: 0;
    line-height: 1.6;
}

.no_margin,
.ql-editor p.no_margin {
    margin-bottom: 0 !important;
}

.ql-editor li {
    text-align: left;
    font-size: 1.7rem;
    letter-spacing: 0;
    line-height: 1.6;
}

.ql-editor ul,
.ql-editor ol {
    margin-bottom: 17px !important;
}

.ql-editor img {
    max-width: 100%;
}


.ql-video {
    aspect-ratio: 5 / 3;
    width: 100%;
}

.project-title {
    width: 295px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: solid 2px #d6d6d6;
}

.project-wide-title {
    display: flex;
    font-size: 2.4rem;
    align-items: flex-end;
    justify-content: center;
    overflow-wrap: anywhere;
    flex-basis: 44%;
    margin-bottom: 12px;
    padding: 0.5rem 0 2rem;
    border-bottom: 2px solid #eee;
    min-height: 90px;
    font-weight: 600;
}

.achievement-rate {
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.support-money-title {
    font-size: 1.2rem;
    color: #b1b1b1;
    margin: 0 0 6px;
}

.achievement-big {
    padding: 15px 15px 20px;
    display: flex;
    justify-content: center;
}

.achievement-mini {
    margin: 0 auto;
}

.achievement-mini:first-child {
    border-right: dotted 2px #000;
    padding-right: 43px;
    margin: 0 0 0 auto;
}

.support-money {
    font-size: 2.0rem;
    font-weight: 600;
}

.auth-member {
    margin: 0 auto;
    background: #FCF4EF;
    border-radius: 10px;
    padding: 10px 20px;
    max-width: 325px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-member h3 {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
}

.auth-member p {
    color: #FD781D;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
}

/* .activity-confirm-image {
    max-width: 600px;
    margin: 0 auto;
    padding: 10px 10px;
} */

.project-detail-tabs_center {
    display: flex;
    justify-content: center;
}

.section-next-v2 {
    background: #fff;
    padding: 30px 15px 0;
}

@media (max-width: 768px) {
    .section-next-v2 {
        margin: 0 auto;
    }
}

.section-next-v2.disable {
    background: #838383;

}

.activity-reporteditor-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 15px;
}

.section-next_title-v2 {
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 25px 0;
}

.section-next_title-v2 h3 {
    font-size: 1.8rem;
    margin: 0;
}

.section-next_title-v2 img {
    height: 19px;
    margin-right: 8px;
    width: 19.36px;
}

.page-moving {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin: 40px 0 90px;
    padding-bottom: 0;
    padding-bottom: 120px;
}

.page-moving a {
    color: #000;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.page-moving img {
    height: 21px;
}

.page-moving_p1 {
    color: #fd781d;
    margin-left: 35px;
}

.page-moving_p3 {
    margin-right: 35px;
}

.page-moving p {
    font-size: 2.7rem;
    font-weight: 600;
    margin: 0 30px;
}

.vector-left110 {
    margin-right: 25px;
}

.vector-right110 {
    margin-left: 25px;
}

.projects-form-v2 {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 3rem auto 3rem auto;
    width: 325px;
}

.projects-form-v2 img {
    width: 325px;
    border-radius: 20px 20px 0px 0px;
    /* 左上、右上、右下、左下 */
}

.projects-form-v2 a {
    text-decoration: none;
}

.project-title-v2 {
    border-bottom: solid 2px #d6d6d6;
    color: #000;
    font-size: 1.8rem;
    margin: 0 auto;
    padding: 20px 0;
    width: 295px;
}

.section-push_title {
    display: flex;
    justify-content: center;
    margin: 0 auto 10px;
    max-width: 1200px;
}

.section-push_title h2 {
    color: #fd780d;
    font-size: 1.2rem;
    font-size: 2rem;
    margin: 24px 0 0 20px;
}

.section-push_title img {
    width: 178px;
}

.achievement-list_push {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
}




.achievement-rate_push {
    font-size: 0.7rem;
    margin: 0 auto;
    padding: 8px;
}

.support-money-title_push {
    color: #b1b1b1;
    font-size: 0.7rem;
    margin: 0 0 6px;
}

.achievement-big_push {
    display: flex;
    justify-content: center;
    padding: 0px 10px 8px;
}

.achievement-mini_push {
    margin: 0 auto;
}

.achievement-mini_push:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 auto;
    padding-right: 15px;
    padding-right: 43px;
}

.support-money_push {
    font-size: 1.1rem;
    font-weight: 600;
}

.black-button a {
    align-items: center;
    background: #fff;
    border-radius: 5px;
    border: solid 1.5px rgba(47, 27, 0, 0.4);
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #000;
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 10px 15px;
    justify-content: center;
    margin-top: 25px;
    text-decoration: none;
}

.black-button-moredetail {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    margin: 30px auto 30px;
    text-decoration: none;
    width: 325px;

}

.all-black-button {
    text-align: center;
}

.all-black-button a {
    display: inline-block;
    position: relative;
    border-radius: 32px;
    background: #000;
    font-size: 1.8rem;
    font-weight: 600;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    padding: 1.6rem 6rem 1.6rem 2rem;
    margin: auto;
    border: none;
    color: #fff;
    text-decoration: none;
}

.all-black-button a img {
    width: 38px;
    height: 38px;
    position: absolute;
    right: 10px;
    /* ボタンの右端からの距離を設定 */
    top: 50%;
    /* ボタンの縦中央に配置 */
    transform: translateY(-50%);
}


.ob-button a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 28px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.8rem;
    font-weight: 400;
    height: 56px;
    justify-content: center;
    margin: 60px auto 140px;
    text-decoration: none;
    width: 325px;
}

.ob-button a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 28px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.8rem;
    font-weight: 400;
    height: 56px;
    justify-content: center;
    margin: 60px auto 140px;
    text-decoration: none;
    width: 325px;
}

.section-under {
    padding-bottom: 6.0rem;

}

.section-next-v3 {
    margin: 0 auto;
    padding: 0 0;
}

.section-next_title-v3 {
    align-items: center;
    background: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 25px 0;
}

.section-next_title-v3 h3 {
    font-size: 1.8rem;
    margin: 0;
}

.section-next_title-v3 img {
    height: 19px;
    margin-right: 8px;
    width: 19.36px;
}

.sign_area {
    margin: 40px 25px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.sign_area p {
    font-size: 1.8rem;
    font-weight: 500;
}

.o-button {
    margin: 40px 25px;
}


.o-button a {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 8px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    margin: 0 0 0 auto;
    text-decoration: none;
    width: 88px;
}

.orange-flat-btn {
    background: #fff;
    border-radius: 13px;
    background-color: rgba(254, 120, 35, 1.0);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    color: white;
    display: inline-flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    text-decoration: none;

}

.btn-50-360 {
    width: 360px;
    height: 50px;
    font-size: 1.6rem;
}

.btn-40-160 {
    width: 160px;
    height: 40px;
    font-size: 1.6rem;
}

.line-open-chat-container {
    max-width: 60rem;
    width: 80%;
    margin: 0 auto;
    padding: 4rem 0;
    text-align: center;
}

.line-open-chat-container p,
.line-open-chat-container h3 {
    text-align: left;
    line-height: 1.8;
}

.line-open-chat-container h3 {
    color: #FC781E;
    font-weight: 600;
    margin-bottom: 8px;
}

.line-open-chat-container p {
    margin-bottom: 40px;
    font-weight: 400;
    font-size: 1.6rem;
}

.section-next_title2 {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 0;
}

.section-next_title2 h3 {
    font-size: 1.6rem;
    margin: 0;
}

.support-list-bottom h3 {
    color: #FC781E;
    font-weight: 600;
    font-size: 3.2rem;
    text-align: center;
    margin: 120px auto 56px;
}

.support-list-bottom {
    padding: 5.6rem 1.2rem 8rem;
    display: flex;
    justify-content: center;
    background-color: white;
    flex-direction: column;
    align-items: center;
    gap: 20px;

}

.section-point-support-bottom {
    display: flex;
    gap: 32px;
}

.section-point-container {
    width: 312px;
    height: 520px;
    background-color: #FCF4EF;
    padding: 32px 28px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 0 56px;
}

.section-point-container-img {
    width: 100%;
    aspect-ratio: 250/160;
    height: auto;
    overflow: hidden;
    border-radius: 13px;

}

.section-point-container-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.section-point-container p {
    font-size: 1.6rem;
    text-align: left;
    font-weight: 500;
    margin-bottom: 0.6rem;
    line-height: 1.9;
}

.section-next_in-dis {
    background: #fff;
    margin: 0 0 20px;
}

.p1 {
    margin-bottom: 30px;
    margin: 15px 0 0 0;
    text-decoration: none;
}

.point-number {
    color: #fd781d;
    font-size: 2rem;
    font-weight: 600;
}

.p1 p {
    border-bottom: dashed 1px #fd781d;
    border-top: solid 1px #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    margin: 12px 0;
    padding: 20px 0;
}

.p2 p {
    font-size: 1.5rem;
    font-weight: 600;
}

.p3 p {
    word-break: break-all;
    font-size: 1.6rem;
    font-weight: 200;
    line-height: 26px;
    margin: 0;
}

.p4 p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 24px;
    margin: 25px 0 0;
    padding-bottom: 25px;
}

.p5 p {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 16px 0 16px;
    padding: 16px 0;
}

.p5 p span {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 6px;
}

.p0 {
    display: flex;
    justify-content: space-between;
}

.p3-1 p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 4px;
    text-align: left;
}

.p3-2 p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 4px;
    text-align: right;
}

.re-page-v2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    height: 24px;
    width: 143px;
    border: none;
    background: #fff;
    color: black;
}

.bank-account-warning p {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20.27px;
    color: #211715;
    text-align: center;
    margin-top: 20px;
}


.ob-button-v3 a {
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: solid 1px rgba(0, 0, 0, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, 1.0);
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 325px;
}

.ob-button-v3 a img {
    margin: 4px 6px 0 0;
}


.section-next_top3 {
    margin: 60px 0;
    justify-content: center;
}

.chart-canvas {
    border-radius: 30px;
    background-color: #fff;
    padding: 30px;
    margin-bottom: 20px;
}

.chart-canvas .chart-area {
    height: 350px;
}

.section-next_top3 h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 30px auto 0;
}

.canvas-drowunit {
    padding-left: 4px;
    font-size: 1rem;
}



.project-analytics-wrapper {
    max-width: 1000px;
    padding: 40px 0;
}

@media (min-width: 768px) {

    .project-analytics-wrapper,
    .supporter_beigeback {
        margin: 0 auto;
    }
}

.analytics-title {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}

.support-detail-container {
    width: 720px;
    margin: 0 auto;
    background-color: #F8F8F8;
    border-bottom: 15px;

}

.config-term-container {
    margin: 0 auto;
    background-color: #F7F7F7;
    border: #D8D8D8 2px solid;
    max-width: 69rem;
    padding: 20px 104px;
    border-radius: 3px;
}

.ob-button-v8 button {
    min-width: 10rem;
    background: #fff;
    align-items: center;
    border-radius: 28px;
    border: solid 1.6px rgba(254, 120, 35, 1.0);
    color: rgba(254, 120, 35, 1.0);
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    height: 30px;
    justify-content: center;
    margin: 20px 0;
    text-decoration: none;
    padding: 2px 8px;
    font-weight: 600;
}

.active.ob-button-v8 button {
    background: #FCF4EF;
}

.term-editor {
    display: flex;
    justify-content: space-around;
    gap: 1rem;
    align-items: center;
}

.term-editor label {
    font-size: 1.4rem;
    font-weight: 600;

}

.term-editor input {
    background-color: white;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #b1b1b1;
    font-size: 1.6rem;
    height: 41px;
    margin: 10px auto;
    padding: 0 0 0 10px;
}

.term-editor span {
    color: rgba(0, 0, 0, 0.6);
}

.term-editor .date-buttons {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    white-space: nowrap;
}

.term-editor .date-button {
    cursor: pointer;
    padding: 5px 15px;
    background-color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.term-editor .date-box {
    font-weight: 400;
    height: 38px;
    width: 130px;
}

.term-editor .date-button.active {
    background-color: #FD781D;
    color: #fff;
    border: 0;
}

@media (max-width: 768px) {
    .table-area {
        display: block;
    }

    .table-area table:first-of-type th {
        border-bottom: none;
    }

    .table-area table:first-of-type td {
        border-right: 1px solid #ccc;
        border-bottom: none;
    }

    .grapharea-title-container {
        display: block;
        justify-content: space-between;
    }

    .term-editor {
        display: block;
    }

    .term-editor .date-box {
        width: 115px;
    }

    #reload_analytics {
        margin: 10px 0;
        display: inline-block;
    }

    .tabs .tab_item img {
        display: block;
        margin: 5px auto 0;
    }
}

.admin-analytics-term-container {
    background-color: #F7F7F7;
    max-width: 50rem;
    padding: 20px 20px;
}

.admin-analytics-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 32px;
}

.admin-term-editor input {
    background-color: white;
    border-radius: 3px;
    color: #707070;
    border: solid 2px #d8d8d8;
    font-size: 1.6rem;
    height: 41px;
    margin: 10px auto;
    padding: 0 0 0 10px;
}

.admin-term-button button {
    margin: 0;
}

.admin-analytics-card {
    background: #fff;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    box-shadow: inset -1px -1px 0 #e0e0e0;
    display: flex;
    width: fit-content;
    height: fit-content;
}

.admin-performance {
    border-right: 1px solid #e0e0e0;
    padding: 24px;
    height: 120px;
    min-width: 240px;
    display: grid;
}

.performance-content {
    font-size: 2.5rem;
    color: #000;
}

.admin-analytics-tbl {
    border-style: solid;
    border-width: 0px 0 1px 0px;
    border-color: #e0e0e0;
}

.admin-analytics-tcaption {
    caption-side: top;
    padding: 16px;
    font-size: 1.5rem;
    min-width: 500px;
}

.adn-return-tabs {
    padding-bottom: 4rem;
    justify-content: space-evenly;
    overflow: auto;
}

.banner-project-group {
    display: flex;
}

.w-80 {
    width: 80%;
}

.section-next_top1 {
    display: flex;
    background: #fff;
    flex-direction: column;
    margin: 40px 0;
    padding: 40px 0;
}

.top1-1 {
    align-items: center;
    display: flex;
    margin: 40px 25px 20px;
}

.top1-1 img {
    height: 17px;
    margin: 0 6px 0 0;
    width: 17px;
}

.top1-1 p {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.section-next_top1 h3 {
    font-size: 2.0rem;
    font-weight: 600;
    margin: 0 auto;
}

.section-next_top2 {
    display: flex;
    justify-content: space-between;
    margin: 30px 25px;
}

.spt-section-next_top2 {
    display: flex;
    justify-content: flex-start;
    margin: 3rem 0;
    gap: 1.6rem 4rem;
    flex-wrap: wrap;
    width: 96%;
}

.top2-1 {
    min-width: 15rem;
    flex-basis: 20%;

}

.top2-1-1 {
    align-items: center;
    display: flex;
    padding-bottom: 7px;
}

.top2-1-1 img {
    height: 17px;
    margin: 0 6px 0 0;
    width: 17px;
}

.top2-1-1 p {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.top2-1-2 {
    background: #fff;
    border-radius: 10px;
    padding: 0.6rem;
    display: flex;
    align-items: baseline;
    justify-content: right;
}

.top2-1-2 p {
    color: #fd781d;
    font-size: 2.2rem;
    font-weight: 600;
    margin: 0;
}

.top2-1-2 p span {
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 8px;
}

.top2-1-3 {
    background: #fff;
    border-radius: 10px;
    padding: 12px 30px;
    margin-left: 10px;
}

.top2-1-3 p {
    color: #000;
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0;
}

.top2-1-3 p span {

    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 8px;
}

.o2-button {
    margin: 0;
}

.o2-button a {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    display: flex;
    font-size: 1.5rem;
    font-weight: 200;
    height: 31px;
    justify-content: center;
    margin: 0 0 0 0;
    text-decoration: none;
    width: 79px;
}

.p1-v2 p {
    border-bottom: dashed 1px #fd781d;
    border-top: solid 1px #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 16px;
    padding: 20px 0;
}

.p5-v2 p {
    border-bottom: solid 1px #fd781d;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0;
    padding: 16px 0;
}

.p5-v2 p span {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 6px;
}

.p6 {
    align-items: center;
    border-bottom: dashed 1px #fd781d;
    border-top: solid 1px #fd781d;
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px;
    padding: 12px 0;
}

.p6 p {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 0;
}

.p0-1 {
    border-top: dashed 1px #fd781d;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-top: 20px;
}

.p0-1-1 p {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}

.page-moving-v2 {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 0;
}

.page-moving-v2 a {
    color: #000;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

.page-moving-v2 img {
    height: 21px;
}

.page-moving-v2 p {
    font-size: 2.7rem;
    font-weight: 600;
    margin: 0 30px;
}

.userconfig-data-container {
    background: white;
    margin: 0 auto 10px;
    padding: 1rem 2.5rem 0;
    max-width: 100rem;
    width: 80%;
    border-radius: 1rem;
}

.section-next_top1-v2 {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 40px 0;
}

.section-next_top1-v2 h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
}

.section-next_in-v2 {
    background: #fff;
    border-radius: 10px;
    margin: 40px 25px 0;
    padding: 15px 20px 30px;
}

.section-next_in-dis-v2 {
    background: #fff;
    margin: 0 0 30px;
}

.userconfig-data-container .userconfig-data-profile ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.userconfig-data-container .userconfig-data-profile ul li:last-child {
    border-bottom: none;
}

.userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left {
    display: flex;
}

.userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left label {
    width: 180px;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4);
}

.userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left .profile-content {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px;
}

@media (max-width:1135px) {
    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left .profile-content {
        max-width: 450px;
    }
}

@media (max-width:950px) {

    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left .profile-content,
    .truncate-multi-line {
        max-width: 320px;
    }
}

@media (max-width:560px) {

    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left .profile-content,
    .truncate-multi-line {
        max-width: 210px;
    }
}

.userconfig-data-container .userconfig-data-profile .userconfig-data-profile-right {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
    min-width: 65px;
}

.userconfig-data-container .userconfig-data-profile .userconfig-data-profile-right a {
    font-size: 15px;
    color: #FD790E;
    padding: 5px 15px;
    border: 1px solid #FD790E;
    border-radius: 40px;
}

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

    .userconfig-data-container .userconfig-data-profile ul li {
        margin-bottom: 20px;
    }

    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left {
        display: block;
    }

    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left label,
    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-left .profile-content {
        padding: 0 0 10px 0;
    }

    .userconfig-data-container .userconfig-data-profile .userconfig-data-profile-right {
        padding: 0px;
    }
}


.userconfig-data-container table {
    width: 100%;
}

.userconfig-data-container table tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.userconfig-data-container table tr:last-child {
    border-bottom: none;
}

.userconfig-data-container table tr th {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.4);
    ;
}

.userconfig-data-container table tr td {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
}

.userconfig-data-container table tr td a {
    font-size: 15px;
    color: #FD790E;
    padding: 5px 15px;
    border: 1px solid #FD790E;
    border-radius: 40px;
}

.p1-127 {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
}

.p1-127 label {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 20px 0 0;
}

.p1-127 a {
    color: #FD781D;
    font-size: 1.4rem;
    font-weight: 200;
    margin: 0 0 0 16px;
}

@media (max-width: 768px) {
    .p1-127 {
        flex-direction: column;
        align-items: flex-start;
    }

    .p1-127 label {
        margin-bottom: 10px;
    }

    .p1-127 a {
        text-decoration: none;
    }
}

.user-config-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    padding: 25px 0 0;
}


.p2-127 p {
    border-bottom: solid 1px #fd781d;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0 0;
    padding: 18px 0 23px;
}

.ob-button-v4 a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 325px;
}

.ob-button-v4 a img {
    margin: 4px 6px 0 0;
}

.ob-button-v4_c a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 40px auto 0;
    text-decoration: none;
    width: 325px;
}

.ob-button-v4 button {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 325px;
}

.userconfig-editor-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 0 0;
    max-width: 80rem;
    width: 90%;
}

.userconfig-notification-container {
    margin-bottom: 50px;
}

.userconfig-editor-container form {
    width: 100%;
}

.userconfig-editor-container .userconfig-editor-form-content {
    margin-bottom: 60px;
    display: flex;
    justify-content: space-between;
}

@media(max-width: 768px) {
    .userconfig-editor-container .userconfig-editor-form-content {
        flex-direction: column;
        align-items: flex-start;
    }
}

.userconfig-editor-input {
    display: inline-block;
    width: 550px;
    height: 41px;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    padding: 10px;

}

.userconfig-back-btn {
    margin-bottom: 60px;
}

.userconfig-back-btn a {
    color: #000;
    font-weight: 500;
}

.section-next-v5 {
    margin: 56px auto;
    width: 780px;
}

.section-next-v5 ul {
    padding: 5px 30px 30px;
    background-color: #F8F8F8;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.section-next-v5 ul li {
    display: flex;
    list-style-type: none;
    margin-top: 20px;
}

.section-next-v5 ul li p {
    font-weight: 700;
    font-size: 17px;
    margin: 0;
}

.section-next-v5 textarea {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    font-size: 1.6rem;
    height: 41px;
    margin: 12px auto 30px;
    padding-top: 12px;
    padding: 0 10px;
    width: 301px;
}

.section-next-v5 select {
    color: #3d3d3d;
    height: 43px;
    width: 325px;
    appearance: none;
    background-image: url(/images/support_triangle.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}

/*高國さん追記分0610*/
.section-next-v5 input[type="text"],
.section-next-v5 input[type="email"],
.section-next-v5 input[type="tel"],
.section-next-v5 select,
.section-next-v5 textarea {
    display: inline-block;
    width: 345px;
    height: 43px;
    border: 1px solid #00000014;
    background-color: #ffffff;
    border-radius: 2px;
    font-size: 1.6rem;
    color: #000;
    margin: 10px 0 0 0;
    padding: 0 17.5px;
}


.black-button-157 a {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 8px;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    margin: 0 0 0 16px;
    text-decoration: none;
    width: 53px;
}

.black-button-157 {
    margin: auto;
    height: 37px;
    background: #fd781d;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 3px 16px;
    text-decoration: none;
}

.black-button-outline-157 button {
    border: 1px solid #fd781d;
    color: #fd781d;
    background: #fff;
    font-size: 1.8rem;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.button-outline-157:hover,
.button-outline-157:not(:disabled):not(.disabled):active {
    color: #fff;
    background: #fd781d;
    opacity: 1;
}

.inp1-174,
.section-next-174 input[type="email"],
.section-next-174 input[type="tel"],
.text2-174 {
    display: inline-block;
    width: 301px;
    height: 41px;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    margin: 0 auto 30px;
    padding: 0 10px;
}

.list_detail {
    width: 80%;
    margin: auto;
}

.supporter {
    margin: 0 auto;
    margin-bottom: 24px;
    max-width: 600px;
    width: 85%;
}

.supporter-name {
    width: 378px;
    font-size: large;
    font-weight: bolder;
    padding: 9px 0 15px;
}

.support {
    margin: 0 auto;
    margin-bottom: 8px;
    max-width: 600px;
    width: 90%;
}

.support td {
    border: 16px solid #FCF4EF;
}

.support-amount_content {
    min-width: 125px;
    width: 150px;
}

.support-count img,
.support-amount img {
    width: 17px;
    margin: 0 8px 0;

}

.support-count_content {
    width: 84px;
}

.support-header {
    padding-bottom: 16px;
}

.support-date_content {
    width: 162px;
}

.support-amount_content,
.support-count_content,
.support-date_content {
    height: 25px;
    align-items: baseline;
    margin-top: 15px;
}

.support-count_content,
.support-date_content {
    margin-left: 25px;
}

.support-amount,
.support-count,
.support-date {
    font-weight: 400;
    font-size: 12px;
    margin: 0 8px 0 0;
    color: #00000099;
}


.support_message {
    width: 142px;
    padding: 7px 13px;
    text-align: center;
    border: 1.5px solid #FD790E;
    border-radius: 35px;
    background: white;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    color: #FD790E;
}

.button_message {
    font-size: 1.2rem;
    color: #000;
    text-decoration: none;
}

.support-dateil-label {
    padding-left: 30px;
    font-size: 17px;
    font-weight: 700;
}

.support-dateil {
    margin-top: 40px;

}

.support-dateil-item-label {
    font-size: 17px;
    font-weight: 700;
    margin-left: 30px;
}

.orange-hr {
    color: #FD781D;
}

.orange-hr-dashed {
    border-top: 2px dashed #FD781D;
}

@media(min-width: 768px) {

    .list_detail {
        width: 50%;
        margin: auto;
    }

    .mock-checkbox {
        margin: auto 0;
    }

    .explanation-text {
        width: 500px;
    }

    .section-next-v5 input[type="text"],
    .section-next-v5 input[type="email"],
    .section-next-v5 input[type="tel"],
    .section-next-v5 select,
    .section-next-v5 textarea {
        width: 345px;
    }

    .section-next-v5 select {
        width: 345px;
    }

    .section-next-v5 textarea {
        height: 280px;
    }

    .supporter_address_v5 {
        width: 710px !important;
    }
}

/* 高國さん追記分0610終わり */

.section-next_topbar-v2 {
    background: #fff;
}

.section-next_topbar-v2 ul {
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.section-next_topbar-v2 ul li {
    align-items: center;
    display: flex;
    height: 45px;
    justify-content: center;
    list-style-type: none;
    margin: 0 16px;
    width: 100%;
}

.section-next_topbar-v2 ul li:nth-child(2) {
    border-bottom: solid 2px #fd781d;
}

.section-next_topbar-v2 ul li p {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.section-next_topbar-v2 ul li p a {
    color: #000;
    text-decoration: none;
}

.p1-130 {
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 285px;
}

.p1-130 h3 {
    margin: 0;
}

.p1-130 h4 {
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}


.p1-130 p {
    font-size: 1.4rem;
    font-weight: 400;
    margin: 12px 0;
}

.orange-p p {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    margin-bottom: 10px;
}

.orange-p .orange-p-sub {
    font-size: 1.4rem;
    color: rgb(0, 0, 0, 0.6);
}

.ob-button-v5 {
    color: #fd781d;
    text-align: center;
}

.ob-button-v5 a,
.ob-button-v5 button {
    text-align: center;
    border-radius: 26px;
    border: solid 2px #fff;
    height: 50px;
    width: 325px;
    color: #fff;
    background-color: #fd781d;
    font-size: 1.8rem;
    font-weight: 400;
    margin: 40px auto 25px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.1);
}

.ob-button-v5 a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-next-v7 {
    align-items: center;
    background: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 15px 0 0;
}

.section-next_topbar-v3 {
    background: #fff;
}

.section-next_topbar-v3 ul {
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.section-next_topbar-v3 ul li {
    align-items: center;
    display: flex;
    height: 45px;
    justify-content: center;
    list-style-type: none;
    margin: 0 16px;
    width: 100%;
}

.section-next_topbar-v3 .active {
    border-bottom: solid 2px #fd781d;
}

.section-next_topbar-v3 ul li p {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.section-next_topbar-v3 ul li p a {
    color: #000;
    text-decoration: none;
}

.custum-checkbox-v3 {
    cursor: pointer;
    display: flex;
    margin: 25px 0 0 auto;
    padding-left: 20px;
    position: relative;
    user-select: none;
    width: 325px;
}

.form-check-label {
    cursor: pointer;
    display: flex;
    margin: 25px 0 0 auto;
    padding-left: 20px;
    position: relative;
    user-select: none;


}

.form-check-label input {
    display: none;
}

.form-check-label input:checked+.custum-mark-v5 {
    background: #fff;
    border-color: #333333;
}

.form-check-label input:checked+.custum-mark-v5:after {
    opacity: 1;
}

.custum-mark-v5 {
    background: #fff;
    border-radius: 0;
    border: solid 2px #333333;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
}

.custum-mark-v5:after {
    border: solid #fd781d;
    border-width: 0 3px 3px 0;
    content: "";
    width: 9px;
    height: 16px;
    left: 2.5px;
    opacity: 0;
    position: absolute;
    top: -3px;
    transform: rotate(45deg);

}


.custum-checkbox-v3 p {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 16px;
    margin: 0;
    position: relative;
    top: -2.5px;
}

.check-box1-v3 {
    margin: 0 auto;
}

.custum-checkbox-v3 input {
    display: none;
}

.custum-mark-v3 {
    background: #fff;
    border-radius: 0;
    border: solid 2px #D8D8D8;
    box-sizing: border-box;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.custum-mark-v3:after {
    border-width: 0 3px 3px 0;
    border: solid #fd781d;
    content: "";
    height: 13px;
    left: 2.5px;
    opacity: 0;
    position: absolute;
    top: -3px;
    transform: rotate(45deg);
    width: 7px;
}

.custum-checkbox-v3 input:checked+.custum-mark-v3 {
    background: #fff;
    border-color: #D8D8D8;
}

.custum-checkbox-v3 input:checked+.custum-mark-v3:after {
    opacity: 1;
}

.p1-140 p {
    font-size: 1.3rem;
    font-weight: 100;
    margin: 0;
}

.p2-140 p {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 15px 0;
}

.p3-140 p {
    color: #fd781d;
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0;
}

.p4-140 p {
    border-bottom: solid 1px #fd781d;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 25px 0 0;
    padding-bottom: 25px;
}

.section-next_title-v5 {
    align-items: center;
    background: #fff;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 25px 0;
}

.section-next_title-v5 h3 {
    font-size: 1.8rem;
    margin: 0;
}

.section-next_title-v5 img {
    height: 19.7px;
    margin-right: 8px;
    width: 13.54px;
}

.ob-button-v6 a {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto 40px;
    text-decoration: none;
    width: 325px;
}

.double-button {
    padding: 2rem;
    display: flex;
    justify-content: space-between;
}

.black-button-v2 {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    display: flex;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    margin: 0 28px 75px auto;
    text-decoration: none;
    width: 114px;
}

.black-button-v2 a img {
    margin-right: 6px;
}

.o-button-v2 {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    display: flex;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    margin: 0 auto 75px 28px;
    text-decoration: none;
    width: 114px;
}

.o-button-v2 a img {
    margin-right: 6px;
}

.o-button-v3 {
    align-items: center;
    color: #fd781d;
    display: flex;
    text-decoration: none;
    float: right;
    font-size: 14px;
    font-weight: 700;
}

.o-button-v3 img {
    margin-right: 9px;
    width: 19px;
    height: 19px;
}

.ob-button-v7 a {
    align-items: center;
    background: #fff;
    border-radius: 28px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 56px;
    justify-content: center;
    margin: 60px auto 140px;
    text-decoration: none;
    width: 210px;
}

.section-next_title-v6 {
    align-items: center;
    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    margin: 0 auto 25px;
    padding: 25px 0;
}

.section-next_title-v6 h3 {
    font-size: 1.8rem;
    margin: 0;
}

.section-next_title-v6 img {
    height: 19px;
    margin-right: 8px;
    width: 19.36px;
}

.achievement-list-v2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1200px;
}

.black-button-v3 a {
    background: #fff;
    border-radius: 8px;
    border: solid 2px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 55px auto 60px;
    text-decoration: none;
    width: 325px;
}

.last-button a {
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, 1.0);
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 40px auto 40px;
    text-decoration: none;
    width: 325px;
}

.section-next-v9 {
    max-width: 1000px;
    padding: 30px 0 0;
}

@media (min-width: 768px) {
    .section-next-v9 {
        margin: 0 auto;
    }
}


.top2-2 {
    flex-basis: 15%;
    min-width: 10rem;
}

.top2-3 {
    margin: 0;
    min-width: 10rem;
}

.top2-1-2 img {
    width: 100%;
}

.deta {
    background: #f7f7f7;
    border-radius: 3px;
    border: 2px solid #d8d8d8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 30px 25px;
}

.deta1 {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 15px 0 16px 30px;
    background-color: #00000066;

}

.deta1 p {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
    font-family: Noto Sans JP;
    line-height: 24px;
    letter-spacing: 0%;

}

.deta2 {
    display: flex;
    margin: 0 auto;
}

.form1 {
    align-items: center;
    display: flex;
    gap: 0 5px;
}

.deta2 p {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0;
    text-align: left;
}

.deta2 input[type="text"] {
    background-color: #fff;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    font-size: 1.4rem;
    height: 26px;
    margin: 0 5px 0;
    padding: 0 10px;
    width: 62px;
}


.deta3 {
    align-items: center;
    display: flex;
    margin: 0 auto;
    justify-content: space-evenly;
}

.o-vector {
    display: flex;
    justify-content: center;
    margin: 30px auto;
}

.a-zone {
    align-items: center;
    background: rgba(255, 255, 255, 0.87);
    border-radius: 10px;
    display: flex;
    height: 598px;
    justify-content: center;
    margin: 0 auto 40px;
    max-width: 1060px;
}

.a-zone_banner {
    background: #fff;
    border-radius: 10px;
    border: solid 3px #fd781d;
    display: flex;
    flex-direction: column;
    height: auto;
    width: 440px;
}

.a-zone_banner-p1 p {

    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.3rem;
    margin: 25px auto;
    text-align: center;
}

.a-zone_banner-p2 {
    display: flex;
    justify-content: center;
}

.a-zone_banner-p2 p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.3rem;
    margin: 0 auto;
    text-align: left;
}

.section-next_top4 {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
}

.top2-1-4 {
    display: flex;
    margin: 0 10px 10px 0;
}

.top2-1-4 img {
    height: 17px;
    margin: 0 6px 0 0;
    width: 17px;
}

.top2-1-4 p {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin: 0;
}

.s4-158 {
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0;
}

.s3-158 {
    font-size: 1.0rem;
    font-weight: 100;
    margin: 0;
}

.s1-158 {
    color: #000;
    font-size: 1.0rem;
    font-weight: 600;
    margin-right: 8px;
}

.s2-158 {
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 8px;
}

.black-button-v4 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 40px auto 0;
    text-decoration: none;
    width: 325px;
}

.blue-button {
    margin: 30px auto 0;
    padding-bottom: 20px;
}

.status-progress {
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
    border: none;
    width: 325px;
    height: 50px;
    color: #fff;
}

.status-progress.blue {
    background: #50BCE7;
}

.edit-project-title h3 {
    text-align: left;
    font-size: 24px;
    margin: 3px 30px 0 25px;
    line-height: 37px;
    letter-spacing: 0;
}

@media (max-width: 768px) {
    .edit-project-title h3 {
        margin: 0;
    }
}

.edit-project-title .product-description {
    position: relative;
    right: unset;
    bottom: unset;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    min-height: unset;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 3rem;
    overflow: hidden;
    border: 3px solid;
    margin-left: 28px;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .edit-project-title .product-description {
        margin-left: 0;
        margin-top: 0;
    }
}

.edit-project-title .product-description p {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
    display: grid;
    align-items: center;
    height: 100%;
    padding: 0 0.5em;
}

.edit-project-title .product-description span {
    position: relative;
    top: 1px;
    width: 2em;
    background: #FFF;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1em;
    line-height: 1;
    padding: 0 0 0 5px;
}

.edit-project-container {
    width: 100%;
    max-width: 724px;
    flex-direction: column;
    display: flex;
}

/* スマホ用プロジェクトビュー */
@media (max-width: 768px) {
    .edit-project-container_pc {
        display: none;
    }
}

/* パソコン用プロジェクトビュー */
@media (min-width: 768px) {
    .edit-project-container {
        justify-content: space-between;
    }

    .edit-project-container_sp {
        display: none;
    }
}

.blue-button a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    width: 325px;
    height: 50px;
    border-radius: 25px;
    background: #50BCE7;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
    border: none;
}




.black2-button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #000;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 33px auto 25px;
    text-decoration: none;
    width: 325px;
    cursor: pointer;
}

.black2-button a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 10px auto 50px;
    text-decoration: none;
    width: 325px;
}

.black2-button:hover {
    color: #000;
}

.pre-top {
    background: #F8F8F8;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    margin: 30px auto;
    width: 80vw;
}

.pre-top>p {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: 0.05rem;
}

.pre-top>p.pre-link-top {
    font-family: Zen Kaku Gothic New;
    font-weight: 900;
    font-size: 2.4rem;
}

@media (max-width: 768px) {
    .pre-top {
        background: #F8F8F8;
        padding: 20px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 20px;
        width: 90vw;
        box-sizing: border-box;
    }

    .pre-top>p {
        font-weight: 400;
        font-size: 1.3rem;
        line-height: 2.2rem;
        letter-spacing: 0.05rem;
        text-align: center;

    }

    .pre-top>p.pre-link-top {
        font-family: Zen Kaku Gothic New;
        font-weight: 900;
        font-size: 2.0rem;
        line-height: 2.6rem;
        text-align: center;
        margin-bottom: 20px;
    }
}

.pre-contents {
    display: flex;
    gap: 40px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.project_status_yet {
    color: #FC6203;
    text-align: center;
    background-color: #fff;
    border: solid 3px #FC6203;
    border-radius: 15px;
    width: 80vw;
    padding: 25px 0;
    position: sticky;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 98;

}


.project_status_yet h2 {
    font-family: Zen Kaku Gothic New;
    font-size: 3rem;
    font-weight: 700;
}

.project_status_yet p {
    font-family: Noto Sans JP;
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 20px;
}

.project_status_yet .delete-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2rem;
    font-weight: 400;
    color: rgba(47, 27, 0, 0.6);
}

.project_status_yet .icon-copy_link {
    width: 20px;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .project_status_yet {
        color: #FC6203;
        text-align: center;
        background-color: #fff;
        border: solid 2px #FC6203;
        border-radius: 15px;
        width: 90vw;
        padding: 20px;
        position: sticky;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 98;
    }

    .project_status_yet h2 {
        font-family: Zen Kaku Gothic New;
        font-size: 2.2rem;
        font-weight: 700;
    }

    .project_status_yet p {
        font-family: Noto Sans JP;
        font-size: 1.6rem;
        font-weight: 400;
        margin-top: 10px;
    }

    .project_status_yet .delete-button {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 1.4rem;
        font-weight: 400;
        color: rgba(47, 27, 0, 0.6);
    }

    .project_status_yet .icon-copy_link {
        width: 18px;
        margin-left: 5px;
    }
}

.preview_link_button {
    font-size: 1.8rem;
    font-weight: 700;
    background: #FC6203;
    border-radius: 5px;
    color: #FFF;
    padding: 6px 20px;
    margin-top: 20px;
}

.section-step {
    margin-top: 30px;
    padding: 40px 0 70px;
}

.step_consultation,
.step_moushikomi {
    position: absolute;
    color: #000;
    text-decoration: underline;
    font-size: 19px;
    font-weight: 300;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
}

.step_consultation {
    top: 110px;
    left: 90px;
}

.step_moushikomi {
    left: 90px;
    top: 282px;
}

.projectedit-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0 40px;
    gap: 20px;
}

.projectmanage-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0 40px;
    gap: 20px;
    flex-direction: column;
}

.manager-button-big {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #000;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.8rem;
    font-weight: 400;
    height: 56px;
    text-decoration: none;
    width: 325px;
}

.project-back-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

.project-edit-orange {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: rgba(254, 120, 35, 1.0);
    border-radius: 8px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: white;
    font-size: 1.6rem;
    font-weight: 500;
    height: 50px;
    text-decoration: none;
    width: 300px;

}

/* 公開中のプレビューボタン */

@media (min-width: 768px) {
    .button-preview-publish {
        position: absolute;
        bottom: 12px;
        right: 20px;
        height: 56px;
        width: 56px;
    }
}

@media (max-width: 768px) {
    .button-preview-publish {
        position: absolute;
        bottom: 8px;
        right: 20px;
        height: 37px;
        width: 37px;
    }
}

/* 公開前のプレビューボタン */

@media (min-width: 768px) {
    .button-preview {
        position: absolute;
        bottom: 12px;
        right: 20px;
        height: 56px;
        width: 56px;
    }
}

@media (max-width: 768px) {
    .button-preview {
        position: absolute;
        bottom: 16px;
        right: 20px;
        height: 37px;
        width: 37px;
    }
}


/* 掲載終了後のプレビューボタン */

@media (min-width: 768px) {
    .button-preview-end {
        position: absolute;
        bottom: 12px;
        right: 20px;
        height: 56px;
        width: 56px;
    }
}

@media (max-width: 768px) {
    .button-preview-end {
        position: absolute;
        bottom: 6px;
        right: 20px;
        height: 37px;
        width: 37px;
    }
}

.preview_eye_image {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .mypj_cip_content-top_arrow {
        width: 8px;
    }
}

.toast-top-right {
    margin: 40px 10px;
}

.step1 {
    margin: 0;
    align-items: center;
    background: #FDE2D2;
    display: flex;
    justify-content: center;
    padding: 10px 0;
    border-radius: 3px;
}

.step1 p {
    font-size: 2.0rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0;
}

.step1 p span {
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
    margin-left: 16px;
}

.step2 p {
    font-size: 1.8rem;
    font-weight: 300;
    margin: 18px 0;
}

.step3 {
    margin: 0;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.announce-success-wrapper {
    max-width: 1200px;
    padding: 30px 0 40px;
}

.section-input {
    padding: 30px 0 40px;
    background: #FCF4EF;
    margin: 60px auto 0;
    max-width: 1200px;
}

.announce-success {
    width: 494px;
    display: flex;
    background: #FCF4EF;
    border-radius: 10px;
    border: solid 3px #fd781d;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 50px;
    padding: 20px 16px;
}


.input-top {
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: solid 3px #fd781d;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 50px;
    max-width: 494px;
    padding: 20px 0;
}

.announce-never {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    border: solid 3px #FCF4EF;
    margin: 0 auto 50px;
    max-width: 494px;
    padding: 20px 8px;
    font-size: 1.8rem;
    font-weight: 500;
}

.announce-never p {
    color: gray;
    font-weight: 400;
    font-size: 1.4rem;
}

.announce-success h3 {
    font-size: 1.8rem;
    color: #fd781d;
    font-weight: 600;
    margin-bottom: 1.5rem;
    text-align: center;
}

.announce-success p span {
    color: #fd781d;
    font-weight: 600;
}

.announce-success p {
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
}

.attach-text p {
    font-weight: bold;
    text-align: left;
    font-size: 1.4rem;
}

.input-top h3 {
    font-size: 2.0rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.input-top img {
    width: 100%;
    margin: 20px auto 16px;
}

.input-top p {
    font-size: 1.2rem;
    color: #707070;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.input-top p span {
    color: #fd781d;
}

.custum-checkbox2 {
    position: relative;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding-left: 20px;
    user-select: none;
}

.custum-checkbox2 p {
    font-size: 1.4rem;
    color: #000;
    font-weight: 380;
    margin-left: 10px;
    margin: 0;
    position: relative;
    top: -4px;
}

.custum-checkbox2 p span {
    font-weight: 600;
}

.custum-checkbox2 input {
    display: none;
}

.custum-checkbox2 input:checked+.custum-mark {
    background: #FDE2D2;
    border-color: #FDE2D2;
}

.custum-checkbox2 input:checked+.custum-mark:after {
    opacity: 1;
}

/* アコーディオン */
.accordion-btn {
    margin: 0 auto 0;
    border: none;
    padding: 1em 1em 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fd781d;
    background: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 2.3rem;
    position: relative;
    z-index: 3;
}

.accordion {
    margin: 0 auto;
    /* width: 500px; */
}

.return-name-input {
    margin-bottom: 0.2rem !important;
    height: 60px !important;
}

#toggle1,
#toggle1_2,
#toggle1_3 {
    display: none;
}

.option {
    margin-bottom: 1em;
    position: relative;
}

.title,
.content,
.content-wrapper,
.title-toptoggle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.title-toptoggle {
    margin: 0 auto 0;
    border: none;
    padding: 1em 1em 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fd781d;
    background: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 2.3rem;
    position: relative;
    z-index: 3;
}

.title-toptoggle span:nth-child(2) {
    transform: rotate(90deg);
}

.close-toptoggle {
    margin: 0 auto 0;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fd781d;
    background: #fff;
    font-weight: 400;
    font-size: 2.3rem;
    text-align: center;
    position: relative;
    z-index: 3;
}

.title {
    margin: 0 auto;
    border: solid 2px #fd781d;
    border-radius: 27px;
    padding: 1em;
    display: block;
    color: #fff;
    background: #fd781d;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    position: relative;
    z-index: 3;
}

.title span:nth-child(2),
.title span:last-child {
    content: "";
    position: absolute;
    right: 250px;
    top: 50px;
    width: 2px;
    height: 0.75em;
    background-color: #fd781d;
    transition: all 0.3s;
}

.title span:first-child {
    content: "";
    position: absolute;
    right: 236px;
    top: 40px;
    width: 26px;
    height: 26px;
    border-radius: 15px;
    background-color: #fff;
    color: #fff;
    transition: all 0.3s;
    border: solid 2px rgba(254, 120, 35, 1.0);
}

.title span:nth-child(2) {
    transform: rotate(90deg);
}

.content {
    margin-top: 0;
    max-height: 0;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    overflow: hidden;
}

.content-wrapper {
    margin-top: 0;
    max-height: 0;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}


.content p {
    margin: 0;
    padding: 0 15px 20px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
}

.content p:first-child {
    padding: 35px 15px 20px;
}

.content p:last-child {
    padding: 0 15px 30px;
}

.content p span {
    color: #fd781d;
}

.toggle:checked+.title-toptoggle+.content-wrapper,
.toggle1_2:checked+.title-toptoggle+.content-wrapper,
.toggle1_3:checked+.title-toptoggle+.content-wrapper {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle:checked+.title-toptoggle,
.toggle1_2:checked+.title-toptoggle,
.toggle1_3:checked+.title-toptoggle {
    display: none;
}

.toggle:checked+.title+.content,
.toggle1_2:checked+.title+.content,
.toggle1_3:checked+.title+.content {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle:checked+.title,
.toggle1_2:checked+.title,
.toggle1_3:checked+.title {
    display: none;
}

.toggle:checked+.title+.content-wrapper {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle:checked+.title span:last-child {
    transform: rotate(45deg) !important;
}

.toggle:checked+.title span:nth-child(2) {
    transform: rotate(135deg) !important;
}

/* アコーディオン終わり */

.custum-checkbox2-v2 {
    position: relative;
    cursor: pointer;
    display: flex;
    margin: 0;
    padding-left: 20px;
    user-select: none;
}

.custum-checkbox2-v2 input {
    display: none;
}

.custum-checkbox2-v2 p {
    font-size: 1.4rem;
    color: #fd781d;
    font-weight: 380;
    margin-left: 10px;
    margin: 0;
    position: relative;
    top: -4px;
}

.custum-checkbox2-v2 p span {
    font-weight: 600;
}

.custum-checkbox2-v2 input:checked+.custum-mark {
    background: #FDE2D2;
    border-color: #FDE2D2;
}

.custum-checkbox2-v2 input:checked+.custum-mark:after {
    opacity: 1;
}

.ob1-button-v2 {
    margin: 30px auto 0;
    padding-bottom: 20px;
}

.ob1-button-v2 p {
    display: flex;
    align-items: center;
    background: #b1b1b1;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 184px;
}

.section-input-v2 {
    margin-top: 60px;
    background: #FCF4EF;
    padding: 30px 0 40px;
}

.input-top-v2 {
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: solid 3px #fd781d;
    flex-direction: column;
    justify-content: center;
    margin: 0 25px 50px;
    max-width: 680px;
    padding: 20px 0;
}

.input-top-v2 h3 {
    font-size: 2.0rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0;
    text-align: center;
}

.input-top-v2 h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 12px 0 15px;
    text-align: center;
}

.input-top-v2 h4 span {
    color: #fd781d;
}

.input-top-v2 p {
    font-size: 1.2rem;
    color: #707070;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.ob1-button-v3 {
    margin: 30px auto 0;
    padding-bottom: 20px;
}

.ob1-button-v3 p {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 184px;
}

.content-v2 {
    -webkit-backface-visibility: hidden;
    margin-top: 0;
    backface-visibility: hidden;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    max-height: 0;
    overflow: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.c1 {
    padding: 4px 8px;
    text-align: left;
}

.c2 {
    padding: 4px 8px;
}

.c1 h4 {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 50px 15px 18px;
}

.c2 h4 {
    font-size: 1.6rem;
    border-top: dotted 3px #fd781d;
    font-weight: 600;
    margin: 0 15px 18px;
    padding-top: 30px;
}

.content-v2 p {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.1rem;
    padding: 0 15px 20px;
}

.content-v2 p:first-child {
    padding: 35px 15px 20px;
}

.content-v2 p:last-child {
    padding: 0 15px 30px;
}

.content-v2 p span {
    color: #fd781d;
}

.toggle:checked+.title+.content-v2 {
    max-height: 500px;
    transition: all 1.5s;
}

.orange-button-v1 a {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 8px;
    border: none;
    box-shadow: 0 1px 2cap 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 55px auto 60px;
    text-decoration: none;
    width: 325px;
}

.orange-button-v1 button {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 8px;
    border: none;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 55px auto 30px;
    text-decoration: none;
    width: 325px;
}

.border-orange-button_back {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    border: solid 2px #fd781d;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 auto 60px;
    text-decoration: none;
    width: 325px;
}

.border-orange-button_back button {
    display: flex;
    position: relative;
    padding-left: 5px;
    align-items: center;
}

.border-orange-button_back button svg {
    height: 24px;
    margin-top: 2px;
}

.orange-button-save {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 60px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 25px auto;
    text-decoration: none;
    width: 325px;
}

.ob-button-v9 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 28px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.4rem;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 159px;
}

.settlement-p3_v4 {
    background: #fff;
    background-size: cover;
    margin-bottom: 40px;
    width: 100%;
}

.settlement-p3_v4 form {
    width: 325px;
    margin: 0 auto;
}

.settlement-p3_v4-select {
    display: flex;
    align-items: center;
}

.settlement-p3_v4-select select {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #b1b1b1;
    font-size: 1.6rem;
    height: 41px;
    margin-right: 6px;
    margin: 10px auto;
    padding: 0 10px;
    width: 70px;
}

.settlement-p3_v4-select select:first-child {
    width: 90px;
    margin-left: 0;
    margin-right: 6px;
}

.section-next-v10 ul {
    margin-top: 30px;
    padding-left: 0;
}

.section-next-v10 ul li {
    list-style-type: none;
    display: flex;
}

.lip1 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
}

.li2 span {
    font-weight: 500;
    font-size: 1.8rem;
}

.keisai {
    display: flex;
    font-size: 1.8rem;
    font-weight: 500;
    margin: 15px 0 0;
}

.keisai span {
    font-weight: 500;
    font-size: 1.8rem;
}

.lip2 {
    margin: 4px 0 0;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip3 {
    margin: 4px 0 0;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip4 {
    margin: 0 0 15px;
    font-size: 1.8rem;
    font-weight: 500;
}

.lip5 {
    margin: 6px 0 30px;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip6 {
    margin: 4px 0 0;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip7 {
    margin: 0 0 0;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip8 {
    margin: 4px 0 0;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip9 {
    margin: 30px 0 0;
    font-size: 1.8rem;
    font-weight: 500;
}

.lipu {
    margin: -24px 0 30px;
    color: #707070;
    font-size: 1.2rem;
    font-weight: 200;
    text-align: right;
}

.lipu2 {
    margin: -30px 0 0 0;
    color: #707070;
    font-size: 1.2rem;
    font-weight: 200;
    text-align: right;
}

.upimg {
    display: flex;
    background: #f7f7f7;
    border-radius: 8px;
    border: dashed 2px #d8d8d8;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 6px;
}

.upimg img {
    width: 33.18px;
    height: 27.14px;
    margin: 15px auto 12px;
}

.kin1 {
    display: flex;
}

.kin1 p {
    display: flex;
    align-items: center;
    background: #D8D8D8;
    border-radius: 3px;
    font-size: 1.4rem;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin: 10px 0 0;
    text-align: center;
    width: 45px;
}

.settlement-p3_v3-p {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 10px 10px 16px 0;
}

.section-next-v10 ul li img {
    position: relative;
    top: -2px;
}

.section-next-v10 textarea {
    display: inline-block;
    height: 74px;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    margin: 10px auto 30px;
    padding: 0 10px;
    width: 301px;
}

.inp1,
.section-next input[type="email"],
.section-next input[type="tel"],
.text1,
.text2 {
    width: 301px;
    height: 41px;
    margin: 0 auto 30px;
}

.form_content input,
.form_content textarea {
    height: 43px;
    width: 325px;
}

.form_content .message {
    height: 148px;
}

.form_content .category_select,
.form_content2 input {
    height: 43px;
    max-width: 300px;
    width: 100%;
    display: block;
    border-radius: 3px;
    background-color: #FFFFFF;
    font-size: 1.6rem;
    padding: 0 10px;
    border: 1px solid #00000014;
}

@media (max-width:768px) {

    .form_content2 input,
    .w2,
    .short-select {
        max-width: 325px;
    }

}

.form_content input,
.form_content textarea,
.inp1,
.section-next input[type="email"],
.section-next input[type="tel"],
.text1,
.text2 {
    display: inline-block;
    border: 1px solid #00000014;
    border-radius: 3px;
    background-color: #FFFFFF;
    font-size: 1.6rem;
    padding: 0 10px;
}

.form_content select:disabled,
.form_content input:disabled,
.form_content textarea :disabled {
    background-color: #EEEEEE;

}



.eyecatch-container img {
    max-width: 250px;
    max-height: 170px;
}

.eyecatch-detail .upload-wrapper {
    padding: 8px 0 12px;
}

@media (min-width:769px) {
    .eyecatch-detail {
        margin-left: 30px;
    }
}

#target_amount,
#next_target_amount {
    width: 300px;

}

.projects-point {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: left;
}

.textarea-explain {
    display: block;
    height: 74px;
    margin-top: 0;
    padding-top: 12px;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    padding: 0 10px;
    width: 325px;
}

.textarea-apply {
    display: block;
    margin-top: 0;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #Fff;
    font-size: 1.6rem;
    color: #000;
    padding: 12px 0 10px;
    width: 325px;
}

.form_content .compact-textarea {
    field-sizing: content;
    min-height: min-content;
    height: 150px;
    padding: 10px 15px;
}

.inp2 {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    height: 41px;
    margin: 10px auto 30px 0;
    padding: 0 10px;
    width: 249px;
}

.inp3 {
    display: flex;
    align-items: center;
    background-color: #d8d8d8;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    height: 41px;
    margin: 10px auto 30px 0;
    padding: 0 10px;
    width: 249px;
}

.section-next-v10 {
    background: #fff;
    margin: 0 auto;
    padding: 0 0;
}

.black2-button-v2 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 19px;
    border: solid 2px #000;
    color: #000;
    font-size: 1.4rem;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    margin: 20px auto 0;
    text-decoration: none;
    width: 208px;
}

.black2-button-v2 a img {
    margin: 0 6px 0 0;
}

.text1 {
    height: 135px;
    margin-top: 0;
    padding-top: 12px;
}

.text2 {
    height: 180px;
    margin-top: 0;
    padding-top: 12px;
}

.content-b {
    -webkit-backface-visibility: hidden;
    margin-top: 0;
    backface-visibility: hidden;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    max-height: 0;
    overflow: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.title-b {
    margin: 50px auto 0;
    background: #50BCE7;
    border-radius: 27px;
    border: solid 2px #50BCE7;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 1em;
    position: relative;
    text-align: center;
    z-index: 3;
}

.title-b span:last-child {
    content: "";
    background-color: #50BCE7;
    height: 0.75em;
    position: absolute;
    right: 162.5px;
    top: 50px;
    transition: all 0.3s;
    width: 2px;
}

.title-b span:first-child {
    content: "";
    background-color: #fff;
    border-radius: 15px;
    border: solid 2px #50BCE7;
    color: #fff;
    height: 26px;
    position: absolute;
    right: 148.5px;
    top: 40px;
    transition: all 0.3s;
    width: 26px;
}

.title-b span:nth-child(2) {
    transform: rotate(90deg);
}

.content-b p span {
    color: #50BCE7;
}

.toggle:checked+.title-b+.content-b {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle:checked+.title-b span:last-child {
    transform: rotate(45deg) !important;
}

.toggle:checked+.title-b span:nth-child(2) {
    transform: rotate(135deg) !important;
}

.accordion-content-box {
    display: flex;
    margin: 0 15px;
    flex-direction: column;
    padding-bottom: 15px;
}

.accordion-content-box h3 {
    margin: 40px 0 20px;
    font-size: 1.6rem;
    font-weight: 600;
}

.accordion-content-box a {
    color: #707070;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 20px auto 28px 0;
    text-decoration: underline;
}



.co1 {
    display: flex;
    margin: 0 15px;
    border-bottom: dotted 3px #50BCE7;
    flex-direction: column;
    padding-bottom: 15px;
}

.co1 h3 {
    margin: 40px 0 20px;
    font-size: 1.6rem;
    font-weight: 600;
}

.co1 a {
    color: #707070;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 20px auto 28px 0;
    text-decoration: underline;
}

.co2 {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.co2 h3 {
    margin: 30px 0 0;
    font-size: 1.6rem;
    font-weight: 600;
}

.co2-in {
    display: flex;
    margin: 20px 0 0;
}

.co2-in p {
    padding: 0 0 0 15px;
    font-size: 1.4rem;
    font-weight: 300;
    margin: 0;
}

.lip2-v2 {
    margin: -8px 0 10px;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip3-v2 {
    margin: 6px 0 10px;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 200;
}

.lip4-v2 {
    margin: 0 0 -16px;
    font-size: 1.8rem;
    font-weight: 500;
}

.lip5-v2 {
    margin: 0 0 10px;
    font-size: 1.8rem;
    font-weight: 500;
}

.lip6-v2 {
    margin: 6px 0 10px;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 200;
}

.lipu3 {
    margin: -28px 0 20px;
    color: #707070;
    font-size: 1.2rem;
    font-weight: 200;
    text-align: right;
}

.upimg-v2 {
    display: flex;
    background: #f7f7f7;
    border-radius: 8px;
    border: dashed 2px #d8d8d8;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 40px;
}

.upimg-v2 img {
    width: 33.18px;
    height: 27.14px;
    margin: 15px auto 12px;
}



.section-project_right-ed2-v2 {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 15px 15px 20px;
}

.section-project_right-ed2-v2 p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 25px;
    margin: 0;
}

.section-project_right-ed2-v2 p span {
    font-size: 1.8rem;
    font-weight: 400;
    margin-left: 4px;
}

.black-button-v3 a img {
    margin: 3px 6px 0 0;
}

.ob-button-v10 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.4rem;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 200px;
}

.ob-button-v10 a img {
    margin-right: 8px;
}

.black3-button a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 40px auto 30px;
    text-decoration: none;
    width: 325px;
}

.black3-button a img {
    margin: 3px 6px 0 0;
}

.ob2-button-v3 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: solid 1px #fd781d;
    box-shadow: 0 6px 6px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    margin: 0 0 0 auto;
    text-decoration: none;
    width: 114px;
}

.accordion2 {
    margin: 0 auto;
    width: 325px;
}

.toggle2 {
    display: none;
}

.option2 {
    position: relative;
    margin-bottom: 1em;
}

.content2 {
    -webkit-backface-visibility: hidden;
    margin-top: 0;
    backface-visibility: hidden;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    max-height: 0;
    overflow: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.title2 {
    align-items: center;
    margin: 40px auto 0;
    background: #fff;
    border-radius: 27px;
    border: none;
    border: solid 2px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    display: block;
    font-size: 2.3rem;
    font-weight: 600;
    justify-content: center;
    padding: 0;
    padding: 1em;
    position: relative;
    text-align: center;
    z-index: 3;
}

.title2 span:last-child {
    content: "";
    background-color: #fd781d;
    height: 0.75em;
    position: absolute;
    right: 162.5px;
    top: 50px;
    transition: all 0.3s;
    width: 2px;
}

.title2 span:first-child {
    content: "";
    background-color: #fff;
    border-radius: 15px;
    border: solid 2px #fd781d;
    color: #fff;
    height: 26px;
    position: absolute;
    right: 148.5px;
    top: 40px;
    transition: all 0.3s;
    width: 26px;
}

.title2 span:nth-child(2) {
    transform: rotate(90deg);
}

.content2 p span {
    color: #fd781d;
}

.toggle:checked+.title2+.content2 {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle:checked+.title2 span:last-child {
    transform: rotate(45deg) !important;
}

.toggle:checked+.title2 span:nth-child(2) {
    transform: rotate(135deg) !important;
}

.co3 {
    margin: 0 15px;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
}

.co3 h3 {
    margin: 40px 0 20px;
    font-size: 1.6rem;
    font-weight: 400;
}

.co3 a {
    margin: 0 0 18px;
    color: #000;
    font-size: 1.4rem;
    font-weight: 300;
}

.section-project_right-bb2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 15px;
}

.section-project_right-bb3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 -10px;
}

.section-project_right-bb2 p {
    margin: 0;
    font-size: 2.2rem;
    font-weight: 600;
}

.section-project_right-bb2 p span {
    margin: 0 0 0 6px;
    font-size: 1.3rem;
    font-weight: 300;
}

.section-project_right-bb3 p span {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 17px;
    border: solid 2px #fd781d;
    font-size: 1.5rem;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    margin: 0;
    width: 30px;
}

.section-project_right-bb3 p {
    display: flex;
    align-items: flex-end;
    font-size: 1.3rem;
    font-weight: 300;
    margin: 0 0 0 6px;
}

.section-project_right-bb img {
    margin: 0 0 0;
    transform: rotate(-90deg)
}

.bb2-1 {
    margin: 0 0 0;
    transform: rotate(-90deg)
}

.bb2-2 {
    margin: 0 0 0;
    transform: rotate(-90deg)
}

.q1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 55px;
}

.q1 a {
    display: flex;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: none;
}

.q1 a img {
    margin-right: 10px;
}

.section-return_top-v2 select {
    width: 173px;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #B1B1B1;
    font-size: 1.6rem;
    height: 45px;
    margin: 0 15px 5px;
    padding: 0 10px;
}

.section-return_un {
    display: flex;
    align-items: center;
    background: #FCF4EF;
    flex-direction: column;
    justify-content: center;
    margin: 0 15px;
    padding: 0 0 20px;
}

.q2 {
    display: flex;
    background: #fff;
    border-radius: 8px;
    flex-direction: column;
    margin: 0;
    padding: 20px 20px 20px;
}

.qq1 {
    border-bottom: dashed #fd781d 1px;
}

.qq1 h3 {
    margin: 0 0 10px;
}

.qq1 p {
    margin: 0 0 25px;
}

.qq2 h3 {
    margin: 18px 0 10px;
}

.black2-button img {
    margin-right: 8px;
}

.question-edit-container div .q3 {
    padding-bottom: 30px;
    margin-top: 8px;
}

.q3 {
    display: flex;
    align-items: center;
    justify-content: right;
}

.boldletter {
    font-size: 1.6rem;
    font-weight: 600;
}

.q3 div {
    display: flex;
    color: #21171599;
    font-size: 1.4rem;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

.q3 div img {
    margin-right: 10px;
}

.section-return_top-v3 {
    display: flex;
    align-items: center;
    background: #FCF4EF;
    justify-content: center;
    margin: 0 auto 50px;
    max-width: 1200px;
    padding: 0 0 20px;
}

.section-project_right-pc {
    width: 325px;
    margin: 20px auto 60px;
}

.section-project_left-pc {
    width: 450px;
    margin: 0 auto 0 60px;
}

.section-project_right-dis-pc {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin-bottom: 40px;
}

.section-project_right-center-pc img {
    width: 100%;
    position: relative;
    top: -4px;
    z-index: 10;
}

.t-img {
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
}

.ob-button-v11 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 28px;
    border: solid 2px rgba(254, 120, 35, 1.0);
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.4rem;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 159px;
}

.black2-button-v3 a {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 60px auto;
    text-decoration: none;
    width: 168px;
}

.black2-button-delete {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 2px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 60px auto;
    text-decoration: none;
    width: 168px;
}

.question-delete {
    margin-left: 25px;
}

.settlement-p3_v3-v2 {
    background: #fff;
    background-size: cover;
    margin-bottom: 40px;
    width: 100%;
}

.settlement-p3_v3-v2 form {
    width: 325px;
    margin: 0 auto;
}

.settlement-p3_v3-select-v2 {
    display: flex;
    align-items: center;
}

.settlement-p3_v3-select-v2 select {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #b1b1b1;
    font-size: 1.6rem;
    height: 41px;
    margin-right: 6px;
    margin: 10px auto;
    padding: 0 10px;
    width: 70px;
}

.settlement-p3_v3-select-v2 select:first-child {
    width: 325px;
    margin-left: 0;
    margin-right: 6px;
}

.inp4 {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    height: 41px;
    margin: 10px 7px 30px 0;
    padding: 0 10px;
    width: 149px;
}

.lip7-166 {
    margin: 4px 0 30px;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 300;
}

.term_selectarea {
    margin-bottom: 20px;

}

.settlement-p3_v3-select2 {
    margin-bottom: 20px;
}

.settlement-p3_v3-select-v3 {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.settlement-p3_v3-select-v3 select {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #b1b1b1;
    font-size: 1.6rem;
    height: 41px;
    margin-right: 6px;
    margin: 10px 0;
    padding: 0 10px;
}

.term-selectarea select {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    font-size: 1.6rem;
    height: 43px;
    width: 100px;
    padding: 8px 0 8px 13px;
}

@media (max-width: 678px) {
    .term-selectarea select {
        width: 85px;
        font-size: 15px;
    }
}

.term-selectarea span {
    font-size: 1.6rem;
    vertical-align: middle;
}

.settlement-p3_v3-select2 select {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #b1b1b1;
    font-size: 1.6rem;
    height: 41px;
    margin: 10px auto;
    padding: 0 10px;
    width: 100px;
}

.section-sendmail {
    text-align: center;
}

.section-sendmail h1 {
    font-size: 1.8rem;
    margin: 0 auto;
}

.checkmark {
    margin: 40px auto 30px;
}

.vectormark {
    margin: 28px auto 25px;
}

.submit_thanks {
    font-size: 35px;
    margin: 50px auto;
    font-weight: 700;
    line-height: 41px;
}

.submit_thanks br {
    display: none;
}

.response {
    border-radius: 16px;
    border: solid 3px #fd781d;
    margin: 0 auto 40px;
    width: 325px;
    padding-top: 2rem
}

.response h2 {
    color: #fd781d;
    font-size: 2.0rem;

}

.response img {
    margin: 10px auto;
}

.response p {
    font-size: 1.4rem;
    font-weight: 500;
    margin: 1.6rem 0;
    text-align: center;
}

.response p span {
    color: #fd781d;
}

/* start、consultationメール送信画面 */
.note-sendmail-wrapper {
    background-color: #FCF4EF;
    padding: 4rem 2.5rem;
    max-width: 680px;
    margin: 0 auto;
}

.note-sendmail {
    font-size: 1.4rem;
    line-height: 25px;
    margin: 0;
    background-color: white;
    padding: 2.0rem 2.25rem;

}


.note-sendmail a {
    color: #fd781d;
}

.back-button-wrapper {
    margin: 6rem 2.5rem 12rem;
}

.back-button-wrapper .button_orange {
    margin: 0 auto;
}

.title_support-with {
    background-color: #FCF4EF;
    margin: 30px 15px 10px;
    max-width: 680px;
    padding: 30px;
    text-align: center;
}

.title_support-with p,
.title_support-with-2 p {
    font-size: 1.4rem;
    line-height: 25px;
    margin: 0;
}

.title_support-with p a {
    color: #fd781d;
}

.title_support-with button,
.title_support-with-2 button {
    font-family: 'Noto Sans JP', sans-serif;
    width: 184px;
    height: 45px;
    background: #FD781D 0% 0% no-repeat padding-box;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border: none;
    transition: .4s;
    border-radius: 1.3rem;
    opacity: 1;
    margin-top: 3.0rem;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
}

.return_questions_number {
    margin-left: 20px;
}

.return_questions_titlre {
    margin-left: 22px;
}

.return_questions_choice {
    margin-left: 384px;
}

.return_questions_edit {
    margin-left: 29px;
}

.return_questions_delete {
    margin-left: 25px;
}

.return_questions_number,
.return_questions_titlre,
.return_questions_choice,
.return_questions_edit,
.return_questions_delete {
    margin-top: 20px;
}

.return_question_area {
    border: 1px solid #00000014;
    border-radius: 2px;
    color: #00000066;
    background-color: #fff;
}

@media (min-width:769px) {
    .question_title_content {
        display: flex;
    }
}

@media (max-width:768px) {

    .return_questions_number,
    .return_questions_titlre,
    .question-container {
        margin-left: 15px !important;
    }

    .return_questions_number {
        height: 17px;
    }

    .return_questions_choice {
        display: none;
    }

    .question-config-container input[type=text] {
        width: 194px !important;
        font-weight: 400;
        margin-left: 0 !important;
    }

    .payment-button2 label {
        font-size: 12px !important;
        font-weight: 400 !important;
    }

    .payment-button2 {
        margin-left: 0 !important;
        padding-left: 10px;
    }

    .return_questions_edit {
        margin-left: 145px !important;
    }

    .return_questions_delete {
        margin-left: 7px !important;
    }

    .pst4i-buttons a {
        margin-left: 10px !important;
        width: 18px !important;
    }
}

.question-config-container {
    border: 1px solid #00000014;
    border-radius: 2px;
    display: flex;
    align-items: center;
    background: #fff;
    margin: 0;
    max-height: 100px;
    min-height: 55px;
}

.add_question_button {
    width: 129px;
    height: 35px;
    border-radius: 35px;
    border: 1.5px solid #FD790E;
    background-color: #fff;
    color: #FD790E;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 14px;
    margin: 20px 0 0 20px;
}

.question-config-container label {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #000000;
}

.question-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.spacer {
    display: block;
    height: 30px;
}

.order-number {
    text-align: center;
    border: 1px solid #0000001A;
    border-radius: 5px;
    height: 30px;
    width: 30px;
}

.order-number-button {
    cursor: pointer;
}

.question-config-container input[type=text] {
    color: #000;
    font-size: 17px;
    height: 36px;
    width: 420px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background-color: #FFF !important;
    border: none !important;
}

.register-form {
    background-color: white;
    padding-bottom: 120px;
    width: 500px;
}

.payment-step-container {
    padding: 30px 0 25px;
    font-size: 1.2rem;
    width: 631px;
    display: flex;

}

.paymentselect_please {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 43px;
}

.paymentselect_please-sp {
    display: none;
}

.payment_information_project_img {
    width: 260px;
}

.payment_information_project h3 {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25px;
    margin-top: 5px;
}

.payment_select-step {
    text-align: center;
    color: #ccc;
    font-weight: 700;
    font-size: 13px;
    line-height: 35px;
}

.payment_select-step_num {
    font-size: 40px;
    background-color: #ccc;
    height: 74px;
    width: 74px;
    border-radius: 37px;
    font-family: Bebas Neue;
    color: #fff;
    line-height: 74px;
}

.payment_select-step1 {
    color: #FC781D;
}

.payment_select-step1 .payment_select-step_num {
    background-color: #FC781D;
}

.payment_information_button_container .active-next-step-button {
    justify-content: unset;
}

.payment_information_button_container-btn {
    background-color: #FC781D;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    height: 63px;
    border: solid 2.5px #fff;
    margin-top: 10px;
    display: flex;
    line-height: 56px;
    width: 100%;
    border-radius: 32px;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    padding-left: 15%;
    align-items: center;
    margin-top: 2rem;
}

.payment_information_button_container-btn_img {
    background-color: #fff;
    height: 31px;
    width: 31px;
    border-radius: 16px;
    margin-top: 0px;
    margin-left: 20px;
    padding-left: 12px;
    padding-top: 9px;
}

.payment_information_button_container-btn_img::before {
    content: url(../images/orange-triangle.png);
}

.unactive-next-step-button {
    pointer-events: none;
    cursor: none !important;
    background-color: #CCC !important;
}

.unactive-next-step-button .payment_information_button_container-btn_img::before {
    content: url(../images/gray-triangle.png);
}

.confirmation-section {
    width: 780px;
    padding: 10px 40px;
    background: #f8f8f8;
    border-radius: 1px;
    margin-top: 40px;
}

.confirmation-section h2,
.confirmation-section h3,
.confirmation-section h4 {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 22px;
}

.confirmation-section h2,
.confirmation-section h3 {
    color: rgba(0, 0, 0, 0.4);
}

.confirmation-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.confirmation-item:last-child {
    border: none;
}

.confirmation-item>div {
    width: 516px;
}

.confirmation-item>div>h4:last-child {
    margin-bottom: 0;
}

.confirmation-payment-detail {
    display: flex;
    width: 197px;
    justify-content: space-between;
}

.confirmation-payment-detail:first-child {
    line-height: 20px;
    margin-bottom: 17px;
}

.confirmation-payment-detail h4 {
    margin-bottom: 0;
}

.confirmation-payment-detail p {
    margin-bottom: 0;
    font-size: 14px;
}

.confirmation-payment-detail .payment-tooltop-wrapper {
    position: relative;
}

.payment-tooltop-wrapper img {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}

.payment-tooltip {
    font-size: 12px;
    display: none;
    position: absolute;
    background: #000000b0;
    color: #fff;
    line-height: 17px;
    padding: 7px 10px;
    border-radius: 2px;
    width: 243px;
    bottom: 100%;
    left: 53px;

}

.payment-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 13px solid transparent;
    border-top: 8px solid #000000b0;
    border-bottom: 0;
    position: absolute;
    bottom: -5px;
    left: 25%;
    transform: rotate(148deg) translateY(-19%);
}

.payment-tooltop-wrapper img:hover+.payment-tooltip {
    display: block;
}

.confirmation-method-detail h4 {
    margin-bottom: 10px;
}

.confirmation-send-detail h4 {
    margin-bottom: 13px;
    letter-spacing: normal;
}

.confirmation-send-detail h4 p span {
    margin-right: 8px;
}

.confirmation-send-detail h4:last-child {
    margin-bottom: 0;
}

.confirmation-method-detail h4:first-child span {
    font-size: 13px;
    font-weight: 400;
    margin-left: 8px
}

.confirmation-attention {
    margin-top: 20px !important;
    font-size: 13px;
}

.confirmation-payment-back {
    margin-top: 4rem;
}

.confirmation-section {
    width: 780px;
    padding: 10px 40px;
    background: #f8f8f8;
    border-radius: 1px;
    margin-top: 40px;
}

.confirmation-section h2,
.confirmation-section h3,
.confirmation-section h4 {
    letter-spacing: normal;
    font-size: 16px;
    line-height: 22px;
}

.confirmation-section h2,
.confirmation-section h3 {
    color: rgba(0, 0, 0, 0.4);
}

.confirmation-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.confirmation-item:last-child {
    border: none;
}

.confirmation-item>div {
    width: 516px;
}

.confirmation-item>div>h4:last-child {
    margin-bottom: 0;
}

.confirmation-return-detail {
    border: 4px solid #FD790E;
    border-radius: 3px;
    padding: 15px;
    background-color: white;
    width: 100%;
    margin-bottom: 20px;
}

.confirmation-return-detail:last-child {
    margin-bottom: 0px;
}

h2.confirmation-return-detail-price {
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #FD790E;
    padding-bottom: 10px;
    margin-bottom: 0;
}

.confirmation-return-detail-price span {
    font-size: 11px;
    margin-left: 4px;
}

.confirmation-return-detail-bottom {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 11px;
    display: flex;
}

.confirmation-return-detail-bottom>img {
    width: 189px;
    height: 124px;
    border-radius: 2px;
    margin-right: 21px;
}

.confirmation-return-detail-bottom-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

h3.confirmation-return-detail-title {
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
}

.confirmation-return-detail-readme {
    position: relative;
}

.confirmation-return-detail-explanation {
    font-size: 10px;
    line-height: 14px;
    height: 42px;
    font-weight: 500;
    word-break: break-word;
    overflow: hidden;
}

.confirmation-return-detail-button {
    position: absolute;
    font-size: 9px;
    line-height: 9px;
    right: 8px;
    font-weight: 400;
    bottom: -7px;
    color: #000;
}

.confirmation-return-detail-button:hover {
    opacity: 1;
}

.confirmation-return-detail-button::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: -11px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-45deg);
}

.confirmation-return-detail-button.is_active {
    bottom: 0px;
}

.confirmation-return-detail-button.is_active::after {
    transform: rotate(-225deg);
    bottom: 1px;
}

.confirmation_is_hide {
    height: 42px;
}

.confirmation-return-detail-bottom-bottom {
    display: flex;
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    margin-top: auto;
    margin-bottom: 4px;
}

.confirmation-return-detail-supporterSend {
    display: flex;
    align-items: flex-end;
    margin-right: 10px;
}

.confirmation-return-detail-bottom-bottom p {
    margin-bottom: 0;
    line-height: 10px;
    font-size: 10px;
    margin-left: 6px;
    font-weight: 400;
}

.confirmation-return-detail-bottom-bottom p span {
    font-weight: 700;
    font-size: 11px;
    line-height: 11px;
    margin-left: 5px;
}

.confirmation-return-detail-bottom-bottom.sp {
    display: none;
}

.question_and_answer {
    margin-top: 12px;
    border-top: 1px solid #d9d9d9;
}

.question_and_answer div {
    padding-top: 12px;
    font-size: 10px;
    line-height: 15px;
    font-weight: 400;
}

.question_and_answer div p {
    margin-bottom: 0;
}

.question_and_answer div p:first-child {
    margin-bottom: 5px;
}

.confirmation-return-detail-bottom-right .confirmation-payment-detail {
    display: flex;
    width: 197px;
    justify-content: space-between;
}

.confirmation-payment-detail:first-child {
    line-height: 20px;
    margin-bottom: 17px;
}

.confirmation-payment-detail h4 {
    margin-bottom: 0;
}

.confirmation-payment-detail p {
    margin-bottom: 0;
    font-size: 14px;
}

.confirmation-payment-detail .payment-tooltop-wrapper {
    position: relative;
}

.payment-tooltop-wrapper img {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
}

.payment-tooltip {
    font-size: 12px;
    display: none;
    position: absolute;
    background: #000000b0;
    color: #fff;
    line-height: 17px;
    padding: 7px 10px;
    border-radius: 2px;
    width: 243px;
    bottom: 100%;
    left: 53px;

}

.payment-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 13px solid transparent;
    border-top: 8px solid #000000b0;
    border-bottom: 0;
    position: absolute;
    bottom: -5px;
    left: 25%;
    transform: rotate(148deg) translateY(-19%);
}

.payment-tooltop-wrapper img:hover+.payment-tooltip {
    display: block;
}

.confirmation-method-detail h4 {
    margin-bottom: 10px;
}

.confirmation-send-detail h4 {
    margin-bottom: 13px;
    letter-spacing: normal;
}

.confirmation-send-detail h4 p span {
    margin-right: 8px;
}

.confirmation-send-detail h4:last-child {
    margin-bottom: 0;
}

.confirmation-method-detail h4:first-child span {
    font-size: 13px;
    font-weight: 400;
    margin-left: 8px
}

.confirmation-attention {
    margin-top: 20px !important;
    font-size: 13px;
}

.confirmation-payment-back {
    margin-top: 4rem;
}

.payment-step-status {
    position: relative;
}

.step_num {
    border-radius: 50%;
    width: 71px;
    color: #fff;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fd780d;
    font-size: 40px;
    font-family: "Bebas Neue", sans-serif;
    padding-top: 4px;
}

.step_status {
    position: absolute;
    font-size: 14px;
    left: 50%;
    top: 78px;
    transform: translateX(-50%);
    width: max-content;
    font-weight: bold;
    color: #fd780d;
}

.payment-step-line {
    border-bottom: #fd780d 3px solid;
    transform: translateY(calc(1px - 50%));
}

.payment-receipt-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: normal;
    margin-top: 20px;
}

.active-next-step-button {
    width: 312px;
    height: 63px;
    border-radius: 31.5px;
    border: 2.5px solid #fff;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    background: #FD790E;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: bold;
    margin-top: 2rem;
}

.active-next-step-button h2 {
    font-size: 21px;
    font-weight: bold;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}



.active-next-step-button-tri {
    content: "";
    width: 31px;
    height: 31px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
    right: 13px;
}


.active-next-step-button-tri::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8.2px solid #fd790e;
    border-right: 0;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
}


.checks {
    height: 20px;
    margin: auto 5px auto -7px;
    width: 20px;
}

.checks:checked {
    accent-color: #FC781D;
}

.payment-item-title {
    font-size: 1.6rem;
    font-weight: 600;
}

.payment-item-left {
    font-size: 1.2rem;
    font-weight: 600;
}

.payment-item-explain {
    font-size: 1.4rem;
}

.payment-item-explain-sp {
    display: none;
}

.new-radio-design {
    font-size: 16px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: normal;

    /* radioボタンデザイン変更用 */
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.new-radio-design::before,
.new-radio-design::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.new-radio-design::before {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    width: 19px;
    height: 19px;
    left: 0;
    margin: 0;

}

.new-radio-design::after {
    background-color: #FD790E;
    border-radius: 50%;
    opacity: 0;
    width: 9px;
    height: 9px;
    left: 9.5px;
    transform: translate(-50%, -50%);
}

input.visually-hidden:checked+.new-radio-design::after {
    opacity: 1;
}

input.visually-hidden:checked+.new-radio-design::before {
    border-color: #FD790E;
}

.visually-hidden {
    position: absolute;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: -1px;
}

.payment_return_content-top .checks[type=checkbox] {
    display: none;
}

.payment_checkbox {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 18px 5px 30px;
    position: relative;
    width: auto;
}

.payment_checkbox::before {
    background: #fff;
    border: 1.5px solid rgba(0, 0, 0, 0.15);
    content: '';
    display: block;
    height: 19px;
    left: 5px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 19px;
    border-radius: 1px;
}

.payment_checkbox::after {
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    content: '';
    display: block;
    height: 11px;
    left: 11.5px;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 6px;
    background-color: #FFF;
}

.checks[type=checkbox]:checked+.payment_checkbox::before {
    border: none;
}

.checks[type=checkbox]:checked+.payment_checkbox::before,
.checks[type=checkbox]:checked+.payment_checkbox::after {
    background-color: #F36F0E;
}

.payment_return_content {
    outline: solid 3px #ccc;
    outline-offset: -3px;
    margin-bottom: 22px;
    padding-bottom: 20px;
    border-radius: 5px;
    display: block;
}

.payment_return_content.first_item {
    display: block;
    /* 最初の要素のみ表示する */
}

.payment_return_content.checked {
    outline: solid 5px #F36F0E;
    outline-offset: -5px;
}

@media(max-width: 768px) {

    .payment_return_content.checked {
        outline: solid 3px #F36F0E;
        outline-offset: -3px;
    }

}

.payment_return_content-top {
    display: flex;
    border-bottom: solid 1px #ccc;
    width: calc(100% - 6rem);
    justify-content: space-between;
    margin: 0 auto;
    height: 67px;
}


.payment_return_content-top .select_wrapper {
    margin: auto 0;
    position: relative;
}


.payment_return_content-top select {
    border: rgba(0, 0, 0, 0.4) 0.8px solid;
    width: 70px;
    height: 43px;
    border-radius: 6px;
    margin: auto 0;
    padding: 4px 5px 5px 13px;
    font-weight: 500;
}

.payment_return_content-top_price {
    display: flex;
}

.payment_return_content-top_price label {
    display: flex;
    color: #FC781D;
    font-size: 28px;
    font-weight: 700;
    line-height: 65px;
}

.payment_return_content-top_price label span {
    font-size: 16px;
    margin: 4px 0 0 5px;
}

.payment_return_content-middle {
    display: flex;
    width: calc(100% - 6rem);
    margin: 14px auto;
}

.payment_return_content-middle-bottom {
    display: flex;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}

.payment_return_content_middle-bottom-sp {
    display: none;
}

.payment_return_content-deliver {
    margin-left: 20px;
}

.payment_return_content-supporter,
.payment_return_content-deliver {
    display: flex;
    align-items: flex-end;
}

.payment_return_content-supporter img,
.payment_return_content-deliver img {
    height: 28px;
    width: auto;
}

.payment_return_content-supporter p,
.payment_return_content-deliver p {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    margin-left: 10px;
    margin-bottom: 0;
}

.payment_return_content-supporter p span,
.payment_return_content-deliver p span {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.payment_return_content-img {
    width: 273px;
    height: 171px;
}

.payment_return_contnt-middle-right {
    margin: 0 0 auto 16px;
    width: 100%;
    min-height: 170px;
    display: block;
    min-width: 350px;
    position: relative;
}

@media(max-width: 768px) {

    .payment_return_contnt-middle-right {
        margin: 0 0 auto 16px;
        width: 100%;
        min-height: 83px;
        min-width: 350px;
    }

}

.payment_return_contnt-middle-right .payment-item-title {
    font-size: 18px;
    line-height: 26px;
}

.payment_return_contnt-middle-right .payment-item-explain {
    font-size: 14px;
    padding-top: 4px;
}

.payment_return_content-bottom {
    width: 90%;
    margin: 0 auto;
}

.payment_return_content-bottom>div {
    margin-top: 10px;
}

.payment_showmorebtn {
    font-size: 15px;
    font-weight: 700;
    color: #FD781D;
}

.payment_showmorebtn img {
    height: 19px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.select_outofstock {
    margin: 0 auto;
    padding: 0;
    font-size: 18px;
    line-height: 67px;
    font-weight: 700;
}

.show_more_button svg {
    width: 15px;
    height: 15px;
}


.select_return_detail-wrapper *,
.select_return_detail-wrapper *:before,
.select_return_detail-wrapper *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.select_return_detail-wrapper {
    position: relative;
}

.select_return_detail-wrapper label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 45px;
    cursor: pointer;
    text-align: center;
    background: #fff;
}

.select_return_detail-wrapper label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: -105px;
    width: 16rem;
    font-family: FontAwesome;
    content: '\f078' ' もっと見る';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    border-radius: 20px;
    font-size: 12px;
}

.select_return_detail-wrapper input {
    display: none;
}

.select_return_detail-wrapper .select_return_detail-text {
    overflow: hidden;
    height: 95px;
    transition: all 0.5s;
    padding-top: 5px;
}

.select_return_detail-wrapper input:checked+label:after {
    font-family: FontAwesome;
    content: '\f077' ' 閉じる';
    font-size: 12px;
}

.select_return_detail-wrapper input:checked~.select_return_detail-text {
    height: auto;
    padding-bottom: 50px;
    transition: all 0.5s;
}

.payment-receipt-container {
    margin-top: 40px;
    width: 100%;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.payment-receipt-container:nth-child(3) {
    margin-top: 30px;
}

.payment-receipt-container-title {
    background-color: rgba(0, 0, 0, .4);
    padding: 13.5px 30px;
    border-radius: 5px 5px 0 0;
}

.payment-receipt-container-title h2 {
    color: white;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
    letter-spacing: normal;
}

.payment-receipt-choose-container {
    border-radius: 5px;
    padding: 20px 30px;
}

.payment-receipt-choose-container h3 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    margin-bottom: 15px;
    line-height: 20px;
}

.payment-receipt-choose {
    background-color: #fff;
    padding: 16px 20px;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05);
}

.payment-receipt-credit-top {
    display: flex;
    justify-content: space-between;
}

.select_added {
    display: flex;
    border: solid 2px rgba(0, 0, 0, 0.15);
    height: 75px;
    margin-top: 40px;
    padding: 0 28px;
    justify-content: space-between;
}

.select_added-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 75px;
    margin: 0;
}

.select_added_price {
    display: flex;
}

.select_added_price .payment-item-explain {
    font-size: 25px;
}

.select_added_price .payment-item-explain:focus {
    outline: none;
}

.select_added_price span {
    font-weight: 700;
    align-items: end;
    display: flex;
    margin-bottom: 8px;
    font-size: 18px !important;
}

.select_added_price-inner {
    margin: 10px 15px;
    display: flex;
    background-color: #f8f8f8;
    padding: 0 10px;
}

.paymentselect_system {
    background-color: #FCF4EF;
    width: 100%;
    margin-top: 40px;
    height: 93px;
    padding: 20px 30px;
    border-radius: 5px;
}

@media(max-width: 768px) {

    .paymentselect_system {
        height: 135px;
    }

}

.paymentselect_system .payment-receipt {
    font-size: 16px;
    font-weight: 700;
    color: #FB782F;
}

.paymentselect_system .payment-receipt:nth-child(1) {
    letter-spacing: -1px;
    font-size: 17px;
}

.paymentselect_system .payment-receipt:nth-child(1) img {
    margin-right: 10px;
}

.paymentselect_system {
    display: table;
    margin: 40px auto 17px;
    position: relative;
}

.paymentselect_system-content {
    max-height: 25px;
    overflow: hidden;
    position: relative;
    transition: .5s;
    font-size: 14px;
    font-weight: 500;
    margin-top: -5px;
}

.paymentselect_system-content div {
    font-weight: 400;
    margin-top: 12px;
    line-height: 21px;
}

.paymentselect_system-content::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    pointer-events: none;
    transition: 1s;
}

.paymentselect_system input {
    visibility: hidden;
}

.paymentselect_system label {
    position: absolute;
    bottom: 3px;
    display: block;
    font-size: 12px;
    padding: 15px 31px;
    right: 0;
    color: #000;
    z-index: 999;
    cursor: pointer;
    text-transform: uppercase;
}

.paymentselect_system label:before {
    font-family: FontAwesome;
    content: ' 詳細を見る' '\f078';
}

.paymentselect_system input:checked+label:before {
    font-family: FontAwesome;
    content: ' 閉じる' '\f077';
}

input[type=checkbox]:checked~.paymentselect_system-content {
    max-height: 500px;
}

input[type=checkbox]:checked~.paymentselect_system-content:before {
    opacity: 0
}

.paymentselect_total_inner,
.paymentselect_total {
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}

.paymentselect_total_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 44px;
}

.paymentselect_total_inner {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.paymentselect_total_price {
    font-size: 16px;
    line-height: 44px;
    font-weight: 700;
    padding-right: 5px;
}

.paymentselect_total .paymentselect_total_title,
.paymentselect_total .paymentselect_total_price {
    font-size: 25px;
    font-weight: 700;
    line-height: 55px;
}

.credit-logos {
    display: flex;
    align-items: center;
    height: 21px;
    width: 166px;
    justify-content: space-between;
}

.credit-logos img {
    height: 21px;
}

.credit_card_section {
    background-color: #f8f8f8;
    padding: 15px;
    padding-bottom: 22px;
}

.credit_card_section>div {
    display: flex;
    align-items: center;
    margin-top: 22px;
}

.credit_card_section>div:nth-child(2) {
    margin-top: 0;
}

.credit_card_section:nth-child(2) {
    margin-top: 10px;
}

.credit_card_section label {
    font-size: 15px;
    width: 163px;
    font-weight: 700;
}

.credit_card_section input,
.credit_card_section_input {
    width: 207px;
    height: 40px;
}

.credit_card_section input {
    background: #fff;
}

.credit_card_section_input {
    display: flex;
    justify-content: space-between;
}

.credit_card_section_input select {
    height: 40px;
    font-size: 15px;
    background: #fff;
    padding-left: 15px;
    position: relative;
}


.payment-receipt-form-select,
.credit_card_section_select {
    position: relative;
}

.payment-receipt-form-select::after,
.credit_card_section_select::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 10px solid #555555;
    border-bottom: 0;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    pointer-events: none;
}

#card_code {
    width: 99px;
    font-size: 15px;
}

.credit_card_section_input .credit_card_section_select:nth-child(1) select {
    width: 88.5px;
}

.credit_card_section_input .credit_card_section_select:nth-child(3) select {
    width: 108.5px;
}


.credit_card_section_input i {
    position: absolute;
}

.new-select-design::after {
    content: "あああ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.payment-receipt {
    font-size: 1.2rem;
}

.bank_transfer_section {
    padding: 15px;
    background: #f8f8f8;
    margin-top: 15px;
}

.payment-receipt:nth-child(1) {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.payment-receipt:nth-child(2) {
    margin-top: 15px;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
}


.payment-receipt-form-input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 22px;
}

.payment-receipt-form-input label {
    font-size: 16px;
    font-weight: bold;
    width: 138px;
}

.payment-receipt-form-input-flex .payment-receipt-form-input:last-child label {
    margin-left: 20px;
}

.payment-receipt-form-input input {
    height: 40px;
}

.payment-receipt-form-input input::placeholder {
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, .3);
}

.payment-receipt-form-input-flex {
    display: flex;
    justify-content: space-between;
}

.payment-receipt-form-input-flex div:first-child {
    flex-basis: calc(50% - 10px);
}

.payment-receipt-form-input-flex div:last-child {
    flex-basis: calc(50% + 10px);
}

.payment-receipt-form-input-flex label {
    width: 54px;
}

.payment-receipt-form-input-flex input {
    width: 156px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 9px 15px;
}

.payment-receipt-form-input-long {
    width: 302px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 9px 15px;
}

.payment-receipt-form-input-short {
    width: 165px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 9px 15px;
    -webkit-appearance: none;
    appearance: none;
}

.payment-caution-amount {
    width: 100%;
    background-color: rgba(253, 120, 13, 0.1);
    padding: 1.8rem 2.0rem;
    margin: 24px 0;
    border-radius: 4px;

}

.payment-caution-amount p,
.payment-caution-limit p {
    font-size: 1.2rem;
}

.payment_title {
    margin: 14px 0;
    color: #fd780d;
}

.caution-title {
    font-size: 14px;
    display: flex;
    align-items: flex-start;
    font-weight: 600;
    gap: 4px;
    margin-bottom: 8px;
}

.payment-caution-limit .caution-title {
    color: #df4141;
}

.payment-caution-limit {
    margin: 24px 0 32px;


}

.required-mark-payment {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    color: #fd780d;
    background-color: rgba(253, 120, 13, 0.1);
    font-size: 1.2rem;
    border-radius: 4px;
    width: 36px;
    height: 18px;
    border: 1px solid #fd780d;
    margin-left: 4px;

}


.good-tai-button {
    flex-basis: 38%;
}

.payment-back {
    display: block;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-top: 2rem;
    position: relative;
}

.payment-back::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 8.2px solid #000;
    border-left: 0;
    top: 50%;
    transform: translateY(-40%);
    left: -20px;
}

input[type=radio].method-button2 {
    accent-color: black;
    inline-size: 20px;
    border: 2px solid #000;
}

.section-project_right-169 {
    width: 325px;
    margin: 60px auto 0;
}

.payment-button2 {
    gap: 0 27%;
    display: flex;
    margin-left: 24px;
    align-items: center;
}

.payment-button2 p {
    margin: 2px 20px 0 4px;
}

.payment_select_container {
    width: 100%;
    display: flex;
    gap: 4rem;
}

.payment_list_container {
    max-width: 700px;
    width: 100%;
}

.paymentselect_organizer_info {
    display: flex;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
    font-weight: 400;
}

.paymentselect_organizer_info img {
    height: 25px;
    border-radius: 13px;
    width: 25px;
    margin-right: 10px;
}

.paymentselect_organizer_info p {
    margin-top: -10px;
}

.paymentselect_organizer_info-wrapper {
    width: 177px;
}

.payment_submit_container {
    position: sticky;
    top: 0;
    height: fit-content;
    width: 260px;
    z-index: 10000;
}

.payment_submit_container-sp {
    display: none;
}

.payment_information_button_help p {
    font-size: 13px;
    margin-top: 24px;
    font-weight: 700;
}

.payment_information_button_help a {
    text-decoration: underline;
    color: #000;
}

.method-button2 {
    margin-left: 16px;
    margin-top: 0;
}

input[type=radio].method-button2:checked:before {
    background: #000;
}

.section-project_right-center-v2 img {
    width: 100%;
    position: relative;
    top: -4px;
}

.section-next-v11 {
    background: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 40px 0 25px;
}

.bigimg-wrapper {
    position: relative;
    max-width: 1020px;
    height: auto;
    margin: 0 0 30px;
    background: #fff;
    display: flex;
    position: relative;
    background-color: #f8f8f8;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

@media (max-width: 768px) {
    .bigimg-wrapper {
        display: block;
        padding: 14px;
    }
}

.forlabel {
    z-index: 99;
}

@media (max-width: 768px) {
    .section-next_bigimg_spflex {
        display: flex;
    }
}

.section-next_bigimg {
    position: relative;
    /* aspect-ratio: 325/217; */
}

.section-next_bigimg img {
    max-width: 258px;
    margin: 15px 30px 16px 24px;
}

@media (max-width: 768px) {
    .section-next_bigimg img {
        width: 100%;
        max-width: 146px;
        margin: 0;
        /* margin: 15px 30px 16px 24px; */
    }
}

.project-outline_bigimg {
    background: #fff;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    display: flex;
    overflow: hidden;
    max-height: 390px;
    margin: 20px auto 0px;
    max-width: 1200px;
}

.graph-figure {
    color: white;
    font-weight: 600;
    font-size: 1.4rem;
    height: 2.6rem;
}

.h26 {
    height: 2.6rem !important;
}

.orange-bar {
    position: relative;
    background-color: #fd780d;
    border-radius: 12px;
}

.bar2 {
    display: flexbox;
    justify-content: center;
    align-items: center;
}

.project-image_0 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-next_bigimg-dis {
    margin: 0 auto;
    max-width: 615px;
    padding: 0 8px;
}


.top-image-detail-container {
    margin: 0 auto;
    width: 100%;
    padding: 0 8px;
}




.project_create {
    margin: 0 auto;
}

@media (max-width: 1020px) {
    .project_create {
        width: 100%;
        margin-top: 30px;
    }
}

@media (min-width: 1020px) {
    .project_create {
        margin-top: 56px;
        margin-left: 40px;
        margin-right: 40px;
    }
}


.section-next_bigimg-dis_top h3 {
    display: flex;
    font-size: 4.8rem;
    justify-content: center;
    margin: 0 auto;
    padding: 5px 0 15px;
}

.create_project_bigimg {
    border-bottom: solid 2px rgba(0, 0, 0, 0.1);
    min-height: 30%
}

.create_project_bigimg h3 {
    font-size: 3.2rem;
    padding: 10% 5%;
}

.image-upload-button {
    text-align: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #000000CC;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 5px 14px !important;
    border-radius: 2px 0px 0px 0px !important;
    background-color: #FFF;
    border: 0.5px solid #000000;
    margin: 0 auto !important;
    height: 33px;
    font-family: Noto Sans JP;
    line-height: 23.17px;
    width: 142px;
    display: inline-block !important;
}

.image-upload-button input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 142px;
    box-sizing: border-box;
}

.img-regulation {
    padding: 10px 0 20px;
}

.img-regulation p {
    text-align: left;
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    margin: 0;
}

.upload-wrapper {
    padding: 47px 0 48px;
}

.project_end {
    border: solid 3px #FD781D;
    background: #FCF4EF;
    border-radius: 10px;
    color: #FD781D;
    font-weight: 600;
    font-size: 1.8rem;
    padding: 20px 60px;
    margin: 36px auto;
    text-align: center;
    vertical-align: middle;
    max-width: 494px;
}


.section-next_bigimg-dis_top h3 span {
    font-size: 2rem;
    margin-left: 8px;
    position: relative;

    top: 32px;
}

.section-next_bigimg-dis_top h3 span {
    font-size: 2.0rem;
    margin-left: 6px;
    position: relative;
    top: 30px;
}

.section-next_bigimg-dis_top p {
    display: flex;
    color: #707070;
    font-size: 1.8rem;
    justify-content: center;
    margin: 0;
}



.section-next_bigimg-dis_un {
    display: flex;
    justify-content: center;

}

.section-next_bigimg-dis_un-dis {
    align-items: center;
    display: flex;
    margin-top: 45px;
    margin: 16px 0;
    padding-left: 40px;
    width: 30rem;
}


.section-next_bigimg-dis_un {
    display: flex;
    justify-content: center;
}


.section-next_bigimg-dis_un-dis {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    margin: 16px 0;
    padding: 0;
}

.section-next_bigimg-dis_un-dis:first-child {
    border-right: dotted 3px #000;
    flex-basis: 50%;
}

.section-next_bigimg-dis_un-dis:last-child {
    flex-basis: 50%;
}

.section-next_bigimg-dis_un-dis_img {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.section-next_bigimg-dis_un-dis img {
    width: 32.15px;
    height: 32.15px;
}

.section-next_bigimg-dis_un-dis p {
    font-size: 1.6rem;
    font-weight: 600;
}

.note-people-bigimg p {
    min-width: 10rem;
    font-size: 4.3rem;
    margin-left: 15px;
    margin: 0;
}

.note-people-bigimg p span {
    font-size: 1.8rem;
    margin-left: 5px;
    margin-top: 0;
}

.section-next-v11 h1 {
    display: flex;
    font-size: 2.2rem;
    font-weight: 600;
    justify-content: center;
    margin: 20px 25px 0;
    text-align: left;
}


/* プレビュー画面SP・SP通常画面共通クラス */
/* detail-card */


.sp-preview .project-top_for {
    overflow: hidden;
    border-radius: 20px;
    height: 23px;
    border: 2px solid;
    margin: 0 auto 0 0;
}


.sp-preview .project-top_for div span {
    font-size: 13px;
    padding: 0 1px 0 9px;
    letter-spacing: 1px;
}


.sp-preview .project-top_for p {
    font-size: 14px;
    line-height: 18px;
}

.sp-preview .project_l-inner-project-outline {
    padding-top: 0;
    align-items: baseline;
}

.sp-preview .project_l-inner-project-outline h1 {
    font-size: 20px;
    line-height: 30px;
    width: 325px;
}

.sp-preview .project_l-inner-project-outline .next-name {
    margin: -6px 0 8px;
}

.sp-preview .project_l-inner-project-outline .next-name p {
    font-size: 12px;
}

.sp-preview .project_card_goal {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 5px;
}

.sp-preview .project_goal-wrapper {
    margin: auto 5px 0px 0;
}

.sp-preview .project_nowtotal {
    font-size: 11px;
    font-weight: 400;
    text-align: left;
}

.sp-preview .project_price_totalwrapper .wide_card_price_support {
    font-size: 36px;
    margin-top: -7px;
}

.sp-preview .project_price_goaltxt {
    font-size: 11px;
    font-weight: 400;
    padding-left: 0;
    padding-bottom: 0px;
    margin-bottom: -3px;
    margin-left: 10px;
    width: fit-content;
}

.sp-preview .project_price_goalnum {
    font-size: 13px;
    font-weight: 500;
}

.sp-preview .top-image-detail-container {
    padding: 0;
}

.sp-preview .project_support_silhouette {
    padding-top: 18px;
    padding-right: 0;
}

.sp-preview .project_support_silhouette img {
    width: 18px;
    height: 24px;
    margin-left: 1px;
}

.sp-preview .project_support,
.sp-preview .project-timer_last {
    font-size: 11px;
    font-weight: 500;
    margin-top: -4px;
}


.sp-preview .project_support_num,
.sp-preview .project-timer_num {
    font-size: 18px;
    margin-top: 4px;
}


.sp-preview .project-timer_num {
    margin-left: -10px;
}

.sp-preview .project-timer_noterm {

    margin-bottom: 0;
}


.sp-preview .project-timer_clock {
    padding-top: 17px;
    padding-right: 0px;
}

.sp-preview .project-timer_clock img {
    width: 25px;
    height: 25px;
    margin-top: 0;
}


.sp-preview .project-image-wrapper>img {
    border-radius: 2px;
}

.sp-preview .top-image-detail-container {
    padding: 0;
}

.sp-preview .project-card-bottom {
    padding-top: 4px;
}

.sp-preview .project-timer {
    margin-left: 20px;
}


.sp-preview .project-timer_last {
    margin-left: -26px;
}

.sp-preview .top-image-detail-container .project_favorite {
    margin-top: 9px;
    margin-left: 27px;
    padding: 5px 10px;
}

.sp-preview .project_card_goal {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-bottom: 5px;
}


.sp-preview .project-timer .wide_card-digit {
    margin-top: 9px;
    margin-left: 14px;
}

.sp-preview .project-supporter .wide_card-digit {
    margin-top: 9px;
    margin-left: 7px;
}

.sp-preview .project-timer .wide_card-digit {
    margin-top: 9px;
    margin-left: 14px;
}


.sp-preview .project_section_to-support .project_favorite {
    margin: 0 auto;
    height: 54px;
    width: 140px;
}

.sp-preview .project_section_to-support .project_favorite:has(.project_favorite-button-sum) {
    width: 170px;
}

.sp-preview .project_favorite-button {
    align-items: center;
    gap: 0 8px;
    line-height: 20px;
    height: 20px;
    width: 100%;
}

.sp-preview .project_section_to-support .project_heart {
    width: 27.5px;
    height: 24.47px;
    margin-top: 31px;
}

.sp-preview .project_section_to-support .project_favorite-button p {
    line-height: 43px;
    font-size: 18px;
}

.sp-preview .top-image-detail-container .project_favorite_good {
    margin-left: 0;
    line-height: 26px;
}

.sp-preview .project_favorite {
    height: 30px;
    font-size: 13px;
    padding: 5px 15px;
}

.sp-preview .project_favorite-button-img {
    height: 14px;
    margin-top: 4px;
}


.sp-preview .project_favorite-button p {
    line-height: 20px;
    height: 20px;
    margin-top: 5px;
}

.sp-preview .project_favorite-button-sum {
    line-height: 20px;
}

.sp-preview .project_favorite-button {
    line-height: 20px;
    height: 20px;
}

.sp-preview .project_favorite-button .project_favorite_already {
    margin-top: 8px;
}


.sp-preview .project_support_button_sp {
    font-size: 18px;
    height: 50px;
    padding: 0 24px;
}

.sp-preview .project_favorite-button_sp {
    position: relative;
}

.sp-preview .project-favorite-button-sum_sp {
    font-size: 9px;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
}

.sp-preview .top-image-detail-container .project_favorite {
    margin-top: 9px;
    margin-left: 27px;
    padding: 5px 10px;
}

.sp-preview .top-image-detail-container .project_favorite svg {
    height: 17px;
    margin-top: -3px;
}

.sp-preview .top-image-detail-container .project_favorite_good {
    margin-left: 0;
    line-height: 26px;
}

.sp-preview .top-image-detail-container .project_favorite-button-sum {
    margin-left: 0;
}

.sp-preview .top-image-detail-containe .project_favorite-button p {
    line-height: 27px;
}

.sp-preview .project_section_to-support .project_favorite-button p svg {
    height: 24px;
}

.sp-preview .project_section_to-support {
    padding: 0 8px;
}

.sp-preview .project_section_to-support .project_favorite-button-sum {
    line-height: 24px;
    margin-left: 0;
    width: 28px;
    height: 24px;
    font-size: 14px;
}

.sp-preview .project_section_to-support .project_favorite-button {
    padding: 0 9px;
}


.sp-preview .project_kanso-wrapper {
    width: 100%;
}

.sp-preview .project_cheer-for {
    width: 325px;
    margin: 20px auto 0;
}

.sp-preview .project_cheer-for_box .supporterscomments-item-left {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.sp-preview .project_cheer-for_txt {
    width: 325px;
    margin: 0 auto;
    gap: 2px 0;
}

.sp-preview .project_cheer-for_txt {
    padding: 10px 12px;
}

.sp-preview .project_cheer-for_txt:has(.yet-comment) {
    height: 46px;
}

.sp-preview .project_notification {
    width: 325px;
    margin: 20px auto 0;
}

.sp-preview .project_share {
    width: 325px;
    margin: 0 auto;
}

.sp-preview .project_share ul {
    justify-content: space-between;
    width: 233px;
    margin: 0 auto;
}

.sp-preview .project_share ul li {
    height: 30px;
    padding-left: 0;
    padding-right: 0;
}

.sp-preview .project_share ul li img {
    height: 30px;
}

.sp-preview .project_about_forgood_wrapper {
    width: 100%;
    margin: 26px auto 25px;
}

.sp-preview .project_about_forgood h3 {
    opacity: 1;
    letter-spacing: 0px;
    font-size: 14px;
}

.sp-preview .project_about_forgood_title span {
    max-width: 262px;
    width: 100%;
    margin-top: 4px;
    border: 1px #000 solid;
    height: 1px;
    opacity: 0.1;
}

.sp-preview .project_about_forgood p {
    margin-top: -3px;
    font-size: 14px;
    padding-top: 0;
    width: 100%;
    padding: 0 5px;
}

.sp-preview .project-detail-tabs {
    text-align: center;
    top: 0;
    display: flex;
    gap: 2px;
}

.sp-preview .detail-tab {
    line-height: 2.5;
    height: 30px;
    font-size: 14px;
    width: 100%;
}

.sp-preview .active.detail-tab {
    height: 30px;
    max-width: 79px;
}

.sp-preview .detail-tab span {
    line-height: 15px;
    font-size: 13px;
    height: 15px;
    width: 15px;
}

.sp-preview .project_detail-tab_txts {
    width: 112px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.sp-preview .project_detail-tab_comment {
    max-width: 137px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.sp-preview .section-project_left-7 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px 0 40px;
    padding: 20px;
}

.sp-preview .section-project-sp-main .section-project_left-7 .profile-container {
    margin: 0;
}

.sp-preview .section-project_left-7 h3 {
    font-size: 16px;
    margin-bottom: 14px;
}

.sp-preview .section-project_left-7 h3::after {
    width: 221px;
}

.sp-preview .section-project_left-7 .profile-container-right {
    margin-left: 21px;
    margin-bottom: 10px;
    width: auto;
}


.sp-preview .section-project_left-7 .profile-container-left {
    width: 60px;
    height: 60px;
}

.sp-preview .section-project_left-7 .profile-container-left img {
    width: 60px;
    height: 60px;
}

.sp-preview .section-project_left-7 .profile-corp {
    font-size: 11px;
    line-height: 11px;
    margin: 4px 0 7px;
}

.sp-preview .section-project_left-7 .profile-name {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 13px;
}

.sp-preview .readmore-content p {
    width: 210px;
}

.sp-preview .section-project_left-7 p {
    font-size: 12px;
    line-height: 18px;
}

.sp-preview .section-project_left-7 ul {
    display: flex;
    margin: 20px 0 0;
    padding: 0;
}

.sp-preview .section-project_left-7 ul li {
    list-style-type: none;

}

.sp-preview .activeandcomment {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #f8f8f8;
    padding: 60px 0 30px;
}

.sp-preview .activeandcomment a {
    text-decoration: none;

}

.sp-preview .activeandcomment p {
    margin: 0;
}

.sp-preview .activeandcomment .activereport {
    width: 325px;
    border-bottom: none;
    margin: 0 auto;
    margin-bottom: 30px;
    border-right: none;
}

.sp-preview .activeandcomment .supporterscomments {
    width: 325px;
    position: relative;
    margin: 0 auto;
}

.sp-preview .activeandcomment h3 {
    font-size: 20px;
    font-weight: 700;
    color: #FD790E;
    padding-top: 0;
    padding-bottom: 27px;
    margin-bottom: 0;
    letter-spacing: normal;
}

.sp-preview .activereport {
    position: relative;
}

.sp-preview .activereport-item {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sp-preview .activereport-item:nth-child(2) {
    padding-top: 20px;
    border: none;
}

.sp-preview .activereport-item-left {
    width: auto;
    height: 85px;
    border-radius: 2px;
    margin-right: 15px;
}

.sp-preview .activereport-item-right {
    padding-right: 0;
    min-width: 183px;
}

.sp-preview .activereport-item-title p:first-child {
    font-size: 11px;
    font-weight: 400;
    color: #F36F0E;
    line-height: 11px;
    margin-bottom: 5px;
    padding-top: 6px;
}

.sp-preview .activereport-item-title p:last-child {
    font-size: 14px;
    font-weight: 700;
    color: black;
    line-height: 20px;
    max-height: 60px;
    overflow-wrap: break-word;
    overflow: hidden;
    margin-bottom: 6px;
    width: unset;
}

.sp-preview .activereport-item-main {
    max-height: 82px;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 16px;
    color: #000;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 12px;
}

.activereport_showmore {
    margin-top: 10px;
}

.sp-preview .active-button {
    display: block;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #000;
    text-align: right;
    padding-right: 40px;
}

.sp-preview .active-button img {
    margin-left: 8px;
    width: 5px;
    height: 10px;
    vertical-align: baseline;
}

.sp-preview .activeandcomment .supporterscomments h3 {
    margin-left: 0;
}


.sp-preview .supporterscomments-item {
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sp-preview .supporterscomments-item:nth-child(2) {
    padding-top: 19px;
    padding-bottom: 36px;
}

.sp-preview .supporterscomments-item .supporterscomments-item-left,
.sp-preview .supporterscomments-item-left {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.sp-preview .supporterscomments-item-right {
    position: relative;
    width: 260px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.sp-preview .supporterscomments-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 14px;
    margin-bottom: 9px;
}

.sp-preview .supporterscomments-item-title p:first-child {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 14px;
    max-width: 160px;
    overflow: hidden;
}

.sp-preview .supporterscomments-item-title p:nth-child(2) {
    margin: 0 0 0 auto;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    color: rgba(0, 0, 0, 0.6);
}

.sp-preview .supporterscomments-item-title p:nth-child(2) span {
    font-weight: 500;
}

.sp-preview .supporterscomments-item-title p:last-child {
    font-size: 11px;
    font-weight: 500;
    line-height: 11px;
    color: rgba(0, 0, 0, 0.4);
}

.sp-preview .supporterscomments-item-main {
    font-size: 13px;
    font-weight: 400;
    color: #000;
    height: auto;
}

.sp-preview .supporterscomments-item-main p {
    max-height: 57px;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 20px;
}

.sp-preview .comment-button {
    position: relative;
    padding-top: 8px;
    display: block;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.sp-preview .comment-button img {
    margin-left: 8px;
    width: 5px;
    height: 10px;
    vertical-align: baseline
}

.sp-preview .section-project_right-topimg {
    margin: 0 auto 16px;
    width: 100%;
    margin-left: 12px;
}

.sp-preview .section-project_right-topimg p {
    margin: 50px 0 0 -15px;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 18px;
}


.sp-preview .more-activityreport {
    text-align: end;
    position: relative;
    bottom: unset;
}

.sp-preview .more-activityreport a {
    font-size: 13px;

}

.sp-preview .more-activityreport a img {
    width: 6px;
    height: 9px;
    vertical-align: baseline;
    margin-left: 9px;
}

.sp-preview .activity-list-show {
    max-width: 325px;
    padding: 40px 0 60px;
    gap: 0;
}

.sp-preview .activity-report-card-wrapper {
    box-shadow: none;
    border-radius: 0;
    padding: 20px 0 14px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    flex-direction: column;

}

.sp-preview .activity-report-card-wrapper:first {
    padding-top: 0;
}

.sp-preview .activity-report-card-wrapper:last-child {
    padding-bottom: 0;
    border: none;
}

.sp-preview .activity-report-card-wrapper img {
    border-radius: 2px;
}

.sp-preview .activityreport-textarea {
    padding: 9px 0 0;
    height: auto;
}

.sp-preview .activityreport-textarea p {
    font-size: 13px;
    margin-bottom: 4px;
    opacity: 0.4;
}

.sp-preview .project-title_1 {
    border-bottom: none;
    width: auto;
    margin: 0;
    padding: 0;
    height: 54px;
}

.sp-preview .project-title_1 h3 {
    font-size: 16px;
}

.sp-preview .activityreport-text-summary {
    font-weight: 400;
    line-height: 20px;
    height: unset;
}

.sp-preview .project_section_to-support {
    height: 363px;
}

.sp-preview .project_top-support h3 {
    padding: 100px 0 16px;
    font-size: 16px;
}

.sp-preview .project_top-support h3 div {
    font-size: 28px;
    line-height: 41px;
    padding-top: 8px;
}

.sp-preview .project_section_to-support .project_favorite {
    margin: 0 auto;
    height: 54px;
    width: 140px;
}

.sp-preview .project_section_to-support .project_favorite:has(.project_favorite-button-sum) {
    width: 170px;
}

.sp-preview .project_section_to-support .project_heart {
    width: 27.5px;
    height: 24.47px;
    margin-top: 31px;
}

.sp-preview .project_section_to-support .project_favorite-button p {
    line-height: 43px;
    font-size: 18px;
    margin: 0;
}

.sp-preview .section-about:before {
    display: none;
}

.sp-preview .section-about h2 {
    font-size: 22px;
    line-height: 40px;
    letter-spacing: 0.5px;
    padding-top: 6px;
}

.sp-preview .section-about .about-morelink {
    width: 250px;
    margin: 2rem auto 0;
}

.sp-preview .section-about .about-morelink a {
    text-decoration: none;
    margin: 26px auto 0;
}

.sp-preview .activeandcomment-wrapper {
    margin: -25px;
    background-color: #F8F8F8;
}


.sp-preview .section-project_right-center {
    width: fit-content;
    height: fit-content;
}

.sp-preview .section-project_right-center img {
    width: 153px;
    height: auto;
    border-radius: 0;
    aspect-ratio: 271/181;
}

.sp-preview .return-card-forlist {
    border-radius: 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
    padding: 0;
    padding-bottom: 16px;
    margin-bottom: 20px;
    position: relative;
}

.sp-preview .return-card-forlist_inner {
    display: flex;
}

.sp-preview .return-card-forlist_inner>div:last-child {
    width: calc(100% - 100px);
}

.sp-preview .return-card-textbox h4 {
    font-size: 18px;
}

.sp-preview .return-price-yen {
    font-size: 12px;
}

.sp-preview .return-card-textbox {
    padding: 0 0 6px 9px;
    margin-top: -1px;
}

.sp-preview .return-card-textbox p {
    margin: 0 0 3px 0;
    font-size: 10px;
    padding: 1px 7px;
    font-weight: 500;
    height: 18px;
    line-height: 17px;
}

.sp-preview .return-card-textbox p span {
    font-size: 11px;
}



.sp-preview .section-project_right-under_end div p {
    display: flex;
}

.sp-preview .return-card-forlist_inner h3 {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 17px;
    margin: 0;
}

.sp-preview .section-project_right-under {
    padding: 0 0 0 11px;
}

.sp-preview .section-project_right-under_end {
    padding: 0;
    margin-top: 5px;
    display: block;
}

.sp-preview .section-project_right-under_end p {
    font-size: 10px;
    margin-top: -4px;
}

.sp-preview .section-project_right-under_end p span {
    font-size: 12px;
    padding-left: 5px;
}

.sp-preview .project_right-under_human {
    width: 13px;
    height: 16px;
}

.sp-preview .section-project_right-under_end img {
    margin: 1px 4px 4px 11px;
}

.sp-preview .project_right-under_clock {
    width: 14px;
    height: 14px;
}

.sp-preview .project_under_buttons {
    display: flex;
    justify-content: space-between;
}

.sp-preview .project_under-right_button>a {
    height: 43px;
    font-size: 15px;
    width: 208px;
    margin: 12px 0;
    letter-spacing: 0;
    border-radius: 6px;
}

.sp-preview .project_under-right_button {
    position: absolute;
    right: 0;
}

.sp-preview .project_under-right_button>a svg {
    height: 15px;
}

.sp-preview .project_under-left_button {
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
    border: 0.8px solid rgba(0, 0, 0, .6);
    height: 43px;
    margin-top: 12px;
    width: 108px;
    border-radius: 6px;
    text-align: center;
}

.sp-preview .project_under-left_button svg {
    height: 15px;
    width: 15px;
    transition: transform .4s;
}

.sp-preview .project_detail_modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.sp-preview .project_deail_modal-inner {
    background-color: #f4f4f4;
    max-width: 375px;
    width: 100%;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
    animation-name: modalopen;
    animation-duration: 1s;
    margin: 0 auto;
}

.sp-preview .project_price_slash {
    margin-right: 5px;
}

@keyframes modalopen {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.sp-preview {
    width: 375px;
    margin: 0 auto;
    height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;

    border-radius: 16px;
    border: black 8px solid;
    box-sizing: content-box;
    display: block;

}

.sp-preview-wrapper {
    background-color: white;
    padding: 24px 0 80px;
}

.sp-preview .project_about_forgood {
    max-width: 100%;
    padding: 0 15px;
}

.sp-preview .project_outofstock-return-button {
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    height: 43px;
    width: 208px;
    margin: 12px auto;
}

/* プレビュー用クラス終わり */

.top-image-detail-wrapper-sp {
    background-color: white;
    border-radius: 8px;
    max-width: 325px;
    margin: 0 auto;
}

.section-middle-wrapper-sp ul {
    max-width: 325px;
    margin: 0 auto;

}

.section-middle-wrapper-sp ul li {
    margin-bottom: 12px;

}

.section-next-more {
    font-size: 1.4rem;
    margin: 30px auto 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
}

.section-next-more h3,
.section-next-more span {
    font-size: 1.4rem;
    margin: 0;
}

.l-inner-project-sp {
    text-align: center;
    margin: 0 auto;
    padding: 2rem 0.8rem 0px;

}

.l-inner-project-sp h1 {
    margin: 1.5rem auto;
    font-size: 2.2rem;
    font-weight: 600;
    width: 325px;
    word-break: break-all;
    text-align: left;


}

.section-project-sp {
    background-color: white;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 40px;
}

.section-project-sp-main {
    padding: 40px 0px;
    width: 100%;
    margin: 0 auto;

}

.section-project-sp-main .section-project_left-2 {

    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: 56px;
}

.section-project-sp-main .section-project_left-2 h4 {
    font-weight: 600;
}

.section-project-sp-main .orange_line {
    font-size: 1.8rem;
}

.section-project-sp-main .profile-container {
    margin: 24px 8px 12px;
}


.section-project-sp-main .profile-name-container {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    justify-content: flex-end;
}




.section-project-sp-main .profile-main {
    font-size: 1.7rem;
    line-height: 25px;
    margin: 0 8px;
}

.section-project_right-sp {
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}



.next-name {
    display: flex;
    justify-content: center;
    margin: 0.6rem auto 3.2rem;
    align-items: center;
}

.next-name img {

    height: 24px;
    margin-top: 3px;
    width: 24px;
    border-radius: 12px;
}

.next-name p {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 0 0 8px;
}

.section-next_under {
    background: #FCF4EF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 40px;
}


.new-activity-report-link {
    color: #FC781E;
    background-color: #FFF;
    font-size: 18px;
    width: 250px;
    margin: 25px auto 25px;
    padding: 11px 0 13px 0;
    text-align: center;
    display: block;
    font-weight: 900;
    border: 2px solid #FC781E;
    border-radius: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.publish-container {
    margin-bottom: 56px;
}

.btn-shadow {
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);


}

.section-activity-preview {
    margin: 16px 0 40px;

}

.section-activity-preview p {
    font-size: 17px;
}

.section-activity-preview img {
    width: 100%;
}


.select-return-button {
    align-items: center;
    background: #FD781D;
    border-radius: 2px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: white;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 45px;
    justify-content: center;
    text-decoration: none;
    width: 287px;


}

.outofstock-return-button {
    align-items: center;
    background: #ccc;
    border-radius: 4px;
    color: white;
    display: flex;
    font-size: 17px;
    font-weight: 400;
    height: 53px;
    justify-content: center;
    text-decoration: none;
    width: 270px;
    margin: 11px auto;
}

.favorite-button {
    align-items: center;
    background: white;
    border-radius: 13px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #707070;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 325px;
}

.favorite-button img {
    height: 21px;
    width: 52.24px;
}

.favorite-button-sum {
    margin: auto 4px;
    padding: 2px 4px;
    background-color: #FD781D;
    border-radius: 6px;
    color: white;
    font-size: 1.2rem;
}

.favorite-button p {
    margin: auto 4px;
}

.section-next_under-right_dis3 {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 40px auto 5px;
}

.border_dot {
    border-top: 2px dotted #333333;
    margin: 0 auto;
    position: relative;
    top: 26px;
    width: 325px;
}

.section-next_under-right_dis2 span {
    background-color: #FCF4EF;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 0 10px;
    z-index: 3;
}

.section-next_under-right_dis2 ul {
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
    padding: 0;
}

.section-next_under-right_dis2 ul li {
    list-style-type: none;
    margin: 0 10px;
}

.pre1 {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 30px 0;
}

.pre1 p {
    font-size: 2.3rem;
    font-weight: 600;
    margin: 0;
}

.pre2 {
    display: flex;
    background: #FCF4EF;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.pre2 h2 {
    font-size: 3.0rem;
    font-weight: 600;
    margin: 40px auto 30px;
}

.pre2 p {
    font-size: 2.0rem;
    background: #fff;
    font-weight: 30;
    margin: 0 auto;
    max-width: 798px;
    padding: 30px 36px;
    text-align: left;
}

.pre2 p span {
    color: #fd781d;
    font-weight: 400;
}


.guest-preview-container {
    margin: 25px 0;
    display: flex;
    max-width: 47%;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    padding: 20px 30px;
    border-radius: 15px;
    text-align: center;
    flex-wrap: wrap;
    word-wrap: break-word;
}

.guest-preview-container>h3 {
    color: #FC6203;
    font-family: Zen Kaku Gothic New;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.005rem;
    margin-bottom: 15px;
}

.guest-preview-container>h2 {
    display: flex;
    flex-direction: row;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    gap: 10px;
    background-color: #F8F8F8;

    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left;
    flex-wrap: nowrap;
    width: 100%;
}

.guest-preview-container div.invalid_url {
    max-width: 100%;
    color: #000;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    background-color: #F8F8F8;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.guest-preview-container>h2>input:active {
    border: none;
}

.guest-preview-container .icon-copy_link {
    width: 20px;
}

.guest-preview-container .filter-black {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(14%) hue-rotate(273deg) brightness(99%) contrast(104%);
}

.guest-preview-button-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 8px;
}

.geust-preview-active,
.geust-preview-cancel,
.geust-preview-publish {
    padding: 6px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    margin-bottom: 15px;

    font-weight: 600;
    font-size: 1.8rem;
    font-size: clamp(1.2rem, 2vw, 1.8rem);
    border-radius: 5px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    width: fit-content;
}

.geust-preview-publish {
    background-color: #FC6203;
    color: #FFF;
    opacity: 90%;

}

.geust-preview-publish .icon-copy_link {
    width: 20px;
    margin-left: 5px;
}

.geust-preview-cancel {
    background-color: #2F1B00;
    color: #FFF;
    opacity: 60%;
}

.geust-preview-active {
    background-color: #FC6203;
    color: white;
    opacity: 90%;
}

.guest-preview-container>p {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.08rem;
    margin: 0;
    text-align: left;
}

.guest-preview-container>p.notice-1 {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.08rem;
    line-height: 2.4rem;
    margin-bottom: 15px;

}


@media (max-width: 768px) {
    .guest-preview-container {
        display: flex;
        max-width: 100%;
        width: 100%;
        flex-direction: column;
        align-items: center;
        background-color: #FFF;
        padding: 15px;
        border-radius: 15px;
        text-align: center;
        flex-wrap: nowrap;
        word-wrap: break-word;
        margin: 0 0 20px 0;
    }

    .guest-preview-container>h3 {
        color: #FC6203;
        font-family: Zen Kaku Gothic New;
        font-size: 2rem;
        font-weight: 900;
        letter-spacing: -0.005rem;
        margin-bottom: 15px;
    }

    .guest-preview-container>h2 {
        display: flex;
        flex-direction: row;
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 0.1rem;
        gap: 10px;
        background-color: #F8F8F8;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
        text-align: left;
        flex-wrap: nowrap;
        width: 100%;
    }

    .guest-preview-container div.invalid_url {
        max-width: 100%;
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 0.1rem;
        background-color: #F8F8F8;
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 10px;
        text-align: left;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }

    .guest-preview-container>h2>input:active {
        border: none;
    }

    .guest-preview-container .icon-copy_link {
        width: 20px;
    }

    .guest-preview-container .filter-black {
        filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(14%) hue-rotate(273deg) brightness(99%) contrast(104%);
    }

    .guest-preview-button-container {
        display: flex;
        gap: 10px;
        justify-content: center;
        margin-bottom: 8px;
    }

    .geust-preview-active,
    .geust-preview-cancel,
    .geust-preview-publish {
        padding: 6px 20px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 36px;
        margin-bottom: 15px;
        font-weight: 600;
        font-size: 1.4rem;
        font-size: clamp(1.3rem, 2vw, 1.8rem);
        border-radius: 5px;
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
        width: fit-content;
    }

    .geust-preview-publish {
        background-color: #FC6203;
        color: #FFF;
        opacity: 90%;
    }

    .geust-preview-publish .icon-copy_link {
        width: 20px;
        margin-left: 5px;
    }

    .geust-preview-cancel {
        background-color: #2F1B00;
        color: #FFF;
        opacity: 60%;
    }

    .geust-preview-active {
        background-color: #FC6203;
        color: white;
        opacity: 90%;
    }

    .guest-preview-container>p {
        font-size: 1.4rem;
        font-weight: 400;
        letter-spacing: 0.08rem;
        margin: 0;
        text-align: left;
    }

    .guest-preview-container>p.notice-1 {
        font-size: 1.6rem;
        font-weight: 400;
        letter-spacing: 0.08rem;
        line-height: 2.4rem;
        margin-bottom: 15px;
    }
}

.pre3 {
    display: flex;
    justify-content: center;
    margin: 30px auto;
}

.re-page-v3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.re-page-v3 a {
    padding: 0 0 4px;
    border-bottom: solid 1px #fd781d;
    color: #fd781d;
    font-size: 1.4rem;
    font-weight: 300;
    margin: 26px auto 20px;
    text-decoration: none;
}

.re-page-v3 a span {
    margin-right: 10px;
}

.o2-button-173 button {
    margin: 0;
    color: #fd781d;
    display: flex;
    justify-content: center;
    text-decoration: none;
    width: 100px;
    height: 32px;
    float: right;
    font-size: 12px;
    font-weight: 500;
}

.o2-button-173 img {
    margin: 0 6px 0 0;
}

.ob-button-173 a {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: rgba(255, 255, 255, 1.0);
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    width: 300px;
}

.ob-button-173 a img {
    margin: 0 8px 0 0;
}

.section-next_top-173 {
    background: #fff;
    padding: 30px 0 0;
}

@media (max-width: 768px) {
    .section-next_top-173 {
        padding: 75px 0 40px;
    }
}

.section-next_top1-173 {
    display: flex;
    flex-direction: column;
    margin: 10px 0 20px;
}

.section-next_top1-173 h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
}

.in-173-searchForm {
    display: flex;
}

.in-173-searchForm input[type="text"] {
    border-width: 1px 0 1px 1px !important;
}

.in-173-searchForm .search_button {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 0 2px 2px 0;
    width: 40px;
    display: flex;
}

.in-173-searchForm .search_button img {
    margin: auto;
}

.section-next_in-173 {
    background: #fff;
    border-radius: 5px;
    padding: 20px 30px;
    display: flex;
    gap: 30px;
}

.in-173-img {
    position: relative;
}

.in-173-img-img {
    width: 127.5px;
    height: 85.22px;
    background: url(../images/step4_img_enpty.png);
    background-size: 127.5px 85.22px;
    position: relative;
}

.in-173-img img {
    width: 127.5px;
    height: 85.22px;
    position: relative;
}

.section-next_in-box-173 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 500px;
}

.section-next_in-dis-173 {
    display: flex;
    gap: 10px;
}

.activity_title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2;
}

.p1-173 p {
    align-items: center;
    background: #fff;
    border: 1px solid #Fd790E;
    border-radius: 12px;
    color: #fd790e;
    display: flex;
    font-weight: 500;
    height: 23px;
    justify-content: center;
    margin: 0 0;
    width: 65px;
    font-size: 12px;
}

.draft p {
    border: 1px solid #50bce7;
    color: #50BCE7;
}

.reservation p {
    border: 1px solid rgba(33, 23, 21, 0.6);
    color: rgba(33, 23, 21, 0.6);
}

.p7-173 p {
    font-size: 1.3rem;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    border: solid 1px #fd781d;
    color: #fd781d;
    display: flex;
    font-weight: 300;
    height: 21px;
    justify-content: center;
    margin: 0 0;
    width: 63px;
}

.p6-173 {
    margin: 15px 0 0;
    align-items: center;
    border-top: solid 1px #fd781d;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.p6-173 p {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 0;
}

.p0-173 {
    display: flex;
    justify-content: space-between;
}

.p3-1-173 p {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 4px;
    text-align: left;
    opacity: 0.6;
}

.in-173-pagination {
    padding: 20px 0;
}

@media (min-width: 768px) {
    .in-173-sp {
        display: none;
    }
}

@media (max-width: 768px) {
    .section-next_in-173-background {
        background: #fff;
        border-radius: 5px;
        margin: 0 25px;
    }

    .section-next_in-173 {
        background: transparent;
        padding: 20px;
        gap: 10px;
    }

    .section-next_in-box-173 {
        display: block;
        position: relative;
    }

    .in-173-img-img {
        width: 88px;
        height: 58.82px;
        background-size: 88px 58.82px;
    }

    .in-173-img img {
        width: 88px;
        height: 58.82px;
    }

    .activity_title {
        font-size: 1.5rem;
    }

    .o2-button-173 {
        position: absolute;
        top: 0;
        right: -15px;
    }

    .o2-button-173 button {
        width: auto;
    }

    .o2-button-173 p {
        display: none;
    }

    .in-173-sp {
        max-width: 285px !important;
    }
}

.page-moving-173 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    padding-bottom: 0;
}

.page-moving-173 a {
    display: flex;
    color: #000;
    font-size: 2.7rem;
    justify-content: center;
    text-decoration: none;
}

.page-moving-173 img {
    height: 21px;
}

.page-moving-173 p {
    font-size: 2.7rem;
    font-weight: 600;
    margin: 0 30px;
}

.spacer-progress {
    padding: 3rem 0 2rem;
}

.in-174 .eyecatch-container img {
    width: 299.58px;
    height: 200px;
}

.text2-174 {
    display: inline-block;
    height: 180px;
    background-color: #d8d8d8;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    margin-top: 0;
    margin: 0 auto 30px;
    padding-top: 12px;
    padding: 0 10px;
    width: 301px;
}

.in-174 .ql-toolbar {
    border-bottom: 2px solid #d8d8d8;
}

.in-174 .ql-toolbar,
.in-174 #quill_editor {
    background: #fff;
}

.in-174-btnbox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 85%;
    width: 780px;
    background: #FFF;
    padding: 5rem 0;
    gap: 30px;
}

.in-174-btnbox button {
    border-radius: 50px;
    width: 250px;
}

.settlement-p3_v3-select-174 select {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    font-size: 1.6rem;
    height: 41px;
    margin-right: 6px;
    margin: 10px auto 30px 0;
    padding: 0 10px;
    width: 200px;
}

.stop-btn {
    height: 100px;
}

.activity_report_delete_btn {
    background: #fff;
    text-align: center;
    font-weight: 500;
}

.in-174 .activity-confirm-top-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    margin: 20px 30px;
}

.activity-confirm-top-wrapper .eyecatch-container img {
    width: 181px;
    height: auto;
}

.in-174-auth-member p {
    color: #Fd790E;
    font-weight: 500;
    font-size: 14px;
    border: 1.5px solid #Fd790E;
    border-radius: 50px;
    padding: 0.5rem 1rem;
    display: inline-block;
}

.activity-confirm-top-wrapper h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
}

.in-174-section-project {
    padding: 0px 30px 20px 30px;
}

.in-174-section-project .ql-editor {
    padding: 0;
}

.in-174-check-wrapper .check-wrapper-topText {
    font-weight: 500;
    margin: 30px 25px;
}

.in-174-check-wrapper .mypj_about-edit {
    justify-content: center;
    margin-top: 30px;
    align-items: flex-start;
}

.in-174-check-wrapper .speakerbubble_wrapper {
    display: flex;
    align-items: center;
}

.in-174-check-wrapper .mypj_about-edit_cip_triangle,
.in-174-check-wrapper .mypj_about-edit_speakerbubble {
    background: #fff;
}

.in-174-check-wrapper .mypj_about-edit_speakerbubble {
    width: 650px;
}

.in-174 .project_share {
    margin-bottom: 40px;
}

.in-174-line-sp {
    display: none;
}

@media (max-width: 768px) {
    .in-174 #title {
        height: 74px;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .thumbnail_wrapper_sp {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start !important;
    }

    .in-174-btnbox {
        flex-direction: column;
        top: 80%;
        width: 100%;
        gap: 15px;
        padding: 3rem 0;
    }

    .in-174-btnbox button {
        width: 250px;
    }

    .activity-confirm-top-wrapper .eyecatch-container img {
        width: 100% !important;
        max-width: 100%;
        max-height: 100%;
    }

    .in-174 .activity-confirm-top-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .in-174-auth-member {
        margin-bottom: 10px;
    }

    .in-174-line-pc {
        display: none;
    }

    .in-174-line-sp {
        display: block;
    }
}

.orangevector-176 {
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
}

.sc187 {
    background: #FCF4EF;
}

.loginform_area ul li h3 {
    font-size: 1.4rem;
    font-weight: 200;
    letter-spacing: 0.016rem;
    margin: 0 0 20px;
}

.loginform_area ul li h3 a {
    color: #fd7801;
    text-decoration: none;
}

.loginform_area ul {
    margin: 0 auto;
    padding-left: 0;
}

.loginform_area p a {
    color: #fd7801;
}

.optioncheck_area {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 0 0;
    align-items: center;
}

.optioncheck_area input[type="checkbox"] {

    margin: 0 8px 0 0;
    transform: scale(1.1);
}

.optioncheck_area span {
    font-size: 1.2rem;
    font-weight: 600;
}

.register-padding {
    padding-top: 10px;
}

.message_orange {
    color: #fd7801;
    font-size: 1.2rem;
    font-weight: 600;
    margin: 20px auto 30px;
    display: block;
    text-align: center;
    text-decoration: underline;
}

.message_sns p {
    margin: 15px 10px;
}

.message_sns span {
    background-color: #fcf4ef;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 10px auto;
    padding: 0 13px;
}

.sns_login {
    margin: 24px auto 40px;
}

.message_sns img {
    height: 48px;
    margin: 0 15px;
    width: 48px;
}

.border_dash1 {
    border-bottom: 3px dotted #333333;
    opacity: 1;
}

.custum-checkbox-v4 {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 0 0;
    padding-left: 20px;
    user-select: none;
}

.custum-checkbox-v4 p {
    font-size: 1.4rem;
    font-weight: 500;
    margin-left: 16px;
    margin: 0;
    position: relative;
    top: -1px;
}

.check-box1-v4 {
    margin: 0 auto 0 0;
}

.custum-checkbox-v4 input {
    display: none;
}

.custum-mark-v4 {
    position: absolute;
    background: #fff;
    border-radius: 0;
    border: solid 2px #D8D8D8;
    box-sizing: border-box;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px;
}

.custum-mark-v4:after {
    content: "";
    border-width: 0 3px 3px 0;
    border: solid #fd781d;
    height: 13px;
    left: 2.5px;
    opacity: 0;
    position: absolute;
    top: -3px;
    transform: rotate(45deg);
    width: 7px;
}

.custum-checkbox-v4 input:checked+.custum-mark-v4 {
    background: #fff;
    border-color: #D8D8D8;
}

.custum-checkbox-v4 input:checked+.custum-mark-v4:after {
    opacity: 1;
}

.section-comment ul {
    padding: 0;
}

.section-comment input[type="email"] {
    display: flex;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    height: 41px;
    justify-content: center;
    margin: 0px auto 0;
    padding: 0 10px;
    width: 301px;
}

.title_support-with-183 {
    background: #FCF4EF;
    padding-bottom: 120px;
}

.title_support-with-183 p {
    text-align: center;
    background: #fff;
    font-size: 1.4rem;
    line-height: 25px;
    margin: 0 auto;
    max-width: 285px;
    padding: 20px 20px;
}

.title_support-with-183 p a {
    color: #fd781d;
}

.section-next_top1-v3 {
    display: flex;
    flex-direction: column;
    padding: 40px 0 0;
}

.section-next_top1-v3 h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
}

.section-next_top1-v4 {
    display: flex;
    flex-direction: column;
    margin: 40px 0;
}

.section-next_top1-v4 h3 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 auto;
}

.section-next_top1-v4 img {
    width: 63px;
    height: 63px;
    margin: 0 auto 30px;
}

.section-top-z {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.top1-z {
    position: relative;
    z-index: 2;
}

.top1-z img {
    width: 100%;
    position: relative;
}

.top1-z h2 {
    position: absolute;
    color: #fff;
    font-size: 3.2rem;
    left: 20px;
    line-height: 5.7rem;
    margin: 0;
    text-align: left;
    top: 30px;
}

.top1-z p {
    position: absolute;
    color: #fff;
    font-size: 1.0rem;
    left: 20px;
    line-height: 1.6rem;
    margin: 0;
    text-align: left;
    top: 160px;
}

.top2-img1-z {
    width: 290px;
    align-items: flex-end;
    background: #FCF4EF;
    display: flex;
    margin: -120px 0 0 auto;
    padding: 80px 0 0;
    z-index: 10;
}

.top2-z {
    position: relative;
}

.top2-div-z {
    background: #FCF4EF;
    margin: -290px 0 0;
    padding: 290px 0 320px;
    z-index: 1;
}

.top2-z h3 {
    font-size: 3.5rem;
    color: #fd781d;
    font-weight: 600;
    margin: 40px auto 0;
    text-align: center;
}

.top2-z p {
    font-size: 1.4rem;
    color: #333;
    font-weight: 400;
    margin: 30px 25px 0;
    text-align: center;
}

.top2-z p:last-child {
    font-size: 1.6rem;
}

.top2-img2-z {
    width: 320px;
    align-items: flex-start;
    bottom: 280px;
    display: flex;
    margin-bottom: -280px;
    margin: 0 auto 0 0;
    position: relative;
}

.section-born-z h3 {
    color: #fd781d;
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 5rem;
    margin: 100px auto 50px;
    text-align: center;
}

.section-born-z {
    margin: 0 auto 120px;
}

.section-point-z {
    background: #FCF4EF;
    padding: 70px 0 15px;
}

.section-point-z h3 {
    font-size: 2.0rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-point-z h3::after {
    content: '';
    margin-left: 20px;
    background-color: #000;
    height: 22px;
    transform: rotate(35deg);
    width: 2px;
}

.section-point-z h3::before {
    margin-right: 20px;
    transform: rotate(-35deg)
}

.section-point-z h2 {
    font-size: 3.5rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0 auto 55px;
    text-align: center;
}

.poall-z {
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 0;
    width: 325px;
}

.po1-z {
    position: relative;
    align-items: center;
    background: #F0F0F0;
    display: flex;
    height: 125px;
    justify-content: center;
    width: 325px;
}

.po1-z p {
    text-align: center;
    align-items: center;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    justify-content: center;
    line-height: 3.2rem;
    margin: 0 auto;
}

.po1-z img {
    width: 140px;
    display: flex;
    justify-content: center;
    margin: 0 auto 0;
    position: absolute;
    top: -26px;
}

.po3-z {
    width: 325px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 55px;
    padding: 20px 0;
}

.po2-z img {
    width: 91.7px;
}

.po3-z img {
    width: 147.5px;
}

.po3-z p {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 20px 25px;
}

.po2-z a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.po3-z span {
    font-size: 1.0rem;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}

.section-join-z {
    padding: 50px 0 40px;
}

.section-join-z h3 {
    font-size: 2.0rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-join-z h3::after {
    content: '';
    margin-left: 20px;
    background-color: #000;
    height: 22px;
    transform: rotate(35deg);
    width: 2px;
}

.section-join-z h3::before {
    margin-right: 20px;
    transform: rotate(-35deg)
}

.section-join-z h2 {
    font-size: 3.5rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0 auto 30px;
    text-align: center;
}

.joall-z {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 0;
    width: 325px;
}

.jo1-z p {
    width: 325px;
    align-items: center;
    background: #EDF9FD;
    border-radius: 10px 10px 0 0;
    color: #50BCE7;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 72px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo2-z {
    width: 325px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 30px;
    padding: 0 0 20px;
}

.jo2-z p {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 20px 25px;
}

.jo2-z a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button-z {
    display: flex;
    justify-content: center;
}

.join-button-z a {
    display: flex;
    align-items: center;
    background-color: #44C6ED;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 284px;
}

.join-button-z img {
    width: 19.8px;
    margin: 4px 0 0 10px;
}

.joall2-z {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 0;
    width: 325px;
}

.jo12-z p {
    width: 325px;
    align-items: center;
    background: #FEF1F3;
    border-radius: 10px 10px 0 0;
    color: #F4758D;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 72px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo22-z {
    width: 325px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 30px;
    padding: 0 0 20px;
}

.jo22-z p {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 20px 25px;
}

.jo22-z a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button3-z {
    display: flex;
    justify-content: center;
}

.join-button3-z a {
    display: flex;
    align-items: center;
    background-color: #F4758D;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 284px;
}

.join-button2-z a {
    margin: 0 10px 10px;
}

.join-button2-z img {
    width: 22px;
    margin: 4px 0 0 10px;
}

.join-button3-z img {
    width: 34.05px;
    margin: 4px 0 0 10px;
}

.section-news-z {
    padding: 0 0 50px;
}

.section-news-z h3 {
    font-size: 2.0rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-news-z h3::after {
    content: '';
    margin-left: 20px;
    background-color: #000;
    height: 22px;
    transform: rotate(35deg);
    width: 2px;
}

.section-news-z h3::before {
    margin-right: 20px;
    transform: rotate(-35deg)
}

.section-news-z h2 {
    font-size: 3.5rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0 auto 30px;
    text-align: center;
}

.newsall a {
    text-decoration: none;
}

.newsall-z {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 30px;
    padding-bottom: 50px;
    position: relative;
    width: 325px;
}

.newsall-z img {
    width: 325px;
}

.np1-z {
    position: absolute;
    align-items: center;
    background: #fd781d;
    border-radius: 14px;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 28px;
    justify-content: center;
    margin: 0;
    right: 20px;
    top: 200px;
    width: 100px;
}

.np2-z {
    display: flex;
    color: #767676;
    font-size: 1.5rem;
    font-weight: 400;
    justify-content: flex-start;
    margin: 20px 20px;
}

.np3-z {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 20px;
}

.slick-slide_dis {
    width: 295px;
}

.slick-slide_disin {
    position: relative;
}

#slick-slide {
    margin: 0 auto;
    max-width: 1200px;
}

#slick-slide img {
    margin: 20px auto 0;
    width: 230px;
}

.slick-slide_dis h4 {
    background: #FCF4EF;
    border-radius: 6px;
    border: 2px solid #fd781d;
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0;
    padding: 10px;
    position: absolute;
    right: 60px;
    text-align: center;
    top: -20px;
}

.sp1-z {
    font-size: 1.4rem;
    text-align: center;
}

.sp1-z span {
    color: #707070;
    margin-right: 16px;
}

.sp2-z {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    margin: 0 auto;
    text-align: center;
    width: 295px;
}

.b1-z {
    font-size: 1.4rem;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 20px auto 10px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.b2-z {
    font-size: 1.4rem;
    align-items: center;
    background: #50BCE7;
    border-radius: 13px;
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 0 auto 20px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.section-top-zp {
    display: flex;
    background: #FCF4EF;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.top1-zp {
    position: relative;
    z-index: 2;
}

.top1-zp img {
    width: 100%;
    position: relative;
}

.img1-zp {
    display: block;
}

.img2-zp {
    display: none;
}

.top1in-zp {
    display: flex;
    background: #fff;
    justify-content: center;
    width: 1200px;
}

.top1-zp h2 {
    position: absolute;
    color: #fff;
    font-size: 7.5rem;
    left: 18.75%;
    line-height: 14.1rem;
    margin: 0 auto;
    text-align: left;
    top: 60px;
}

.top1-zp p {
    position: absolute;
    color: #fff;
    font-size: 1.8rem;
    left: 18.75%;
    line-height: 1.6rem;
    margin: 0 auto;
    text-align: left;
    top: 360px;
}

.top2-zp {
    position: relative;
    background: #FCF4EF;
    display: flex;
    margin-bottom: 100px;
}

.top2-div-zp {
    padding: 170px 0 0;
    margin: 0 0 0 auto;
    z-index: 1;
}

.top2-zp h3 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0 auto 0;
    text-align: left;
}

.top2-zp p {
    font-size: 2.0rem;
    color: #333;
    font-weight: 400;
    line-height: 5.0rem;
    margin: 30px 0 0;
    text-align: left;
}

.top2-zp p:last-child {
    font-size: 2.5rem;
    line-height: 5.5rem;
}

.top2-img2-zp {
    width: 54%;
    align-items: flex-end;
    display: flex;
    margin: 70px 0 0 125px;
    position: relative;
}

.top2-img2_2-zp {
    display: none;
}

.section-born-zp h3 {
    color: #fd781d;
    font-size: 6.4rem;
    font-weight: 600;
    line-height: 5rem;
    margin: 130px auto 90px;
    text-align: center;
}

.section-born-zp ul li {
    list-style-type: none;
    margin: 0 auto;
    width: 295px;
}

.section-born-zp ul {
    padding: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 46px;
    max-width: 1200px;
}

.section-born-zp ul:last-child {
    margin: 0 auto 80px;
}

.main-slide-zp {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
    width: 295px;
}

.main-slide-zp img {
    width: 230px;
}

.main-slide-zp p {
    font-size: 1.8rem;
    background: #FCF4EF;
    border-radius: 6px;
    border: 2px solid #fd781d;
    color: #fd781d;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0;
    padding: 6px 10px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -10px;
}

.sp1-zp {
    font-size: 1.4rem;
    text-align: center;
}

.sp1-zp span {
    color: #707070;
    margin-right: 16px;
}

.sp2-zp {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    margin: 0;
    text-align: center;
}

.b1-zp {
    font-size: 1.4rem;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 20px auto 10px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.b2-zp {
    font-size: 1.4rem;
    align-items: center;
    background: #50BCE7;
    border-radius: 13px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.zdots-zp {
    width: 154px;
    display: flex;
    justify-content: center;
    margin: 50px auto 70px;
}

.section-point-zp {
    background: #FCF4EF;
    padding: 70px 0 15px;
}

.section-point-zp h3 {
    font-size: 3.3rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-point-zp h3::after {
    content: '';
    margin-left: 30px;
    background-color: #000;
    height: 30px;
    transform: rotate(35deg);
    width: 2px;
}

.section-point-zp h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-point-zp h2 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: -10px auto 0;
    text-align: center;
}

.poallist-zp {
    display: flex;
    margin: 70px auto;
    max-width: 1090px;
}

.poall-zp {
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.poall-zp:first-child {
    margin: 0 auto 0 0;
}

.poall-zp:last-child {
    margin: 0 0 0 auto;
}

.po1-zp {
    position: relative;
    align-items: center;
    background: #F0F0F0;
    display: flex;
    height: 112px;
    justify-content: center;
    width: 525px;
}

.po1-zp p {
    text-align: center;
    align-items: center;
    display: flex;
    font-size: 2.6rem;
    font-weight: 600;
    justify-content: center;
    line-height: 3.2rem;
    margin: 0 auto;
}

.po1-zp img {
    width: 151.78px;
    display: flex;
    justify-content: center;
    margin: 0 auto 0;
    position: absolute;
    top: -26px;
}

.po3-zp {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: center;
    margin: 0 auto 0;
    padding: 20px 0;
}

.po2-zp img {
    margin-top: -30px;
    width: 91.7px;
}

.po3-zp img {
    margin-top: -30px;
    width: 147.5px;
}

.po3-zp p {
    text-align: left;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 20px 25px;
}

.po2-zp a {
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 10px;
}

.po3-zp span {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}

.section-join-zp {
    padding: 50px 0 40px;
}

.section-join-zp h3 {
    font-size: 3.3rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-join-zp h3::after {
    content: '';
    margin-left: 30px;
    background-color: #000;
    height: 30px;
    transform: rotate(35deg);
    width: 2px;
}

.section-join-zp h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-join-zp h2 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: -10px auto 0;
    text-align: center;
}

.joallist-zp {
    display: flex;
    margin: 70px auto;
    max-width: 1090px;
}

.joall-zp {
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 0;
    width: 525px;
}

.joall-zp:first-child {
    margin: 0 auto 0 0;
}

.jo1-zp p {
    width: 525px;
    align-items: center;
    background: #EDF9FD;
    border-radius: 10px 10px 0 0;
    color: #50BCE7;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 112px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo2-zp {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 0;
    padding: 0 0 20px;
}

.jo2-zp p {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 40px 60px 40px;
}

.jo2-zp a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button-zp {
    display: flex;
    justify-content: center;
}

.join-button-zp a {
    display: flex;
    align-items: center;
    background-color: #44C6ED;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 325px;
}

.join-button-zp img {
    width: 19.8px;
    margin: 4px 0 0 10px;
}

.joall2-zp {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 0 0 auto;
    width: 525px;
}

.jo12-zp p {
    width: 525px;
    align-items: center;
    background: #FEF1F3;
    border-radius: 10px 10px 0 0;
    color: #F4758D;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 112px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo22-zp {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 0;
    padding: 0 0 20px;
}

.jo22-zp p {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 20px 60px 20px;
}

.jo22-zp a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button3-zp {
    display: flex;
    justify-content: center;
}

.join-button3-zp a {
    display: flex;
    align-items: center;
    background-color: #F4758D;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 325px;
}

.join-button2-zp a {
    margin: 0 10px 10px;
}

.join-button2-zp img {
    width: 22px;
    margin: 4px 0 0 10px;
}

.join-button3-zp img {
    width: 34.05px;
    margin: 4px 0 0 10px;
}

.section-news-zp {
    padding: 0 0 50px;
}

.section-news-zp h3 {
    font-size: 3.3rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-news-zp h3::after {
    content: '';
    margin-left: 30px;
    background-color: #000;
    height: 30px;
    transform: rotate(35deg);
    width: 2px;
}

.section-news-zp h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-news-zp h2 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: -10px auto 0;
    text-align: center;
}

.newsallist-zp {
    display: flex;
    margin: 40px auto 70px;
    max-width: 1055px;
}

.newsall-zp {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 30px;
    padding-bottom: 50px;
    position: relative;
    width: 325px;
}

.newsall-zp:first-child {
    margin: 0 auto 0 0;
}

.newsall-zp:nth-child(2) {
    margin: 0 auto 0;
}

.newsall-zp:last-child {
    margin: 0 0 0 auto;
}

.newsall-zp img {
    width: 325px;
}

.np1-zp {
    position: absolute;
    align-items: center;
    background: #fd781d;
    border-radius: 14px;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 28px;
    justify-content: center;
    margin: 0;
    right: 20px;
    top: 200px;
    width: 100px;
}

.np2-zp {
    display: flex;
    color: #767676;
    font-size: 1.5rem;
    font-weight: 400;
    justify-content: flex-start;
    margin: 20px 20px;
}

.np3-zp {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 20px;
}

.zero-wrapper {
    margin: 0 auto;
}

.t1 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.t1 img {
    width: 100%;
}

.t1 p {
    position: absolute;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    margin: 0;
}

.t1_s1 {
    margin: 0;
    color: #fd781d;
    font-size: 4.8rem;
    font-weight: 600;
}

.t1_s2 {
    color: #fd781d;
}

.t2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 60px auto;
}

.t2 p {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    margin: 0 0 30px;
}

.t2 img {
    margin: 0 18px;
}

.t3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.t3 p {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
}

.t3 p span {
    color: #fd781d;
}

.t3_right {
    max-width: unset;
    padding: 24px 0 30px;
}


.ob-button-211 a {
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 28px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    height: 56px;
    justify-content: center;
    margin: 0 auto 50px;
    text-decoration: none;
    width: 300px;
}

.ob-button-211 a img {
    width: 30px;
    height: 30px;
    margin: 0 -56px 0 28px;
}

.ob2-button-211 a {
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 28px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    height: 56px;
    justify-content: center;
    margin: 0 auto 120px;
    text-decoration: none;
    width: 300px;
}

.ob2-button-211 a img {
    width: 30px;
    height: 30px;
    margin: 0 -46px 0 22px;
}

.section-center {
    background: #FFF0E6;
    padding: 36px 0 50px;
}

.section-center-211 {
    background: #FFF0E6;
    padding: 36px 18px 50px;
}


.c1-211 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.c1-211 img {
    width: 70.3px;
    height: 75.3px;
    margin-right: 12px;
}

.c1-211 p {
    margin: 10px 0 0;
    color: #fd781d;
    font-size: 2.0rem;
    font-weight: 600;
}

.c2-211 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #FFF0E6;
}

.c2-211 p {
    margin: 0 0 40px;
    font-size: 1.6rem;
    font-weight: 600;
}

.c2-211 img {
    margin: 0 0;
}

.u1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 37.5px;
}

.u1 img {
    margin-top: 50px;
}

.u1 p {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 8px auto 27px;
    text-align: center;
}

.u1 p span {
    color: #fd781d;
}

.sc227 {
    background: #777
}

.section-mod {
    padding: 60px 0;
    margin: 0 auto;
}

.section-mod_all {
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    width: 345px;
}

.mod-x img {
    position: absolute;
    right: 15px;
    top: 15px;
}

.mod-p1 {
    margin: 40px auto 0;
}

.mod-p1 p {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
}

.section-mod ul {
    padding: 40px 0;
    margin: 0 auto;
}

.section-mod ul li {
    list-style-type: none;
    align-items: center;
    border-bottom: solid 1px #fd781d;
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 12px;
    width: 282px;
}

.mod-i {
    display: flex;
    justify-content: center;
    margin-left: 6px;
    margin-right: 16px;
    width: 31px;
}

.section-mod ul li p {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
}

.mod-p2 {
    margin: 20px auto 30px;
    display: flex;
}

.mod-p2 img {
    transform: rotate(-10deg);
    margin-right: 30px;
}

.mod-p2 p {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 300;
}

.mod-p3 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 0;
}

.mod-p3 h4 {
    margin: 0 auto 14px;
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 600;
}

.mod-p3 p {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 2.6rem;
}

.mod-p3 p span {
    margin: 0;
    color: #fd781d;
    font-size: 1.8rem;
    font-weight: 500;
    margin-right: 8px;
}

.mod-p4 {
    margin: 20px auto 14px;
}

.mod-p5 {
    margin: 0 auto 16px;
}

.error-404 {
    margin: 4em auto;
    text-align: center;
}

.error-404__title {
    margin-bottom: 1.5em;
}

.error-404__subtitle {
    font-size: 1.5rem;
    font-weight: 600;
}

.orenge_button {
    display: flex;
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    border: none;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 0 auto 40px;
    text-decoration: none;
    width: 325px;
}

.ob-button a img {
    margin: 4px 6px 0 0;
}


.section-next ul {
    margin: 30px auto 40px;
    margin: 40px auto 10px;
    padding-left: 0;
}

.section-next ul li {
    list-style-type: none;
    display: flex;
}

.section-next ul li p {
    margin: 0;
    font-weight: 500;
}

.section-next textarea {
    display: inline-block;
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    font-size: 1.6rem;
    height: 165px;
    height: 41px;
    margin: 12px auto 30px;
    padding-top: 12px;
    padding: 0 10px;
    width: 301px;
}

.section-next select {
    width: 325px;
    color: #3d3d3d;
    height: 49px;
}

.title_wrapper img {
    display: flex;
    justify-content: center;
    margin: 40px auto -10px;
}

/* お問い合わせフォームなど */
.contactform_area_wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 610px;
    width: 100%;
    padding: 65px 10px 30px;
    font-weight: normal;
}

.contactform_area_floatmeter {
    position: fixed;
    top: 160px;
    right: 8%;
    writing-mode: vertical-rl;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    font-size: 1.4rem;
    font-weight: 500;
    background: #F7F7F7;
    border-radius: 5px;
    padding: 17px 13px;
    align-items: center;
    margin-bottom: 20px;
}

.contactform_area_floatmeter p {
    margin: 0;
}

.contactform_area_floatmeter .floatmeter_number {
    writing-mode: horizontal-tb;
    color: #FD790E;
}

.contactform_area {
    background-color: #fff;
    margin: 0 auto;
    text-align: left;
    width: 610px;
    padding-bottom: 12rem;

}

.contactform_area_title_wrapper {
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}

.contactform_area_title_wrapper>h2 {
    font-size: 1.4rem;
}

.contactform_area_circle--orange {
    font-size: 1.4rem;
    color: #FD790E;
}

.contactform_area_title--orange {
    color: #FD790E;
    margin-bottom: 20px;
}


.contactform_area_title--blue {
    color: #50BCE7;
    margin-bottom: 20px;
}


.contactform_area_title_doubleline {
    margin: 6px 12px;
}

.contactform_area_title_doubleline--opposite {
    transform: scale(-1, 1);
    margin: 6px 12px;
}

.contactform_area_text--strong {
    font-size: 2.6rem;
    font-weight: 700;
    color: #FD790E;
    margin-bottom: 12px;
}

.contactform_area_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    max-width: 493px;
    font-size: 1.4rem;
}

.contactform_area_box--text {
    display: inline-flex;
    gap: 8px;
}

.contactform_area_box--sub {
    margin-left: 32px;
}

.contactform_area_fukidashi_box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;

}

.contactform_area_fukidashi_box img {
    width: 58px;
    height: auto;
}

.contactform_area_fukidashi {
    background-color: #F5F5F5;
    position: relative;
    padding: 10px;
    min-width: 493px;
    text-align: center;
    border-radius: 12px;
}

.contactform_area_fukidashi::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -10px;
    top: 14px;
    border-right: 15px solid #F5F5F5;
    border-top: 6px solid transparent;
    border-bottom: 4px solid transparent;
}

button.contactform_area_submit {
    color: white;
    background: #FD790E;
    border: 2px solid #FFFFFF;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 60px;
    display: flex;
    width: 250px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 auto;
}

.contactform_area ul {
    margin-top: 40px;
    margin: 20px auto 40px;
    padding-left: 0;
}

.contactform_area ul li {
    display: flex;
    list-style-type: none;
    margin-top: 2.4rem;
}

.contactform_area ul li p {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

.contactform_area input[type="text"],
.contactform_area input[type="email"],
.contactform_area input[type="tel"],
.contactform_area select {
    display: inline-block;
    width: 590px;
    height: 40px;
    border: solid 2px #d8d8d8;
    border-radius: 3px;
    background-color: #f7f7f7;
    font-size: 1.6rem;
    color: #000;
    margin: 12px auto 4px;
    padding: 0 10px;
}

.contactform_area textarea {
    background-color: #f7f7f7;
    border-radius: 3px;
    border: solid 2px #d8d8d8;
    color: #000;
    display: inline-block;
    height: 200px;
    margin: 12px auto 4px;
    padding: 6px 10px;
    width: 590px;
}

.contactform_area select {
    color: #3d3d3d;
}

.contactform_area-privacy {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
}

.contactform_area-privacy a {
    color: #fd7801;
}

.validation_txt {
    font-size: 1.6rem;
    color: red;
    margin-bottom: 0;
    font-weight: 400;
}

.contactform_area input:has(+.validation_txt),
.contactform_area textarea:has(+.validation_txt),
.contactform_area select:has(+.validation_txt) {
    border: red 2px solid;
    background-color: rgba(255, 0, 0, 0.2);
}

.question-config-container input:has(+.validation_txt) {
    border: red 2px solid;
    background-color: rgba(255, 0, 0, 0.2);
}

.question-config-container .validation_txt {
    margin-top: -10px;
}

.validation_content:has(+.validation_red),
.validation_contents:has(+.validation_red) input,
.validation_contents:has(+.validation_red) .ql-editor {
    border: red 2px solid;
    background-color: rgba(255, 0, 0, 0.2);
}

.validation_content,
.validation_contents {
    width: 100%;
}

.validation_contents input {
    width: 100%;
}

.validation_title {
    margin-top: -28px;
}

.title_wrapper h3 {
    font-size: 25px;
    display: flex;
    justify-content: center;
}

.title_wrapper h4 {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    line-height: 30px;
    margin-bottom: 40px;
}

.block-button_link {
    display: flex;
    justify-content: center;
}

.section-top-index {
    display: flex;
    flex-direction: column;
    background-image: url(../images/start-top_background.png);
    padding: 5vh 0;

}

.section-top-index h1 {
    font-size: 4.8rem;
    margin: 0 auto 60px;
    text-align: center;
    font-weight: 600;
}

.section-top-index span {
    font-size: 8rem;
    vertical-align: -4px;
    margin: 0 6px;
}

.img1 {
    display: block;
}

.img2 {
    display: none;
}


.top1 p {
    position: absolute;
    color: #fff;
    font-size: 1.8rem;
    left: 18.75%;
    line-height: 1.6rem;
    margin: 0 auto;
    text-align: left;
    top: 360px;
}

.top2-pc {
    padding: 0 0 0 15px;
    position: relative;
    background: #FCF4EF;
    display: flex;
    margin-bottom: 100px;
}

.top2-div {
    padding: 170px 0 0;
    margin: 0 0 0 auto;
    z-index: 1;
}

.top2-pc h3 {
    font-size: 6.4rem;
    font-weight: 600;
    color: #fd781d;
    margin: 0 auto 0;
    text-align: left;
}

.top2-pc p {
    font-size: 2.0rem;
    line-height: 5.0rem;
    font-weight: 400;
    color: #333;
    margin: 30px 0 0;
    text-align: left;
}

.top2-pc p:last-child {
    font-size: 2.5rem;
    line-height: 5.5rem;
}

.top2-div {
    padding: 100px 0 0;
    margin: 0 0 0 auto;
    z-index: 1;
}

.top2 h3 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: 0 auto 0;
    text-align: left;
}

.top2 p {
    font-size: 2.0rem;
    color: #333;
    font-weight: 400;
    line-height: 5.0rem;
    margin: 30px 0 0;
    text-align: left;
}

.top2 p:last-child {
    font-size: 2.5rem;
    line-height: 5.5rem;
}

.top2-img2 {
    width: 54%;
    align-items: flex-end;
    display: flex;
    margin: 70px 0 0 125px;
    position: relative;
}

.top2-img2_2 {
    display: none;
}



.sp1 {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 2rem;
}

.sp1 span {
    color: #707070;
    margin-right: 16px;

}

.sp2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    margin: 0 auto;
    text-align: center;
}

.b1 {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 20px auto 10px;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.b2 {
    align-items: center;
    background: #50BCE7;
    border-radius: 13px;
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 220px;
}

.zdots {
    width: 154px;
    display: flex;
    justify-content: center;
    margin: 50px auto 70px;
}

.section-point-forgood,
.section-point {
    background-color: #FCF4EF;
    padding: 70px 0 15px;
}

.section-point-forgood h3,
.section-point h3 {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 3.3rem;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-point-forgood h3::before,
.section-point-forgood h3::after,
.section-point h3::before,
.section-point h3::after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #000;
}

.section-point-forgood h3::before,
.section-point h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-point-forgood h3::after,
.section-point h3::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

.section-point-forgood h2,
.section-point h2 {
    font-size: 6.4rem;
    font-weight: 600;
    text-align: center;
    margin: -10px auto 6rem;
    color: #fd781d;
}



.poall {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;

}

.poall:first-child {
    margin: 0 auto 0 0;
}

.poall:last-child {
    margin: 0 0 0 auto;
}

.po1 {
    position: relative;
    align-items: center;
    background: #F0F0F0;
    display: flex;
    height: 112px;
    justify-content: center;
    width: 525px;
    border-radius: 10px 10px 0 0;
}

.po1 p {
    text-align: center;
    align-items: center;
    display: flex;
    font-size: 2.6rem;
    font-weight: 600;
    justify-content: center;
    line-height: 3.2rem;
    margin: 0 auto;
}

.po1 img {
    width: 151.78px;
    display: flex;
    justify-content: center;
    margin: 0 auto 0;
    position: absolute;
    top: -26px;
}

.po2,
.po3 {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    height: 280px;
    justify-content: center;
    margin: 0 auto 0;
    padding: 20px 30px;
}

.po2 img {
    margin-top: -20px;
    width: 91.7px;
}

.po3 img {
    margin-top: -30px;
    width: 147.5px;
}

.po2 p,
.po3 p {
    text-align: left;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 20px 25px;
}

.po2 a {
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 10px;
}

.po3 span {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
}

.section-join {
    padding: 50px 0 40px;
}

.section-join h3 {
    font-size: 3.3rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-join h3::before,
.section-join h3::after {
    content: '';
    background-color: #000;
    height: 30px;
    width: 2px;
}

.section-join h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-join h3::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

.section-join h2 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: -10px auto 0;
    text-align: center;

}



.joall {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    width: 525px;
    margin: 0 auto 0;
    border-radius: 10px;
}

.joall:first-child {
    margin: 0 auto 0 0;
}

.jo1 p {
    width: 525px;
    align-items: center;
    background: #EDF9FD;
    border-radius: 10px 10px 0 0;
    color: #50BCE7;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 112px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo2 {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 0;
    padding: 0 0 20px;
}

.jo2 p {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 40px 60px 40px;
}

.jo2 a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button {
    display: flex;
    justify-content: center;
}

.join-button a {
    display: flex;
    align-items: center;
    background-color: #44C6ED;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 325px;
}

.join-button img {
    width: 19.8px;
    margin: 4px 0 0 10px;
}

.joall2 {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 0 0 auto;
    width: 525px;
}

.jo12 p {
    width: 525px;
    align-items: center;
    background: #FEF1F3;
    border-radius: 10px 10px 0 0;
    color: #F4758D;
    display: flex;
    font-size: 2.1rem;
    font-weight: 600;
    height: 112px;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.jo22 {
    width: 525px;
    align-items: center;
    background: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto 0;
    padding: 0 0 20px;
}

.jo22 p {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 20px 60px 20px;
}

.jo22 a {
    font-size: 1.2rem;
    color: #000;
    margin-bottom: 10px;
}

.join-button2,
.join-button3 {
    display: flex;
    justify-content: center;
}

.join-button2 a,
.join-button3 a {
    display: flex;
    align-items: center;
    background-color: #F4758D;
    border-radius: 25px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin: 0 10px;
    text-decoration: none;
    width: 325px;
}

.join-button2 a {
    margin: 0 10px 10px;
}

.join-button2 img {
    width: 22px;
    margin: 4px 0 0 10px;
}

.join-button3 img {
    width: 34.05px;
    margin: 4px 0 0 10px;
}

.section-news {
    padding: 0 0 50px;
}

.section-news h3 {
    font-size: 3.3rem;
    align-items: center;
    color: #000;
    display: flex;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-news h3::before,
.section-news h3::after {
    content: '';
    background-color: #000;
    height: 30px;
    width: 2px;
}

.section-news h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-news h3::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

.section-news h2 {
    font-size: 6.4rem;
    color: #fd781d;
    font-weight: 600;
    margin: -10px auto 0;
    text-align: center;
}

.newsallist {
    display: flex;
    margin: 40px auto 70px;
    max-width: 1055px;
}

.newsall {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0 auto 30px;
    padding-bottom: 50px;
    position: relative;
    width: 325px;
    overflow: hidden;
}

.newsall img {
    width: 325px;
}

.np1 {
    position: absolute;
    align-items: center;
    background: #fd781d;
    border-radius: 14px;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 28px;
    justify-content: center;
    margin: 0;
    right: 20px;
    top: 200px;
    width: 100px;
}

.np2 {
    display: flex;
    color: #767676;
    font-size: 1.5rem;
    font-weight: 400;
    justify-content: flex-start;
    margin: 20px 20px;
}

.np3 {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 0 20px;
    color: black;
}


#modal-content {
    font-family: "Zen Kaku Gothic New", sans-serif;
    position: absolute;
    border-radius: 20px;
    width: 330px;
    background: #fff;
    display: none;
    margin: 0;
    padding: 30px;
    z-index: 100;
    position: fixed;
    top: 150px !important;
}

#modal-content::before {
    content: '';
    position: absolute;
    top: -17px;
    left: 87%;
    transform: translateX(-50%);
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 18px solid #fff;
}

@media (min-width: 1024px) and (max-width: 1100px) {
    #modal-content {
        left: 68.5% !important;
    }
}

@media (min-width: 1101px) and (max-width: 1170px) {
    #modal-content {
        left: 70.5% !important;
    }
}

@media (min-width: 1171px) and (max-width: 1200px) {
    #modal-content {
        left: 71.5% !important;
    }
}

@media (min-width: 1201px) and (max-width: 1430px) {
    #modal-content {
        left: 72.5% !important;
    }
}

@media (min-width: 1431px) and (max-width: 1580px) {
    #modal-content {
        left: 70% !important;
    }
}

@media (min-width: 1581px) and (max-width: 1705px) {
    #modal-content {
        left: 68.5% !important;
    }
}

@media (min-width: 1706px) and (max-width: 1920px) {
    #modal-content {
        left: 66.5% !important;
    }
}

@media (min-width: 1921px) {
    #modal-content {
        left: 64% !important;
    }
}

.modal-column {
    display: flex;
}

#modal-overlay {
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.75);
    display: none;
    height: 120%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.black-button a img {
    margin-right: 6px;
    margin: 0 0 0 12px;
}

.black-button button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 114px;
}

.manager-button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #000;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    ;
    text-decoration: none;
    width: 114px;
}

.project_edit_button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 114px;
}

.o-button button {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: solid 1px #fd781d;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    font-size: 1.5rem;
    font-weight: 200;
    height: 38px;
    justify-content: center;
    text-decoration: none;
    width: 114px;
}

.o-button a img {
    margin-right: 6px;
}

.section-next h1 {
    display: flex;
    font-size: 3.2rem;
    font-weight: 600;
    justify-content: center;
    margin: 0;
    text-align: center;
}

.section-next_under-right_dis3 span {
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 0 10px;
    z-index: 100;
}

.section-next_under-right_dis3 ul {
    display: flex;
    justify-content: center;
    margin: 20px auto 0;
    padding: 0;
}

.section-next_under-right_dis3 ul li {
    list-style-type: none;
    margin: 0 10px;
}

.project-detail-tabs {
    background-color: #fff;
    position: relative;
}

.l-inner-project-detail {
    margin: 0 auto;
    max-width: 1200px;
}



.detail-tab {
    color: black;
    line-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px 5px 0px 0px;
    font-size: 18px;
    font-weight: 500;
    height: 36px;
    text-decoration: none;
    width: 245px;
}

.detail-tab:hover {
    color: #7d7d7d;
    opacity: 1;
}

.sp-preview-project-detail-tabs {
    display: flex;
}

.sp-preview-detail-tab {
    color: black;
    display: inline-block;
    text-align: center;
    background: #f0f0f0;
    border-radius: 15px 15px 0 0;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 3.3;
    height: 40px;
    width: 115px;
}

.active.sp-preview-detail-tab {
    background: #fff;
    border-bottom: solid 3px #fd781d;

}


.detail-tab span {
    padding: 2px 2px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #00000066;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 18px;
    margin-left: 2px;
    width: fit-content;
    min-width: 18px;
    border-radius: 1px;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
}

.active.detail-tab {
    background: #FFFFFF;
    border-top: 4px solid #FD790E;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.08);
    height: 42px;
    font-weight: 700;
}

.section-project {
    display: flex;
    justify-content: center;
    padding-top: 6rem;
}

.section-project_right-topimg p {
    font-size: 2.5rem;
    font-weight: 600;
    color: #85807F;
    text-align: left;
}

.project_under-right_button {
    position: static;
}

.project_under-right_button>a {
    align-items: center;
    background: #fd781d;
    border-radius: 6px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: 400;
    height: 53px;
    justify-content: center;
    margin: 9px auto;
    text-decoration: none;
    width: 273px;
}

.project_under-right_button>a:not([href]):not([class]),
.project_under-right_button>a:not([href]):not([class]):hover {
    color: white;
}

.section-project_right-under_end {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
}

.section-project_right-under_end img {
    margin: 17px 4px 4px 0;
    aspect-ratio: 1/1;
}

.project_right-under_border {
    width: 270px;
    border: 1px solid rgba(0, 0, 0, .1);
    height: 1px;
    display: block;
    margin: 10px auto 0;
}

.return-price-yen {
    font-size: 20px;
}


.section-project_right-under_end p {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    margin-top: 7px;
    padding-right: 6px;
    color: rgba(0, 0, 0, .6);
    line-height: 25px;
}

.section-project_right-under_end div {
    display: flex;
}

.section-project_right-under_end p span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    color: #000;
}

.project_right-under_human {
    width: 26px;
    height: 31px;
}

.project_right-under_clock {
    width: 30px;
    height: 30px;
}


.section-project_left {
    padding: 40px 0 80px;
    width: 745px;
}

#main-report .section-project_left {
    padding-bottom: 0;
}

.owner-message-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.owner-message-container img {
    height: 137px !important;
    margin: 0 auto;
    width: 137px !important;
    z-index: 97;
    border-radius: 50%;
    object-fit: cover;
}

.owner-message-container,
.section-project_left-2,
.section-project_left-3,
.section-project_left-7 {
    padding: 0 15px;
}

.profile-container {
    display: flex;
}

.profile-container img {
    height: 140px;
    width: 140px;
    z-index: 10;
    object-fit: cover;
}

#profile_image_cropper,
#account_image_cropper {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    object-fit: cover;
}

@media (min-width: 769px) {
    .profile_image_area {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .profile_image_area .img-info {
        padding: 0;
    }
}

.profile-main {
    font-size: 1.7rem;
    margin: 0 16px;
    word-break: break-all;
    line-height: 25px;
}

.project-sns-container {
    display: flex;
    gap: 8px;
    padding: 0;

}


.profile-name-container {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    justify-content: center;

}

.profile-name-container-preview-sp {
    display: flex;
    margin: 24px 8px 12px;
    flex-direction: column;
}

.profile-name-container-preview-sp p {
    font-size: 16px;


}

.profile-name-container p {
    font-weight: 500;
    font-size: 20px;
}

.project-sns-container li a {
    display: inline-block;
}

.project-sns-container li a img {
    width: 30px;
    height: 30px;
    border-radius: 0%;
}

.owner-message-frame {
    position: relative;
    padding: 50px 20px 35px;
    border: solid #000 2px;
    border-radius: 20px;
    top: -36px;
    margin-bottom: -30px;
    max-width: 770px;
    min-height: 230px;
}

.owner-message-frame h4 {
    text-align: center;
    margin: 0 auto 28px;
    font-size: 1.8rem;
    font-weight: 500;
}

.owner-message-frame p {
    text-align: left;
    font-size: 1.6rem;
    font-weight: 300;
    white-space: pre-line;
}

.section-project_left-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 24px;
}

.section-project_left-1 img {
    height: 137px;
    margin: 0 auto;
    width: 137px;
}

.section-project_left-1_dis {
    position: relative;
    padding: 50px 20px 35px;
    border: solid #000 2px;
    border-radius: 20px;
    top: -30px;
    margin-bottom: -30px;
    z-index: -1;
}

.section-project_left-1 h4 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
}

.section-project_left-1 p {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
}

.section-profile-preview-sp {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
    word-break: break-word;
    padding: 0 0 40px;
}

.profile-container-preview-sp {
    margin: 24px 8px 12px;
    display: flex;
    font-size: 1.8rem;
    align-items: center;
}

.profile-container-preview-sp img {
    z-index: 999;
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
    height: 80px;
    width: 80px;

}

.section-project_left-2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 80px;
}

.section-project_left-2_dis {
    position: relative;
    padding: 25px 20px 15px;
    border: solid #fd781d 2px;
    border-radius: 20px;
    top: -12px;
    margin-bottom: -12px;
}

.section-project_left-2_dis div {
    display: flex;
}

.section-project_left-2 h4 {
    margin: 0 auto;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
    padding: 0 8px;
    color: #000;
    background: #fff;
    z-index: 97;
}

.p2 {
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: underline;
    color: #000;
    margin-left: 10px;
}

.p1 {
    font-size: 2.3rem;
    font-weight: 600;
    text-decoration: none;
    color: #fd781d;
    margin: 15px 0 0 0;
}

.black_line {
    color: #000;
    margin: 25px 0 20px;
}

.section-project_left-3 {
    margin: 16px 0 40px;
}

.section-project_left-3>p {
    font-size: 17px;
}

.section-project_left-3 img {
    max-width: 100%;
    height: auto;
}

.section-project_left-5 {
    margin: 0 0 40px;
}

.section-project_left-4 {
    margin: 0 0 40px;
}

.section-project_left-5 img {
    margin: 40px 0 0;
    width: 325px;
}

.section-project_left-7 {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #F8F8F8;
    border-radius: 5px;
    padding: 30px;
    max-width: 700px;
    transition: all 0.3s ease;
}

.section-project_left-7 h3 {
    color: #fd790e;
    opacity: 0.7;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 1px;
    position: relative;
    line-height: 22px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-project_left-7 h3::after {
    content: "";
    width: 529px;
    border-top: 2px solid #FD790E;
    opacity: 0.5;
}

.section-project_left-7 .profile-container-left {
    width: 100px;
    height: 100px;
}

.section-project_left-7 .profile-container-left img {
    height: 100px;
    width: 100px;
    margin-top: 2px;
    border-radius: 50%;
}

.section-project_left-7 .profile-container-right {
    margin-left: 30px;
    width: calc(100% - 100px);
}

.section-project_left-7 .profile-corp {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin: 10px 0 14px;
    word-break: break-word;
}

.section-project_left-7 .profile-name {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.section-project_left-7 .profile-main {
    position: relative;
}

.readmore {
    position: relative;
    padding: 0 0 30px;
}

.readmore button {
    font-size: 14px;
    font-weight: 400;
    padding-right: 19px;
    content: "";
    position: absolute;
    bottom: 8.5px;
    right: 5px;
}

.readmore button::after {
    content: "";
    position: absolute;
    bottom: 8.5px;
    right: 0;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
}

.readmore button.open::after {
    transform: rotate(-225deg);
    /* transition: 0.3s; */
    bottom: 3px;
}

.readmore-content {
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    position: relative;
    word-break: break-word;
    overflow: hidden;
    /* transition: all 3s ease; */
}

.section-project_left-7 ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.section-project_left-7 ul li {
    list-style-type: none;

}

.activity-list-wrapper {
    padding: 40px 0;
    margin: 0 auto;
}

.people-slider .slick-track {
    margin-right: auto;
    margin-left: unset;
}

.people-slider.project-slider-common .slide-card {
    margin: 0 auto;
    width: 265px;
}

.people-slider .slide-card .project-card {
    width: 100%;
}

.people-slider .slick-prev {
    left: -38px;
}

.people-slider .slick-next {
    right: -55px;
}

.people-slider .project-card {
    box-shadow: none;
}

.section-about {
    position: relative;
    padding: 146px 0 110px;
    background: url(../../images/bg_section_about.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 35px;
}

.section-about:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(252, 244, 239) 90%);
}

@media (max-width: 768px) {

    .section-about {
        padding: 8rem 0;
        background: url(../../images/bg_section_about_sp.jpg) no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }

}

@media (max-width: 768px) {

    .section-about:before {
        display: none;
    }
}


.section-about h2 {
    text-align: center;
    color: #fff;
    font-size: 4rem;
    line-height: 65px;
}

@media (max-width: 768px) {
    .section-about h2 {
        font-size: 22px;
        line-height: 40px;
        letter-spacing: 0.5px;
        padding-top: 6px;
    }
}

.section-about .about-morelink {
    display: block;
    width: 250px;
    margin: 4rem auto;
}

@media (max-width: 768px) {
    .section-about .about-morelink {
        width: 250px;
        margin: 2rem auto 0;
    }
}

.section-about .about-morelink a {
    position: relative;
    width: 100%;
    max-width: 380px;
    display: block;
    margin: -3px auto 0;
    background: #000;
    border-radius: 3rem;
    padding: 0.8rem 4rem 1rem 3rem;
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
    .section-about .about-morelink a {
        text-decoration: none;
        margin: 26px auto 0;
    }
}

.section-about .about-morelink a:after {
    position: absolute;
    height: -moz-fit-content;
    height: fit-content;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15ZM12.6834 22.5L21.3174 15.365L12.6834 7.5V22.5Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}

.section-osusume {
    background: #fff;
    padding: 60px 0;
    margin-top: -35px;
}



.section-osusume .osusume_title {
    max-width: 1140px;
    display: flex;
    margin: 0 auto;
    align-items: flex-end;
    margin-bottom: 15px;
}

.section-osusume .osusume_title h2 {
    font-family: "Bebas Neue", sans-serif;
    color: #2F1B00;
    font-size: 9rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.05em;
    text-align: center;

}

.section-osusume .osusume_title h3 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 1.8rem;
    line-height: 29px;
    color: #2F1B00;
    margin: 0;
    padding: 0 0 12px 15px;
    font-weight: 900;
    letter-spacing: 0rem;
    margin-bottom: 0;
}

.section-osusume>div {
    max-width: 1140px;
    margin: 0 auto;
}

.section-osusume .slick-track>div {
    margin: 0 auto;
    box-shadow: unset;
    padding: 10px;
    border-radius: 8px;
    transition: 0.3s;
}

.section-osusume .slick-track>div:hover {
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
}

@media(max-width:768px) {
    .validation_content input {
        width: 83.33vw;
    }
}

.activity-list-show {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1200px;
    width: 745px;
    padding: 20px 0 60px;
}


.activity-report-card-wrapper {
    display: flex;
    width: 745px;
    box-shadow: none;
    padding: 30px 0;
    border-bottom: 1px solid #00000017;
    border-radius: 0;
}

.activity-report-card-wrapper img {
    width: 326px;
    height: 218px;
    border-radius: 2px;
}

.activity-report-card-wrapper:first-child {
    padding-top: 0;
}

.activity-report-card-wrapper:last-child {
    border: none;
    padding-bottom: 0;
}


.activity-report-card-wrapper a {
    text-decoration: none;
}

.project-keyword_1 {
    display: none;
}

.project-title_1 {
    margin: 0 auto;
    overflow: hidden;
    height: auto;
}

.project-title_1 h3 {
    font-size: 1.9rem;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    margin-bottom: 0;
    letter-spacing: -1px;

}

.activityreport-textarea {
    position: relative;
    width: 419px;
    height: auto;
    padding: 14px 8px;
}

.activityreport-textarea p {
    font-size: 1.3rem;
}




.activityreport-textarea p {
    color: #000000;
    opacity: 0.4;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
}


.activityreport-text-summary {
    overflow: hidden;
    height: 120px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
}

.more-activityreport {
    padding: 0;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: right;
    text-decoration: none;
    position: absolute;
    bottom: -20px;
    right: 0;
}

.more-activityreport a {
    display: inline-flex;
    align-items: center;
    color: #000000;
    opacity: 0.7;

}

.more-activityreport a img {
    height: 10px;
    width: 6px;
    display: inline;
    vertical-align: baseline;
    margin-left: 6.5px;
}


.achievement-rate_1 {
    font-size: 1.3rem;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 0 15px;
    padding: 15px;
}

.support-money-title_1 {
    color: #b1b1b1;
    font-size: 1.4rem;
    margin: 0 0 6px;

}

.achievement-big_1 {
    display: flex;
    justify-content: center;
    padding: 15px 15px 20px;
}

.achievement-mini_1 {
    margin: 0 auto;
}

.achievement-mini_1:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 10px;
    padding-right: 24px;
}

.support-money_1 {
    font-size: 2.0rem;
    font-weight: 600;
}

.activity-report-list-form {
    width: 325px;
    background: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    border-radius: 10px;
    padding-bottom: 8px;
}

.activity-report-list-title {
    padding: 24px 16px 8px 16px;
}

.activity-report-list-date {
    padding: 8px 16px 8px 16px;
    font-size: 0.8rem;
}

.activity-report-list-content {
    padding: 8px 16px 8px 16px;
}

.project-image_1 {
    width: 325px;
}

.project-image {
    margin: 0 auto;
    width: 100%;
}

.achievement-rate_2 {
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 10px 10px 0;
}



.section-next_under-right {
    width: 615px;
}

.section-project_left-2 p span {
    color: #000;
    font-size: 1.5rem;
    font-weight: 300;
    margin-left: 10px;
    text-decoration: underline #fd781d;
}




.achievement-rate_f {
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 35px 60px 45px;
}

.custum-checkbox p span {
    font-weight: 600;
}

.input-top h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 12px 15px 15px;
    text-align: center;
}

.input-top h4 span {
    color: #fd781d;
}

.p1 h3 {
    margin: 0;
}

.p1 a {
    font-size: 1.4rem;
    color: #FD781D;
    font-weight: 200;
    margin: 0 0 0 16px;
}

.section-top_button {
    display: flex;
    justify-content: center;
}

.section-top_button a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #44C6ED;
    text-decoration: none;
    font-size: 2.5rem;
    width: 427px;
    height: 70px;
    margin: 0 30px;
    border-radius: 35px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    font-weight: 600;
}

.section-top_button a:last-child {
    background-color: #fd780d;
}

.section-top_button img {
    width: 26px;
    margin: 2px 0 0 14px;
}

.top-br {
    display: none;
}

.section-appeal {
    background-color: #fff;
    align-items: center;
    /* display: flex; */
    display: none;
    flex-flow: column;
    justify-content: center;
    padding: 60px 20px;
}

.section-appeal h2 {
    color: #fd781d;
    font-size: 6.4rem;
    letter-spacing: 0rem;
    line-height: 6.6rem;
    text-align: center;
}

.section-appeal h2 span {
    font-size: 5.3rem;
    font-weight: 600;
}

.heading-title {
    font-size: 2.7rem;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 80px auto 35px;
}

.heading-title::before,
.heading-title::after {
    content: '';
    width: 2px;
    height: 46px;
    background-color: #fd781d;
}

.heading-title::before {
    margin-right: 30px;
    transform: rotate(-35deg);
}

.heading-title::after {
    margin-left: 30px;
    transform: rotate(35deg);
}

.heading-title2 {
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    margin: 40px auto 120px;
}

.heading-title2 span {
    color: #fd781d;
}

.section-appeal h4::before,
.section-appeal h4::after {
    content: '';
    width: 2px;
    height: 55px;
    background-color: #fd781d;
}

.section-appeal h4::before {
    margin-right: 40px;
    transform: rotate(-35deg)
}

.section-appeal h4::after {
    margin-left: 40px;
    transform: rotate(35deg)
}

.section-appeal h3 {
    font-size: 6.4rem;
    font-weight: 600;
    color: #fd781d;
    margin: 0 auto 30px;
}

.section-point_h3-3 {
    color: #fd781d;
    font-size: 8.8rem;
    position: relative;
    top: -19px;
}

.section-point_h3-tu {
    color: #fd781d;
    font-size: 5.0rem;
    position: relative;
    top: -6px;
}

.section-point ul {
    display: flex;
    justify-content: center;
    margin: 0;
}

.section-point ul li {
    box-sizing: border-box;
    padding: 0 2.0rem 4rem;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    width: 350px;
    margin: 40px 40px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.section-point_topimg {
    margin: 0 auto -34px;
    position: relative;
    top: -34px;
    width: 318px;
}

.section-point-attach {
    font-size: 1.4rem !important;
    color: #707070;
    text-align: left;
}

.section-point p {
    font-size: 1.6rem;
    font-weight: 400;
    margin: 1rem auto;
    text-align: center;
}


.section-point_centerimg {
    margin: auto;
    width: 295px;

}

.section-point a {
    text-decoration: none;
    margin: 15px auto 0;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #b1b1b1;
    width: 268px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.section-plan {
    background-color: #fff;
    padding: 110px 0 100px;
}

.section-plan h3 {
    font-size: 3.3rem;
    color: #fd781d;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-plan h3::before,
.section-plan h3::after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #fd781d;
}

.section-plan h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-plan h3::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

.section-plan h2 {
    font-size: 6.4rem;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 10px auto 118px;
}

.section-plan ul {
    display: flex;
    justify-content: center;
    padding: 0;
}

.section-plan ul li {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #efefef;
    border-radius: 16px;
    width: 550px;
    margin: 0 50px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.section-plan ul li:last-child {
    background: #FCF4EF;
}

.section-plan ul li:first-child {
    height: 636px;
}

.plan-topimg {
    position: relative;
    top: -78px;
    margin-bottom: -78px;
}

.section-plan ul li h4 {
    font-size: 2.2rem;
    font-weight: 600;
    margin: 8px auto 6px;
}

.section-plan ul li h2 {
    font-size: 6.3rem;
    font-weight: 600;
    margin: 0;
    color: #44C6ED;
}

.section-plan ul li:last-child h2 {
    color: #fd781d;
}

.plan-checklist {
    width: 487px;
    height: auto;
    background: #fff;
    padding: 15px 16px;
    border-radius: 8px;
    text-align: left;
    margin: 30px auto;
}

.plan-checklist div {
    display: flex;
    padding: 15px 0;
}

.plan-checklist div img {
    margin-right: 10px;
    width: 35px;
    height: 35px;
}



.section-plan p {
    font-size: 2.2rem;
    font-weight: 500;
    color: #707070;
    margin: 0 auto 50px;
}

.plan-num {
    font-size: 5.4rem;
    font-weight: 400;
    color: #707070;
    margin: 0 6px;
}

.plan-checklist div p {
    font-size: 2.2rem;
    font-weight: 400;
    margin: 0;
    color: #000;
}

.plan-osusumeobi {
    position: absolute;
    margin-left: -395px;
}

.plan-kome {
    font-size: 2.0rem;
    font-weight: 100;
    margin-left: 12px;
}

.plan-detailimg {
    text-decoration: none;
    margin: 15px auto 50px;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #fd781d;
    width: 393px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.plan-plus {
    display: flex;
    justify-content: center;
    margin: 40px auto;
}

.plan-under {
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto 60px;
    border-radius: 16px;
}

.plan-under h4 {
    color: #7DC75D;
    margin: 20px auto;
    font-size: 4.4rem;
    font-weight: 600;
    padding-right: 65px;
    padding-left: 90px;
    border-right: 1px solid #7DC75D;
    height: 112px;
    display: flex;
    align-items: center;
}

.plan-under h4 span {
    font-size: 3.6rem;

}

.under-pc p {
    color: #000;
    margin: 0 30px;
    font-size: 2.0rem;
    font-weight: 400;
}

.under-pc p span {
    font-size: 1.6rem;
    font-weight: 100;
}

.plan-under img {
    padding-right: 24px;
    width: 154px;
}

.under-pc {
    display: block;

}

.under-sp,
.under-sp2 {
    display: none;
}

.search_button,
.header_search_button {
    background-color: #000;
}

.project-slide {
    margin: 0 auto 60px;
    max-width: 1280px;
}

.slide-banner {
    width: 100%;
    display: flex;
    max-width: 80%;
}

.slide-banner li {
    height: auto;
    margin-right: 10px;
    margin-left: 10px;
}

.slide-banner img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/*戻る、次へ矢印の位置*/
.slick-prev:before,
.slick-next:before {
    position: relative;
    /*絶対配置にする*/
    display: inline-block;
    opacity: 1;
    font-size: 50px;
}

.slick-next:before {
    border-right: 3px solid #fd781d;
    border-top: 3px solid #fd781d;
    transform: rotate(45deg);
    height: 12px;
    width: 12px;
    content: "";
}

.slick-prev:before {
    border-right: 3px solid #fd781d;
    border-top: 3px solid #fd781d;
    transform: rotate(225deg);
    height: 12px;
    width: 12px;
    content: "";
}

.slick-prev,
.slick-next {
    position: absolute;
    /*絶対配置にする*/
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    /*クリックをしたら出てくる枠線を消す*/
    width: 40px;
    height: 40px;
    opacity: 1;
    top: 50%;
}

.project-slide_a {
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}

.project-slide_a .slick-prev {
    left: -30px;
}

.project-slide_a .slick-next {
    right: -45px;
}

.section-next_title h2 {
    font-size: 2rem;
    color: #fd780d;
    margin: 24px 0 0 20px;
}

.projects-form:first-child {
    margin: 0 0 80px;
}

.section-new {
    background: #fff;
    margin: 0 auto 70px;
    padding-top: 60px;
}

.section-new_title {
    display: flex;
    justify-content: center;
    margin: 0 auto 10px;
    max-width: 1200px;
}

.section-new_title h2 {
    color: #fd780d;
    font-size: 2rem;
    margin: 24px 0 0 20px;

}

.section-pickup {
    background: #FCF4EF;
    padding: 30px 0 40px;
}



.section-pickup h2 {
    display: flex;
    justify-content: center;
    font-size: 3.6rem;
    color: #fd780d;
    margin: 30px auto 40px;
}

.section-pickup ul {
    box-sizing: border-box;
    display: flex;
    flex-flow: wrap;
    padding: 0 72px 0 71px;
    margin: 0 auto;
    max-width: 1200px;
    flex-wrap: wrap;
    gap: 60px 137px;
}

.section-pickup ul li {
    list-style-type: none;
    width: 261px;
}

.section-pickup ul li a img {
    width: 261px;
    height: 86px;
}

.btn_orange {
    align-items: center;
    background: #FD781D 0% 0% no-repeat padding-box;
    border-radius: 1.3rem;
    border: none;
    box-shadow: 0px 3px 6px #00000029;
    color: #FFFFFF;
    display: flex;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    height: 5.2rem;
    letter-spacing: 0.1rem;
    margin: 60px auto 120px;
    opacity: 1;
    transition: .4s;
    width: 32.5rem;
}

.hamburger-menu {
    display: flex;
}

.header_under-img {
    height: 58px;
    margin: 11px 20px 0 0;
}

.ha1 {
    height: 21.72px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    right: 50px;
    top: 30px;
    width: 20.63px;
}

.header_under-dis-pc {
    display: none;
}

#menu-btn-check:checked~.menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked~.menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}

#menu-btn-check:checked~.menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-btn {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: relative;
    right: 10px;
    top: 16px;
    width: 50px;
    z-index: 90;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 1.5px;
    width: 20px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
}

.menu-btn span:after {
    top: 8px;
}

.menu-btn span:before {
    bottom: 8px;
}

.menu-content ul {
    padding: 70px 20px 0;
}

.menu-content ul li {
    list-style: none;
}

.nav_login a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
    font-weight: 500;
}


.nav_login-button1,
.nav_login-button2 {
    width: 325px;
    height: 50px;
    margin: 20px auto;
}

.nav_login-button1 {
    background: #fd781d;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
}

.nav_login-button1 a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    margin: 0 0 0 auto;
}

.nav_login-button1 a::after {
    content: "";
    display: inline-block;
    background: url("../images/header-button.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin: 0 30px 0 84px;
    width: 12px;
    height: 19px;
}

.nav_login-button2 {
    align-items: center;
    background: #333;
    border-radius: 11px;
    display: flex;
    justify-content: center;
}

.nav_login-button2 a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 0 auto;
    text-decoration: none;
}

.nav_login-button2 a::after {
    background-size: contain;
    background: url("../images/header-button.png") no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    margin: 0 30px 0 84px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 12px;
}

.header__nav ul .nav_login-button3 a,
.header__nav ul .nav_logout-button3 a {
    color: #CA4F02;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
    padding-left: 10px;
    padding-top: 10px;
}

.nav_login p {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 30px auto 10px;
    display: flex;
    justify-content: center;
}

.nav_logout-button {
    display: block;
    font-size: 1.6rem;
    line-height: 100%;
    font-weight: 700;
    color: #CA4F02;
    text-decoration: none;
    text-align: left;
    padding-left: 10px;
    padding-top: 13px;
}

.header_under-dis-sp {
    display: none;
}

.dialog_1 {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    width: 347px;
    margin: 40px auto;
}

.dialog_1 h2 {
    margin: 20px 0 30px;
}

.dialog_2,
.dialog_4,
.dialog_5,
.dialog_6 {
    background: #fff;
    width: 347px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 0;
    margin: 40px auto;
}

.dialog_2 h2,
.dialog_4 h2,
.dialog_5 h2,
.dialog_6 h2 {
    margin: 20px 0 40px;
}

.dialog_2 a,
.dialog_4 a,
.dialog_5 a,
.dialog_6 a {
    text-decoration: none;
    color: #fd781d;
    border-bottom: 1px solid #fd781d;
    padding-bottom: 0;
}

.dialog_6 {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 0;
    width: 347px;
    margin: 40px auto;
}

.dialog_6 h2 {
    margin: 20px 0 40px;
}

.dialog_6 a {
    border-bottom: 1px solid #fd781d;
    color: #fd781d;
    padding-bottom: 0;
    text-decoration: none;
}



.button {
    align-items: center;
    background: #fff;
    border-radius: 13px;
    border: 2px solid #fd781d;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fd781d;
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    margin-bottom: 30px;
    text-decoration: none;
    width: 196px;
}

.non-button {
    border-bottom: 1px solid #fd781d;
    color: #fd781d;
    padding-bottom: 0;
    text-decoration: none;
}

.dialog_3 {
    align-items: center;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0;
    width: 347px;
    margin: 40px auto;
}

.dialog_3 h2 {
    margin: 0;
}

.yesorno {
    display: flex;
    margin: 70px 0 0;
}

.button-n {
    color: #fd781d;
    background: #fff;
    border: solid 2px #fd781d;
}

.button-y {
    background: #fd781d;
    color: #fff;
}

.button-y,
.button-n {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.8rem;
    font-weight: 600;
    width: 122px;
    height: 56px;
    border-radius: 28px;
    margin: 0 16px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
}

.section-middle {
    background: #fff;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding-top: 60px;
    padding: 90px 0 50px;
}

.t-img1 {
    position: relative;
}

.t-p1 {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 1.0rem;
    font-weight: 600;
    height: 23px;
    justify-content: center;
    left: 7px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 87px;
}

.t-p2 {
    height: 23px;
    margin: 0;
    position: absolute;
    right: 58px;
    top: 154px;
    width: 73px;
    z-index: 2;
}

.t-p3 {
    align-items: center;
    background: #fd781d;
    border-radius: 6px;
    border: 2px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 600;
    height: 32px;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 170px;
    width: 156px;
    z-index: 1;
}

.achievement-rate span {
    font-size: 16px;
    color: white;
    left: -3px;
    position: absolute;
    top: -3px;
}

.achievement-rate p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 6px;
    top: 0px;
    width: 32px;
}

.t-p1_2 {
    align-items: center;
    background: rgba(252, 121, 28, 0.7);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 1.0rem;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    left: 7px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 46px;
}

.achievement-rate2 {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 22px;
    margin: 15px 15px 0;
    position: relative;
    width: 289px;
}

.achievement-rate2 span {
    align-items: center;
    background: #fd781d;
    border-radius: 14px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.3rem;
    font-weight: 400;
    height: 22px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 289px;
}

.achievement-rate3 {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 22px;
    margin: 15px 15px 0;
    position: relative;
    width: 289px;
}

.achievement-rate3 span {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 14px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.3rem;
    font-weight: 400;
    height: 22px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 289px;
    z-index: 1;
}

.achievement-rate3 p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 6px;
    top: 0px;
    width: 64px;
    z-index: 2;
}

.achievement-rate1 {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 22px;
    margin: 15px 15px 0;
    position: relative;
    width: 289px;
}

.achievement-rate1 span:first-child {
    background: #FDA77B;
    border-radius: 14px;
    height: 22px;
    width: 250px;
}

.achievement-rate1 span {
    background: #fd781d;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 22px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 222px;
}

.achievement-rate1 p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 0px;
    width: 40px;
}

.projects-form_h {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 20px auto;
    width: 150px;
}

.t-img1_h {
    position: relative;
}

.project-image_h {
    width: 150px;
}

.t-p1_h {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 0.4rem;
    font-weight: 500;
    height: 18px;
    justify-content: center;
    left: 3px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 80px;
}

.t-p2_h {
    height: 18px;
    margin: 0;
    position: absolute;
    right: 36px;
    top: 54px;
    width: 56px;
    z-index: 2;
}

.t-p3_h {
    align-items: center;
    background: #fd781d;
    border-radius: 6px;
    border: 2px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.0rem;
    font-weight: 600;
    height: 25px;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 66px;
    width: 115px;
    z-index: 1;
}

.projects-form_h a {
    text-decoration: none;
}

.project-keyword_h {
    display: none;
}

.project-title_h {
    border-bottom: solid 2px #d6d6d6;
    color: #000;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 0;
    width: 136px;
}

.achievement-rate_h {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    margin: 7px auto;
    position: relative;
    width: 140px;
}

.achievement-rate_h span {
    background: #fd781d;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 90px;
}

.achievement-rate_h p {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 6px;
    top: -1.6px;
}

.support-money-title_h {
    color: #b1b1b1;
    font-size: 1.0rem;
    margin: 0 0 2px;
}

.achievement-big_h {
    display: flex;
    justify-content: center;
    padding: 0 0 10px;
}

.achievement-mini_h {
    margin: 0 auto;
}

.achievement-mini_h:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 auto;
    padding-right: 10px;
}

.support-money_h {
    font-size: 1.1rem;
    font-weight: 600;
}

.t-p1_2_h {
    align-items: center;
    background: rgba(252, 121, 28, 0.7);
    border-radius: 5px;
    color: #fff;
    display: flex;
    font-size: 0.4rem;
    font-weight: 500;
    height: 18px;
    justify-content: center;
    left: 3px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 46px;
}

.achievement-rate2_h {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    margin: 7px auto;
    position: relative;
    width: 140px;
}

.achievement-rate2_h span {
    align-items: center;
    background: #fd781d;
    border-radius: 14px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.0rem;
    font-weight: 400;
    height: 12px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 140px;
}

.achievement-rate3_h {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    margin: 7px auto;
    position: relative;
    width: 140px;
}

.achievement-rate3_h span {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 14px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.0rem;
    font-weight: 400;
    height: 12px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 140px;
    z-index: 1;
}

.achievement-rate3_h p {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 6px;
    top: -1.6px;
    z-index: 2;
}

.achievement-rate1_h {
    background: #d6d6d6;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    margin: 7px auto;
    position: relative;
    width: 140px;
}

.achievement-rate1_h span:first-child {
    background: #FDA77B;
    border-radius: 14px;
    height: 12px;
    width: 100px;
}

.achievement-rate1_h span {
    background: #fd781d;
    border-radius: 14px;
    border: 3px #fff solid;
    height: 12px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 80px;
}

.achievement-rate1_h p {
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 6px;
    top: -1.6px;
}

.t-img1_pc {
    height: 390px;
    position: relative;
}

.project-image_pc {
    width: 585px;
}

.t-p1_pc {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 1.3rem;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    left: 14px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 124px;
}

.t-p1_2_pc {
    align-items: center;
    background: rgba(252, 121, 28, 0.7);
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 1.3rem;
    font-weight: 600;
    height: 35px;
    justify-content: center;
    left: 14px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 74px;
}

.t-p2_pc {
    bottom: 60px;
    height: 26px;
    margin: 0;
    position: absolute;
    right: 89px;
    width: 84px;
    z-index: 2;
}

.t-p3_pc {
    align-items: center;
    background: #fd781d;
    border-radius: 6px;
    border: 2px #fff solid;
    bottom: 20px;
    color: #fff;
    display: flex;
    font-size: 2.0rem;
    font-weight: 600;
    height: 45px;
    justify-content: center;
    margin: 0;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 233px;
    z-index: 1;
}

.achievement-rate1_pc {
    background: #d6d6d6;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    margin: 30px auto;
    position: relative;
    width: 494px;
}

.achievement-rate1_pc span:first-child {
    background: #FDA77B;
    border-radius: 18px;
    height: 27px;
    width: 380px;
}

.achievement-rate1_pc span {
    background: #fd781d;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 340px;
}

.achievement-rate1_pc p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 0px;
    width: 40px;
}

.achievement-rate2_pc {
    background: #d6d6d6;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    margin: 30px auto;
    position: relative;
    width: 494px;
}

.achievement-rate2_pc span {
    align-items: center;
    background: #fd781d;
    border-radius: 18px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600;
    height: 27px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 494px;
}

.achievement-rate3_pc {
    background: #d6d6d6;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    margin: 30px auto;
    position: relative;
    width: 494px;
}

.achievement-rate3_pc span {
    align-items: center;
    background: linear-gradient(60deg, #69CBA5 15%, #DBCE28 50%, #F8A13C 85%);
    border-radius: 18px;
    border: 3px #fff solid;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
    height: 27px;
    justify-content: center;
    left: -3px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 494px;
    z-index: 1;
}

.achievement-rate3_pc p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 0px;
    width: 64px;
    z-index: 2;
}

.achievement-rate_pc {
    background: #d6d6d6;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    margin: 30px auto;
    position: relative;
    width: 494px;
}

.achievement-rate_pc span {
    background: #fd781d;
    border-radius: 18px;
    border: 3px #fff solid;
    height: 27px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 360px;
}

.achievement-rate_pc p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    height: 22px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 0px;
    width: 32px;
}

.achievement-card {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 0 25px;
    margin: 0 0 40px;
    margin: 0 0;
    width: 325px;
}

.achievement-card a {
    text-decoration: none;
}

.action-example_sp {
    display: flex;
    max-width: 80%;
    width: 100%;
}

.action-example_sp li {
    height: auto;
}

.action-example_sp img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.slide-banner_sp {
    display: flex;
    max-width: 80%;
    width: 100%;
}

.slide-banner_sp li {
    height: auto;
}

.slide-banner_sp img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.achievement-list_mini {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.projects-form_mini {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 6px;
    width: 184px;
}

.projects-form_mini img {
    width: 184px;
}

.projects-form_mini a {
    text-decoration: none;
}

.project-title_mini {
    border-bottom: solid 2px #d6d6d6;
    color: #000;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 auto;
    padding: 0;
    width: 164px;
}

.achievement-rate_mini {
    font-size: 1.0rem;
    margin: 0 auto;
    padding: 10px;
}

.support-money-title_mini {
    color: #b1b1b1;
    font-size: 1.0rem;
    margin: 0 0 6px;
}

.achievement-big_mini {
    display: flex;
    justify-content: center;
    padding: 0 15px 10px;
}

.achievement-mini_mini {
    margin: 0 auto;
}

.achievement-mini_mini:first-child {
    border-right: dotted 2px #000;
    margin: 0 0 0 auto;
    padding-right: 20px;
}

.support-money_mini {
    font-size: 0.6rem;
    font-weight: 600;
}

.section-new_title img {
    width: 178px;
}

.achievement-list_new {
    display: flex;
    justify-content: center;
    margin: 0 auto 16px;
}

.projects-form_sp {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    margin: 0 4px;
    width: 335px;
}

.projects-form_sp a {
    text-decoration: none;
}


.white_back {
    background-color: #fff;

}

.table_beige_white tr td:last-child {
    width: 1150px;
}



.over {
    letter-spacing: -0.05rem;
}

.title_support h1 {
    align-items: center;
    background-color: #FD781D;
    border-radius: 35px;
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    height: 70px;
    justify-content: center;
    margin: 20px auto 0;
    text-align: center;
    width: 325px;
}

.title_support h1.blue-label {

    background-color: #50BCE7;
}

.title_support h2 {
    font-size: 1.4rem;
    margin: 20px auto 0;
    padding: 0 30px;
    text-align: center;
}

.title_support p {
    font-size: 1.4rem;
    margin: 4px auto 0;
    max-width: 680px;
    padding: 4px 0;
    text-align: center;
}



.title_support-with-2 button,
.title_support-with-2 button {
    background: #FD781D 0% 0% no-repeat padding-box;
    border-radius: 1.3rem;
    border: none;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5rem;
    height: 45px;
    letter-spacing: 0.1rem;
    margin-top: 3.0rem;
    opacity: 1;
    transition: .4s;
    width: 184px;
}

.kome {
    font-size: 1.4rem;
    margin: 6px 0 0;
    max-width: 590px;
}

.contactform_area ul li h3 {
    font-size: 1.4rem;
    margin: 0 0 20px;
}

.contactform_area ul li h3 a {
    color: #fd7801;
    text-decoration: none;
}

.title_support-with-2 {
    background-color: #FCF4EF;
    margin: -60px 0 60px;
    min-width: 0;
    min-width: 325px;
    padding: 30px;
    text-align: center;
}

.check {
    align-items: flex-start;
    display: flex;
}

.check input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 20px;
    transform: scale(1.4);
}

.check_ul ul {
    margin-bottom: 40px;
}

.caption_area_help p a {
    color: #fd7801 !important;
    font-weight: 400;
    text-decoration: none;
}

.table_help_index {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    margin-bottom: 105px;
    width: 80%;
}

.table_help_index tbody tr td {
    padding: 1rem;
    border: 2px solid #D8D8D8;
    text-align: center;
    width: 50%;
}

.table_help_index tbody tr td:hover {
    background-color: #fd7801;
}

.table_help_index tbody tr td:hover .table_help_index-dis {
    color: #fff;
}

.table_help_index tbody tr td a {
    font-size: 1.8rem;
    color: #333333;
    font-weight: 600;
    text-decoration: none;
}

.fqaform_container4 {
    margin: 0 auto;
    max-width: 1200px;
}

.form_content,
.form_content-checkbox {
    padding: 20px 40px 0 30px;
    width: 100%;
    text-align: left;
}

.form_content2 {
    padding-bottom: 10px;
}

.form_content-bottom {
    padding-bottom: 40px;

}

.form-content-thankyou img {
    height: 60px;
    width: 60px;
    margin-right: 25px;
}

.form-content-thankyou {
    display: flex;
    align-items: center;
}

@media (max-width:768px) {
    .form-content-thankyou img {
        width: 46px;
        height: 46px;
        margin-right: 15px;
    }
}

.form_content label {
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
}


.form_content-v2 {
    padding: 25px 25px 0 30px;
    max-width: 780px;
    text-align: left;
}

ß .form_content-v2 p {
    margin: 9px 0;
}

.form_content-v2 .d-flex {
    width: 250px;
    height: 50px;
    border: 1.5px solid #FD790E;
    border-radius: 60px;
    text-align: center;
    margin: 15px 0 21px;
    background-color: #fff;
}

.form_content-v2 .d-flex a {
    color: #FD790E;
    font-family: Noto Sans JP;
    font-size: 18px;
    font-weight: 700;
    line-height: 26.06px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 11px 13px 13px 34px;
    text-decoration: none;
}

.form-circle {
    height: 25px;
    width: 25px;
    background: #FD790E;
    border-radius: 50%;
    padding: 6.45px 0 7.26px 10.78px;
    margin: 13px 0 12px;
}

.form-triangle {
    background-color: #fff;
    height: 11.29px;
    width: 6.64px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);

}

.form_content-heading {
    padding-bottom: 10px;
    font-weight: 600;
    font-size: 1.8rem;
    display: block;
}

.form_content-heading.admin {
    text-align: center;
}

.form_content-v2 label {
    margin: 0;
    font-weight: 700;
    font-size: 17px;
    display: block;
    font-family: Noto Sans JP;
    line-height: 24.62px;
}




.quesitonedit_area .q3 {
    margin: 0;
}

.quesitonedit_area .q3 div {
    margin-top: 10px;
    margin-bottom: 15px;
}

.quesitonedit_area .question-config-container input[type=text] {
    margin: 10px 3px 10px 0;
    padding: 0 1px;
}

#eye_catching_image_url {
    border: 2px #d8d8d8 dotted;
    height: 112px;

}

.wordcounter {
    text-align: right;
    margin-top: 5px;
}

.qa1 {
    background-color: #FCF4EF;
    margin: 1.2rem auto;
    max-width: 1200px;
    display: block;
    text-decoration: none;
}

.qa1 summary {
    align-items: center;
    color: #333333;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: 1rem 3.6rem;
    position: relative;
}

.qa1 summary h4 {
    margin: 0 auto 0 10px;
    font-size: 1.8rem;
}

.qa1 span {
    align-items: center;
    color: #333333;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: 1rem 3.6rem;
    position: relative;
}

.qa1 span h4 {
    margin: 0 auto 0 10px;
    font-size: 1.8rem;
}

.qa1 summary::before {
    color: #fd7801;
    content: "Q.";
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem;
    margin-top: 6px;
}

.qa1 summary::after {
    border-bottom: 3px solid #fd7801;
    border-right: 3px solid #fd7801;
    content: '';
    height: 7px;
    margin-left: 10px;
    transform: translateY(-25%) rotate(45deg);
    transition: transform .5s;
    width: 7px;
}

.qa1 span::before {
    color: #fd7801;
    content: "Q.";
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem;
    margin-top: 6px;
}

.qa1 span::after {
    border-bottom: 3px solid #fd7801;
    border-right: 3px solid #fd7801;
    content: '';
    height: 7px;
    margin-left: 10px;
    transform: translateY(-25%) rotate(45deg);
    transition: transform .5s;
    width: 7px;
}



.qa1[open] p {
    width: 90%;
    font-size: 1.6rem;
    background-color: #fff;
    opacity: 1;
    position: relative;

}

.qa1 p::after {
    color: #fd7801;
    content: "A.";
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem;
    left: 20px;
    line-height: 1.2;
    position: absolute;
    top: 10px;
}

.qa-start {
    background-color: #FCF4EF;
    margin: 1.2rem auto;
    max-width: 1200px;
}

.qa-start summary {
    align-items: center;
    color: #333333;
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: 1rem 3.6rem;
    position: relative;
}

.qa-start summary h4 {
    margin: 0 auto 0 10px;
    font-size: 1.8rem;
}

.qa-start p {
    color: #333;
    display: inline-block;
    margin: 0 20px 20px;
    max-width: 1160px;
    opacity: 0;
    padding: 48px 20px 20px;
    position: relative;
    transform: translateY(-10px);
    transition: transform .5s, opacity .5s;
    font-weight: 400;
}

.qa-start span h4 {
    margin: 0 auto 0 10px;
    font-size: 1.8rem;
}



.qa-start summary::before {
    color: #fd7801;
    content: "Q.";
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem;
    margin-top: 6px;
}

.qa-start summary::after {
    border-bottom: 3px solid #fd7801;
    border-right: 3px solid #fd7801;
    content: '';
    height: 7px;
    margin-left: 10px;
    transform: translateY(-25%) rotate(45deg);
    transition: transform .5s;
    width: 7px;
}


.qa-start span::after {
    border-bottom: 3px solid #fd7801;
    border-right: 3px solid #fd7801;
    content: '';
    height: 7px;
    margin-left: 10px;
    transform: translateY(-25%) rotate(45deg);
    transition: transform .5s;
    width: 7px;
}



.qa-start[open] p {
    width: 90%;
    font-size: 1.6rem;
    background-color: #fff;
    opacity: 1;
    position: relative;

}

.qa-start p::after {
    color: #fd7801;
    content: "A.";
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.2rem;
    left: 20px;
    line-height: 1.2;
    position: absolute;
    top: 10px;
}

.qa-start p a {
    word-break: break-all;
    color: #fd7801;
}

.back-to-helpmain {
    margin: 8rem auto;
    display: block;
    color: #000;
    width: 240px;
    font-weight: bold;
    font-size: 16px;
    border: solid #000 2px;
    text-align: center;
    border-radius: 13px;
    line-height: 50px;
}

.help-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 60px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.help-nav a {
    width: calc((100% - 15px) / 2);
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    padding: 10px 20px;
    cursor: pointer;
}

.help-nav a p {
    color: #2F1B00;
    font-size: 1.8rem;
    font-weight: 700;
    padding-left: 15px;
}

.help-nav a .arrow-down {
    display: inline-block;
    vertical-align: middle;
    color: #2F1B00;
    line-height: 1;
    width: 0.8em;
    height: 0.8em;
    border: 0.15em solid currentColor;
    border-radius: 2px;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    margin-left: auto;
}

.help-top-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    max-width: 1000px;

}

.help-top-section-h2 {
    width: fit-content;
    color: #000000;
    font-size: 24px;
    border-bottom: 4px solid #FB782F;
    font-weight: bold;
}

.fqaform_container2 {
    max-width: 1000px;
    margin: auto;
}

.fqaform_container2 h2 {
    color: #FC6203;
    font-family: 'Zen Kaku Gothic New';
    font-size: 2.2rem;
    font-weight: 700;
    border-left: 8px solid #FC6203;
    padding-left: 10px;
    margin-bottom: 20px;
}

.help-content_supporter .fqaform_container2 h2 {
    color: #02A1A7;
    border-color: #02A1A7;
}

.help-top-links {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-basis: 30%;
    justify-content: space-between;
}

.help-top-link-fqa {
    font-size: 1.8rem;
    font-weight: bold;
    color: #2F1B00;
    width: calc((100% - 60px) /2);
    display: flex;
    align-items: center;
    background-color: transparent;
    padding: 15px 0;
    border-bottom: 1px solid rgba(47, 27, 0, 0.1);
}

.help-top-link-fqa::before {
    color: #2F1B00;
    content: "Q";
    opacity: 0.4;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: bold;
    font-size: 2.8rem;
    padding-right: 15px;
}

.help-top-link-fqa .link-arrow {
    margin-left: auto;
}

.help-organizer-section .help-top-link-fqa h4 {
    font-size: 1.8rem;
    margin-right: 20px;
}

.help-form {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 30px 40px;
    border-radius: 15px;
    width: 50%;
    margin: 60px auto 0;
}

.help-form p {
    color: #2F1B00;
}

.help-form p:nth-of-type(1) {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 0;
}

.help-form p:nth-of-type(2) {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
}

.help-form a {
    background-color: #2F1B00;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    border: 3px solid #fff;
    border-radius: 50px;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    padding: 15px 15px 15px 55px;
}

.help-form a img {
    padding-left: 30px;
}

.help-content {
    background-color: #F9F9F9;
}

.help-content .title_wrapper_static {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 60px 0;
}

.help-content .title_wrapper_static.title_wrapper_help {
    padding: 60px 0 0px;
}

.help-content .title_wrapper_static h2 {
    font-family: "Zen Kaku Gothic New";
    font-weight: 900;
    font-size: 2.8rem;
    color: #2F1B00;
    margin: 0;
    padding: 0;
}

.help-content .title_wrapper_static img:nth-of-type(1) {
    height: 100px;
}

@media (max-width: 768px) {
    .help-top-link {
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin: 0 auto 40px;
    }

    .help-top-link li {
        flex-basis: 0;
        height: 76px;
    }

    .help-top-link li a {
        height: 70px;
        text-decoration: none;
        padding-right: 20px;
    }

    .help-top-link li a .executor-img {
        height: 50px;
        margin: auto 15px;
    }

    .help-top-link li a .support-img {
        height: 50px;
        margin: 0;
    }

    .help-top-link li a span {
        font-size: 16px;
        margin-right: 8px;
    }

    .help-top-link-fqa {
        text-decoration: none;
        font-size: 1.6rem;
        padding: 15px 0;
        width: 100%;
    }

    .help-top-link-fqa::before {
        font-size: 2.4rem;
        padding-right: 10px;
    }

    .help-organizer-section .help-top-link-fqa h4 {
        font-size: 1.6rem;
    }

    .help-form {
        width: 100%;
        padding: 30px 20px;
        max-width: 450px;
    }

    .help-form p:nth-of-type(1) {
        font-size: 1.6rem;
    }

    .help-form p:nth-of-type(2) {
        font-size: 1.2rem;
        text-align: left;
    }

    .help-form_br {
        display: none;
    }

    .help-form a {
        padding: 10px 10px 10px 40px;
        font-size: 1.8rem;
        text-decoration: none;
        justify-content: space-between;
        max-width: 320px;
    }

    .help-form a img {
        padding-left: 15px;
    }

    .help-content .title_wrapper_static,
    .help-content .title_wrapper_static.title_wrapper_help {
        gap: 2rem;
        padding: 40px 0;
    }

    .help-content_supporter .title_wrapper_static {
        gap: 1rem;
    }

    .help-content .title_wrapper_static img,
    .help-content .title_wrapper_static img:nth-of-type(1) {
        height: 75px;
    }

    .help-content .title_wrapper_static h2 {
        font-size: 2.4rem;
    }

    .help-nav {
        flex-direction: column;
    }

    .help-navx img {
        height: 35px;
    }

    .help-nav a {
        width: 100%;
        padding: 10px 15px;
        text-decoration: none;
    }

    .help-nav a p {
        font-size: 1.6rem;
        padding-left: 10px;
        margin-bottom: 0;
    }

    .help-nav a .arrow-down {
        width: 0.5em;
        height: 0.5em;
    }

    .fqaform_container2 h2 {
        font-size: 2rem;
    }

    .help-top-links {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .back-to-helpmain {
        text-decoration: none;
    }
}

.section-appeal_img1 img {
    width: 494.91px;
}

.section-appeal_img2 img {
    width: 682px;
}

.section-appeal_img2 {
    position: relative;
}

.ap1 {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    left: 40px;
    margin: 0;
    position: absolute;
    top: 50px;
}

.ap2 {
    color: #fff;
    font-size: 5.0rem;
    font-weight: 600;
    left: 64px;
    margin: 0;
    position: absolute;
    top: 84px;
}

.ap2-k {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 200;
    left: 154px;
    margin: 0;
    position: absolute;
    top: 100px;
}

.ap3 {
    color: #fff;
    font-size: 2.9rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 140px;
    top: 200px;
}

.ap4 {
    color: #fff;
    font-size: 6.4rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 120px;
    top: 250px;
}

.ap4-k {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 200;
    margin: 0;
    position: absolute;
    right: 90px;
    top: 270px;
}

.ap5 {
    color: #fff;
    font-size: 2.9rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 280px;
    top: 170px;
}

.ap6 {
    color: #fff;
    font-size: 6.3rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 210px;
    top: 210px;
}

.ap7 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 200;
    margin: 0;
    position: absolute;
    right: 196px;
    top: 226px;
}

.ap8 {
    color: #fff;
    font-size: 2.9rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 280px;
    top: 330px;
}

.ap9 {
    color: #fff;
    font-size: 6.3rem;
    font-weight: 600;
    margin: 0;
    position: absolute;
    right: 250px;
    top: 370px;
}

.ap10 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 200;
    margin: 0;
    position: absolute;
    right: 236px;
    top: 386px;
}

.ap11 {
    color: #fd781d;
    font-size: 1.4rem;
    margin: 40px auto 0;
}

.section-point_centerimg:nth-child(2) {
    width: 243.48px;
    padding-top: 20px;
}

.section-point_centerimg:last-child {
    width: 246px;
}

.section-reason {
    padding: 70px 0;
    background-color: #FCF4EF;
}

.section-reason h3 {
    font-size: 3.3rem;
    color: #fd781d;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-reason h3::before,
.section-reason h3::after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #fd781d;
}

.section-reason h3::before {
    margin-right: 30px;
    transform: rotate(-35deg);
}

.section-reason h3::after {
    margin-left: 30px;
    transform: rotate(35deg);
}


.section-reason h2 {
    font-size: 6.4rem;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 10px auto 0;
}

.re-dis1,
.re-dis2,
.re-dis3 {
    width: 546px;
    height: 326px;
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 4rem;
}

.re-dis1 {
    margin: 60px auto 40px;

    justify-content: space-between;
}


.re-dis_two {
    display: flex;
    justify-content: space-between;
    margin: 60px auto 40px;
    max-width: 1200px;
}

.re-dis1 h4,
.re-dis2 h4,
.re-dis3 h4 {
    color: #fd781d;
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    line-height: 1.4;
}

.re-dis1 p,
.re-dis2 p,
.re-dis3 p {
    font-size: 2.0rem;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

.re-dis2 p,
.re-dis3 p {
    margin-top: 40px;
}

.re-dis1 span {
    color: #fd781d;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
    margin: 0;
}

.section-voice {
    padding: 110px 0 70px;
}

.section-voice h3 {
    font-size: 3.3rem;
    color: #fd781d;
    font-weight: 600;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-voice h3::before,
.section-voice h3::after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #fd781d;
}

.section-voice h3::before {
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-voice h3::after {
    margin-left: 30px;
    transform: rotate(35deg)
}

.section-voice h2 {
    font-size: 6.4rem;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin: 10px auto 0;
}

.vi-dis {
    display: flex;
    max-width: 1200px;
    background: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    padding: 40px 40px 30px;
    margin: 40px auto 0;
}

.vi-dis img {
    width: 169px;
    height: 169px;
    margin-right: 100px;
}

.vi-dis_c {
    width: 100%;
}

.vi-dis_c p {
    color: #707070;
    margin: 0;
    font-size: 2.0rem;
}

.vi-dis_c p span {
    color: #000;
    margin-left: 40px;
}

.vi-dis_c h4 {
    margin: 30px 0 0;
    font-size: 3.0rem;
}

.vi-dis_c h4 br {
    display: none;
}

.vi-dis_c a {
    align-items: center;
    /* color: #fd781d; */
    display: flex;
    font-size: 2.3rem;
    justify-content: flex-end;
    margin: 30px 0 0 auto;
    /* text-decoration: none; */
}

.accordion label img {
    margin: 0 16px 0 0;
    width: 32px;
    height: 32px;
}

.toggle1_3 {
    display: none;
}

.toggle1_3:checked+.title+.content {
    max-height: 500px;
    transition: all 1.5s;
}

.toggle1_3:checked+.title {
    display: none;
}

.co1 a img {
    height: 22.98px;
    margin-left: 20px;
    margin-top: 2px;
    width: 24.83px;
}

.co1 p {
    color: #000;
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 4.0rem;
    margin: 40px 0 0;
    text-align: left;
}

.accordion-content-box p {
    color: #000;
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 4.0rem;
    margin: 40px 0 0;
    text-align: left;
}

.accordion-content-box p span {
    font-weight: 400;
    margin-left: 0;
}

.accordion-content-box a::after {
    content: url(../images/1openicon_pc.png);
    margin-left: 4px;
    margin-top: 8px;
    position: relative;
}


.co1 p span {
    font-weight: 400;
    margin-left: 0;
}

.co1 a::after {
    content: url("../images/1openicon_pc.png");
    margin-left: 4px;
    margin-top: 8px;
    position: relative;
}

.section-step h3 {
    align-items: center;
    color: #fd781d;
    display: flex;
    font-size: 2.0rem;
    font-size: 3.3rem;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}


.section-step h2 {
    color: #000;
    font-size: 3.5rem;
    font-size: 6.4rem;
    font-weight: 600;
    margin: 0 auto 35px;
    margin: 10px auto 0;
    text-align: center;
}

.section-step_img_wrapper {
    margin: 50px auto 30px;
    position: relative;
    max-width: 1094px;
    width: 100%;
}

.section-step_img {
    display: flex;
    justify-content: center;
}

.section-step_spimg {
    display: none;
}

.section-step br {
    display: none;
}

.section-qa {
    padding-bottom: 60px;
    padding: 0px 0 100px;
}

.section-qa h3 {
    align-items: center;
    color: #fd781d;
    display: flex;
    font-size: 3.3rem;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.section-qa h3::after {
    background-color: #fd781d;
    content: '';
    height: 22px;
    height: 30px;
    margin-left: 20px;
    margin-left: 30px;
    transform: rotate(35deg);
    width: 2px;
}

.section-qa h3::before {
    margin-right: 20px;
    margin-right: 30px;
    transform: rotate(-35deg)
}

.section-qa h2 {
    color: #000;
    font-size: 3.5rem;
    font-size: 6.4rem;
    font-weight: 600;
    margin: 0 auto 30px;
    margin: 10px auto 50px;
    text-align: center;
}

.re-page span {
    margin-right: 10px;
}

.emphasized-index-title {
    align-items: center;
    color: #fd781d;
    display: flex;
    font-size: 3.3rem;
    font-weight: 600;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
}

.emphasized-index-title::before,
.emphasized-index-title::after {
    content: '';
    width: 2px;
    height: 30px;
    background-color: #fd781d;
}

.emphasized-index-title::before {
    margin-right: 30px;
    transform: rotate(-35deg);
}

.emphasized-index-title::after {
    margin-left: 30px;
    transform: rotate(35deg);
}

.section-achiev h2 {
    color: #000;
    font-size: 3.5rem;
    font-size: 6.4rem;
    font-weight: 600;
    margin: 0 auto 30px;
    margin: 10px auto 50px;
    text-align: center;
}

.section-achiev .project-card {
    background-color: #FFF;
    border-radius: 10px;
    padding: 8px 10px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
}

.section-achiev .project-card .product-description {
    margin: 0;
}


.startlast {
    background: #FEF9E4;
    display: flex;
    justify-content: center;
}

.sl {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slp1 {
    font-size: 2.2rem;
    font-size: 3.6rem;
    font-weight: 600;
    margin: 50px 0 20px;
    margin: 80px 0 30px;
}

.slp2 {
    font-size: 1.6rem;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 3.5rem;
    margin-bottom: 30px;
    margin-bottom: 70px;
}

.sl_button {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sl_button a {
    align-items: center;
    background-color: #44C6ED;
    border-radius: 25px;
    border-radius: 35px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-size: 2.5rem;
    font-weight: 600;
    height: 50px;
    height: 70px;
    justify-content: center;
    margin: 0 0 50px;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 325px;
    width: 427px;
}

.sl_button a:last-child {
    background-color: #fd780d;
}

.sl_button img {
    margin: 4px 0 0 14px;
    margin: 4px 0 0 8px;
    width: 19px;
    width: 26px;
}

.sla {
    color: #000;
    font-size: 2.2rem;
    font-weight: 400;
    margin: 10px 0 50px;
    text-decoration: underline;
}


.slimg {
    height: 478px;
    margin: auto 0 0 115px;
    width: 428px;
}

.white_caption_container p {
    line-height: 28px;
}

.section-next_under-right_dis2 img {
    margin-bottom: -10px;
    position: relative;
    top: -10px;
}

.bm80 {
    margin-bottom: 8rem;

}

.check-card-wrapper {
    padding: 80px 0;
    background: white;
}

.check-card-container {
    width: 325px;
    margin: 100px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
    border-radius: 8px;
    align-items: center;
    margin: 0 auto;
}

.button-dis {
    align-items: center;
    background: #fd781d;
    border-radius: 13px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    margin: 26px auto;
    text-decoration: none;
    width: 325px;
}

.jump-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.jump-page_dis2 {
    display: flex;
    font-size: 1.6rem;
    margin: 0 auto 30px;
}

.jump-page a {
    color: #000;
    text-decoration: underline;
}

.jump-page_dis1 p {
    margin: 0 10px 0 0;
    text-decoration: none;
}

.jump-page_dis2 p {
    margin: 0 0 0 10px;
    text-decoration: none;
}

.section-kanso ul {
    margin: 40px 0;
    padding: 0;
    width: 1000px;
}

.section-kanso ul li {
    border-bottom: solid 1px #d8d8d8;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 24px auto 0;
    padding-bottom: 20px;
    width: 700px;
}

.section-kanso ul li p {
    font-size: 1.4rem;
}

.section-kanso ul li div {
    display: flex;
}

.main-quill {
    height: 800px;
}

.kanso-p1 {
    color: #fd781d;
    margin: 0 auto 0 0;
}

.kanso-p2 {
    color: #b1b1b1;
    margin: 0 0 0 auto;
}

.kanso-p3 {
    color: #000;
    margin: 15px auto 0 0;
}

.note-status-bigimg {
    font-size: 1.4rem;
    min-width: 10rem;
}

.note-status-bigimg p {
    word-break: normal;
    margin: 0 0 0 2rem;
}

.goal-money-title {
    font-size: 2rem;
    font-weight: 500;
}

.goal-money-title span {
    font-size: 1.8rem;
    font-weight: 500;
}

.category-form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url("../images/pulldown_vector.png") 96% 54% no-repeat, #f7f7f7;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    color: #666666;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    height: 41px;
    height: 50px;
    margin: 0 25px 0 auto;
    overflow: hidden;
    padding: 10px 10px;
    position: relative;
    width: 222px;
    width: 223px;
}

.tel_connect {
    letter-spacing: 0.1rem;
}

.main-content-base-beige {
    background-color: #fcf4ef;
}

.main-content-viewarea {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 10rem;
}

.help-content .main-content-viewarea {
    max-width: 100%;
    margin: auto 20px;
}

.help_middle_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.help_middle_title p {
    border-radius: 2px;
    color: #fff;
    font-family: 'Zen Kaku Gothic New';
    font-size: 2rem;
    font-weight: 900;
    padding: 2px 10px;
    margin-bottom: 0;
}

.help_middle_title_organizer {
    background-color: #FC6203;
}

.help_middle_title_supporter {
    background-color: #02A1A7;
}

.help-30-table {
    width: 100%;
    border-collapse: collapse;
}

.help-30-table th,
.help-30-table td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
}

.help-triangle {
    display: inline-block;
    width: 7px;
    aspect-ratio: 2/3;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: linear-gradient(45deg, #000000, #000000);
}

@media (max-width: 768px) {

    .help_middle_title p {
        font-size: 1.8rem;
    }
}

.caption_intro {
    font-weight: 400;
    line-height: 1.5;
}

.whole_caption p {
    line-height: 2;
    font-weight: 400;
}

.whole_caption2 {
    margin: 4.0rem auto 0;
    max-width: 1150px;
    text-align: left;
}

.plan-under p span {
    font-size: 1.6rem;
    font-weight: 100;
}

.under-sp {
    background: #f8f8f8;
    border-radius: 8px;
    margin: 0 10px;
    padding: 15px 10px;
}

.under-p1 p {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.under-p1 p span {
    color: #7DC75D;
    font-size: 1.5rem;
    font-weight: 600;
}

.under-p2 p {
    font-size: 1.4rem;
    font-weight: 100;
    margin-bottom: 0;
}

.under-p3 p {
    color: #666666;
    font-size: 1.5rem;
    font-weight: 100;
    margin: 10px auto 15px;
    text-align: center;
}

.under-p3 p span {
    color: #666666;
    font-size: 2.8rem;
    font-weight: 400;
    margin: 0 4px;
}

.t3_under {
    display: flex;
    padding: 0 10px 80px;
    max-width: 1000px;
}


.nav_login {
    display: block;
    margin: 0;
    border-top: 1px solid #E5E5E5;
}

.nav_login:first-child {
    border-top: none;
}

.staticpage-wrapper {
    padding: 2rem 0;

}

.feature-section-main {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

.feature-mainimage {
    max-width: 800px;
    height: fit-content;
    margin: 6rem auto 0;
}

@media (max-width: 768px) {
    .feature-mainimage {
        margin: 4rem auto 0;
    }
}

.feature-img {
    height: auto;
    width: 100%;
}

#outerlink {
    border: 1px solid #E6E9ED;
}


.outer-link {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 8rem auto 8rem;
    max-width: 1240px;
}

.link-continer {
    display: flex;
    align-items: center;
    background-color: #fcf4ef;
    flex-direction: row;
    padding: 30px 50px;
    gap: 50px;
}

.ol-img {
    width: 25%;
    overflow: hidden;
}

.ol-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.ol-discription {
    width: 75%;
}

.ol-discription h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.6em;
}

.ol-discription p {
    font-size: 15px;
    line-height: 1.7em;

}

.ol-discription a {
    display: block;
    background: #0a0a0a;
    padding: 1.3rem 6rem;
    width: fit-content;
    min-width: 420px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: 50px;
    margin: 30px 0 0;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.flip-bnr-return {
    display: none;
}

.flip-bnr-consult {
    display: none;
}

.flip-bnr-return-wrapper {
    display: none;
}

.ol-discription a::before {
    content: "";
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ol-discription a::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #0a0a0a;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.project-card-wrapper {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: auto auto;
}

.project-card {
    position: relative;
    overflow: hidden;
    width: 325px;
    background: #fff;
    padding: 8px 10px 12px 10px;
    /* box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12); */
    border-radius: 10px;
}

.project-card-kounan {
    max-width: 100%;
    background: #fff;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
    border-radius: 8px;
    position: relative;
}

.people-slider .slide-card .project-card {
    width: 100%;
}

.slick-list {
    padding: 8px 0 !important;
}

.search_title {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    padding: 1.2rem 0;
}

/* プロジェクトカードのcss */

.project-card-title {
    color: #2F1B00;
    font-size: 1.8rem;
    letter-spacing: normal;
    line-height: 2.0rem;
    min-height: 78px;
    padding: 8px 0 5px;
}

.search-main .project-card-title {
    height: 88px;
}

.project-card-border {
    width: 90%;
    max-width: 500px;
    margin: 1rem 1rem;
    border-bottom: #D6D6D6 1px solid;
}

.qa1 summary h4 br {
    display: none;
}

.qa-start summary h4 br {
    display: none;
}

input[type=radio].method-button {
    border: 2px solid #000;
}

/* ヘルプページ */
.breadcrumb-help-wrapper {
    padding: 12px 0;
    margin: 0 auto;
    width: 90%;
    max-width: 1000px;
}

.breadcrumb-help {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.breadcrumb-help li {

    padding-right: 12px;
}

.breadcrumb-help-wrapper a {
    font-size: 1.3rem;
    color: #fd780d;
}

.help-detail-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}

.help-detail-sidebar {
    flex-basis: 30%;
    padding-right: 40px;
    border-right: 1px solid rgba(47, 27, 0, 0.1);
}

.help-detail-sidebar h3 {
    color: #2F1B00;
    font-size: 1.8rem;
    font-family: 'Zen Kaku Gothic New';
    font-weight: 700;
}

.help-detail-sidebar .help-top-links {
    flex-wrap: nowrap;
    flex-direction: column;
}

.help-detail-sidebar .help-top-link-fqa {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
}

.help-detail-sidebar .help-top-link-fqa .link-arrow {
    padding-left: 20px;
}

.section_top {
    background-color: #fff;
}

.top1 {
    position: relative;
    z-index: 2;

}

.top1 img {
    width: 100%;
    position: relative;
    z-index: 100;
}

.help-detail-main-container {
    flex-basis: 70%;
    padding-left: 30px;
}

.help-detail-main-container h2 {
    color: #2F1B00;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.help-detail-main-container h2::before {
    color: #2F1B00;
    content: "Q";
    opacity: 0.4;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: bold;
    font-size: 2.8rem;
    padding-right: 15px;
}

.help-detail-main-container h3 {
    color: #2F1B00;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.help-detail-main-container h4 {
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.help-detail_answer_content p,
.help-detail-main-container li,
.help-detail-main-container a,
.help-detail-main-container dt,
.help-detail-main-container dd,
.prepare-span_9 {
    color: #2F1B00;
    font-weight: 500;
    font-size: 1.6rem;
}

.help-detail_answer_content .font-weight_700 {
    font-weight: 700;
}

.help-detail_answer_content p {
    line-height: 2;
    margin-bottom: 2rem;
}

.help-detail-main-container ul {
    margin-bottom: 2rem;
    margin-left: 2.5rem;
}

.help-detail-main-container ul li {
    list-style-type: disc;
}

.help-detail-main-container ol {
    margin-left: 0rem;
    padding-left: 0;
}

.help-detail-main-container ol li {
    margin-bottom: 2rem;

}

.help-detail-main-container dl {
    margin-bottom: 4rem;
}

.help-detail-main-container dt {
    margin-top: 2rem;
    margin-bottom: 1.2rem;
}

.help-detail-main-container dd {
    line-height: 2;
}

.help-detail-main-container img {
    display: block;
    max-width: 600px;
    border-radius: 5px;
}

.help-detail-main-container a {
    word-break: break-all;
}

.help-detail_answer a {
    color: blue;
}

.help-detail-main-container_img-half {
    width: 50%;
}

.help-detail-main-container ol.support-list li {
    margin-bottom: 0;
}

.help-detail-main-container_bold {
    font-weight: bold;
}

.help-detail-main-container_green {
    color: #188038;
}

.help-detail-main-container_orange {
    color: #fd7801;
}

.help-detail-main-container_big-dt {
    font-size: 1.8rem;
}

.help-detail-main-container_flex {
    display: flex;
}


.help-detail-main-container_flextoblock {
    display: flex;
    gap: 1rem;
}

.help-detail-main-container_flextoblock img {
    width: 50%;
}

.help-detail-main-container_nodeco {
    list-style-type: none;
    display: block;
}

.help-detail_answer {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.help-detail_answer_text {
    color: #FC6203;
    font-family: 'Bebas Neue', sans-serif;
    font-weight: bold;
    font-size: 2.8rem;
}

.help-bottom-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 40px;
}

.help-bottom-link-wrapper img {
    transform: scale(-1, 1);
    max-width: 8px;
}

.help-bottom-link-wrapper a {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
}

#toast-container>.toast-success {
    background-color: #51A351;
}

.flash_message_position {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#toast-container.flash_message_position>.toast-success {
    background-image: none !important;
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    background: #fff;
    width: 470px;
    height: 184px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 100;
    color: #000;
    opacity: 1 !important;
    padding: 0 !important;
    border: none;
}

#toast-container.flash_message_position .toast-message {
    padding-top: 36.8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

#toast-container.flash_message_position .toast-title {
    padding: 0;
    margin: 10px 0 auto;
    font-size: 14.4px;
    line-height: 19.2px;
    font-weight: 400;
}

#toast-container.flash_message_position .toast-close-button {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 52px;
    width: 100%;
    background-color: #FD781D;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    border-radius: 0 0 10px 10px;
    right: 0;
    top: 0;
    text-shadow: none;
    opacity: 1;
}

.flash_message_position_stay {
    background-color: #51a351;
}

.card-right-top {
    display: flex;
    justify-content: space-between;

}

.project_nowtotal {
    font-size: 16px;
    font-weight: 700;
    color: #666;
}

.wide_card_price_support {
    color: #000;
}

.project_l-inner-project-outline {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 1150px;
    padding-top: 30px;
}

.project_l-inner-project-outline h1 {
    font-size: 28px;
    margin-top: 10px;
    line-height: 50px;
    width: 100%;
    text-align: left;
}

.project_l-inner-project-outline .next-name {
    margin: 3px auto 20px 0;
}

.project_l-inner-project-outline .wide_card-right {
    padding: 59px 63px 29px 59px;
    justify-content: unset;
}

.project_price_goaltxt {
    font-size: 13px;
    font-weight: 500;
    color: #666;
    padding-left: 26px;
    padding-bottom: 3px;
}

.project_price_goalnum {
    display: flex;
}

.project_price_goalnum div {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 10px;
}

.wide_card-right .project_price_goalnum {
    margin-top: -3px;
}

.wide_card-right .project_price_goaltxt {
    padding-bottom: 0;
}

.wide_card-right .project_price_goaltxt {
    padding-left: 0px;
}

.wide_card-right .project_price_slash {
    margin: auto 20px 20px auto;
}

.project_next-goal {
    font-weight: 700;
}

.project_next-goaltxt {
    font-size: 14px;
    color: #666;
    font-family: 'Bebas Neue';
    letter-spacing: 0.5px;
}

.project_next-goalnum {
    font-size: 15px;
    margin-top: -7px;
}

.project_goal-wrapper {
    margin: auto 5px 8px 0;
}

.project_price_slash {
    margin-right: 20px;
    color: #666;
    font-size: 15px;
    font-weight: 500;
}


.project-supporter,
.project-timer,
.project-timer_noterm {
    display: flex;
}

.project-timer_noterm {
    align-items: flex-end;
    margin-bottom: 4px;
}

.project_support_silhouette {
    padding-top: 17px;
    padding-right: 10px;
}

.project_support_silhouette img {
    width: 30px;
    height: 39px;
    margin-left: 5px;
}

.project_support_button_sp_disable,
.project_wide-card_buttons .project_support_button_sp {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 285px;
    text-decoration: none;
    line-height: 50px;
}

.project-timer_clock {
    padding-top: 10px;
    padding-right: 10px;
}

.project-timer_clock img {
    width: 32px;
    height: 32px;
    margin-top: 15px;
}


.project_support,
.project-timer_last {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    margin-bottom: -7px;
}

.project_support_num,
.project-timer_num {
    font-size: 31px;
    display: flex;
    font-weight: 700;
}

.project-card-bottom {
    display: flex;
    padding-top: 11px;
}

.project-timer {
    margin-left: 54px;
}


.project-support-comment_txt {
    position: absolute;
    width: 490px;
    background-color: #f2f2f2;
}

.project-top_for {
    overflow: hidden;
    border: 3px solid;
    border-radius: 20px;
    height: 31px;
    margin: 0 auto 0 0;
}


.project-top_for div span {
    padding: 0 5px 0 10px;
    font-family: Bebas Neue;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}

.project-top_for p {
    font-weight: 900;
    font-size: 18px;
    margin: 0;
    padding: 0 7px;
    color: #fff;
    line-height: 24px;
}

.bg_white {
    height: 100%;
}

.project_cheer-and-sns {
    display: flex;
    margin: 50px auto 0;
    max-width: 1150px;
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
}

.project_cheer-for_head {
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    align-items: center;

}

.project_cheer-for_head p {
    margin: 0;
}

.project-speaker {

    width: 42px;

}

.project-light-bulb {
    width: 21px;
    margin: 0 6px 8px 0;
}

.project-notification-datetime {
    font-size: 12px;
}


.project_cheer-for_txt {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    max-width: 745px;
    width: 100%;
    background-color: #F2F2F2;
    border-radius: 4px;
    padding: 15px 30px;
}

.project_cheer-for_txt:has(.yet-comment) {
    height: 64px;
}

.project_cheer-for_box {
    display: flex;
    flex-wrap: wrap;
}

.project_notification_txt {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    /* max-width: 745px; */
    width: 100%;
    /* background-color: #f2f2f2; */
    border-radius: 4px;
    padding: 5px 10px;
}

.project_notification_txt .project_notification_txt_inner {
    display: flex;
    justify-content: space-between
}

.project_notification_txt .project_notification_txt_inner .project_notification_txt_inner_message {
    font-weight: 400;
}

.project_notification_txt a {
    color: #000000;
}

.project_notification_txt a img {
    width: 15px;
}

.project-outline_pc .project_cheer-for {
    max-width: 750px;
    width: 100%;
}

.project-outline_pc .project_notification {
    flex: 1;
    min-width: 350px;
    margin-left: 20px;
}

@media (max-width: 768px) {

    .project_cheer-for_box .supporterscomments-item-left {
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

}

.project_share {
    padding-top: 20px;
}

.project_share ul {
    display: flex;
}

.project_share ul li {
    padding-right: 10px;
}

.project_facebook {
    height: 44px;
}

.project_x {
    height: 44px;
}

.project_note {
    height: 44px;
}

.project_line {
    height: 44px;
}

.project_favorite {
    background-color: #fff;
    color: #85807F;
    font-weight: 700;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
}

.project_favorite_good {
    fill: #85807F;
    margin-left: 12px;
}

.project_section_to-support .project_favorite {
    height: 74px;
    font-size: 22px;
    width: 160px;
    display: block;
    position: relative;
    margin: 50px auto;
}

.project_section_to-support .project_favorite:has(.project_favorite-button-sum) {
    width: 185px;
}

.project_section_to-support .project_favorite-button {
    margin: 0 auto;
}


.project_section_to-support .project_favorite-button p {
    line-height: 75px;
    font-size: 19px;
    margin: 0;
}

.project_favorite-button-sum {
    color: #fff;
    background-color: #fd7801;
    display: inline-block;
    height: 27px;
    width: 34px;
    margin-top: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 4px;
    margin-left: 7px;
    font-size: 17px;
}

.project_section_to-support .project_favorite-button p svg {
    height: 26px;
    margin-bottom: 5px;
}

.project_favorite_yet svg {
    fill: #85807F;
}

.project_favorite_already {
    fill: #fd7801;
}

.project_favorite-button {
    display: flex;
}

.project_favorite-button p {
    margin-bottom: 0;
}

.project_wide_card .project_favorite {
    background-color: #fff;
    color: rgb(153, 153, 153);
    height: 50px;
    width: 105px;
    margin-right: 18px;
}

.project_wide_card .project_favorite p svg {
    height: 23px;
    width: 23px;
    margin-bottom: 4px;
    margin-left: 2px;
}

.project_wide_card .project_favorite:has(span) {
    margin-right: 0;
    width: 136px;
}

.project-card-bottom .project_favorite {
    height: 36px;
}

.project_wide-card_buttons .project_favorite p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 50px;
}

.project_wide-card_buttons .project_favorite-button-sum {
    height: 23px;
    width: 26px;
    margin-top: 14px;
    line-height: 23px;
    border-radius: 5px;
    font-size: 16px;
}

.project_heart {
    height: 24px;
    margin-top: 9px;
    margin-right: 3px;
}

.project_about_forgood_wrapper {
    width: 1150px;
    margin: 40px auto 40px;
    display: flex;
    justify-content: space-between;
}

.project_about_forgood {
    width: 745px;
}

.project_about_forgood_title {
    display: flex;
    justify-content: space-between;
}

.project_about_forgood_title span {
    border: 1px #000 solid;
    width: 630px;
    height: 1px;
    opacity: 0.1;
    margin-left: 20px;
    margin-top: 10px;
}

.project_about_forgood h3 {
    font-family: 'Bebas Neue';
    font-weight: 700;
    font-size: 22px;
    color: #FD790E;
    opacity: 0.7;
    letter-spacing: 1px;
}

.project_about_forgood p {
    padding-top: 9px;
    line-height: 22px;
    font-size: 15px;
}

.width_pc {
    width: 1150px;
    margin: 0 auto;
}

.project_comment-container {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    width: calc(100% - 30px);
    font-weight: 500;
    align-items: flex-start;
    text-decoration: none;
    color: #000;
}


.project_comment-container img {
    width: 30px;
    height: 30px;
}

.project_comment-container p {
    margin: 0;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}


.project_comment-container_comment {
    padding-left: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: -12px;
}

.project_support_comment-name {
    max-width: 80%;
    width: 100%;
}

.project_comment-container_date {
    font-size: 12px;
    margin-right: 0;
    margin-left: auto;
    line-height: 1.7;
    font-weight: 500;
    color: #00000080;
    ;
}


.project_percentage {
    font-size: 22px;
    font-family: "Bebas Neue";
    color: #fff;
    font-weight: 400;
}

.project_outofstock-return-button {
    align-items: center;
    background: #ccc;
    border-radius: 1.6rem;
    color: white;
    display: flex;
    font-size: 1.8rem;
    font-weight: 400;
    height: 50px;
    justify-content: center;
    text-decoration: none;
    width: 284px;
    margin: 12px auto;
}

.project_section-project_right {
    margin-left: 0;
    width: 320px;
    margin-right: 0;
}

.space_between {
    display: flex;
    justify-content: space-between;
}

.project-detail_comment_icon {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.project_kanso-1 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
}

.project_kanso-2 {
    font-size: 13px;
    font-weight: 500;
    opacity: 0.4;
    margin: 0 0 0 auto;
}


.project_kanso-4 {
    font-size: 13px;
    font-weight: 500;
    color: #00000099;
    margin: 0 0 0 10px;
}

.project_kanso-4 span {
    font-weight: 700;

}

.project-detail_comment_name_and_title {
    display: flex;
}

.project_kanso-wrapper {
    width: 745px;
}

.project_kanso-wrapper ul {
    padding: 0;
    max-width: 745px;
    width: 100%;
}

.project_kanso-wrapper ul li {
    border-bottom: solid 1px #d8d8d8;
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 24px auto 0;
    padding-bottom: 18px;
    max-width: 750px;
    width: 100%;
}

.project_kanso-wrapper .support-comment-pagenation ul {
    margin-top: 40px;
}

.project_kanso-wrapper .support-comment-pagenation ul li {
    width: fit-content;
    max-width: none;
    margin: 0;
    border: none;
}

.support-comment-pagenation .pagination-custom {
    margin-top: 25px;
}

.favorite_pagenation .pagination-custom {
    margin-bottom: 40px;
}

.list-pager-wrapper .pagination-custom {
    margin-bottom: 40px;
}

.project_kanso {
    display: flex;
}

.project_kanso_txts {
    margin-left: 38px;
    max-width: 627px;
    width: 100%;
}

.project_kanso-3 {
    font-size: 17px;
    line-height: 25px;
    margin-top: 4px;
}

.project_section-project_right .return-card-textbox h4 {
    font-size: 29px;
}

.project_section-project_right .return-price-yen {
    font-size: 16px;
    padding-left: 9px;
}


.project_section-project_right .section-project_right-under h3 {
    font-size: 18px;
    line-height: 26px;
}

.project_section-project_right .section-project_right-under {
    padding: 0 0 20px;
}

.project_section-project_right .payment-item-explain {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 1px;
}

.project_section-project_right .show_more_button {
    font-size: 12px;
}

.project_section-project_right .section-project_right-under_end img {
    margin: 10px 9px 4px 0px;
}

.project_right-under_human {
    width: 23px;
    height: 29px;
}

.project_section-project_right .section-project_right-under_end p {
    font-size: 13px;
    margin-top: 0;
    line-height: 18px;
    padding-top: 4px;
}

.project_section-project_right .section-project_right-under_end p span {
    font-size: 16px;
    padding-top: 3px;
}

.project_section_to-support {
    height: 565px;
    background: radial-gradient(#fff, rgba(253, 121, 14, 0.5));
    position: relative;
}

.project_to-support_heart {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
}

.project_top-support h3 {
    font-weight: 700;
    font-size: 24px;
    color: #F36F0E;
    text-align: center;
    padding-top: 175px;
    z-index: 5;
    position: relative;
}

.project_top-support h3 div {
    font-size: 42px;
    padding-top: 15px;
}

.preview_pc .section-about {
    margin: 0;
}


.project_view-more_body {
    position: relative;
    border-radius: 0 0 8px 8px;
    background: #fff;
    color: black;
    border: transparent;
    padding: 0 20px;
    line-height: 0;
    opacity: 0;
    height: 0;
    transition: line-height 0.4s, padding 0.4s, opacity 0.4s;
}

.project_view-more_body.is-open {
    padding: 20px;
    line-height: 1.5;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    height: auto;
    border-radius: 4px;
}

.project_view-more_body div {
    font-size: 14px;
    width: 100%;
}

.project_view-more_body {
    position: relative;
    border-radius: 0 0 8px 8px;
    background: #fff;
    color: black;
    border: transparent;
    padding: 0 20px;
    line-height: 0;
    opacity: 0;
    height: 0;
    transition: line-height 0.4s, padding 0.4s, opacity 0.4s;
}

.project_view-more_body.is-open {
    padding: 20px;
    line-height: 1.5;
    opacity: 1;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    height: auto;
    border-radius: 4px;
}

.project_wide_card {
    max-width: 1150px;
    width: 100%;
    display: flex;
}

.project_wide-card_buttons {
    display: flex;
    margin-top: 18px;
    justify-content: space-between;
}

.project_support_button_sp_disable,
.project_support_button_sp {
    font-size: 20px;
    height: 50px;
    width: 285px;
    border-radius: 6px;
    background: #F36F0E;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.project_support_button_sp_disable {
    background: #ccc;
    padding: 0 12px;
}

.project-timer_last {
    padding-left: 2px;
}

.wide_card-left .next-goal {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 0;
    right: 0;
    font-size: 16px;
    background-color: unset;
    color: white;
    padding: 0;
    border-radius: 0;
    width: 19%;
    z-index: 2;
}

.wide_card-left .next-goal img {
    height: 112px;
}

.orange_must {
    display: inline-block;
    background-color: #FB782F;
    color: #fff;
    padding: 2px 3px;
    font-weight: 700;
    margin-left: 5px;
    font-size: 13px;
    height: 19px;
    margin-top: 4px;
    line-height: 14px;
    border-radius: 4px;
}

.project-slide_a .slick-dots li button:before {
    font-size: 15px;
}

.section_pst4-top {
    margin-top: 28px;
}

.pst4-sp-bg {
    display: none;
}

.pst4-top_button_orange {
    color: #FC781E;
    background-color: #FFF;
    font-size: 18px;
    width: 250px;
    margin: 25px auto 25px;
    padding: 11px 0 13px 0;
    text-align: center;
    display: block;
    font-weight: 900;
    border: 2px solid #FC781E;
    border-radius: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.form_content_area_pst4 .mypj_cip_container-application-border-bottom {
    max-width: 710px;
}

/* リターン一覧　*/
.pts4_search_wrapper {
    display: flex;
    align-items: center;
    gap: 1rem;
    max-width: 710px;
    margin: auto;
}

/* 検索フォーム  */
.pst4_searchForm {
    width: 100%;
    height: 42px;
    margin: 25px auto 20px;
}

.pst4_searchForm input[type="text"] {
    width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    background-color: #fff;
}

/* 絞り込み */
.pst4_filtering,
.pst4_sort {
    position: relative;
    width: 130px;
}

.pst4_filtering:after,
.pst4_sort:after,
.support_sort_select:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(0, 0, 0, 0.6);
    border-left: 2px solid rgba(0, 0, 0, 0.6);
    pointer-events: none;
    transform: translateY(-50%) rotate(-135deg);
}

.pst4_filtering .status_filter {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1.5px solid rgba(0, 0, 0, .4);
    border-radius: 5px;
    width: 130px;
    padding: 8px 16px;
    padding-left: 36px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, .6);
    background-image: url(/images/step4_filterStatus.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 20px 20px;
    cursor: pointer;
}

/* ソート機能 */
.pst4_sort .sort_filter {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 1.5px solid rgba(0, 0, 0, .4);
    border-radius: 5px;
    width: 130px;
    padding: 8px 16px;
    padding-left: 36px;
    font-size: 14px;
    font-weight: 700;
    color: rgba(0, 0, 0, .6);
    background-image: url(/images/step4_sort.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 20px 20px;
    cursor: pointer;
}

/* 削除確認モーダル */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.common-confirm-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    z-index: 1000;
    width: 460px;
    height: auto;
    text-align: center;
    z-index: 1000;
    display: none;
}

.common-confirm-modal-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.common-confirm-modal .common-confirm-modal-title {
    font-weight: 700;
    font-size: 17px;
}

.common-confirm-modal .confirm-button,
.common-confirm-modal .cancel-button {
    font-size: 18px;
    width: 250px;
    margin: 25px auto 25px;
    padding: 11px 0 13px 0;
    text-align: center;
    display: block;
    font-weight: 900;
    border-radius: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.common-confirm-modal .confirm-button {
    color: #FFF;
    background-color: #FC781E;
}

.common-confirm-modal .cancel-button {
    color: #FFF;
    background-color: rgba(33, 23, 21, 0.5);
}

.common-confirm-modal.hidden {
    display: none;
}

.common-confirm-modal.visible {
    display: block;
}

/*  リターン入力率 */
.return-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.return-item-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: conic-gradient(rgba(0, 0, 0, 0.15) 0deg 360deg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
}

@media (min-width: 768px) {
    .return-item-circle {
        left: 8px;
    }

    .return_title_sp {
        display: none;
    }
}

.return-item-circle::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 5px;
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    display: none;
    /* デフォルトで非表示 */
}

.return-item-circle.show-checkmark::before {
    display: block;
}

.return-item-circle .circle-check {
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    display: none;
}


.pst4_return-wrapper {
    margin: 0 auto;
    position: relative;
}

.pst4_return-top {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 38px;
}

.section-return_top {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 auto;
}

.pst4_return-box {
    width: 660px;
    display: flex;
    background-color: #fff;
    padding: 25px 30px;
    margin: 0 0 10px 0;
    border-radius: 5px;
    position: relative;
}

.pst4_return-img {
    position: relative;
}

.pst4_return-img img {
    width: 195px;
    height: 130px;
    position: relative;
}

.pst4_return-img-img {
    width: 195px;
    height: 130px;
    background: url(../images/step4_img_enpty.png);
    font-weight: 700;
    position: relative;
}

.pst4_return-img-img p {
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 2px 10px;
}

.pst4_return-img-img .pst4_label_stockout {
    background-color: rgba(80, 188, 231, 0.9);
}

.pst4_return-img-img .pst4_label_in_release {
    background-color: rgba(253, 121, 14, 0.9);
}

.pst4_howmuch {
    flex-shrink: 0;
}

.pst4_howmuch_sp {
    display: none;
}

.pst4_return-img .validation_txt {
    font-size: 14px;
    position: absolute;
    bottom: -23px;
    white-space: nowrap;
}

.pst4-dots {
    display: none;
}

.pst4_add-fix-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}

.pst4i-buttons a {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 0;
}

.pst4i-buttons .question-delete {
    text-decoration: none;
}

.pst4i-buttons .question-delete img {
    height: 22px;
    margin-bottom: 3px;
}

.pst4i-buttons .question-delete:hover {
    color: #000;
}

.pst4i_stock .delivery-explanation {
    margin-top: 0;
}

.quesitonedit_area .question-explanation {
    margin: 35px auto 35px;
    line-height: 26px;
}

.activity_links {
    max-width: 745px;
    width: 100%;
    padding: 25px 0px;
    border-top: 2px solid rgb(227, 228, 232);
    border-bottom: 2px solid rgb(227, 228, 232);
    height: 180px;
    display: flex;
    margin-top: 20px;
}

.activity_links.justify-prev-end {
    justify-content: flex-end;
}

.activity_links.justify-next-end .activity_link-before {
    border-right: 2px solid rgb(227, 228, 232);
}

@media (max-width: 768px) {
    .activity_links {
        max-width: 325px;
        display: flex;
        height: 248px;
        margin: 20px auto;
    }
}


.activity_links-item .activity_links-box-thumbnail-image {
    margin: 0;
    max-width: 143px;
}

.activity_links-item .activity_links-box-thumbnail-image img {
    width: 100%;
}

.activity_links-item .activity_links-box-title {
    max-width: 193px;
    text-align: left;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 0%;
}

@media (max-width: 768px) {
    .activity_links-item .activity_links-box-title {
        font-size: 1.4rem;
    }
}

.activity_link-before,
.activity_link-after {
    width: 50%;
    display: block;
    text-align: center;
    font-size: 14px;
    position: relative;
    padding: 0 !important;
}

.activity_link-after {
    border-left: 2px solid rgb(227, 228, 232);
}

.activity_links-item {
    display: flex;
    gap: 15px;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 350px;
}

.activity_links-item-before {
    padding: 32px 0 0 0px;
}

.activity_links-item-after {
    padding: 32px 0 0 20px;
}

@media (max-width: 768px) {
    .activity_links-item {
        flex-direction: column;
        row-gap: 10px;
        height: 167px;
    }

    .activity_links-item-before {
        padding: 15px 0 0 0px;
    }

    .activity_links-item-after {
        padding: 15px 0 0 20px;
    }
}


.activity_link-before span,
.activity_link-after span {
    position: absolute;
    display: flex;
    gap: 10px;
    color: #000000B2;
    background-color: none;
    padding: 0 !important;
}

.activity_link-before span {
    left: 0;
}

.activity_link-after span {
    right: 0;
}

.activity_link-before span p,
.activity_link-after span p {
    color: #000000B2;
    font-size: 14px;
    margin-bottom: 0;
}

@media (max-width: 768px) {

    .activity_link-before span p,
    .activity_link-after span p {
        font-size: 13px;
    }
}

.activity_re-page {
    margin: 20px auto;
    border-radius: 4px;
    border: #000 solid 1.5px;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    width: 300px;
    text-align: center;
}

.activity_re-page a {
    color: #000;
    text-decoration: none;
}

.activereport_share-title {
    background-color: #fff;
}

.mypj_sb_pc_wrapper {
    width: 290px;
}

.mypj_inner {
    display: flex;
}

.mypj_sb_pc {
    width: 268px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 25px 0;
    height: fit-content;
    /* position: fixed; */
    top: 0;
    bottom: 0;
    left: 0;
    /* margin-top: 194px; */
    margin-top: 40px;
    z-index: 999;
}

.mypj_sb_sp {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 999;
}

/* @media (max-width: 768px) {
    .mypj_sb_sp {
        padding: 25px 0;
        padding: 15px 0 0 0;
    }
} */


.mypj_sb_pc_edit {
    background-color: #fd780d;
}

.mypj_sb_buttons {
    display: flex;
    padding: 0 30px 0 20px;
    text-align: center;
    justify-content: space-between;
}

.mypj_sb_editbtn,
.mypj_sb_adminbtn {
    width: 115px;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
}



.mypj_sb_pc_edit .mypj_sb_adminbtn button,
.mypj_sb_pc_admin .mypj_sb_editbtn button {
    margin-top: -5px;
}

.mypj_sb_pc_edit .mypj_sb_editbtn {
    background-color: rgba(0, 0, 0, 0.25);
    color: #fff;
}

.mypj_sb_pc_edit .mypj_sb_editbtn svg {
    fill: #fff;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.mypj_sb_pc_edit .mypj_sb_adminbtn {
    color: #fd780d;
    background-color: #fff;
}

.mypj_sb_pc_edit .mypj_sb_adminbtn svg {
    fill: #fd780d;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.mypj_sb_pc h2 {
    font-size: 20px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.05);
    line-height: 54px;
    color: #fff;
    margin-top: 15px;
    letter-spacing: 0px;
    padding-left: 48px;
}

.mypj_sb_steps {
    margin-left: 48px;
    padding-bottom: 5px;
}

@media (max-width: 768px) {
    .mypj_sb_steps {
        margin-left: 0;
        padding-bottom: 0;
    }

    .mypj_sb_steps_a_create_list1,
    .mypj_sb_steps_a_create_list2,
    .mypj_sb_steps_a_create_list3 {
        margin-left: 47px;
    }
}


.mypj_sb_steps li {
    position: relative;
}

@media (max-width: 1330px) {
    .mypj_sb_steps li {
        margin-bottom: 15px;
    }

    .mypj_sb_steps li:hover::before {
        opacity: 1;
    }

    .mypj_sb_steps li::before {
        content: '';
        position: absolute;
        left: -50px;
        width: calc(100% + 50px);
        height: calc(100%);
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.05);
        z-index: -10;
        pointer-events: none;
    }
}

@media (min-width: 768px) {
    .mypj_sb_steps li:hover::before {
        content: '';
        position: absolute;
        left: -50px;
        width: calc(100% + 50px);
        height: calc(100%);
        opacity: 0;
        z-index: -10;
        pointer-events: none;
    }
}

.mypj_sb_steps li.current {
    background-color: #000;
}

.mypj_sb_steps li a {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    line-height: 51px;
    text-decoration: none;
}

.mypj_sb_steps li a span {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

@media (max-width: 1330px) {
    .mypj_sb_steps li a {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        line-height: 40px;
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    .mypj_sb_steps li a {
        line-height: 0;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .mypj_sb_steps li a span {
        height: 15px;
        width: 15px;
        margin-right: 7px;
    }
}

.mypj_sb_others {
    font-size: 20px;
    font-weight: 700;
}

@media (min-width: 768px) {
    .mypj_sb_others {
        margin: 0
    }

    .mypj_sb_others li {
        padding: 0 79px 0 10px;
    }
}

.mypj_sb_others li:last-child {
    font-size: 18px;
    font-weight: 500;
    opacity: 0.8;
}

.mypj_sb_others li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 58px;
}

.mypj_sb_others li a {
    color: #fff;
}

@media (max-width: 768px) {
    .mypj_sb_others li {
        /* max-width: 197px; */
        padding-left: 20px;
        margin-right: 40px;
    }

    .mypj_sb_others li a {
        font-size: 18px;
        text-decoration: none;
    }
}

.mypj_sb_circle_complete {
    background-color: #34B801;
    position: relative;
}

.mypj_sb_circle_complete::after {
    content: '';
    display: block;
    position: absolute;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}

@media (min-width: 768px) {
    .mypj_sb_circle_complete::after {
        top: 7px;
        left: 5px;
        width: 10px;
        height: 5px;
    }
}

@media (max-width: 768px) {
    .mypj_sb_circle_complete::after {
        top: 5px;
        left: 4px;
        width: 6px;
        height: 4.5px;
    }
}

.mypj_sb_pc_admin {
    background-color: #50BCE7;
    height: 495px;
}

.mypj_sb_pc_admin .mypj_sb_editbtn {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.25);
}

.mypj_sb_pc_admin .mypj_sb_editbtn svg {
    fill: #fff;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.mypj_sb_pc_admin .mypj_sb_adminbtn {
    background-color: #fff;
    color: #50BCE7;
}

.mypj_sb_pc_admin .mypj_sb_adminbtn svg {
    fill: #50BCE7;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.mypj_sb_pc_admin>.mypj_sb_steps svg,
.mypj_sb_pc_edit>.mypj_sb_steps svg,
.mypj_sb_sp_admin>.mypj_sb_steps svg,
.mypj_sb_sp_edit>.mypj_sb_steps svg {
    fill: #fff;
    opacity: 0.6;
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 3px;
}


.mypj_sb_pc .payment_add_tooltip {
    vertical-align: inherit;
}

/* 公開前 */

.mypj_wrapper {
    padding: 0;
    margin-top: 56px;
}

@media (max-width: 768px) {
    .mypj_wrapper {
        width: 100%;
        padding-top: 55px;
        margin-top: 0;
        margin-left: 0;
    }
}

.mypj_option_wrapper {
    max-width: 1020px;
    display: flex;
    justify-content: space-between;
}

.mypj_options {
    display: flex;
}

@media (max-width: 768px) {
    .mypj_option_wrapper {
        max-width: 1020px;
    }

    .mypj_options {
        display: block;
        margin-left: 20px;
    }

    .mypj_options_pc {
        display: none;
    }
}

@media (min-width: 768px) {

    .mypj_options_sp {
        display: none;
    }

}

.mypj_options p {
    margin-bottom: 0;
}

.mypj_options-plan {
    width: fit-content;
    background-color: color-mix(in srgb, #211715 40%, white);
    color: #FFFFFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    padding: 4px 15px 5px;
    border-radius: 5px 5px 0 0;
}

.mypj_options-use {
    width: fit-content;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: color-mix(in srgb, #211715 40%, white);
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
}

@media (max-width: 768px) {
    .mypj_options-plan {
        border-radius: 2px;
        font-size: 12px;
    }

    .mypj_options-use {
        font-size: 11px;
        margin-left: 0;
    }
}

.mypj_publication-period {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #211715;
    opacity: 0.6;
    align-items: center;
    display: inline-flex;
}

.mypj_publication-period p {
    width: fit-content;
    height: 32px;
    line-height: 32px;
    margin-bottom: 0;
}

.mypj_publication-period svg {
    fill: #211715;
    opacity: 0.6;
    vertical-align: text-bottom;
    margin-right: 7px;
}

.mypj_publication_buttons {
    margin-right: 71px;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
    padding-bottom: 40px;
}

.mypj_publication_buttons a {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    max-width: 420px;
    border: solid 2px #FD781D;
    border-radius: 15px;
    width: 100%;
    line-height: 65px;
    display: flex;
    text-decoration: none;
}

@media (min-width: 768px) {
    .mypj_publication_buttons a>p {
        margin-bottom: 0;
    }

}

@media (max-width: 768px) {
    .mypj_publication_buttons {
        width: 100%;
        overflow: hidden;
        display: block;
        margin: 0 auto;
        padding-bottom: 30px;
    }

    .mypj_publication_buttons a {
        max-height: 54px;
        margin-bottom: 10px;
        line-height: 50px;
        text-align: center;
        border-radius: 10px;
        align-items: center;
        gap: 5px;
    }

    .mypj_publication_buttons a>p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0;
    }

    .mypj_publication_icon_1 {
        margin-left: 25px;
        width: 37px;
        height: 37px;
    }

    .mypj_publication_icon_2 {
        margin-left: 30px;
        width: 32px;
        height: 28px;
    }

}

@media (min-width: 768px) {
    .mypj_publication_icon {
        margin-left: 25px;
        margin-right: 5px;
    }

}

.mypj_publication_arrow {
    margin: 0 20px 0 auto;
    display: block;
}

.mypj_bigimg_bottom {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-left: 24px;
    align-items: center;
}

@media (min-width: 768px) {
    .mypj_bigimg_bottom {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .mypj_bigimg_bottom {
        display: block;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .mypj_bigimg_bottom_sp_display {
        display: none;
    }
}

.mypj_total-support_wrapper {
    background-color: #FFFFFF;
    padding: 0 10px;
    border-radius: 3px;
    display: flex;
    margin-right: 40px;
    height: 40px;
}

@media (min-width: 768px) {
    .mypj_total-support_wrapper {
        max-width: 323px;
        width: 100%;
        border-radius: 8px;
    }
}

@media (max-width: 768px) {
    .mypj_total-support_wrapper {
        margin-right: 0;
        height: 33px;
        margin-bottom: 20px;
    }
}

.mypj_total-support-amount,
.mypj_total-supporter {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 40px;
}

@media (max-width: 768px) {

    .mypj_total-support-amount,
    .mypj_total-supporter {
        font-size: 11px;
        font-weight: 400;
        opacity: 0.6;
        line-height: 33px;
    }
}

.mypj_total-supporter {
    margin-left: 30px;
}

.mypj_about-together-ttl {
    display: flex;
    margin-top: 40px;
    margin-bottom: 28px;
    margin-left: 60px;
}

@media (max-width: 768px) {
    .mypj_about-together-ttl>span {
        font-size: 18px;
    }

    .mypj_about-together-ttl>img {
        width: 23px;
        height: 23px;
        margin-right: 5px;
        margin-top: 3px;
    }

    .mypj_about-together-ttl {
        margin-top: 30px;
        margin-bottom: 15px;
        margin-left: 25px;
    }
}

@media (min-width: 768px) {
    .mypj_about-together-ttl>img {
        width: 35px;
        height: 35px;
        margin-right: 5px;
    }

    .mypj_about-together-ttl>span {
        font-size: 22px;
    }
}

.mypj_about-together-ttl>span {
    font-weight: 700;
    color: #FD790E;
}

.mypj_about-together {
    margin: 40px 80px 0 60px;
    margin-top: 40px;
    display: flex;
}

.mypj_about-together_icon {
    height: 80px;
    width: 80px;
}

.mypj_about-together_speakerbubble {
    background-color: #fff;
    position: relative;
    width: 775px;
    margin: 0 0 0 auto;
    border-radius: 15px;
    height: 413px;
    padding: 18px 30px;
}

.mypj_about-together_speakerbubble::before {
    content: "";
    position: absolute;
    left: -18px;
    top: 40px;
    width: 0;
    height: 0px;
    border: 10px solid transparent;
    border-right-color: #fff;
}

.mypj_about-together_speakerbubble>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

/* いっしょプラン */
.mypj_about-together_speakerbubble>.mypj_about-together_linechat {
    text-align: center;
    background-color: #FCF4EF;
    font-size: 12px;
    padding: 5px 0;
}

.mypj_about-together_speakerbubbl-spbtn {
    display: none;
}

@media (max-width: 768px) {
    .mypj_about-together_speakerbubbl-spbtn>a {
        font-size: 11px;
        font-weight: 400;
        opacity: 0.6;
    }
}


.mypj_about-together_content {
    display: grid;
    grid-template-columns: 2.7fr 3.1fr 0.1fr 3.1fr 0.1fr;
    gap: 20px;
    width: 100%;
}

.mypj_about-together_box {
    display: flex;
    flex-direction: column;
}

.mypj_about-together_box-label {
    background: #FD790E;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 1rem;
    border-radius: 5px;
    position: relative;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
}

.mypj_about-together_box-label-first {
    padding-top: 10px;
}

.mypj_about-together_box-label-content>.mypj_about-together_box-label {
    line-height: 15px;
}

.mypj_about-together_box-label::after {
    content: '';
    position: absolute;
    background: #FD790E;
    left: 99.7%;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: calc(100% - (5px * 1.0));
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

.mypj_about-together_box-label-content {
    display: flex;
    justify-content: space-between;
}

.mypj_about-together_box-detail {
    position: relative;
    padding: 10px;
    background-color: #fff;
    border: 2px solid #FD790E;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
}

.mypj_about-together_box-detail::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 43%;
    top: -8px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FD790E;
    border-left: 8px solid transparent;
}

.mypj_about-together_box-detail::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 43%;
    top: -6px;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
}

.mypj_about-together_box-detail>span {
    font-weight: 700;
}

.mypj_about-together_box-detail>.mypj_about-together_box-detail-orange {
    color: #FD790E;
}

@media (max-width: 768px) {

    .mypj_about-together_linechat,
    .mypj_about-together_content {
        display: none;
    }

    .mypj_about-together {
        margin: 10px 20px;
    }

    .mypj_about-together_icon {
        height: 57px;
        width: 57px;
        margin-left: 15px;
    }

    .mypj_about-together_speakerbubble {
        padding: 10.5px 15px;
        margin-left: 10px;
        height: auto;
    }

    .mypj_about-together_speakerbubble::before {
        content: "";
        position: absolute;
        left: -18px;
        top: 20px;
        width: 0;
        height: 0px;
        border: 10px solid transparent;
        border-right-color: #fff;
    }

    .mypj_about-together_speakerbubble>p {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .mypj_about-together_speakerbubbl-spbtn {
        display: block;
        font-size: 12px;
    }

    .mypj_about-together_speakerbubbl-spbtn>a {
        color: #1A1A1A;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
    }

    .mypj_about-together_speakerbubbl-dli-plus {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 1px solid #1A1A1A;
        position: relative;
    }

    .mypj_about-together_speakerbubbl-dli-plus::after,
    .mypj_about-together_speakerbubbl-dli-plus::before {
        content: "";
        position: absolute;
        background-color: #1A1A1A;
    }

    .mypj_about-together_speakerbubbl-dli-plus::before {
        width: 5px;
        height: 1px;
        border-radius: 0.1em;
    }

    .mypj_about-together_speakerbubbl-dli-plus::after {
        width: 1px;
        height: 5px;
        border-radius: 0.1em;
    }
}

.posting_start-delimiter>p {
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin-top: 18px;
    letter-spacing: -5px;
    color: #A49C98;
}

.posting_start-delimiter>p>span {
    letter-spacing: 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
}

/* いっしょプランここまで */

.mypj_cip_triangle {
    background: #FCF4EF;
    height: 30px;
    width: 45px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    margin-left: 135px;
}

@media (max-width: 768px) {
    .mypj_cip_triangle {
        margin-left: 65px;
    }
}

.mypj_cip_wrapper {
    background-color: #FCF4EF;
    max-width: 1020px;
    border-radius: 20px;
    padding-top: 37px;
    padding-bottom: 40px;
}

@media (min-width: 768px) {
    .mypj_cip_wrapper {
        margin-bottom: 40px;
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media (max-width: 768px) {
    .mypj_cip_wrapper {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

.mypj_cip_containers {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    max-width: 890px;
    width: 100%;
    margin: auto;
}

@media (max-width: 768px) {

    .mypj_cip_containers {
        display: block;
        width: auto;
    }

    .mypj_cip_container {
        margin: 15px 0;
    }
}

@media (min-width: 768px) {
    .mypj_cip_container {
        margin-top: 15px;
        margin-bottom: 30px;
    }
}

.mypj_cip_container {
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.08);
    width: 427px;
    height: 260px;
    border-radius: 20px;
    position: relative;
}

@media (max-width: 768px) {
    .mypj_cip_container_sp {
        width: 325px;
        height: 88px;
        margin: 0 auto;

    }
}

@media (max-width: 768px) {
    .mypj_cip_container_wrapper {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .mypj_cip_container_title {
        margin: 0 auto;
    }
}

.mypj_cip_container_wrapper .mypj_cip_content {
    background-color: #fff;
    border-radius: 20px;
    height: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .mypj_cip_container_wrapper .mypj_cip_content {
        width: 100%;
        border-radius: 10px;
    }

    .mypj_cip_container_wrapper li:not(:last-child) {
        margin-bottom: 15px;
    }

    .mypj_cip_container_wrapper li:last-child {
        margin-bottom: 33px;
    }
}

.mypj_cip_container-application {
    font-size: 14px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .mypj_cip_container-application {
        text-align: center;
    }

    .mypj_cip_container-application>.mypj_publication button {
        margin-bottom: 18px;
    }
}

@media (max-width: 768px) {
    .mypj_cip_container-application {
        font-size: 13px;
        font-weight: 400;
    }

    .mypj_cip_container-application>p {
        margin: 0 auto;
        width: 86.6%;
        margin-bottom: 11px;
    }

    .mypj_cip_container-application>.mypj_publication button {
        display: block;
        margin: 0 auto;
        width: 312px;
        margin-bottom: 30px;
    }
}

.mypj_cip_content a {
    pointer-events: none;
}

.mypj_cip_hovercover,
.mypj_hoverArea {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/* ホバーしたら表示される */
.mypj_cip_container:hover .mypj_cip_hovercover,
.mypj_cip_container:hover .mypj_hoverArea {
    display: table;
}

@media (min-width: 768px) {
    .mypj_hoverArea:hover {
        opacity: 1;
    }
}

.mypj_cip_hovercover div {
    text-align: center;
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
}

.mypj_cip_hovercover div a,
.mypj_hoverArea div {
    font-size: 24px;
}

@media (max-width: 768px) {
    .mypj_hoverArea {
        border-radius: 10px;
    }

    .mypj_hoverArea div {
        font-size: 18px;
    }
}

.mypj_hoverArea-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.mypj_hoverArea-content img {
    margin-left: 8px;
}

.mypj_cip_hovercover div span {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    display: block;
    width: 75%;
    margin: 10px auto;
}

.mypj_cip_hovercover_manual {
    font-size: 16px !important;
}

.mypj_cip_hovercover_manual img {
    vertical-align: text-top;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .mypj_cip_hovercover {
        border-radius: 10px;
    }

    .mypj_cip_hovercover div a {
        font-size: 14px;
        text-decoration: none;
    }

    .mypj_cip_hovercover div img {
        height: 20px;
        margin-left: 5px;
    }
}

.mypj_cip_container .mypj_cip_content a span {
    margin-left: 20px;
    margin-top: 15px;
}

@media (max-width: 768px) {
    .mypj_cip_container .mypj_cip_content a span {
        margin-left: 0;
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top {
        position: relative;
        display: flex;
        height: 88px;
    }
}

.mypj_cip_content_step {
    font-size: 40px;
    font-family: 'Bebas Neue', sans-serif;
    color: #FD781D;
    margin-top: 0;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .mypj_cip_content_step {
        font-size: 24px;
        line-height: 29px;
        width: fit-content;
        display: inline-block;
        margin: 0;
    }
}

.mypj_cip_content-top_num {
    display: flex;
}

@media (max-width: 768px) {
    .mypj_cip_content-top_num {
        display: block;
        padding-left: 8px;
        margin-right: 11px;
        margin-top: 6px;
        height: 29px;
        display: flex;
        align-items: center;
        width: fit-content;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top_num a {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

.mypj_cip_content-top_headings {
    margin-top: -50px;
}

@media (max-width: 768px) {
    .mypj_cip_content-top_headings {
        display: flex;
        margin-top: 0;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top_flex {
        order: 1;
    }
}


@media (min-width: 768px) {
    .mypj_cip_content-top_arrow {
        display: none;
        margin-right: 10px;
    }
}

.mypj_cip_content-top_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-left: auto;
    transform: translate(-50%, -50%);
}

.mypj_cip_content-top_headings p span {
    font-size: 15px;
    display: block;
}

@media (max-width: 768px) {
    .mypj_cip_content-top_headings p span {
        font-size: 13px;
    }

    .mypj_cip_content-top_arrow {
        right: 5px;
    }
}

.mypj_cip_content-top_headings p {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 768px) {
    .mypj_cip_content-top_headings p {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .mypj_cip_content-top_flex span {
        font-size: 13px;
        font-weight: 600;
        opacity: 0.7;
        text-align: center;
        display: block;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top_flex span {
        font-weight: 700;
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top_flex p {
        font-size: 18px;
    }
}

.mypj_cip_content-top_headings img {
    display: block;
    margin: 7px auto;
}

@media (min-width: 768px) {
    .mypj_cip_content-top_headings img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .mypj_cip_content-top_headings img {
        max-width: 41px;
        margin-right: 12px;
    }

    .mypj_cip_content-top_headings .basic-information-image {
        max-width: 30px;
    }
}

.mypj_cip_content-bottom {
    max-width: 355px;
    width: 100%;
    margin: 15px auto;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    padding-top: 15px;
    text-align: center;
}

@media (max-width: 768px) {
    .mypj_cip_content-bottom {
        display: none;
    }
}

.mypj_cip_content_step span {
    font-size: 20px;
    opacity: 0.8;
}

@media (min-width: 768px) {
    .mypj_cip_wrapper .mypj_section_title {
        margin-left: 70px;
        padding-top: 10px;

    }
}

@media (max-width: 768px) {
    .mypj_cip_content_step span {
        font-size: 13px;
    }

    .mypj_cip_wrapper .mypj_section_title {
        max-width: 324px;
    }

    .support_foryou_title_sp,
    .mypj_hint_title_sp {
        margin: 0 auto;
        padding-top: 25px;
        max-width: 285px;
    }
}

@media (min-width: 768px) {
    .sp_br {
        display: none;
    }
}

.mypj_section_title h1 {
    border-left: 8px solid #fd781d;
    line-height: 32px;
    color: #fd781d;
    font-size: 28px;
    font-weight: 700;
    padding-left: 15px;
}

.mypj_section_title p {
    font-size: 16px;
    font-weight: 500;
    padding-top: 13px;
}

@media (max-width: 768px) {
    .mypj_section_title h1 {
        border-left: 5px solid #fd781d;
        line-height: 25px;
        font-size: 22px;
    }

    .mypj_section_titmypj_sb_stepse p {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px;
    }
}

.mypj_status_content ul li a {
    pointer-events: none;
    display: block;
    font-size: 15px;
    line-height: 16px;
    margin-top: 14px;
    color: #000;
    margin-left: 20px;
}

@media (max-width: 768px) {
    .mypj_status_content ul li a {
        font-size: 14px;
        margin-top: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .mypj_status_content {
        margin-bottom: 24px;
    }
}

.mypj_status_content .mypj_sb_steps {
    display: flex;
    justify-content: space-between;
    margin: 0 48px;
}

/* チェックボックス表示/非表示 */
@media (max-width: 768px) {
    .mypj_status_content .mypj_sb_steps {
        margin: 0 auto;
        margin-bottom: 0;
    }

    .pj_create-sp-hidden,
    .pj_publish-sp-hidden,
    .pj_end-sp-hidden {
        display: none;
    }
}

#mypjPublication {
    scroll-margin-top: 25vh;
}


@media (min-width: 768px) {


    .mypj_publication_wrapper {
        margin-left: 60px;
    }

    .mypj_publication_wrapper>.mypj_section_title {
        margin-left: 0;
    }

    .mypj_publication_flex {
        max-width: 881.5px;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .mypj_publication_wrapper {
        min-width: 326px;
        max-width: 768px;
        margin: 0 6%;
    }

    .mypj_publication_title {
        margin-top: 30px;
    }

    .mypj_publication_wrap p {
        font-size: 10.95px;
        font-weight: 500;
        margin-bottom: 5px;
    }
}

.mypj_publication-attention p {
    opacity: 0.8;
}

.mypj_publication-attention-text {
    margin-bottom: 0.5rem;
}

.mypj_publication button {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding: 0 35px;
    border-radius: 31px;
    line-height: 57px;
    margin-top: 17px;
}

@media (max-width: 768px) {
    .mypj_publication button {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .mypj_publication button {
        margin-bottom: 15px;
    }
}

.mypj_publication .mypj_submit-button {
    background-color: #FD781D;
    border: solid #fff 2.5px;
    color: #fff;
}

.mypj_publication .whitebutton-publication {
    background-color: #828282;
    border: solid #edebea 2.5px;
    color: #EDEBEA;
}

.mypj_publication_wrapper>p {
    font-size: 14px;
    font-weight: 500;
    color: #211715;
    opacity: 0.6;
    margin-top: 15px;
}

.mypj_publication_wrapper p>a {
    color: #211715;
    text-decoration: underline;
}

.mypj_publication_advice {
    display: flex;
}

.mypj_publication_advice>p {
    position: relative;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}

.mypj_publication_advice>p::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 10px;
    width: 0;
    height: 0px;
    border-right-color: #FFFFFF;
    transform: rotate(270deg);
    border-top: 13px solid #FFFFFF;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

@media (min-width: 768px) {
    .mypj_publication_advice {
        max-width: 420px;
        margin-top: 17px;
    }

    .mypj_publication_advice img {
        margin-right: 31px;
    }

    .mypj_publication_advice>p {
        height: 60px;
        margin-right: 20px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .mypj_publication_advice {
        margin-top: 20px;
        margin-bottom: 25px;
    }
}


.mypj_support_foryou {
    background-color: #f8f8f8;
    border-radius: 30px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .mypj_support_foryou>.mypj_section_title {
        padding-top: 39px;
        margin-left: 70px;
    }
}

@media (max-width: 768px) {
    .mypj_support_foryou {
        max-width: 325px;
        width: 100%;
        margin: 0 auto;
        border-radius: 10px;
        margin-top: 20px;
    }

    .accordion-006 {
        max-width: 500px;
        margin-bottom: 7px;
        background-color: #f8f8f8;
        border-radius: 10px;
    }

    .accordion-006 summary {
        display: flex;
        align-items: center;
        position: relative;
        padding: 1em 2em;
        color: #333333;
        font-weight: 600;
        cursor: pointer;
        gap: 9px;
        justify-content: center;

    }

    .accordion-006 summary::-webkit-details-marker {
        display: none;
    }

    .accordion-006 summary::before {
        content: '+';
        border-radius: 50%;
        width: 20px;
        height: 20px;
        font-size: 20px;
        font-weight: 300;
        text-align: center;
        line-height: 15px;
        border: solid 1.5px;

    }

    .accordion-006[open] summary::before {
        content: '-';
    }

    .accordion-006>p {
        transform: translateY(-10px);
        opacity: 0;
        margin: 0;
        padding: .3em 2em 1.5em;
        color: #333333;
        transition: transform .5s, opacity .5s;
    }

    .accordion-006[open] p {
        transform: none;
        opacity: 1;
    }
}

.mypj_support_foryou .mypj_section_title h1 {
    color: #50BCE7;
    border-left: #50BCE7 8px solid;
}

.mypj_support_foryou>ul {
    margin-top: 26px;
    margin-bottom: 29px;
    display: flex;
    gap: 15px;
}

@media (min-width: 768px) {
    .mypj_support_foryou>ul {
        margin-left: 60px;
    }
}

@media (max-width: 768px) {
    .mypj_support_foryou>ul {
        display: block;
    }

    .mypj_support_foryou>ul a {
        margin: 0 auto;
        margin-bottom: 15px;
    }

}

.mypj_support_foryou_content {
    width: 284px;
    background-color: #FFFFFF;
    border-radius: 20px;
    display: block;
    text-decoration: none;
}

.mypj_support_foryou_content-top {
    background-color: #50BCE7;
    height: 49px;
    width: 100%;
    position: relative;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

/* .mypj_support_foryou_content-top::after {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 50%;
    right: 50%;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-top: 9px solid #fff;
} */

.mypj_support_foryou_content-top p {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
    line-height: 49px;
}

@media (max-width: 768px) {
    .mypj_support_foryou_content-top p {
        font-size: 17px;
    }
}

/* .mypj_support_foryou_content-top p::before {
    content: "";
    position: absolute;
    background: url(../images/quote.svg);
    height: 16px;
    width: 18px;
    top: 18px;
    left: 12px;
} */

.mypj_support_foryou_content-top p::after {
    content: "";
    position: absolute;
    background: url(../images/quote.svg);
    height: 16px;
    width: 18px;
    bottom: 13px;
    right: 15px;
    transform: rotate(180deg);
}

.mypj_support_foryou_thumbnail {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    width: 230px;
    height: 129px;
    object-fit: cover;
}

.br-img {
    border-radius: 10px;
}

.mypj_support_foryou_content-bottom ul li {
    color: #fff;
    font-weight: 700;
}

.mypj_support_foryou_content-bottom ul li:first-of-type {
    font-size: 17px;
}

.mypj_support_foryou_content-bottom ul li:first-of-type img {
    height: 44px;
    vertical-align: sub;
}

.mypj_support_foryou_content-bottom ul li:last-of-type {
    font-size: 14px;
    line-height: 25px;
}


.mypj_support_foryou_content-bottom>ul {
    margin-top: 15px;
}

.mypj_support_foryou_content-bottom_li>p {
    font-size: 14px;
    font-weight: 700;
    color: #50BCE7;
    margin-bottom: 0;
}

.mypj_support_foryou_content-bottom_li {
    max-width: 230px;
    display: flex;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: solid 2px rgba(0, 0, 0, 0.05);
}

.mypj_support_foryou_content-bottom_li>img {
    margin-right: 11px;
}

.mypj_support_foryou_content-bottom_li_child2 {
    margin: 0 auto;
    padding-bottom: 15px;
    max-width: 230px;
    display: flex;
    justify-content: space-between;
}

.foryou_content-bottom_flex1,
.foryou_content-bottom_flex2 {
    display: flex;
}

.foryou_content-bottom_flex1 p,
.foryou_content-bottom_flex2 p {
    margin-bottom: 0;
}

.foryou_content-bottom_flex1>p {
    color: #211715;
}

.foryou_content-bottom_flex1>img {
    margin-right: 8px;
}

.foryou_content-bottom_flex2>p {
    color: rgba(33, 23, 21, 0.6);
    font-size: 13px;
    margin-right: 10px;
}

.mypj_hint {
    background-color: #f8f8f8;
    border-radius: 30px;
    padding: 40px 70px;
    max-width: 1020px;
    margin-left: 40px;
    margin-right: 40px;
}

@media (min-width: 768px) {
    .mypj_hint {
        margin-bottom: 60px;
    }
}

@media (max-width: 768px) {
    .mypj_hint {
        width: 325px;
        margin: 0 auto;
        padding: 0;
        border-radius: 10px;
    }

    .mypj_hint a {
        text-decoration: none;
    }
}

.mypj_hint .mypj_section_title h1 {
    color: #211715;
    border-left: solid #211715 8px;
}

.mypj_hint ul {
    display: flex;
    justify-content: space-between;
    gap: 23px;
    margin-top: 25px;
}

@media (max-width: 768px) {
    .mypj_hint ul {
        display: block;
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    .mypj_hint li {
        max-width: 278px;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .mypj_hint .mypj_section_title h1 {
        border-left: solid #211715 5px;
    }
}

.mypj_hint_content img {
    width: 279px;
    height: 145px;
    object-fit: cover;
}

.mypj_hint_content p {
    margin-top: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
}

/* ステータスバー */
.mypj_status_wrapper {
    max-width: 1020px;
}

.mypj_status-bar {
    display: flex;
    width: 100%;
    background-color: #D3D1D0;
    border-radius: 50px;
    overflow: hidden;
    margin-top: 35px;
}

.mypj_status-bar-content {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #D3D1D0;
    padding: 3px 0;
}

.mypj_status-bar-content.orange {
    background-color: #FD790E;
}

.mypj_status-bar-content.paleprange {
    background-color: #FCA35B;
}

.mypj_status-bar-release {
    display: flex;
    align-items: center;
    gap: 24px;
}

.mypj_status-bar-release p {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    z-index: 10;
}

@media (max-width: 768px) {
    .mypj_status-bar {
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .mypj_status-bar-release_img_sp {
        display: none;
    }

    .mypj_status-bar-release p {
        font-size: 14px;
    }

    .mypj_status-bar-release1 {
        margin-left: 22px;
    }

    .mypj_status-bar-release2 {
        margin-left: 34px;
    }

    .mypj_status-bar-release3 {
        margin-left: 33px;
    }

    /* .mypj_status-bar-content.orange::before {
        content: "";
        position: absolute;
        right: -65px;
        border-width: 40px 40px;
        border-color: transparent transparent transparent #FD790E;
        border-style: solid;
        z-index: 10;
    } */
}

/* ステータスバーの線 */
/* @media (max-width: 768px) {
    .mypj_status-bar-content.orange {
        position: relative;
    }

    .mypj_status-bar-content.orange::after {
        position: absolute;
        left: 80px;
        top: 20%;
        background: #000000;
        width: 1px;
        height: 60%;
    }

} */

.mypj_status-bar-content::before {
    content: "";
    position: absolute;
    right: -65px;
    border-width: 40px 40px;
    border-color: transparent transparent transparent #D3D1D0;
    border-style: solid;
    z-index: 10;
}

.mypj_status-bar-content.orange::before {
    border-color: transparent transparent transparent #FD790E;
}

.mypj_status-bar-content.paleprange::before {
    border-color: transparent transparent transparent #FCA35B;
}

.mypj_status-bar-content::after {
    content: "";
    position: absolute;
    right: -68px;
    border-width: 40px 40px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    z-index: 5;
}

.mypj_status-bar-content.orange {
    background-color: #FD790E;
}

.mypj_status-bar-contente.orange::before {
    border-color: transparent transparent transparent #FD790E;
}

.mypj_status-bar-content:last-child:before,
.mypj_status-bar-content:last-child:after {
    display: none;
}

.mypj_status-bar-content:last-child {
    padding-right: 30px;
}

@media (max-width: 768px) {
    .mypj_status-bar-content:last-child {
        padding-right: 16px;
    }
}


@media (max-width: 768px) {

    .project_to-support_heart {
        width: 300px;
        height: 300px;
    }

    .project_section_to-support {
        height: 363px;
    }

    .project_top-support h3 {
        padding: 100px 0 16px;
        font-size: 16px;
    }

    .project_top-support h3 div {
        font-size: 28px;
        line-height: 41px;
        padding-top: 8px;
    }

    .project_section_to-support .project_favorite {
        margin: 0 auto;
        height: 54px;
        width: 140px;
    }

    .project_section_to-support .project_favorite:has(.project_favorite-button-sum) {
        width: 170px;
    }

    .project_favorite-button {
        align-items: center;
        gap: 0 8px;
        height: 54px;
        width: 100%;
    }

    .project_section_to-support .project_heart {
        width: 27.5px;
        height: 24.47px;
        margin-top: 31px;
    }

    .project_section_to-support .project_favorite-button p {
        line-height: 43px;
        font-size: 18px;
        margin: 0;
    }

    .activity_link-before span {
        left: 0;
    }

    .activity_link-after span {
        right: 0;
    }

    .activity_re-page {
        margin: 10px auto;
    }

    .support_list_thanksmessage_inner br {
        display: none;
    }

}

.payment_add_tooltip {
    position: relative;
    display: inline-block;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .payment_add_tooltip {
        display: none;
    }
}

.payment_add_tooltip img {
    width: 21px;
}

.payment_add_tooltip_txt {
    visibility: hidden;
    width: 292px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -45px;
    left: -20px;
    transition: opacity 0.3s;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.payment_add_tooltip_txt::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 32px;
    z-index: -1;
    width: 20px;
    height: 12px;
    transform: translateX(-50%);
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.payment_add_tooltip:hover .payment_add_tooltip_txt {
    visibility: visible;
    opacity: 1;
}

/* デスクトップPC */
@media(max-width: 1700px) {

    .top1 p {
        top: 340px;
    }

    .top1-zp h2 {
        top: 40px;
    }
}

@media(max-width: 1600px) {


    .img1-zp {
        display: none;
    }

    .img2-zp {
        display: block;
    }

    .top1in-zp {
        display: flex;
        background: #fff;
        justify-content: center;
        width: 1200px;
    }

    .top1-zp h2 {
        position: absolute;
        color: #fff;
        font-size: 6.0rem;
        left: 18.75%;
        line-height: 10.0rem;
        margin: 0 auto;
        text-align: left;
        top: 50px;
    }

    .top1-zp p {
        position: absolute;
        color: #fff;
        font-size: 1.8rem;
        left: 18.75%;
        line-height: 1.6rem;
        margin: 0 auto;
        text-align: left;
        top: 270px;
    }

    .top2-zp {
        position: relative;
        background: #FCF4EF;
        display: flex;
        margin-bottom: 100px;
    }

    .top2-div-zp {
        padding: 70px 0 0;
        margin: 0 0 0 auto;
        z-index: 1;
    }

    .top2-zp h3 {
        font-size: 6.4rem;
        color: #fd781d;
        font-weight: 600;
        margin: 0 auto 0;
        text-align: left;
    }

    .top2-zp p {
        font-size: 2.0rem;
        color: #333;
        font-weight: 400;
        line-height: 4.5rem;
        margin: 30px 0 0;
        text-align: left;
    }

    .top2-zp p:last-child {
        font-size: 2.5rem;
        line-height: 4.5rem;
    }

    .top2-img2-zp {
        display: none;
    }

    .top2-img2_2-zp {
        width: 54%;
        align-items: flex-end;
        display: flex;
        margin: 70px 0 0 0;
        position: relative;
    }

    .img1 {
        display: none;
    }

    .img2 {
        display: block;
    }

    .top1 p {
        position: absolute;
        color: #fff;
        font-size: 1.8rem;
        left: 18.75%;
        line-height: 1.6rem;
        margin: 0 auto;
        text-align: left;
        top: 270px;
    }


    .top2-div {
        padding: 70px 0 0;
        margin: 0 0 0 auto;
        z-index: 1;
    }

    .top2 h3 {
        font-size: 6.4rem;
        color: #fd781d;
        font-weight: 600;
        margin: 0 auto 0;
        text-align: left;
    }

    .top2 p {
        font-size: 2.0rem;
        color: #333;
        font-weight: 400;
        line-height: 3rem;
        margin: 30px 0 0;
        text-align: left;
    }

    .top2 p:last-child {
        font-size: 2.5rem;
        line-height: 4.5rem;
    }

    .top2-img2_2 {
        height: 100%;
        width: 54%;
        align-items: flex-end;
        display: flex;
        /* margin: 70px 0 0 0; */
        margin: 0;
        position: relative;
    }

}

@media(max-width: 1530px) {
    .nextarea_sp {
        display: flex;
        justify-content: center;
    }

    .top1-zp h2 {
        top: 20px;
    }

    .top1-zp p {
        top: 320px;
    }
}

@media(max-width: 1420px) {

    .top2-img2_2-zp {
        width: 665.77px;
        height: 739.03px;
        display: flex;
        align-items: flex-end;
        position: relative;
    }

}

@media(max-width: 1200px) {
    .slick-prev {
        left: 0;
    }

    .nextarea_title h2 {
        margin: 1rem 0 0 2rem;
    }

    .favorite-fixed {
        left: 50%;
        display: flex;
        justify-content: space-between;
        z-index: 9998;
        transform: translateX(-50%);
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: white;
        padding: 19px 25px 21px;
        box-shadow: rgba(33, 35, 37, 0.08) 0px -2px;
    }

    .flip-bnr-return {
        transition: opacity 0.5s;
        background: #fd781d;
        border-radius: 13px;
        box-shadow: 0 6px 6px 0px rgba(0, 0, 0, .12);
        text-align: center;
        height: 50px;
        display: block;
        max-width: 300px;
        width: 100%;
        z-index: 9999;
        cursor: pointer;
        margin: 0 auto;
    }

    .flip-bnr-return a {
        text-decoration: none;
        color: #fff;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 2.6;
    }

    .flip-bnr-consult {
        /* left: 50%; */
        display: block;
        z-index: 9999;
        cursor: pointer;
        /* transform: translateX(-50%); */
        width: 100vw;
        height: auto;
        position: fixed;
        bottom: 0;
        background-color: #fd781d;
        padding: 8px;
    }



    .flip-bnr-consult a {
        color: #fd781d;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;
        width: 100%;
        padding: 12px;
        display: inline-block;
        background-color: #fff;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 12px -6px rgba(0, 0, 0, 0.6);
        position: relative;
        cursor: pointer;
        text-decoration: none;
    }

    .flip-bnr-consult a span {
        padding-left: 28px;
    }

    .flip-bnr-consult a:before {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        background-image: url(/images/rescue-logo/ic-rescue.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }



    .next-text-strong {
        font-size: 16px;

    }

    .next-card-progress {
        height: 2.6rem;
    }

    .next-card-progress div {
        height: 2.6rem;
    }

    .project-wide-title {
        font-size: 1.8rem;
        align-items: center;
        display: block;
        margin-bottom: 0;
    }

    .achievement-list-support {
        padding-bottom: 20px;
    }

    progress {
        margin-left: 2rem;
        width: 300px;

    }

    .section-born-z h3 {
        font-size: 3.5rem;
    }

    .english-title-carouselarea {

        font-size: 8rem;

    }

    .title-toptoggle,
    .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }

    .title-toptoggle {
        margin: 0 auto 0;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fd781d;
        background: #fff;
        font-weight: 400;
        text-align: center;
        font-size: 1.4rem;
        position: relative;
        z-index: 3;
        padding: 0;
    }

    .title-toptoggle span:nth-child(2) {
        transform: rotate(90deg);
    }

    .accordion-btn {

        margin: 0 auto 0;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fd781d;
        background: #fff;
        font-weight: 400;
        text-align: center;
        font-size: 1.4rem;
        position: relative;
        z-index: 3;
        padding: 0;
    }

    .projects-form_push {
        width: 166px;
        background: #fff;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        border-radius: 20px;
        margin: 0 8px;
    }

    .projects-form_push img {
        width: 166px;
    }

    .projects-form_push a {
        text-decoration: none;
    }

    .project-title_push {
        width: 150px;
        font-size: 0.7rem;
        font-weight: 400;
        color: #000;
        margin: 0 auto;
        padding: 8px 0;
        border-bottom: solid 2px #d6d6d6;
    }

    .section-top-index {
        background-image: url("../images/start-top_background_sp.png");
        padding: 5vh 0;
    }

    .section-top-index h1 {
        font-size: 2.8rem;
        line-height: 40px;
        margin: 0 auto 20px;
        text-align: left;
    }

    .section-top-index h1 span {
        font-size: 4.5rem;
    }

    .section-top_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-top_button a {
        font-size: 1.8rem;
        border-radius: 25px;
        height: 50px;
        margin: 0 auto 20px;
        width: 325px;
    }

    .section-top_button img {
        width: 19px;
        margin: 4px 0 0 8px;
    }

    .top-br {
        display: block;
    }

    .section-appeal {
        /* display: flex; */
        display: none;
        align-items: center;
        flex-flow: column;
        justify-content: center;
        padding: 40px 25px;
    }

    .section-appeal h2 {
        font-size: 3.0rem;
        letter-spacing: 0rem;
        line-height: 3.6rem;
    }

    .section-appeal h2 span {
        font-size: 2.5rem;
    }

    .section-appeal img {
        width: 100%;
    }

    .section-reason h3 {
        font-size: 2.0rem;
    }

    .section-reason h3::before,
    .section-reason h3::after {
        height: 22px;
    }

    .section-reason h3::before {
        margin-right: 20px;
    }

    .section-reason h3::after {
        margin-left: 20px;
    }

    .section-reason h2 {
        font-size: 3.5rem;
        margin: 0 auto 60px;
    }

    .re-dis1,
    .re-dis2,
    .re-dis3 {
        width: 325px;
        height: 210px;
        flex-direction: column;
        justify-content: space-around;
        padding: 30px 20px 20px;
        margin: 30px auto 0;
    }


    .re-dis_two {
        display: block;

        margin: 0 auto;
    }

    .re-dis1 h4,
    .re-dis2 h4,
    .re-dis3 h4 {
        font-size: 2.1rem;
    }

    .re-dis1 p,
    .re-dis2 p,
    .re-dis3 p {
        font-size: 1.4rem;
    }

    .re-dis2 p,
    .re-dis3 p {
        margin-top: 20px;
    }

    .re-dis1 span {
        font-size: 0.8rem;
    }

    .heading-title {
        font-size: 1.8rem;
        margin: 60px auto 30px;
    }

    .heading-title::before,
    .heading-title::after {
        height: 28px;

    }

    .heading-title::before {
        margin-right: 20px;
    }

    .heading-title::after {
        margin-left: 20px;
    }


    .heading-title2 {
        font-size: 1.4rem;
        line-height: 22px;
        margin: 20px auto 60px;
        text-align: center;
    }

    .section-appeal h4 {
        font-size: 1.8rem;
    }

    .section-appeal h4::after {
        height: 28px;
        margin-left: 20px;
    }

    .section-appeal h4::before {
        margin-right: 20px;
    }

    .section-appeal h3 {
        font-size: 3.0rem;
        margin: 0 auto 20px;
    }

    .section-point-forgood {
        padding: 60px 0 1px;
    }


    .section-point {
        padding: 60px 0 0;
    }

    .section-point-forgood h3,
    .section-point h3 {
        font-size: 1.8rem;
    }

    .section-point-forgood h3::after,
    .section-point h3::after {
        height: 22px;
        margin-left: 20px;
    }

    .section-point-forgood h3::before,
    .section-point h3::before {
        margin-right: 20px;
    }

    .section-point_h3-3 {
        font-size: 4.5rem;
        top: -11px;
    }

    .section-point_h3-tu {
        font-size: 2.3rem;
        top: -2px;
    }

    .section-point-forgood h2,
    .section-point h2 {
        font-size: 3.5rem;
        color: #fd781d;
    }

    .section-point ul {
        margin-top: 6rem;
        flex-direction: column;
        padding: 0 15px;
    }

    .section-point ul li {
        width: 100%;
        margin: 0 0 90px;
        padding: 0 2.5rem 4rem;
    }

    .section-point_topimg {
        width: 90%;
    }


    .section-point-attach {
        font-size: 1.4rem !important;
    }

    .section-point p {
        font-size: 1.5rem;
    }

    .section-point_centerimg {
        width: 80%;
    }

    .section-plan {
        padding: 80px 0 60px;
    }

    .section-plan h3 {
        font-size: 2.0rem;
    }

    .section-plan h3::after {
        height: 22px;
        margin-left: 20px;
    }

    .section-plan h3::before {
        margin-right: 20px;
    }

    .section-plan h2 {
        font-size: 3.5rem;
        margin: 10px auto 60px;
    }

    .section-plan ul {
        flex-direction: column-reverse;
        padding: 0 15px;
    }

    .section-plan ul li {
        width: 100%;
        margin: 0 0 80px;
    }

    .section-plan ul li:first-child {
        height: 400px;
    }

    .plan-topimg {
        width: 105px;
        margin-bottom: -100px;
        top: -46px;
    }

    .section-plan ul li h4 {
        font-size: 1.5rem;
        margin: 60px auto 6px;
    }

    .section-plan ul li h2 {
        font-size: 4.0rem;
        margin: 0;
    }

    .plan-checklist {
        width: 90%;
        height: auto;
        margin: 30px 0 0;
        padding: 15px 0;
    }

    .plan-checklist div {
        padding: 10px 0;
        margin: 0 10px;
    }


    .plan-checklist div img {
        margin-right: 5px;
        height: 22px;
        width: 22px;
    }

    .section-plan p {
        font-size: 1.5rem;
        margin: 0 auto 25px;
    }

    .plan-num {
        font-size: 3.6rem;
        margin: 0 4px;
    }

    .plan-checklist div p {
        font-size: 1.5rem;
    }

    .plan-osusumeobi {
        position: absolute;
        left: 15px;
        margin: 0;
        width: 97px;
    }

    .plan-kome {
        font-size: 1.3rem;
        margin-left: 10px;
    }

    .plan-detailimg {
        text-decoration: none;
        font-size: 1.6rem;
        height: 45px;
        margin: 15px auto 30px;
        width: 246px;
    }

    .plan-plus {
        margin: -60px auto 20px;
    }

    .plan-under {
        align-items: center;
        border-radius: 16px;
        flex-direction: column;
        margin: 0 15px 60px;
    }

    .plan-under h4 {
        margin: 15px auto;
        border-right: none;
        font-size: 3.5rem;
        height: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .plan-under h4 span {
        position: relative;
        font-size: 2.6rem;
        top: 4px;
    }

    .under-pc {
        color: #000;
        display: none;
        font-size: 2.0rem;
        font-weight: 400;
        margin: 0 30px;
    }

    .plan-under p span {
        font-size: 1.6rem;
        font-weight: 100;
    }

    .plan-under img {
        padding-right: 24px;
    }

    .under-sp2 {
        display: block;
    }

    .under-sp {
        background: #f8f8f8;
        border-radius: 8px;
        margin: 0 10px;
        padding: 15px 10px;
    }

    .under-p1 p {
        font-size: 1.5rem;
        color: #000;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
    }

    .under-p1 p span {
        font-size: 1.5rem;
        color: #7DC75D;
        font-weight: 600;
    }

    .under-p2 p {
        font-size: 1.4rem;
        font-weight: 100;
        margin-bottom: 0;
    }

    .under-p3 p {
        font-size: 1.5rem;
        color: #666666;
        font-weight: 100;
        margin: 10px auto 15px;
        text-align: center;
    }

    .under-p3 p span {
        font-size: 2.8rem;
        color: #666666;
        font-weight: 400;
        margin: 0 4px;
    }

    .ap1 {
        position: absolute;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        left: 20px;
        margin: 0;
        top: 30px;
    }

    .ap2 {
        position: absolute;
        color: #fff;
        font-size: 3.0rem;
        font-weight: 600;
        left: 34px;
        margin: 0;
        top: 50px;
    }

    .ap2-k {
        position: absolute;
        color: #fff;
        font-size: 0.8rem;
        font-weight: 200;
        left: 90px;
        margin: 0;
        top: 60px;
    }

    .ap3 {
        position: absolute;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0;
        right: 90px;
        top: 120px;
    }

    .ap4 {
        position: absolute;
        color: #fff;
        font-size: 3.0rem;
        font-weight: 600;
        margin: 0;
        right: 80px;
        top: 144px;
    }

    .ap4-k {
        position: absolute;
        color: #fff;
        font-size: 0.8rem;
        font-weight: 200;
        margin: 0;
        right: 60px;
        top: 152px;
    }

    .ap5 {
        position: absolute;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0;
        right: 134px;
        top: 80px;
    }

    .ap6 {
        position: absolute;
        color: #fff;
        font-size: 3.0rem;
        font-weight: 600;
        margin: 0;
        right: 100px;
        top: 98px;
    }

    .ap7 {
        position: absolute;
        color: #fff;
        font-size: 0.8rem;
        font-weight: 200;
        margin: 0;
        right: 86px;
        top: 104px;
    }

    .ap8 {
        position: absolute;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0;
        right: 134px;
        top: 150px;
    }

    .ap9 {
        position: absolute;
        color: #fff;
        font-size: 3.0rem;
        font-weight: 600;
        margin: 0;
        right: 118px;
        top: 168px;
    }

    .ap10 {
        position: absolute;
        color: #fff;
        font-size: 0.8rem;
        font-weight: 200;
        margin: 0;
        right: 104px;
        top: 174px;
    }

    .ap11 {
        margin: 20px auto 0 0;
        color: #fd781d;
        font-size: 1.2rem;
    }

    .section-reason h3::after {
        height: 22px;
        margin-left: 20px;
    }

    .section-reason h3::before {
        margin-right: 20px;
    }

    .section-reason h2 {
        font-size: 3.5rem;
        margin: 0 auto 60px;
    }


    .section-step h3 {
        font-size: 2.0rem;
    }


    .section-step h2 {
        font-size: 3.5rem;
        margin: 0 auto 35px;
    }

    .section-step br {
        display: block;
    }

    .section-step_img {
        display: none;
    }

    .section-step_spimg {
        display: flex;
        justify-content: center;
        width: 335px;
    }

    .section-step_img_wrapper {
        margin: 35px auto 0;
        width: 335px;
    }

    .step_consultation,
    .step_moushikomi {
        font-size: 14px;
    }

    .step_consultation {
        top: 130px;
        left: 69px;
    }

    .step_consultation svg {
        height: 18px;
        width: 18px;
    }

    .step_moushikomi {
        left: 64px;
        top: 256px;
    }

    .step_moushikomi svg {
        height: 18px;
        width: 18px;
    }

    .section-qa h3 {
        font-size: 2.0rem;
    }

    .emphasized-index-title {
        font-size: 2.0rem;

    }

    .section-qa h3::after {
        height: 22px;
        margin-left: 20px;
    }

    .section-qa h3::before {
        margin-right: 20px;
    }

    .section-qa h2 {
        font-size: 3.5rem;
        margin: 0 auto 30px;
    }

    .section-qa {
        padding-bottom: 60px;
    }

    .emphasized-index-title {
        font-size: 2.0rem;
    }

    .emphasized-index-title::before,
    .emphasized-index-title::after {
        height: 22px;
    }

    .emphasized-index-title::before {
        margin-right: 20px;
    }

    .emphasized-index-title::after {
        margin-left: 20px;
    }

    .section-achiev h2 {
        font-size: 3.5rem;
        margin: 0 auto 30px;
    }

    .startlast {
        flex-direction: column;
    }

    .slp1 {
        font-size: 2.2rem;
        margin: 50px 0 20px;
    }

    .slp2 {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 3.5rem;
        margin-bottom: 30px;
    }

    .sl_button {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sl_button a {
        display: flex;
        align-items: center;
        background-color: #44C6ED;
        border-radius: 25px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        color: #fff;
        font-size: 1.8rem;
        font-weight: 600;
        height: 50px;
        justify-content: center;
        margin: 0 auto 20px;
        text-decoration: none;
        width: 325px;
    }

    .sl_button img {
        width: 19px;
        margin: 4px 0 0 8px;
    }

    .sl_button a:last-child {
        background-color: #fd780d;
    }

    .sla {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        margin: 30px 0;
    }

    .slimg {
        width: 223px;
        height: 249px;
        margin: auto auto 0;
    }

    .section-voice {
        padding: 110px 0 70px;
    }

    .section-voice h3 {
        font-size: 2.0rem;
    }

    .section-voice h3::after {
        height: 22px;
        margin-left: 20px;
    }

    .section-voice h3::before {
        margin-right: 20px;
    }

    .section-voice h2 {
        font-size: 3.5rem;
        margin: 0 auto 60px;
    }

    .vi-dis {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px auto 0;
        max-width: 325px;
        padding: 26px 20px 20px;
    }

    .vi-dis img {
        width: 130px;
        height: 130px;
        margin: 0 auto;
    }

    .vi-dis_c {
        width: 100%;
    }

    .vi-dis_c p {
        color: #707070;
        font-size: 1.4rem;
        margin: 15px 0 0;
        text-align: center;
    }

    .vi-dis_c p span {
        color: #000;
        margin-left: 40px;
    }

    .vi-dis_c h4 {
        margin: 30px 0 30px;
        font-size: 2.0rem;
        text-align: center;
    }

    .vi-dis_c h4 br {
        display: block;
    }

    .vi-dis_c a {
        margin: 30px 0 0 auto;
        align-items: center;
        /* color: #fd781d; */
        display: flex;
        font-size: 2.3rem;
        justify-content: flex-end;
        /* text-decoration: none; */
    }

    .accordion label img {
        margin: 0 16px 0 0;
        height: 19px;
        width: 19px;
    }

    .accordion {
        margin: 0 auto;
        width: 285px;
    }

    .toggle,
    .toggle1_2,
    .toggle1_3 {
        display: none;
    }

    .option {
        position: relative;
        margin-bottom: 1em;
    }

    .content {
        -webkit-backface-visibility: hidden;
        margin-top: 0;
        backface-visibility: hidden;
        background: #fff;
        max-height: 0;
        overflow: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }

    .title {
        margin: 0 auto 0;
        align-items: center;
        background: #fff;
        border: none;
        color: #fd781d;
        display: flex;
        font-size: 1.4rem;
        font-weight: 400;
        justify-content: center;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 3;
        box-shadow: none;
    }

    .title2 {
        margin: 0 auto 0;
        align-items: center;
        background: #fff;
        border: none;
        color: #fd781d;
        display: flex;
        font-size: 1.4rem;
        font-weight: 400;
        justify-content: center;
        padding: 0;
        position: relative;
        text-align: center;
        z-index: 3;
    }

    .title span:nth-child(2) {
        transform: rotate(90deg);
    }

    .content p span {
        color: #fd781d;
    }

    .toggle:checked+.title+.content,
    .toggle1_2:checked+.title+.content,
    .toggle1_3:checked+.title+.content {
        max-height: 500px;
        transition: all 1.5s;
    }

    .toggle:checked+.title,
    .toggle1_2:checked+.title,
    .toggle1_3:checked+.title {
        display: none;
    }

    .accordion-content-box {
        margin: 0 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 0;

    }

    .accordion-content-box a {
        margin: 20px auto 28px 0;
        color: #707070;
        font-size: 1.5rem;
        font-weight: 600;
        text-decoration: underline;
    }

    .accordion-content-box a::after {
        content: url("../images/1openicon.png");
        position: relative;
    }

    .accordion-content-box p {
        margin: 0 0 0;
        color: #000;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 2.8rem;
        text-align: left;
    }

    .accordion-content-box p span {
        margin-left: 0;
        font-weight: 400;
    }

    .co1 {
        margin: 0 0;
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }

    .co1 a {
        margin: 20px auto 28px 0;
        color: #707070;
        font-size: 1.5rem;
        font-weight: 600;
        text-decoration: underline;
    }

    .co1 a::after {
        content: url("../images/1openicon.png");
        position: relative;
    }

    .co1 p {
        margin: 0 0 0;
        color: #000;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 2.8rem;
        text-align: left;
    }

    .co1 p span {
        margin-left: 0;
        font-weight: 400;
    }

    .help-detail-main-container img {
        width: 100%;
    }

    .help-detail-main-container .help-detail-main-container_img-midium {
        width: 300px;
    }

    .help-detail-main-container .help-detail-main-container_img-mini {
        width: 30px;
    }

    .help-detail-main-container .help-detail-main-container_img-half {
        max-width: 450px;
        width: 100%;
    }

    .help-detail-main-container .help-detail-main-container_flextoblock {
        display: block;
    }
}

@media(max-width: 1040px) {

    .section-point-support-bottom {
        flex-wrap: wrap;
        justify-content: center;
    }

    .config-term-container {

        padding: 20px 60px;

    }

    progress {

        width: 300px;
    }

    .mypage-contents-container {
        background-color: #FCF4EF;
        padding: 40px 1.5rem 36px;
        margin: 0 auto;
    }


}


.menu-content {
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    transition: all 0.5s;
    z-index: 20000;
    margin-top: 84px;
}

@media(max-width: 768px) {
    .menu-content {
        max-width: 280px;
    }
}

@media(min-width: 769px) {
    .menu-content {
        max-width: 330px;
    }
}

@media(max-width: 1150px) {

    progress {
        width: 300px;
    }

    .forgood-footer_pc.forgood-footer2 {
        margin-top: 40px;
    }

    .header_under-dis-sp {
        display: block;
    }

    .header_under-dis-sp ul {
        width: 100%;
        margin: 0;
        float: left;
    }

    .header_under-dis-sp_login {
        display: flex;
        align-items: center;
    }

    .header_under-dis-sp_login a {
        text-decoration: none;
        color: #CA4F02;
        font-size: 1.4rem;
        line-height: 2.0rem;
        font-weight: bold;
        padding: 5px 15px;
        border: 2px solid #CA4F02;
        border-radius: 30px;
    }

    footer {
        height: auto;
    }

    small {
        margin-top: 40px;
        font-size: 1.0rem;
    }

    header {
        padding-bottom: 89px;
    }

    .header__nav .nav__items-beforeLogin {
        align-items: center;
    }

    .header__nav .nav__items-beforeLogin li {
        display: block;
        margin: 15px auto 0;
    }

    .header__nav .nav__items-beforeLogin li:last-child {
        margin-bottom: 25px;
    }

    .header__nav .nav__items-beforeLogin a {
        font-size: 1.2rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__nav .nav__items-beforeLogin a span {
        font-size: 1.6rem;
        font-weight: bold;
        margin: 0;
        line-height: 100%;
        padding-left: 3px;
    }

    .header_orange {
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header_orange a {
        gap: 15px;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 600;
    }

    .header_orange a img {
        margin-bottom: 0;
        margin-top: 0;
        width: 7px;
        height: 10px;
    }


    .header_under-bg {
        background: #fff;
        width: 100%;
        height: 52px;
        padding-top: 0;
        box-shadow: 0px 4px 15px 0px #00000014;
        align-items: center;
    }

    .header_under {
        display: flex;
        margin: 0 auto;
        padding: 0;
    }


    .header_logo {
        height: 36px;
        margin: 0 0 0 15px;

    }

    .header_usericon-sp-icon {
        display: block;

    }

    .header_usericon-pc-icon {
        display: none;

    }

    .header_under p {
        font-size: 1.0rem;
        line-height: 12px;
        margin-left: 8px;
    }

    .nav_login {
        display: block;
        margin: 0;
    }

    .nav_nonlogin {
        display: none;
    }

    .openbtn {
        width: 21px;
        height: 14px;
        margin: 4px 0 0 auto;
        padding-right: 15px;
    }

    .openbtn span {
        left: 0px;
        width: 21px;
    }

    .openbtn span:nth-of-type(1) {
        top: 15px;
    }

    .openbtn span:nth-of-type(2) {
        top: 21px;
    }

    .openbtn span:nth-of-type(3) {
        top: 27px;
    }

    .forgood-footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 20px;
    }

    .forgood-footer li {
        margin-top: 40px;
    }

    .forgood-footer h2 {
        font-size: 2.0rem;
        margin: 0 0 15px;
    }

    .forgood-footer p {
        font-size: 1.4rem;
        margin: 0 0 10px;
    }

    .forgood-footer a {
        text-decoration: none;
        color: #fff;
    }

    .footer_snslink {
        margin-top: 30px;
    }

    .footer_snslink img {
        margin-right: 10px;

    }

    .forgood-footer_snslink img {
        width: 35px;
    }

    .footer-responsive {
        display: flex;
    }

    .forgood-footer_pc .footer-left-side,
    .footer-right-side {
        width: 50%;
    }

    .forgood-footer_pc .footer-left-side a {
        display: inline-block;
        width: 88%;
    }

    .hamburger-menu {
        display: block;
    }

    .header_under-img {
        height: 42px;
        margin: 5px 13px 0 15px;
    }

    .ha1 {
        width: 20.63px;
        height: 21.72px;
        margin-left: 0;
        position: relative;
        right: 50px;
        top: 15px;
    }

    #menu-btn-check:checked~.menu-btn span {
        background-color: rgba(255, 255, 255, 0);
    }

    #menu-btn-check:checked~.menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
        position: fixed;
        top: 60px;
        right: 23px;
    }

    #menu-btn-check:checked~.menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
        position: fixed;
        top: 60px;
        right: 23px;
    }

    #menu-btn-check:checked~.menu-btn-overlay {
        display: block;
        pointer-events: auto;
    }

    .menu-btn-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        display: none;
        z-index: -1;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    #menu-btn-check:checked~.menu-content {
        right: 0;
    }

    #menu-btn-check {
        display: none;
    }

    .menu-content .flex-fill {
        margin-top: 1.8rem !important;
        margin-bottom: 0 !important;
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .menu-content .input-group {
        max-width: 230px !important;
        border: 1px solid #7D7161;
        border-radius: 20px;
        margin: 0 auto;
    }

    .menu-content .input-group input {
        border: none;
        border-radius: 20px;
        background-color: #FFF;
        padding: 7px 14px;
    }

    .menu-content .input-group input::placeholder {
        color: #2F1B0099 !important;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.6rem;
    }

    .menu-content .input-group-text {
        background-color: #7D7161;
        border: none;
        border-radius: 20px;
    }

    .menu-content .input-group-text span {
        color: #FFFFFF;
        font-size: 1.3rem;
        font-weight: 500;
    }

    .menu-btn {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        align-items: center;
        display: flex;
        justify-content: center;
        width: 50px;
        z-index: 50000;
    }

    .menu-btn span:before {
        bottom: 8px;
    }

    .menu-content ul {
        padding: 0 20px;
    }

    .menu-content ul li {
        list-style: none;
    }

    .modal-title {
        margin-top: 20px;
    }

    .nav-items__item a .nav-items__item-inner span {
        font-size: 1.4rem;
    }

    .nav-items__item-start,
    .nav-items__item-search {
        display: block !important;
        text-align: center;
        border-radius: 40px;
        width: 230px;
    }

    .nav-items__item-start {
        border: 2.05px solid #FC6203;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 8px 15px 8px 0;
    }

    .nav-items__item-search {
        border: 2.05px solid #02A1A7;
        padding: 8px 15px 8px 0;
        margin-bottom: 12px;
    }

    .nav-items__item-start a,
    .nav-items__item-search a {
        position: relative;
    }

    .nav-items__item-start a {
        color: #FC6203 !important;
    }

    .nav-items__item-search a {
        color: #02A1A7 !important;
    }

    .nav-items__item-start a:after,
    .nav-items__item-search a:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        content: "";
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .nav-items__item-start a:after {
        background-image: url(../../images/top/top-forgood-about_button-arrow-orange.svg);
    }

    .nav-items__item-search a:after {
        background-image: url(../../images/top/top-forgood-about_button-arrow-blue.svg);
    }

    .nav_login a {
        width: 100%;
        box-sizing: border-box;
        color: #2F1B00;
        text-decoration: none;
        padding: 13px 0 10px 10px;
        position: relative;
    }

    .nav_login-button1,
    .nav_login-button2 {
        margin: 0 auto;
        width: 325px;
        height: 50px;
        margin: 20px auto;
    }

    .nav_login-button1 {
        background: #fd781d;
        align-items: center;
        border-radius: 11px;
        display: flex;
        justify-content: center;
    }

    .nav_login-button1 a {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0 0 0 auto;
        text-decoration: none;
    }

    .nav_login-button1 a::after {
        content: "";
        background-size: contain;
        background: url("../images/header-button.png") no-repeat;
        display: inline-block;
        height: 19px;
        margin: 0 30px 0 84px;
        position: relative;
        top: -3px;
        vertical-align: middle;
        width: 12px;
    }

    .nav_login-button2 {
        background: #333;
        align-items: center;
        border-radius: 11px;
        display: flex;
        justify-content: center;
    }

    .nav_login-button2 a {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0 0 0 auto;
        text-decoration: none;
    }

    .nav_login-button2 a::after {
        content: "";
        background-size: contain;
        background: url("../images/header-button.png") no-repeat;
        display: inline-block;
        height: 19px;
        margin: 0 30px 0 84px;
        position: relative;
        top: -3px;
        vertical-align: middle;
        width: 12px;
    }

    .nav_login p {
        font-size: 1.8rem;
        color: #000;
        display: inline-block;
        font-weight: 600;
        margin: 30px auto 10px;
    }

}

@media(max-width: 1040px) {

    .aboutforgood-top {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin: 0 auto;
        background: #FCF4EF;
    }



    .top2-img1 {
        width: 35vh;
        margin: -120px 0 0 auto;
        padding: 80px 0 0;
        display: flex;
        align-items: flex-end;
        background: #FCF4EF;
        z-index: 10;
    }

    .top2 {
        position: relative;
    }

    .top2-div {
        padding: 30px 0 0;

    }

    .top2 h3 {
        font-size: 3.5rem;
        font-weight: 600;
        color: #fd781d;
        margin: 40px auto 0;
        text-align: center;
    }

    .top2 p {
        font-size: 1.4rem;
        font-weight: 600;
        color: #333;
        margin: 30px 25px 0;
        text-align: center;
    }

    .top2 p:last-child {
        font-size: 1.6rem;
    }



    .section-point {
        background: #FCF4EF;
        padding: 70px 0 15px;
    }

    .section-point h3 {
        font-size: 2.0rem;
        color: #000;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .section-point-forgood h3::before,
    .section-point-forgood h3::after,
    .section-point h3::before,
    .section-point h3::after {
        content: '';
        width: 2px;
        height: 22px;
        background-color: #000;
    }

    .section-point-forgood h3::before,
    .section-point h3::before {
        margin-right: 20px;
        transform: rotate(-35deg)
    }

    .section-point-forgood h3::after,
    .section-point h3::after {
        margin-left: 20px;
        transform: rotate(35deg)
    }

    .section-point-forgood h2,
    .section-point h2 {
        font-size: 3.5rem;
        margin: 0 auto 55px;
        font-weight: 600;
        text-align: center;
        color: #fd781d;
    }

    .poall {
        width: 325px;
        margin: 0 auto 0;
    }

    .poall:first-child {
        margin: 0 auto;
    }

    .poall:last-child {
        margin: 0 auto;
    }

    .po1 {
        position: relative;
        width: 325px;
        height: 125px;
        background: #F0F0F0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .po1 p {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.1rem;
        line-height: 3.2rem;
        font-weight: 600;
        margin: 0 auto;
    }

    .po1 img {
        width: 140px;
        top: -26px;
        margin: 0 auto 0;
        display: flex;
        justify-content: center;
        position: absolute;
    }

    .po2,
    .po3 {
        height: unset;
        width: 325px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto 55px;
        padding: 20px 0;
        border-radius: 0 0 10px 10px;
    }

    .po2 img {
        margin: 0;
        width: 91.7px;
    }

    .po3 img {
        margin: 0;
        width: 147.5px;
    }

    .po2 p,
    .po3 p {
        text-align: left;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 20px 25px;
    }

    .po2 a {
        font-size: 1.2rem;
        color: #000;
        margin-bottom: 10px;
    }

    .po3 span {
        font-size: 1.0rem;
        color: #000;
        text-align: center;
        margin-bottom: 10px;
    }

    .section-join {
        padding: 50px 0 40px;
    }

    .section-join h3 {
        font-size: 2.0rem;
        color: #000;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .section-join h3::before,
    .section-join h3::after {
        content: '';
        width: 2px;
        height: 22px;
        background-color: #000;
    }

    .section-join h3::before {
        margin-right: 20px;
        transform: rotate(-35deg)
    }

    .section-join h3::after {
        margin-left: 20px;
        transform: rotate(35deg)
    }

    .section-join h2 {
        font-size: 3.5rem;
        margin: 0 auto 30px;
        font-weight: 600;
        text-align: center;
        color: #fd781d;
    }

    .joall {
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        width: 325px;
        margin: 0 auto 0;
        border-radius: 10px;
    }

    .jo1 p {
        width: 325px;
        height: 72px;
        text-align: center;
        color: #50BCE7;
        background: #EDF9FD;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.1rem;
        font-weight: 600;
        margin: 0 auto;
        border-radius: 10px 10px 0 0;
    }

    .jo2 {
        width: 325px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto 30px;
        padding: 0 0 20px;
        border-radius: 0 0 10px 10px;
    }

    .jo2 p {
        text-align: center;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 20px 25px;
    }

    .jo2 a {
        font-size: 1.2rem;
        color: #000;
        margin-bottom: 10px;
    }

    .join-button {
        display: flex;
        justify-content: center;
    }

    .join-button a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #44C6ED;
        text-decoration: none;
        font-size: 1.8rem;
        width: 284px;
        height: 50px;
        margin: 0 10px;
        border-radius: 25px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        font-weight: 600;
    }

    .join-button img {
        width: 19.8px;
        margin: 4px 0 0 10px;
    }

    .joall2 {
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        width: 325px;
        margin: 0 auto 0;
        border-radius: 10px;
    }

    .jo12 p {
        width: 325px;
        height: 72px;
        text-align: center;
        color: #F4758D;
        background: #FEF1F3;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.1rem;
        font-weight: 600;
        margin: 0 auto;
        border-radius: 10px 10px 0 0;
    }

    .jo22 {
        width: 325px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0 auto 30px;
        padding: 0 0 20px;
        border-radius: 0 0 10px 10px;
    }

    .jo22 p {
        text-align: center;
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 400;
        margin: 20px 25px;
    }

    .jo22 a {
        font-size: 1.2rem;
        color: #000;
        margin-bottom: 10px;
    }

    .join-button2,
    .join-button3 {
        display: flex;
        justify-content: center;
    }

    .join-button2 a,
    .join-button3 a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background-color: #F4758D;
        text-decoration: none;
        font-size: 1.8rem;
        width: 284px;
        height: 50px;
        margin: 0 10px;
        border-radius: 25px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        font-weight: 600;
    }

    .join-button2 a {
        margin: 0 10px 10px;
    }

    .join-button2 img {
        width: 22px;
        margin: 4px 0 0 10px;
    }

    .join-button3 img {
        width: 34.05px;
        margin: 4px 0 0 10px;
    }



    .section-news {
        padding: 0 0 50px;
    }

    .section-news h3 {
        font-size: 2.0rem;
        color: #000;
        font-weight: 600;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .section-news h3::before,
    .section-news h3::after {
        content: '';
        width: 2px;
        height: 22px;
        background-color: #000;
    }

    .section-news h3::before {
        margin-right: 20px;
        transform: rotate(-35deg)
    }

    .section-news h3::after {
        margin-left: 20px;
        transform: rotate(35deg)
    }

    .section-news h2 {
        font-size: 3.5rem;
        margin: 0 auto 30px;
        font-weight: 600;
        text-align: center;
        color: #fd781d;
    }

    .newsall {
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        width: 325px;
        margin: 0 auto 30px;
        border-radius: 10px;
        position: relative;
        padding-bottom: 50px;
    }

    .newsall img {
        width: 325px;
    }

    .np1 {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.4rem;
        font-weight: 600;
        color: #fff;
        background: #fd781d;
        border-radius: 14px;
        width: 100px;
        height: 28px;
        margin: 0;
        top: 200px;
        right: 20px;
    }

    .np2 {
        display: flex;
        justify-content: flex-start;
        font-size: 1.5rem;
        font-weight: 400;
        color: #767676;
        margin: 20px 20px;
    }

    .np3 {
        font-size: 1.6rem;
        font-weight: 400;
        margin: 0 20px;
    }



    .slick-slide_dis {
        width: 295px;
    }

    .slick-slide_disin {
        position: relative;
    }

    #slick-slide {
        max-width: 1200px;
        margin: 0 auto;
    }

    #slick-slide img {
        width: 230px;
        margin: 20px auto 0;
    }

    .slick-slide_dis h4 {
        font-size: 1.8rem;
        font-weight: 500;
        color: #fd781d;
        background: #FCF4EF;
        border-radius: 6px;
        border: 2px solid #fd781d;
        padding: 10px;
        margin: 0;
        position: absolute;
        top: -20px;
        right: 60px;
        text-align: center;
        line-height: 2.4rem;
    }

    .sp1 {
        font-size: 1.4rem;
        text-align: center;
    }

    .sp1 span {
        color: #707070;
        margin-right: 16px;
    }

    .sp2 {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 3rem;
        text-align: center;
        margin: 0 auto;
        width: 325px;
    }

    .b1 {
        font-size: 1.4rem;
        text-align: center;
        font-weight: 600;
        color: #fff;
        background: #fd781d;
        width: 220px;
        height: 35px;
        border-radius: 13px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px auto 10px;

    }

    .b2 {
        font-size: 1.4rem;
        text-align: center;
        font-weight: 600;
        color: #fff;
        background: #50BCE7;
        width: 220px;
        height: 35px;
        border-radius: 13px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 20px;
        box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.2);
    }


    .section-next_under {
        align-items: center;
    }



    progress {

        width: 300px;
    }

    .nextarea_sp {
        display: flex;
        justify-content: center;
    }


    .userconfig-data-container {

        min-width: 325px;
    }

    .userconfig-editor-container {
        min-width: 325px;
    }

    .top1 {
        position: relative;
        z-index: 2;
    }

    .top1 img {
        height: 28vh;
        width: 100%;
        position: relative;
    }

    .top1 p {
        position: absolute;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: left;
        top: 120px;
        left: 20px;
        margin: 0;
    }

}

@media(max-width: 768px) {

    /* みんなの応援コメント */
    .project_kanso-wrapper {
        width: 100%;
    }

    .project_cheer-for {
        width: 100%;
        margin: 20px auto 0;
        padding: 0 10px;
    }

    .project-light-bulb {
        width: 18px;
        margin: 0px 3px 5px 0;
    }

    .project_notification {
        width: 100%;
        margin: 20px auto 0;
        padding: 0 15px;
    }

    .project_notification a {
        text-decoration: none;
    }

    .project_notification a img {
        width: 12px;
    }

    .project_notification_txt .project_notification_txt_inner .project_notification_txt_inner_message {
        font-size: 12px;
    }

    .project_notification_txt li {
        margin-bottom: 5px;
    }

    .next-amount-text {
        font-size: 13px;
        color: #00000080;
    }


    .next-card-img-wrapper {
        flex-basis: 100%;
        max-height: 217px;
        width: 100%;
        overflow: hidden;
        border-radius: 8px 8px 0 0;
    }

    .next-card-img-wrapper img {
        width: 100%;
        height: auto;
    }

    .next-card-text-wrapper {
        min-height: 217px;
        /* max-height: 217px; */
        flex-basis: 100%;
        padding: 4px 15px;
        gap: 0;

    }

    .next-amount-text {
        font-size: 13px;
        color: #00000080;
    }



    .clock-section-wrapper>h4 {
        font-size: 2rem;
    }

    .project-checkbox {
        display: none !important;
    }

    .link-continer {
        flex-direction: column;
        gap: 20px;
        padding: 25px;

    }

    .ol-img {
        width: 80%;
        overflow: hidden;
    }

    .ol-img img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .ol-discription {
        width: 100%;
    }

    .ol-discription h2 {
        font-size: 18px;

    }

    .ol-discription p {
        font-size: 14px;
    }

    .ol-discription a {
        padding: 13px;
        width: 100%;
        font-size: 1.3rem;
        min-width: unset;
    }

    .ol-discription a::before {
        width: 30px;
        height: 30px;
        right: 8px;

    }

    .ol-discription a::after {
        right: 16px;
    }





    .pc-br {
        display: none;
    }

    .sp-br {
        display: block;
    }


    .line-open-chat {
        width: 288px;
    }

    .btn-50-360 {
        width: 288px;
    }

    .support-list-bottom h3 {
        padding: 0 1rem;
        text-align: left;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.2;
        margin: 100px auto 36px;
    }

    .section-point-support-bottom {
        flex-direction: column;
        margin-bottom: 56px;
    }

    .section-point-container {
        padding: 32px 18px;
        margin-bottom: 0;
    }

    .support-list-bottom {
        padding: 5.6rem 1.8rem 8rem;
    }

    #modal-project {
        background: #fff;
        display: none;
        padding: 20px;
        position: absolute;
        top: 10rem;
        left: 50%;
        transform: translate(-50%, 0);
        height: auto;
        width: 85%;
        z-index: 999;
        padding: 24px 16px 32px;
        border-radius: 20px;
        min-width: 325px;
    }

    .modal__inner p {
        font-size: 13px;
    }

    .modal__inner h2 {
        font-size: 2.0rem;
    }

    .modal__inner h3 {
        font-size: 16px;
        font-weight: 700;
    }


    #modal-support {
        padding: 40px 20px;
    }

    #modal-support h2 {
        text-align: left;
        font-size: 1.8rem;
    }

    .modal__caution-container {
        gap: 5px 0;
        margin-bottom: 20px;
        text-align: center;

        .modal__caution-title {
            font-size: 24px;
            line-height: 34px;
        }

        p {
            text-align: center;
            font-size: 16px;
            margin-bottom: 20px;
            padding: 0 8px;
        }

        img {
            width: 40px;
        }
    }


    .modal__check_container {
        padding: 20px 15px;
        margin-bottom: 20px;
    }

    .modal__check_container p {
        font-size: 13px;
        margin: 0;
    }

    .modal__check_form {
        align-items: flex-start;
        margin-bottom: 8px;
    }

    .modal__check_form h4 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 20px;
    }

    .modal_privacy-check-container h4 a {
        font-size: 1.4rem;
    }

    .modal__button-container {
        margin-top: 20px;
        flex-direction: column-reverse;
        gap: 16px 0;
        align-items: center;
    }

    .modal__button_orange-support {
        width: 250px;
    }

    #toast-container.flash_message_position>.toast-success {
        width: 267px;
        height: 122px;
        top: 51%;
        justify-content: flex-end;
    }

    #toast-container.flash_message_position .toast-message {
        padding-top: 19px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin: 0;
    }

    #toast-container.flash_message_position .toast-title {
        padding: 0;
        margin: 0 0 auto;
        font-size: 12px;
        line-height: 19.2px;
        font-weight: 400;
    }

    #toast-container.flash_message_position .toast-close-button {
        padding-bottom: 0;
        margin-bottom: 0;
        height: 40px;
        width: 100%;
        background-color: #FD781D;
        font-size: 16px;
        line-height: 16px;
        color: #fff;
        font-weight: 700;
        border-radius: 0 0 10px 10px;
    }

    .more-activityreport {
        padding: 0;
    }

    .modal__back {
        font-size: 18px;
    }

    .modal__button_orange {
        font-size: 18px;
    }

    .modal_privacy-check-container {
        .modal__check_form-text {
            h4 {
                font-size: 15px;
                font-weight: 500;
                margin: 0;
            }
        }
    }

    .product-description p {

        font-size: 1.6rem;

    }

    .mock-checkbox,
    .custum-checkbox {
        min-width: unset;
    }

    .check-card-wrapper {

        padding: 40px 0 80px;

    }


    .check-card-container {

        margin: 0 auto;

    }


    .profile-main {
        font-size: 1.7rem;
        line-height: 25px;
        margin: 0 8px;
    }


    .product-description-detail {
        right: 15px;
        bottom: 10px;
        font-size: 16px;
        font-weight: 600;
    }

    .header_logo {

        margin: 0 0 0 8px;

    }

    .profile-name-container {
        display: flex;
        flex-direction: column;
        padding: 0 24px;
        justify-content: flex-end;
    }


    .profile-name-container p {
        font-weight: 500;
        font-size: 16px;
    }

    .profile-container {
        margin: 24px 8px 12px;
    }

    .profile-container img {
        margin: 0;
        height: 80px;
        width: 80px;
    }

    .pagination-custom {
        margin: 0 auto;
        margin-bottom: 25px;
        display: flex;
        justify-content: center;
        width: 325px;
        gap: 20px 15px;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .favorite_pagenation .pagination-custom {
        margin-bottom: 40px;
    }

    .section-born-z h3 {
        font-size: 3.2rem;
    }

    .top2 p {
        font-size: 1.1rem;
    }



    .quesitonedit_area {
        padding: 25px 15px;


    }

    .return-question-card {
        margin: 0 auto;
        width: 325px;
        flex-direction: column;
    }

    .return-question-card img {
        max-width: 100%;

    }

    .publication {
        padding: 3rem 1rem 4rem;
    }

    .whitebutton-publication {
        min-width: 221px;
        display: block;
        padding: 8px 22px;
    }


    .edit-project-title h3 {
        font-size: 1.8rem;
    }

    .t3_under {
        flex-direction: column;
        padding: 0 18px 80px;

    }

    .status-progress {
        max-width: 200px;
    }

    .transparent-banner {
        opacity: 0.5;
        transition: opacity 0.5s;
    }

    .project-card-border {
        width: 90%;
        max-width: 302px;
    }

    .achievement-list-menu {
        flex-direction: column;
        max-width: 325px;
        margin: 40px auto 20px;
        align-items: flex-start;
        gap: 20px;
    }

    .achievement-list-menu h3 {
        font-size: 2.4rem;
    }

    .achievement-list-menu a {
        margin-right: 0;
        margin-left: auto;
        height: 3.8rem;
    }


    .announce-never {
        font-size: 1.4rem;
    }

    .announce-never p {
        font-size: 1.2rem;
    }

    .top2-img2 {
        width: 70%;
        margin: 30px 0 0 0;
        top: 40px;
    }

    .activity-list-show {
        gap: 30px 0;
        justify-content: center;
    }

    .support {
        width: 100%;
    }

    .support-detail-container {
        min-width: 325px;
        padding: 25px;
        margin: 0;
        width: 100%;
    }

    .form-check-label input {
        display: none;
    }

    .orange-button-outline {
        margin: 1.4rem auto 0;
    }

    .section-next_top3 {
        margin: 20px 0;
        justify-content: center;
    }


    .top2-2,
    .top2-3 {
        margin: 0;
    }

    .top2-1-2 p {
        font-size: 2rem;
    }

    .top2-1-2 {
        padding: 6px;
    }

    .top2-1-2 p span {
        font-size: 1.2rem;
        margin: 0;
    }

    .spt-section-next_top2 {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 4px 0 20px;
        gap: 2rem 1rem;
    }

    .ob-button-v8 button {
        min-width: 6rem;
    }

    .black-button-157 {
        margin: 31px 0 0;
        height: 30px;
        font-size: 1.4rem;
    }

    .form1 {
        text-align: left;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .term-editor {
        flex-wrap: wrap;
        gap: 0.2rem;
    }

    .term-editor input {
        font-size: 1.4rem;
        height: 30px;
    }

    .project-analytics-wrapper {
        padding: 75px 8px 0;
    }

    .config-term-container {
        padding: 20px 8px;
    }

    .t3_left img {
        width: 100%;
        max-width: 325px;
        margin: 0 auto;
    }

    .top1 {
        overflow: hidden;
    }

    .top1 img {
        height: 30vh;
        width: 110%;
        position: relative;
    }

    .activity-list-container {
        justify-content: center;
    }

    .project-detail-tabs {
        text-align: center;
        top: 0;
        display: flex;
        justify-content: space-between;
        gap: 2px;
    }

    .detail-tab {
        line-height: 2.5;
        height: 30px;
        font-size: 14px;
        width: 32.5%;
    }

    .active.detail-tab {
        height: 30px;
        font-weight: 700;
    }

    .detail-tab span {
        line-height: 15px;
        font-size: 12px;
        height: 15px;
        min-width: 15px;
    }

    .caption_area_help {
        padding: 4rem 0rem;
        margin: 0;
    }

    .help-detail-wrapper {
        flex-wrap: wrap-reverse;
        margin-bottom: 4rem;
    }

    .help-detail-sidebar {
        /* flex-basis: 100%;
        margin-bottom: 4rem; */
        padding-right: 0;
        border-right: none;
    }

    .help-detail-main-container {
        padding-left: 0;
        flex-basis: 100%;
    }


    .table_help_index tbody tr td a {
        font-weight: 500;
        font-size: 1.2rem;
    }

    .help-detail-sidebar {
        padding-top: 40px;
        flex-basis: 100%;
    }

    .help-detail-sidebar ul li:last-child {
        margin-bottom: 0;
    }

    .help-detail-main-container {
        padding-left: 0;
        flex-basis: 100%;
    }

    .help-detail-main-container h1 {
        font-size: 25px;
    }

    .help-detail-main-container h2 {
        font-size: 18px;
        font-weight: 700;
    }

    .help-detail-main-container h3 {
        font-size: 1.6rem;
        font-weight: 700;
    }

    .help-detail-main-container a {
        text-decoration: none;
    }

    .help-detail_answer_content p,
    .help-detail-main-container li,
    .help-detail-main-container a,
    .help-detail_answer_content dt,
    .help-detail_answer_content dd {
        font-size: 1.5rem;
    }

    .main-content-viewarea {
        max-width: 325px;
        padding-bottom: 6rem;
    }

    .white_caption_container {
        padding: 1.2rem 2.4rem;
    }

    .sns_login {
        margin-bottom: 60px;
    }

    .form_content_area {
        /* padding: 25px 0 10px; */
        border-radius: 0 !important;
    }

    .mypj_about-edit {
        padding: 0 25px 0 25px;
        margin-bottom: 20px !important;
    }

    .form_content {
        padding: 0 25px;
        margin-bottom: 30px;
    }

    .form_content-bottom {
        padding-bottom: 20px;
    }

    .form_content-top {
        padding-top: 25px !important;
    }


    .form_content .wordcounter {
        font-size: 10px;
        font-weight: 400;
    }

    .mypj_about-edit_speakerbubble {
        width: 257px !important;
        height: 87px !important;
    }

    .form_content .text-orange {
        font-size: 12px;
        font-weight: 400;
        line-height: 18.82px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
    }

    .form_content p {
        font-size: 12px;
        font-weight: 400;
    }

    p.form_content2--subtext {
        font-size: 13px;
    }

    .for {
        display: none !important;
    }

    .eyecatch-area {
        flex-flow: column;
    }

    .upload-wrapper {
        padding: 15px 0 0 0;
    }

    .d-flex .img-info {
        padding-left: 0;
    }

    .block-manyen {
        line-height: 3;
        vertical-align: bottom;
        display: inline-block;
        margin-left: 4px;
        width: 20px;
        height: auto;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        border-radius: 3px;
    }



    .question-delete {
        padding: 0 24px;
        width: auto;
        margin: 0 0px 0 25px;
    }

    .pst4i-buttons a {
        font-size: 14px;
        width: 120px;
        line-height: 40px;
        height: 45px;
    }

    .announce-success {
        width: 325px;
    }

    .explanation-title {
        width: 325px;
    }

    .input-top {
        width: 325px;

    }

    .projectedit-button-wrapper {
        flex-direction: column;
    }

    .manager-button-big {
        height: 50px;
    }

    .mock-checkbox p {
        font-size: 1.4rem;
    }

    .mock-checkbox p span {
        font-weight: 600;
    }

    .step1 p,
    .step1 p span {
        font-size: 1.6rem;

    }

    .step2 p {
        font-size: 1.4rem;
        font-weight: 500;
        margin: 15px 0 0;

    }

    .bigimg-wrapper {
        border-radius: 8px;
        margin: 2rem auto 0;
        width: 100%;
        grid-template-columns: 1fr;

    }

    .img-group-inline img {
        width: 325px;
        height: auto;

    }

    #eye_catching_image_url {
        display: block;
        margin: 1px 2px;

    }

    .return_content {
        background-color: #fff;
        box-sizing: border-box;
        padding: 2rem 0.4rem;

    }

    .application_area {
        width: 100%;
        margin: 72px 0 0 0;
        position: relative;
    }

    .userconfig-editor-input {
        width: 325px;
    }

    .all-black-button a {
        padding: 1.6rem 4rem 1.6rem 2rem;
    }

    .all-black-button a img {
        width: 24px;
        height: 24px;
    }

    .support_list_top {
        font-size: 1.2rem;
        font-weight: 500;
    }

    .project_create {
        width: 325px;
    }

    .section-next_bigimg {
        border-radius: 8px;
        width: 325px;
        grid-template-columns: 1fr;
    }

    @media (max-width: 768px) {
        .section-next_bigimg {
            width: auto;
        }
    }

    .project-title-sp {
        font-size: 2.3rem;
        font-weight: 600;
        padding: 30px 0;
    }

    .support_list_bottom {
        font-size: 1.1rem;
    }

    .support_list_bottom tbody {
        font-size: 1.1rem;
    }

    .project_back {
        font-size: 1.4rem;
    }


    .search_title {
        font-size: 1.6rem;
    }

    .black-button-outline-157 button {
        width: 100% !important;
    }

    progress {

        width: 300px;
    }

    a {
        color: blue;
        text-decoration: underline;
    }

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

    /* index */
    .poall {
        width: 325px;
        margin: 0 auto 0;
    }

    /* 相談フォーム */
    .contactform_area input[type="text"],
    .contactform_area input[type="email"],
    .contactform_area input[type="tel"],
    .contactform_area select {
        display: inline-block;
        height: 40px;
        width: 325px;
        font-size: 1.6rem;
        margin: 6px auto 4px;
        padding: 0 10px;
    }

    .contactform_area textarea {
        width: 325px;
    }

    /* top; */


    .project-slide {
        margin: 0 auto 40px;
    }

    .section-pickup {
        padding: 20px 0 40px;
        margin-top: 0;
    }

    .nextarea_title {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .nextarea_title h2 {
        font-size: 1.2rem;
        color: #fd780d;
        margin: 16px 0 0 10px;
    }

    .nextarea_title img {
        width: 178px;
    }

    .nextarea_bigimg {

        max-width: 400px;
    }

    .section-next_under-sp {
        background-color: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 40px 0 0 0;
    }



    .section-next_bigimg-dis_top h3 {
        display: flex;
        font-size: 3.6rem;
        justify-content: center;
        margin: 0 0 8px;
        font-weight: 600;
        padding: 0;
    }

    .create_project_bigimg h3 {
        font-size: 1.8rem;
        font-weight: 600;
        padding: 5% 0;
    }

    .section-next {
        margin: 0 auto;
    }

    .section-next_bigimg-dis_top h3 span {
        font-size: 1.4rem;
        margin-left: 2px;
        position: relative;
        top: 24px;
    }

    .section-next_bigimg-dis_top p {
        color: #707070;
        display: flex;
        font-size: 1.2rem;
        justify-content: center;
        margin-bottom: 10px;
    }

    .section-next_bigimg-dis_un {
        display: flex;
        justify-content: center;
    }



    .section-next_bigimg-dis_un-dis_img {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .section-next_bigimg-dis_un-dis img {
        height: 24px;
        width: 24px;
    }

    .section-next_bigimg-dis_un-dis p {
        font-size: 1.3rem;
        font-weight: 600;
        margin: 4px 0 0;
    }





    .section-next input[type="text"],
    .section-next input[type="email"],
    .section-next input[type="tel"],
    .section-next select,
    .section-next textarea {
        width: 656px;
    }

    .section-next select {
        width: 680px;
    }

    .section-next textarea {
        height: 280px;
    }

    .section-next h1 {
        display: flex;
        font-size: 2.2rem;
        font-weight: 600;
        justify-content: center;
        margin: 20px 25px 0;
        text-align: left;
    }

    .section-next_under {
        background: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 40px;
    }


    .comment-title-container p {
        max-width: 180px;
        height: 24px;
        overflow: hidden;

    }

    .comment-content-container {
        margin-bottom: 4px;
        max-height: 60px;
    }

    .yet-comment,
    .activity-mini-container p,
    .comment-title-container p {
        font-size: 1.4rem;
    }

    .comment-content-container p {
        font-size: 1.7rem;
        line-height: 1.6;
        letter-spacing: 0;
        text-align: left;
    }

    .section-next_under-left ul {
        max-width: 325px;
        margin: 0 auto;

    }

    .section-next_under-left ul li {
        margin-bottom: 12px;
    }


    .section-next_under-right_dis1 {
        display: flex;
        justify-content: center;
    }

    .favorite-button {
        align-items: center;
        background: white;
        border-radius: 13px;
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
        color: #707070;
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 50px;
        justify-content: center;
        text-decoration: none;
        margin: 15px;
        width: 325px;
    }

    .favorite-button img {
        height: 21px;
        width: 52.24px;
    }

    .favorite-button p {
        margin: auto 4px;
    }

    .section-next_under-right_dis2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 10px auto 12px;
    }

    .section-next_under-right_dis3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: #fff;
        margin: 20px auto;
    }

    .border_dot {
        border-top: 2px dotted #333333;
        position: relative;
        top: 15px;
        width: 325px;
    }

    .section-next_under-right_dis2 span {
        font-size: 1.4rem;
    }

    .section-next_under-right_dis3 span {
        background-color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0 auto;
        padding: 0 10px;
        z-index: 3;
    }

    .section-next_under-right_dis2 ul,
    .section-next_under-right_dis3 ul {
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
        padding: 0;
    }

    .section-next_under-right_dis2 ul li,
    .section-next_under-right_dis3 ul li {
        list-style-type: none;
        margin: 0 10px;
    }

    .contactform_area_floatmeter {
        display: none;
    }

    .contactform_area_wrapper {
        padding: 50px 25px 20px;
    }

    .contactform_area_wrapper h2 {
        letter-spacing: 0;
    }

    .contactform_area {
        width: 325px;
        margin: 0 auto;
    }

    .contactform_area_fukidashi {
        min-width: 275px;

    }

    .contactform_area_title--blue,
    .contactform_area_title--orange {
        display: flex;
        line-height: 1.5;
        letter-spacing: 0.1rem;
        margin-bottom: 15px;
    }

    .contactform_area_box--text {
        font-size: 1.2rem;
        gap: 1px;
        letter-spacing: 0;

    }

    .contactform_area_circle--orange {
        font-size: 1.2rem;
    }

    .contactform_area_box--sub {
        margin-left: 1rem;
    }

    .contactform_area_fukidashi {
        padding: 13px 10px;
    }

    .contactform_area_fukidashi_box img {
        width: 45px;
    }

    .contactform_area_fukidashi p {
        font-size: 1.2rem;
        text-align: left;
        margin: 0;
    }

    .contactform_area_fukidashi .link-underline {
        text-align: left;
        display: block;
        font-size: 1.2rem;
    }

    .contactform_area-privacy {
        font-size: 1.2rem;
    }


    .section-project {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 40px;
    }

    .section-project_right {
        margin: 0 auto;
        width: 325px;

    }

    .section-project_right-topimg {
        margin: 0 auto;
        width: 100%;
    }





    .section-project_right-under h3 {
        font-size: 1.8rem;
        margin: 0 0 20px;
    }



    .section-project_left {
        padding: 40px 0 80px;
        width: 325px;
    }

    .section-project_left-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 24px;
    }

    .section-project_left-1 img {
        margin: 0 auto 25px;
    }

    .section-project_left-1_dis {
        border-radius: 20px;
        border: solid #000 2px;
        margin-bottom: -30px;
        padding: 50px 10px 35px;
        position: relative;
        top: -30px;
        z-index: -1;
    }

    .section-project_left-1 h4 {
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0 auto 0 0;
        text-align: center;
        text-align: left;
    }

    .section-project_left-1 p {
        font-size: 1.3rem;
        font-size: 1.6rem;
        font-weight: 100;
        font-weight: 300;
        margin: 20px auto 0px 0;
        text-align: center;
        text-align: left;
    }

    .section-project_left-2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-top: 40px;
        margin-bottom: 56px;
    }

    .section-project_left-2_dis div {
        display: flex;
    }

    .section-project_left-2 h4 {
        font-weight: 600;
    }



    .p1 {
        color: #fd781d;
        font-size: 2.3rem;
        font-weight: 600;
        margin: 15px 0 0 0;
        text-decoration: none;
    }

    .orange_line {
        font-size: 1.8rem;
    }

    .black_line {
        color: #000;
        margin: 0;
        margin: 25px 0 20px;
    }

    .section-project_left-3 {
        margin: 3.2rem 0;
    }

    .section-project_left-5 {
        margin: 3.2rem 0;
    }

    .section-project_left-4 {
        margin: 3.2rem 0;
    }

    .section-project_left-5 img {
        margin: 40px 0 0;
        width: 325px;
    }

    .section-project_left-7 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px 0 0;
        padding: 20px;
    }

    .section-project-sp-main .section-project_left-7 .profile-container {
        margin: 0;
    }

    .section-project_left-7 h3 {
        font-size: 16px;
        margin-bottom: 14px;
    }

    .section-project_left-7 h3::after {
        width: 221px;
    }

    .section-project_left-7 .profile-container-right {
        margin-left: 14px;
    }

    .section-project_left-7 .profile-container-left {
        width: 60px;
        height: 60px;
    }

    .section-project_left-7 .profile-container-left img {
        width: 60px;
        height: 60px;
    }

    .section-project_left-7 .profile-corp {
        font-size: 11px;
        line-height: 11px;
        margin: 4px 0 7px;
    }

    .section-project_left-7 .profile-name {
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 13px;
    }

    .readmore {
        padding-bottom: 23px;
    }

    .readmore button {
        font-size: 11px;
        line-height: 11px;
        padding-right: 11px;
    }

    .readmore button::after {
        bottom: 4.5px;
        width: 6px;
        height: 6px;
    }

    .readmore button.open::after {
        bottom: 0;
    }

    .readmore-content p {
        width: 210px;
    }

    .section-project_left-7 p {
        font-size: 12px;
        line-height: 18px;
    }

    .section-project_left-7 ul {
        display: flex;
        margin: 20px 0 0;
        padding: 0;
    }

    .section-project_left-7 ul li {
        list-style-type: none;

    }

    .section-osusume {
        padding-top: 70px;
        padding-bottom: 16px;
        padding-left: calc(50% - 162.5px);
    }

    .section-osusume:nth-child(2) {
        padding-bottom: 61px;
    }

    .section-osusume .osusume_title {
        max-width: 325px;
        margin: 0 0 12px;
    }

    .section-osusume .osusume_title h2 {
        font-size: 64px;
        line-height: 48px;
        font-weight: 500;
        text-align: center;
        margin: 0;
    }

    .section-osusume .osusume_title h3 {
        font-size: 13px;
        line-height: 20px;
        padding: 0 0 0 12px;
    }

    .section-osusume>div {
        margin-left: -5px;
    }

    .people-slider.project-slider-common .slide-card {
        width: 194px;
        padding: 0;
        margin: 5px;
    }

    .section-osusume .slick-track>div {
        padding: 0;
    }


    .people-slider.project-slider-osusume .slide-card {
        width: 194px;
        padding: 0;
        margin: 5px;
    }

    .project-slider-common .slick-dots li {
        width: 20px;
        height: 4px;
    }

    .people-slider .slick-dots {
        text-align: end;
        display: block;
        width: 95%;
        margin: 0;
        list-style: none;
    }

    .section-osusume:last-child .people-slider .slick-dots {
        padding-bottom: 44px;
    }

    .people-slider .slick-dots li {
        background: #e3dcd8;
        position: relative;
        display: inline-block;
        width: 20px;
        height: 6px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        border-radius: 0;
    }

    .people-slider .slick-dots li.slick-active {
        background: #fd780d;
    }


    .slick-dots li button:before {
        display: none;
    }

    .project-slide_a {
        transform: translateX(-47.4%)
    }

    .project-slide_a .slick-dots li button:before {
        display: block;
    }

    .project-slide_a .slick-next {
        right: -10px;
    }

    .project-slide_a .slick-prev {
        left: 10px;
    }

    .slick-dots li:first-child {
        border-radius: 2px 0 0 2px;
    }

    .slick-dots li:last-child {
        border-radius: 0 2px 2px 0;
    }

    .achievement-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto 16px;
    }

    .achievement-card {
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        margin: 0 0 25px;
        margin: 0 0 40px;
        width: 325px;
    }

    .projects-form {
        width: 335px;
        background: #fff;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        border-radius: 20px;
        margin: 0;
    }

    .projects-form img {
        width: 335px;
    }

    .projects-form:last-child {
        margin: 0 0 0 0;
    }

    .projects-form a {
        text-decoration: none;
    }

    .project-keyword {
        display: none;
    }

    .project-keyword_1 {
        display: none;
    }

    .project-title {
        width: 300px;
        font-size: 1.8rem;
        font-weight: 600;
        color: #000;
        margin: 0 auto;
        padding: 17.5px 0;
        border-bottom: solid 2px #d6d6d6;
    }

    .project-title_1 {
        border-bottom: solid 2px #d6d6d6;
        color: #000;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0 auto 24px;
        padding: 20px 0;
        width: unset;
    }

    .achievement-rate {
        font-size: 1.4rem;
        margin: 0 auto;
        padding: 15px;
    }

    .achievement-rate_1 {
        font-size: 1.3rem;
        padding: 0 15px;
    }

    .support-money-title {
        font-size: 1.2rem;
        color: #b1b1b1;
        margin: 0 0 6px;
    }

    .support-money-title_1 {
        color: #000;

        font-size: 1.4rem;
        margin: 0;
    }

    .achievement-big {
        padding: 15px 15px 20px;
        display: flex;
        justify-content: center;
    }

    .achievement-big_1 {
        display: flex;
        justify-content: center;
        padding: 15px 15px 20px;
    }

    .achievement-mini {
        margin: 0 auto;
    }

    .achievement-mini:first-child {
        border-right: dotted 2px #000;
        padding-right: 43px;
        margin: 0 0 0 auto;
    }

    .achievement-mini_1 {
        margin: 0 auto;
    }

    .achievement-mini_1:first-child {
        padding-right: 24px;
    }

    .support-money {
        font-size: 2.0rem;
        font-weight: 600;
    }

    .support-money_1 {
        font-size: 2.0rem;
        font-weight: 600;
    }

    .project-image_1 {
        width: 325px;
    }

    .project-image {
        width: 325px;
    }

    .achievement-rate_2 {
        font-size: 1.4rem;
        margin: 0 auto;
        padding: 10px 10px 0;
    }


    .support-money_1 a {
        color: #fd781d;
        text-decoration: none;
    }

    .support-money_1 p {
        color: #fd781d;
        font-size: 1.4rem;
        font-weight: 200;
        margin: 0 0 20px;
        margin: 20px 0 0;
        text-align: center;
    }

    .support-money_1 p span {
        font-size: 1.4rem;
        font-weight: 400;
        margin: 2px 6px 0 0;
    }

    .page-moving {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-top: 20px;
        padding-bottom: 120px;
    }

    .page-moving a {
        color: #000;
        display: flex;
        justify-content: center;
        text-decoration: none;
    }

    .page-moving img {
        height: 21px;
    }

    .page-moving_p1 {
        color: #fd781d;
        margin-left: 35px;
    }

    .page-moving_p3 {
        margin-right: 35px;
    }

    .page-moving p {
        font-size: 2.7rem;
        font-weight: 600;
        margin: 0 25px;
    }

    .vector-left110 {
        margin-right: 25px;
    }

    .vector-right110 {
        margin-left: 25px;
    }

    .section-next_under-right_dis2,
    .section-next_under-right_dis3 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-next_under-right_dis3 {
        background-color: #fff;
    }

    .section-next_under-right_dis2 ul,
    .section-next_under-right_dis3 ul {
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
        padding: 0;
    }

    .section-next_under-right_dis2 ul li,
    .section-next_under-right_dis3 ul li {
        list-style-type: none;
        margin: 0 10px;
    }

    .section-next_under-right_dis2 img {
        margin-bottom: -10px;
        position: relative;
        top: -10px;
    }

    .button-dis {
        align-items: center;
        background: #fd781d;
        border-radius: 13px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 50px;
        justify-content: center;
        margin: 26px auto;
        text-decoration: none;
        width: 325px;
    }

    .jump-page {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .jump-page_dis1 {
        display: flex;
        font-size: 1.6rem;
        margin: 15px auto;
    }

    .jump-page_dis2 {
        display: flex;
        font-size: 1.6rem;
        margin: 0 auto 30px;
    }

    .jump-page a {
        color: #000;
        text-decoration: underline;
    }

    .jump-page_dis1 p {
        margin: 0 10px 0 0;
        text-decoration: none;
    }

    .jump-page_dis2 p {
        margin: 0 0 0 10px;
        text-decoration: none;
    }

    .kanso-p1 {
        color: #fd781d;
        margin: 0 auto 0 0;
    }

    .kanso-p2 {
        color: #b1b1b1;
        margin: 0 0 0 auto;
    }

    .kanso-p3 {
        color: #000;
        margin: 15px auto 0 0;
    }

    .section-return_top {
        background: unset;
        display: flex;
        padding: 0 0;
        margin: 0 auto;
        max-width: 375px;
        padding: 0 10px;
    }

    .top-img {
        margin: 20px auto 0;
        margin: 20px auto 40px;
    }

    .section-project_right-ed {
        padding: 0 15px;
    }


    .section-return_top select {
        background-color: #f7f7f7;
        border-radius: 3px;
        border: solid 2px #d8d8d8;
        color: #000;
        font-size: 1.6rem;
        height: 45px;
        margin: 0 15px 30px;
        padding: 0 10px;
        width: 173px;
    }

    .settlement-p1 {
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.1);
        display: flex;
        padding-bottom: 20px;
    }

    .settlement-p1-1 {
        font-size: 1.8rem;
        font-weight: 400;
        margin: 0 auto 0 0;
    }

    .settlement-p1-2 {
        font-size: 2.4rem;
        font-weight: 600;
        margin: 0 0 0 auto;
    }

    .settlement-p1-2 span {
        font-size: 1.4rem;
        font-weight: 400;
        margin-left: 6px;
    }

    .settlement-p2 {
        margin: 20px 0 25px;
    }

    .settlement-p2-1 {
        align-items: center;
        display: flex;
        padding-bottom: 12px;
    }

    .settlement-p2-1-1 {
        color: #333;
        font-size: 1.5rem;
        font-weight: 200;
        margin: 0 auto 0 0;
    }

    .settlement-p2-1-2 {
        color: #333;
        font-size: 1.5rem;
        font-weight: 200;
        margin: 0 0 0 auto;
    }

    .settlement-p3 {
        border-radius: 8px;
        border: solid 1px #fd781d;
        padding: 20px 10px;
    }

    .settlement-p3-1 {
        color: #333;
        font-size: 1.4rem;
        font-weight: 400;
        margin: 0;
    }

    .settlement-p3-2 {
        color: #333;
        font-size: 1.1rem;
        font-weight: 100;
        line-height: 18px;
        margin: 20px 0 0;
    }

    .section-payment {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px auto 120px;
        width: 325px;
    }

    .payment-method {
        display: flex;
    }

    .payment-method p {
        font-weight: 400;
        margin: 0;
    }


    .payment_information_button_container {
        left: 50%;
        transform: translateX(-50%);
        display: block;
        z-index: 10000;
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: white;
        padding: 12px 8px 16px;
        box-shadow: rgba(33, 35, 37, 0.08) 0px -2px;
    }

    .payment_information_button_container button {
        transition: opacity 0.5s;
        background: #fd781d;
        box-shadow: 0 6px 6px 0px rgba(0, 0, 0, .12);
        text-align: center;
        max-width: 300px;
        width: 100%;
        z-index: 9999;
        cursor: pointer;
        margin: 0 auto;
        justify-content: unset;
    }

    .payment_information_button_container-btn_img {
        padding-left: 5px;
    }

    .payment_information_button_container-btn_img svg {
        margin-left: 30px;
    }

    .payment_information_button_help {
        display: none;
    }

    .payment_select_container {
        display: block;
        gap: 0;
    }

    .payment_list_container {
        width: calc(100% - 2rem);
        margin: 0 auto;
    }

    .payment_list_container {
        width: calc(100% - 2rem);
        margin: 0 auto;
    }

    .payment_information_button_help {
        display: none;
    }

    .payment_submit_container-sp {
        width: 325px;
        display: block;
        margin: 0 auto;
    }

    .payment_submit_container-sp h2 {
        font-size: 17px;
        font-weight: 700;
        text-align: center;
        margin-top: -34px;
        letter-spacing: 0;
        ;
    }

    .payment_submit_container-sp_inner {
        display: flex;
        width: 305px;
        margin: 17px auto 0;
        padding: 10px 0;
    }

    .payment_submit_container-sp-bg {
        background-color: #f8f8f8;
    }

    .payment_information_project_img {
        margin-right: 10px;
        margin-top: 10px;
        width: 118px;
    }

    .payment_information_project_img img {
        width: 118px;
        height: 79px;
    }

    .payment_submit_container-sp h3 {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0;
    }

    .payment_submit_container-sp .paymentselect_organizer_info p {
        font-size: 9px;
        line-height: 15px;
        margin-top: -5px;
    }

    .paymentselect_please {
        display: none;
    }

    .paymentselect_please-sp {
        display: block;
        text-align: left;
        font-size: 15px;
        font-weight: 400;
        margin: 12px auto 12px 10px;
    }

    .paymentselect_organizer_info img {
        height: 20px;
        width: 20px;
        border-radius: 10px;
        margin-right: 5px;
    }

    .payment_information_project {
        display: none;
    }

    .table_help_index tbody tr td {
        width: 100%;
        display: block;
    }


    input[type=checkbox] {
        /* -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      -webkit-appearance: none;
      appearance: none; */
        border-radius: 10%;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        left: 0;
        margin: .4rem;
        outline: none;
        position: relative;
        right: 0;
        transition: all .15s ease-out 0s;
        vertical-align: -0.8rem;
        width: 20px;
    }

    input[type=radio] {
        /* iPhoneのSafariでラジオボタンが表示されなくなるため一旦コメントアウト */
        /* -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none; */
        border-radius: 10%;
        bottom: 0;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        left: 0;
        margin: .4rem;
        outline: none;
        position: relative;
        right: 0;
        transition: all .15s ease-out 0s;
        vertical-align: -0.8rem;
        width: 20px;
    }

    input[type=radio] {
        border-radius: 50%;
    }

    input[type=radio]:checked:before {
        transform: scale(1);
    }

    input[type=radio]:before {
        border-radius: 50%;
        content: "";
        display: block;
        height: 10px;
        margin: 3px;
        transform: scale(0);
        transition: all ease-out 250ms;
        width: 10px;
    }

    input[type=checkbox].method-button,
    input[type=radio].method-button {
        border: 2px solid #000;
    }

    input[type=checkbox].method-button:checked,
    input[type=checkbox].method-button:indeterminate,
    input[type=radio].method-button:checked:before {
        background: #000;
    }

    input[type=radio].method-button2:checked:before {
        background: transparent;
    }

    .payment-button {
        display: flex;
        margin-top: 20px;
    }

    .payment-button p {
        margin: 0 0 0 10px;
    }

    .settlement-p3_v2 {
        background: #FCF4EF;
        border-radius: 2px;
        border: solid 1px #fd781d;
        margin: 0 0 40px;
        margin: 20px 0 60px;
        padding: 20px 10px;
    }



    .section-payment a img {
        margin: 2px 0 0 10px;
    }



    .re-page a span {
        margin-right: 10px;
    }

    .custum-checkbox {
        cursor: pointer;
        display: flex;
        margin: 24px 0 26px;
        padding-left: 20px;
        position: relative;
        user-select: none;
    }

    .custum-checkbox p {
        font-size: 1.6rem;
        margin-left: 1.5rem;
        position: relative;
        top: -2px;
    }

    .check-box1 {
        margin: 0 auto;
    }

    .custum-checkbox input {
        display: none;
    }

    .custum-mark {
        border-radius: 0;
        border: solid 2px #D8D8D8;
        box-sizing: border-box;
        height: 14px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
        height: 20px;
    }

    .custum-mark:after {
        opacity: 0;
    }

    .custum-checkbox input:checked+.custum-mark {
        background: #fff;
        border-color: #D8D8D8;
    }

    .custum-checkbox input:checked+.custum-mark:after {
        content: "";
        position: absolute;
        left: 2.5px;
        top: -3px;
        width: 9px;
        height: 16px;
        border: solid #fd781d;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
        opacity: 1;
    }

    .section-return_top input[type="text"] {
        background-color: #f7f7f7;
        border-radius: 3px;
        border: solid 2px #d8d8d8;
        color: #000;
        display: inline-block;
        font-size: 1.6rem;
        height: 41px;
        margin: 0 15px 30px;
        padding: 0 10px;
        width: 261px;
    }

    .button-active {
        align-items: center;
        background: #fd781d;
        border-radius: 13px;
        border: none;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 50px;
        justify-content: center;
        margin: 0 auto;
        text-decoration: none;
        width: 325px;
    }

    .button-active img {
        margin: 2px 0 0 10px;
    }

    .button-nonactive {
        align-items: center;
        background: #d8d8d8;
        border-radius: 13px;
        border: none;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 50px;
        justify-content: center;
        margin: 40px auto 0;
        text-decoration: none;
        width: 325px;
    }

    .button-nonactive img {
        margin: 2px 0 0 10px;
    }

    .settlement-p3_v3 {
        background-size: cover;
        background: #FCF4EF;
        margin-bottom: 40px;
        width: 100%;
    }

    .settlement-p3_v3 form {
        margin: 0 auto;
        width: 325px;
        width: 680px;
    }

    .card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        width: 325px;
        width: 680px;
    }

    .card p {
        font-size: 1.4rem;
        font-weight: 500;
        margin: 0 auto 20px 0;
    }

    .card img {
        margin: 0 auto 40px 0;
        width: 266px;
    }

    .settlement-p3_v3-select {
        display: flex;
    }

    .settlement-p3_v3-select select:first-child {
        margin-left: 0;
        margin-right: 10px;
        max-width: 83px;
    }

    .settlement-p3_v3-select select:last-child {
        margin-left: 0;
        max-width: 122px;
    }

    .settlement-p3_v3-security input {
        margin-left: 0;
        max-width: 104px;
    }

    .w1 input {
        margin-left: 0;
        max-width: 118px;
    }

    .w2 select {
        margin-left: 0;
    }

    .orange-button a {
        align-items: center;
        background: #fd781d;
        border-radius: 13px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 45px;
        justify-content: center;
        margin: 0 auto;
        text-decoration: none;
        width: 160px;
    }

    .section-payment ul {
        margin-top: 30px;
        padding-left: 0;
    }

    .section-payment ul li {
        display: flex;
        list-style-type: none;
    }

    .section-payment ul li p {
        font-weight: 500;
        margin: 0;
    }

    .section-payment input[type="text"],
    .section-payment input[type="email"],
    .section-payment input[type="tel"],
    .section-payment select,
    .section-payment textarea {
        background-color: #f7f7f7;
        border-radius: 3px;
        border: solid 2px #d8d8d8;
        color: #000;
        display: inline-block;
        font-size: 1.6rem;
        height: 41px;
        margin: 12px auto 30px;
        padding: 0 10px;
        width: 301px;
    }

    .section-payment select {
        color: #3d3d3d;
        height: 49px;
        width: 325px;
        width: 680px;
    }

    .section-payment textarea {
        height: 165px;
        height: 280px;
        padding-top: 12px;
    }

    .section-payment button {
        align-items: center;
        border: none;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        display: flex;
        font-family: 'Noto Sans JP', sans-serif;
        justify-content: center;
        letter-spacing: 0.1rem;
        margin: 10px 0 0;
        margin: 20px auto 0;
        transition: .4s;
    }

    .payment-address {
        background-color: #fff;
        margin: 0 auto;
        width: 100%;
    }

    button:hover {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0);
    }

    .section-project_right-ed1 {
        margin: 0;
        padding: 0 15px;
    }

    .section-project_right-ed1 p {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 25px;
        margin: 0;
    }

    .section-project_right-ed1 p span {
        font-size: 1.4rem;
        font-weight: 200;
    }

    .section-project_right-ed2 {
        margin: 0;
        padding: 15px 15px 20px;
    }

    .section-project_right-ed2 p {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 25px;
        margin: 0;
    }

    .section-project_right-ed2 p span {
        font-size: 1.8rem;
        font-weight: 400;
    }

    .settlement-p4-1,
    .settlement-p5-1 {
        font-size: 1.8rem;
        font-weight: 400;
        margin: 40px 0 16px;
    }

    .settlement-p4-2,
    .settlement-p5-2 {
        font-size: 1.5rem;
        font-weight: 100;
        margin: 0;
    }

    .section-policy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px auto 120px;
        width: 325px;
    }

    .section-policy_p1 {
        display: flex;
        margin: 0 auto;
    }

    .section-policy_p1 a {
        color: #fd781d;
        font-size: 1.2rem;
        font-weight: 400;
    }

    .section-policy_p1 p {
        font-size: 1.2rem;
        font-weight: 400;
        margin: 0;
    }

    .settlement-p4-3 {
        font-size: 1.8rem;
        font-weight: 500;
        margin: 14px 0 0;
    }

    .settlement-p4-3 span {
        color: #fd781d;
        margin-right: 8px;
    }

    .section-comment_dis {
        background: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .section-comment_dis img {
        height: 47px;
        margin: 40px auto 30px;
        width: 77px;
    }

    .section-comment_dis h3 {
        font-size: 1.8rem;
        margin: 0 auto;
    }

    .section-comment_dis p {
        color: #fd781d;
        font-size: 1.4rem;
        margin: 30px auto 32px;
        text-align: center;
    }

    .section-form ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 30px;
        padding-left: 0;
    }

    .section-form ul li {
        display: flex;
        list-style-type: none;
        margin: 0 auto;
        width: 325px;
        width: 680px;
    }

    .section-form ul li p {
        font-weight: 500;
        margin: 0;
    }

    .section-form input[type="text"],
    .section-form input[type="email"],
    .section-form input[type="tel"],
    .section-form select,
    .section-form textarea {
        background-color: #f7f7f7;
        border-radius: 3px;
        border: solid 2px #d8d8d8;
        color: #000;
        display: inline-block;
        font-size: 1.6rem;
        height: 41px;
        margin: 12px auto 30px;
        padding: 0 10px;
        width: 301px;
        width: 656px;
    }

    .section-form select {
        color: #3d3d3d;
        height: 49px;
        width: 325px;
        width: 680px;
    }

    .section-form textarea {
        height: 127px;
        height: 280px;
        padding-top: 12px;
    }

    .section-form {
        margin: 0 auto;
        width: 680px;
    }

    .section-form button {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
    }

    .section-top_1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px 0 30px;
    }

    .section-top_1 img {
        margin: 0 auto 30px
    }

    .section-top_1 h3 {
        margin: 0 auto;
    }

    .section-top_2 {
        background: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 0 0;
    }

    .section-top_2 p {
        font-size: 1.8rem;
        font-weight: 500;
        margin: 0 auto 20px;
        text-align: center;
    }

    .section-top_2 p span {
        color: #fd781d;
        margin: 0 6px;
    }

    .section-top_3 {
        display: flex;
        justify-content: center;
        padding: 25px 0;
    }

    .section-top_4 {
        border-radius: 10px;
        border: solid 3px #fd781d;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto 40px;
        padding: 30px 0;
        width: 325px;
    }

    .section-top_4 h4 {
        color: #fd781d;
        font-size: 2.0rem;
        font-weight: 600;
        margin: 0 0 30px;
        text-align: center;
    }

    .section-top_4 p {
        font-size: 1.4rem;
        font-weight: 400;
        margin: 0 0 26px;
        text-align: center;
    }

    .section-top_4 p span {
        color: #fd781d;
    }

    .section-top_4 ul {
        display: flex;
        margin: 0 auto;
        padding: 0;
    }

    .section-top_4 ul li {
        list-style-type: none;
        margin-right: 30px;
    }

    .section-top_4 ul li:last-child {
        margin-right: 0;
    }

    .section-next_title {
        display: flex;
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.07);
        width: 100%;
        height: 46px;
        border-radius: 0;

    }

    .pst4_return-top {
        display: none;
    }

    .mypage-title {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.07);
        background: #fff;
        padding: 2rem 0 1.2rem 0;
    }

    .section-next_title h3 {
        font-size: 18px;
        padding: 0 0 0 25px;
        margin: 0;
    }

    .section-next_title img {
        height: 19px;
        margin-right: 8px;
        width: 178px;
        width: 19.36px;
    }

    /* リターン一覧　SP */

    .mypage_section-set-child3 {
        display: none;
    }

    .mypj_about-edit {
        margin-right: 10px;
        margin-left: 10px;
    }

    .mypj_about-edit_speakerbubble {
        height: 100% !important;
        width: 100% !important;
        padding: 8px;
    }

    .mypj_about-edit_speakerbubble>p {
        margin-left: 0 !important;
    }

    .form_content_area_pst4 .section-next_title {
        justify-content: flex-start;
        padding: 20px 18px;
        border-radius: 0;
    }

    .form_content_area_pst4 .section-next_title h3 {
        padding: 0;
    }

    .pst4-top_buttons {
        width: 250px;
        margin: auto;
    }

    .pts4_search_wrapper {
        max-width: 325px;
    }

    .pst4_filtering,
    .pst4_sort {
        width: auto;
    }

    .pst4_filtering:after,
    .pst4_sort:after,
    .support_sort_select:after {
        display: none;
    }

    .pst4_filtering .status_filter,
    .pst4_sort .sort_filter {
        font-size: 0;
        border-radius: 2px;
        width: 30px;
        height: 30px;
        padding: 0;
        background-position: 4px center;
    }

    .pst4_filtering .status_filter option:first-child,
    .pst4_sort .sort_filter option:first-child {
        display: none;
    }

    .pst4_filtering .status_filter option,
    .pst4_sort .sort_filter option {
        font-size: 14px;
    }

    .pst4_return-box {
        width: 100%;
        padding: 15px 12px 25px 12px;
    }

    .pst4_seloctor_sp p {
        margin-bottom: 1px;
        font-size: 12px;
        font-weight: 400;
    }

    .pst4_return-wrapper {
        width: 100vw;
    }

    .pst4-top_hint-txt {
        width: 150px;
    }

    .pst4-top_hint-txt a {
        font-size: 13px;
    }

    .pst4-top_hint-txt p {
        margin: 0;
        font-size: 11px;
    }

    .toggle:checked+.pst4-top_button_white+.hint-text {
        min-height: 100px;
        padding: 0;
    }

    .pst4_return-img img {
        height: 60px;
        width: 88px;
    }

    .pst4_return-img-img {
        height: 60px;
        width: 88px;
        background-size: contain;
    }

    .pst4_return-img-img:has(+.validation_txt) {
        height: 60px;
        width: 88px;
    }

    .pst4_return-img-img p {
        font-size: 12px;
        left: 0;
    }

    .return-item-circle {
        right: 8px;
    }

    .return-container {
        width: 100%;
        margin-left: 10px;
    }

    .returntext-foreditor-innerbox {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 5px;
    }

    .returntext-foreditor-innerbox h3 {
        font-size: 15px;
    }

    .return_title_pc {
        display: none;
    }

    .return_title_sp {
        display: block;
    }

    .returntext-foreditor h3 {
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    .question-add-container {
        gap: 5px;
        display: none;
    }

    .question-add-container-sp {
        display: block;
    }

    .question-add-modal-button {
        display: flex;
        height: 20px;
        width: 20px;
        align-items: center;
        justify-content: center;
        border: 1px solid #00000033;
        border-radius: 3px;
        box-shadow: 2px 2px 5px 0px #0000001A;

    }

    .question-add-modal-button p {
        margin: 0;
        margin-right: 7px;
        margin-top: 2px;
        font-weight: normal;
        color: #666666;
        letter-spacing: -8px;
        font-size: 13px;
    }

    .question-add-modal-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000B2;
        z-index: 101;
    }

    .question-add-container-modal {
        display: none;
        position: fixed;
        background: #ffffff;
        border: 1px solid #ccc;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
        width: 100%;
        z-index: 102;
        height: 191px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }

    .question-add-modal-content {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
        text-align: center;
        padding: 10px 0 5px 0;
    }

    .question-add-modal-content .returnedit-content,
    .question-add-modal-content .returncopy-button {
        padding-top: 10px;
        padding-bottom: 15px;
        border-bottom: 1px solid #0000001A;
        margin: 0 7%;
    }

    .question-add-modal-content .returnedit-content a,
    .question-add-modal-content .returncopy-button a {
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 19.2px;
    }

    .question-add-modal-content .copy-button,
    .question-add-modal-content .returndelete-button {
        padding-top: 10px;
        padding-bottom: 15px;
        margin: 0 7%;
    }

    .question-add-modal-content .returnedit-content a {
        color: #FD790E;
    }

    .question-add-modal-content .returncopy-button a,
    .question-add-modal-content .copy-button,
    .question-add-modal-content .returndelete-button {
        color: #211715;
        font-size: 16px;
        font-weight: 500;
        line-height: 19.2px;
    }

    .common-confirm-modal {
        width: 325px;
    }

    .black-button a {
        align-items: center;
        background: #fff;
        border-radius: 8px;
        border: solid 1px #000;
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
        color: #000;
        display: flex;
        font-size: 1.5rem;
        font-weight: 400;
        height: 38px;
        justify-content: center;
        margin: 2rem auto 4rem;
        text-decoration: none;
        width: 235px;
    }

    .pst4_return-img .validation_txt {
        bottom: -20px;
        line-height: 20px;
        font-size: 12px;
        width: 100vw;
    }

    .pst4-dots {
        width: 30px;
        display: flex;
        margin: auto;
        margin-right: 15px;
    }

    .pst4-dots svg {
        width: 20px;
    }

    .order_no_wrapper .order_no_box {
        width: 24px;
        height: 28px;
    }

    .big_num {
        font-size: 16px;
        text-decoration: none;
    }

    .returntext-foreditor {
        margin-left: 0;
    }

    .pst4-sp-drawer {
        width: 100%;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        z-index: 1000;
    }

    .pst4-sp-bg {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }



    .pst4-sp-titles {
        display: flex;
        width: 325px;
        margin: auto;
        padding: 15px 0;
    }

    .pst4-sp-titles img {
        height: 30px;
        width: auto;
    }

    .pst4-sp-titles h3 {
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        padding-left: 10px;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .pst4-sp-wrapper ul li {
        display: block;
    }

    .pst4-sp-wrapper ul li:not(:last-child) {
        border-bottom: 1px solid #dadce0;
    }

    .pst4-sp-wrapper ul li:not(:first-child) {
        height: 50px;
        text-align: center;
        line-height: 50px;
    }

    .pst4-sp-wrapper ul li:not(:first-child) a,
    .pst4-sp-wrapper ul li:not(:first-child) button {
        height: 50px;
        margin: 0 auto;
        display: block;
        text-decoration: none;
        color: #000;
        text-align: center;
        line-height: 50px;
        font-weight: 500;
    }

    .pst4-sp-cancel {
        font-weight: 700 !important;
    }

    .ob-button a {
        align-items: center;
        background: #fff;
        border-radius: 28px;
        border: solid 2px rgba(254, 120, 35, 1.0);
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: rgba(254, 120, 35, 1.0);
        display: flex;
        font-size: 1.8rem;
        font-weight: 400;
        height: 56px;
        justify-content: center;
        margin: 20px auto 120px;
        text-decoration: none;
        width: 210px;
    }

    .project_status_yet {
        position: relative;
    }


    .pre1 {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding: 26px 0;
    }

    .pre1 p {
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0;
    }

    .pre2 {
        background: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }

    .pre2 h2 {
        font-size: 2.0rem;
        font-weight: 600;
        margin: 36px auto 30px;
    }

    .pre2 p {
        background: #fff;
        font-size: 1.4rem;
        font-weight: 300;
        margin: 0 25px;
        padding: 24px 16px;
        text-align: left;
    }

    .pre2 p span {
        color: #fd781d;
        font-weight: 400;
    }

    .pre3 {
        display: flex;
        justify-content: center;
        margin: 20px auto;
    }

    .category-form select {
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: url("../images/pulldown_vector.png") 96% 54% no-repeat, #f7f7f7;
        border-radius: 2px;
        border: 1px solid #d8d8d8;
        box-sizing: border-box;
        color: #666666;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.4rem;
        height: 41px;
        margin: 0 25px 0 auto;
        overflow: hidden;
        padding: 10px 10px;
        position: relative;
        width: 223px;
    }

    .whole_caption {
        margin: 4.0rem auto 0;
    }

    .whole_caption p {
        line-height: 28px;
    }

    .table_beige_white {
        margin: 4.0rem auto 0;
        max-width: 1150px;
    }

    .slick-dots {
        margin: 20px 0 0;
    }

    .help-top-link-organizer {
        margin-bottom: 22px;
    }

    .submit_thanks {
        font-size: 26px;
        margin: 40px auto;
    }


    .submit_thanks br {
        display: block;
    }

    .project-slide_a .slick-dots {
        margin-top: 8px;
    }

    .project-slide_a .slick-dots li {
        width: 10px;
    }

    .project-slide_a .slick-dots li button:before {
        font-size: 10px;
    }

    .register-form {
        width: 325px;
    }

    .payment-step-container {
        width: 307px;
        padding: 40px 0;
    }

    .step_num {
        width: 50px;
        height: 50px;
        font-size: 28px;
    }

    .step_status {
        font-size: 11px;
        top: 55px;
    }

    .payment-step-line {
        transform: translateY(calc(4px - 50%));
    }

    .payment-receipt-title {
        font-size: 17px;
        margin-top: 5px;
    }

    .payment-receipt-container {
        margin-top: 23px;
        max-width: 100%;
    }

    .payment-receipt-container-title {
        padding: 10px 20px;
    }

    .payment-receipt-container-title h2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
    }

    .payment-receipt-choose-container {
        padding: 20px;
    }



    .payment-receipt-choose-container h3 {
        font-size: 15px;
        margin-bottom: 20px;
    }

    .payment-receipt-choose {
        padding: 15px 10px;
    }

    .new-radio-design {
        padding-left: 26px;
        font-size: 14px;
        line-height: 20px;
    }

    .new-radio-design::before {
        width: 18px;
        height: 18px;
    }

    .new-radio-design::after {
        left: 9px;
    }

    .credit-logos {
        height: 20px;
        width: 112px;
        justify-content: space-between;
    }

    .credit-logos img {
        height: 15px;
    }

    .credit_card_section>div {
        flex-direction: column;
        align-items: flex-start;
    }

    .credit_card_section:nth-child(2) {
        margin-top: 15px;
    }

    .credit_card_section label {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .register-form label span {
        margin-left: 3px;
    }


    .credit_card_section input,
    .credit_card_section_input {
        width: 100%;
    }

    .credit_card_section_input .credit_card_section_select:nth-child(1) select {
        width: 102.5px;
    }

    .credit_card_section_input .credit_card_section_select:nth-child(3) select {
        width: 122.5px;
    }

    #card_code {
        width: 110px;
    }

    .payment-receipt:nth-child(1) {
        font-size: 13px;
        line-height: 19px;
    }

    .payment-receipt:nth-child(2) {
        font-size: 11px;
        line-height: 16px;
    }

    .payment-receipt-form-input {
        flex-direction: column;
        margin-bottom: 13px;
        align-items: flex-start;
    }

    .payment-receipt-form-input label {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .payment-receipt-form-select {
        width: 100%;
    }

    .payment-receipt-form-input-flex {
        align-items: flex-start;
    }

    .payment-receipt-form-input-long,
    .payment-receipt-form-input-short {
        width: 290px;
    }

    .payment-back {
        text-decoration: none;
    }

    .payment-receipt-form-input-flex input {
        width: 135px;
    }

    .payment-receipt-form-input-flex div:last-child div input,
    .payment-receipt-form-input-flex div:last-child div input+p {
        margin-left: 20px;
    }

    .confirmation-section {
        width: 375px;
        padding: 0 25px;
        margin-top: 22px;
    }

    .confirmation-section .confirmation-item:first-child {
        flex-direction: column;
    }

    .confirmation-item:first-child>div {
        width: 325px;
        margin-top: 10px;
    }

    .confirmation-item>div {
        width: 203px;
    }

    .confirmation-return-detail {
        padding: 20px 15px 14px;
        border: 3px solid #FD790E;
    }

    h2.confirmation-return-detail-price {
        font-size: 22px;
    }

    .confirmation-return-detail-price span {
        font-size: 11px;
    }

    .confirmation-return-detail-bottom>img {
        width: 126px;
        height: 83px;
    }

    .confirmation-return-detail-explanation {
        display: none;
        height: auto;
    }

    .confirmation-return-detail-readme {
        height: fit-content;
    }

    .confirmation-return-detail-button {
        font-size: 12px;
        bottom: 1px;
    }

    .confirmation-return-detail-button::after {
        width: 6px;
        height: 6px;
    }

    .confirmation-return-detail-button.is_active::after {
        bottom: -1px;
    }

    .confirmation-return-detail-bottom-bottom {
        display: none;
    }

    .confirmation-return-detail-bottom-bottom.sp {
        display: flex;
        margin-top: 15px;
    }

    .confirmation-return-detail-bottom-bottom p {
        font-size: 11px;
        line-height: 11px;
    }

    .confirmation-return-detail-bottom-bottom p span {
        font-size: 13px;
        line-height: 13px;
    }

    .question_and_answer div p:first-child {
        margin-bottom: 5px;
    }

    .confirmation-method-detail h4:first-child span {
        font-size: 11px;
    }

    .confirmation-section h3 {
        font-size: 14px;
    }

    /* .confirmation-send-detail h4 span:last-child {
        margin-left: 0;
    } */

    .confirmation-attention {
        font-size: 12px;
        margin-top: 20px !important;
        margin-bottom: 0;
    }

    .confirmation-payment-back {
        margin-top: 3rem;
    }

    .payment-tooltip {
        left: -39px;
    }

    .payment-tooltip::after {
        left: 64%;
    }

    .payment_add_tooltip img {
        width: 17px;
    }

    .payment_add_tooltip_txt {
        width: 245px;
        top: -67px;
        left: -23px;
    }


    .payment_return_content-img {
        width: 126px;
        height: 83px;
        padding: 0;
    }

    .payment_return_content {
        max-width: 325px;
        width: 100%;
        margin: 0 auto 12px;
    }

    .payment_return_content-middle-bottom {
        display: none;
    }

    .payment_return_content_middle-bottom-sp {
        display: flex;
        width: 90%;
        margin: 0 auto;
    }

    .payment_return_contnt-middle-right {
        min-width: 160px;
        margin-left: 12px;
    }

    .payment_select-step {
        font-size: 9px;
    }

    .payment_select-step_num {
        font-size: 28px;
        height: 56px;
        width: 56px;
        line-height: 56px;
        margin-bottom: -3px;
    }

    .payment_return_content-top {
        width: 95%;
        height: 53px;
    }

    .payment_return_content-top_price input {
        margin-top: 20px;
        margin-left: -7px;
        width: 15px;
    }

    .payment_return_content-top_price label {
        font-size: 22px;
        line-height: 55px;
    }

    .payment_return_content-top_price label span {
        font-size: 12px;
        margin: auto 0 -6px 5px;
        position: relative;
        top: 5px;
    }

    .payment_return_content-top select {
        height: 32px;
        -webkit-appearance: none;
        appearance: none;
    }

    .payment_return_content-top .select_wrapper::after {
        content: "";
        position: absolute;
        top: 11px;
        right: 15px;
        width: 9px;
        height: 9px;
        border-right: 1.6px solid #00000099;
        border-bottom: 1.6px solid #00000099;
        transform: rotate(45deg);
        pointer-events: none;
    }

    .payment_return_content-middle {
        width: 94%;
        margin: 9px auto;
    }

    .payment_return_contnt-middle-right .payment-item-title {
        font-size: 14px;
        line-height: 21px;
        margin: 0;
    }

    .select_outofstock {
        line-height: 53px;
    }

    .payment-item-explain-pc {
        display: none;
    }

    .payment-item-explain-sp {
        display: block;
        position: relative;
        margin-bottom: 20px;
    }

    .payment-item-explain-sp_toggle {
        display: none !important;
    }

    .payment-item-explain-sp_label,
    .select_return_detail-text {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }

    .payment-item-explain-sp_label {
        padding: 1em;
        display: block;
        margin-top: -40px;
        width: 300px;
    }

    .payment-item-explain-sp_label::before {
        font-family: FontAwesome;
        content: ' 詳細を見る' '\f078';
        position: absolute;
        right: -5px;
        top: 27px;
        transition: all 0.3s;
        font-size: 12px;
    }

    .select_return_detail-text {
        max-height: 0;
        overflow: hidden;
    }

    .select_return_detail-text p {
        margin: 0;
        padding: 12px;
        font-size: 12px;
        line-height: 1.5;
    }

    .payment-item-explain-sp_toggle:checked+.payment-item-explain-sp_label::before {
        font-family: FontAwesome;
        content: '閉じる' '\f077';
    }

    .payment_return_content-supporter img,
    .payment_return_content-deliver img {
        height: 21px;
    }

    .payment_return_content-supporter p,
    .payment_return_content-deliver p {
        font-size: 11px;
    }

    .payment_return_content-supporter p span,
    .payment_return_content-deliver p span {
        font-size: 13px;
    }

    .payment_return_content-supporter p,
    .payment_return_content-deliver p {
        margin-left: 3px;
    }

    .select_added {
        margin-top: 28px;
        padding: 0 4px 0 10px;
        height: 50px;
    }

    .select_added-title {
        font-size: 14px;
        line-height: 45px;
    }

    .select_added_price svg {
        height: 16px;
    }

    .select_added_price-inner {
        margin: 5px -5px;
    }

    .select_added_price span {
        font-size: 12px !important;
        margin-bottom: 0;
    }

    .select_added_price .payment-item-explain {
        width: 115px;
        font-size: 20px;
    }

    .paymentselect_total_wrapper {
        margin-top: -4px;
    }

    .paymentselect_system {
        margin: 30px auto 17px;
        padding: 20px;
    }

    .paymentselect_system .payment-receipt:nth-child(1) {
        font-size: 14px;
        letter-spacing: 0;
    }

    .paymentselect_system .payment-receipt:nth-child(1) img {
        margin-right: 5px;
    }

    .paymentselect_system-content {
        margin-top: -19px;
        line-height: 20px;
        max-height: 40px;
    }

    .paymentselect_system-content div {
        margin-bottom: 20px;
    }

    .paymentselect_total_inner,
    .paymentselect_total {
        padding: 0 5px;
    }

    .paymentselect_total_title {
        line-height: 36px;
        font-size: 15px;
    }

    .paymentselect_total_price {
        padding-right: 0px;
        font-size: 15px;
        line-height: 36px;
    }

    .paymentselect_total .paymentselect_total_title,
    .paymentselect_total .paymentselect_total_price {
        font-size: 22px;
        line-height: 45px;
    }
}


@media(min-width: 1200px) {



    .section-born ul li {
        list-style-type: none;
        margin: 0 auto;
        width: 295px;
    }

    .section-born ul {
        padding: 0;
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0 auto 46px;
        max-width: 1200px;
    }

    .section-born ul:last-child {
        margin: 0 auto 80px;
    }

    .table_beige_white {
        max-width: 1150px;
        margin: 4.0rem auto 0;
    }

    .qa1 {
        margin: 0 auto 12px;
    }

    .qa-start {
        margin: 0 auto 12px;
    }

    .head_left_border {
        margin-left: 0;
    }

}

@media(min-width: 1149px) {
    .header_under-dis-pc {
        display: block;
    }
}

@media(min-width: 768px) {

    .textarea-explain,
    .textarea-apply,
    .form_content input,
    .form_content textarea,
    .inp1,
    .section-next input[type="email"],
    .section-next input[type="tel"],
    .text1,
    .text2 {
        width: 100%;
    }


    .top-phrase {
        font-size: 6.0rem;
        margin: 0 auto 60px;
        text-align: center;
    }

    .section-payment {
        width: 680px;
    }

    .settlement-p3_v3 {
        margin: 0 auto 40px;
        width: 800px;
    }

    .payment-address {
        background-color: #fff;

        width: 680px;
        margin: 0 auto;
    }

    .card {
        width: 680px;
    }

    .settlement-p3_v3 form {
        width: 680px;
    }

    .section-payment input[type="text"],
    .section-payment input[type="email"],
    .section-payment input[type="tel"],
    .section-payment select,
    .section-payment textarea {
        width: 656px;
    }

    .section-payment textarea {
        height: 280px;
        width: 656px;
    }

    .section-payment select {
        width: 680px;
    }

    .section-payment button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px auto 0;
    }

    .section-form {
        margin: 0 auto;
        width: 680px;
    }

    .section-form ul li {
        width: 680px;
    }

    .section-form textarea {
        height: 280px;
        width: 656px;
    }

    .section-form select {
        width: 680px;
    }

    .section-form button {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px auto 0;
    }

    .section-next_title-v2 {
        display: flex;
        align-items: center;
        border-bottom: solid 1px rgba(0, 0, 0, 0.07);
        justify-content: center;
        margin: 0 auto;
        padding: 25px 0;
    }

    .page-moving {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 90px;
        padding-bottom: 120px;
    }

    .page-moving p {
        font-size: 2.7rem;
        font-weight: 600;
        margin: 0 30px;
    }

    .section-next-v5 textarea {
        height: 280px;
        width: 656px;
    }

    .section-next-v5 select {
        width: 345px;
    }

    .p1-130 {
        min-width: 560px;
    }

    .orange-p {
        margin: 0 auto;
        max-width: 680px;
    }

    .project-image {
        margin: 0 auto;
    }

    .create_project_bigimg h3 {
        font-size: 3.2rem;
        padding: 10% 5%;
    }


    .input-top img {
        width: 500px;
        margin: 20px auto 16px;
    }

    .input-top-v2 {
        margin: 0 auto 50px;
    }

    .black-button-v4 a {
        margin: 10px auto 0;
    }

    .settlement-p3_v4 form {
        width: 680px;
    }

    .section-next-v10 textarea {
        width: 656px;
    }

    .inp3 {
        margin: 10px 10px 30px 0;
    }

    .settlement-p3_v4-select select {
        width: 90px;
        margin: 10px 6px 10px 0;
    }

    .title-b span:last-child {
        content: "";
        height: 0.75em;
        position: absolute;
        top: 50px;
        transition: all 0.3s;
        width: 2px;
    }

    .title-b span:first-child {
        content: "";
        background-color: #fff;
        border-radius: 15px;
        color: #fff;
        height: 26px;
        position: absolute;
        top: 40px;
        transition: all 0.3s;
        width: 26px;
    }

    .title-b span:nth-child(2) {
        transform: rotate(90deg);
    }

    .content-b {
        margin-top: 0;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        max-height: 0;
        overflow: hidden;
    }

    .content-b p {
        margin: 0;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
        padding: 0 15px 20px;
    }

    .content-b p:first-child {
        padding: 35px 15px 20px;
    }

    .content-b p:last-child {
        padding: 8px 15px 0;
    }

    .toggle:checked+.title-b+.content-b {
        max-height: 500px;
        transition: all 1.5s;
    }

    .toggle:checked+.title-b span:last-child {
        transform: rotate(45deg) !important;
    }

    .toggle:checked+.title-b span:nth-child(2) {
        transform: rotate(135deg) !important;
    }


    .settlement-p3_v3-v2 form {
        width: 680px;
    }

    .title_support-with {
        margin: 30px auto 10px;
    }

    .section-project_right-169pc {
        width: 600px;
        margin: 0 auto;
    }

    .section-project_right-dis-v2pc {
        display: flex;
        border-radius: 8px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        height: 218px;
        margin: 40px 0 60px;
    }

    .section-project_right-center-v2pc img {
        width: 325px;
        position: relative;
        top: 2px;
    }

    .section-project_right-dis-v2pc a img {
        margin: 2px 0 0 10px;
    }

    .rq1 {
        background: #FCF4EF;
        border-radius: 13px;
        margin-bottom: 50px;
        padding: 20px 0;
        width: 600px;
    }

    .rq1 h3 {
        text-align: center;
        color: #fd781d;
        font-size: 1.8rem;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0;
    }

    .rq1 p {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 300;
        margin: 18px 0 30px;
    }

    .rq1 h6 {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 300;
        margin: 0;
    }

    .section-next-v11 {
        background: #FCF4EF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        padding: 90px 0 50px;
    }

    .section-next-v11 h1 {
        font-size: 3.2rem;
        font-weight: 600;
        margin: 0;
        text-align: center;
    }

    .favorite-button img {
        width: 52.24px;
        height: 21px;

    }

    .favorite-button p {
        margin: auto 4px;
    }

    .section-next_under-right_dis2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 40px auto 5px;
    }

    .border_dot {
        border-top: 2px dotted #333333;
        margin: 0 auto;
        position: relative;
        top: 15px;
        width: 325px;
    }

    .section-next_under-right_dis2 ul {
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
        padding: 0;
    }

    .section-next_under-right_dis2 ul li {
        list-style-type: none;
        margin: 0 10px;
    }


    .pre2 {
        display: flex;
        background: #FCF4EF;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }

    .pre2 h2 {
        font-size: 3.0rem;
        font-weight: 600;
        margin: 40px auto 30px;
    }

    .pre2 p {
        font-size: 2.0rem;
        background: #fff;
        font-weight: 300;
        margin: 0 auto;
        max-width: 798px;
        padding: 30px 36px;
        text-align: center;
    }

    .pre2 p span {
        color: #fd781d;
        font-weight: 400;
    }

    .pre3 {
        display: flex;
        justify-content: center;
        margin: 30px auto;
    }

    .black-button-v5 a {
        display: flex;
        align-items: center;
        background: #fff;
        border-radius: 13px;
        border: #fd781d solid 2px;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fd781d;
        font-size: 1.8rem;
        font-weight: 600;
        height: 50px;
        justify-content: center;
        margin: 30px auto 30px;
        text-decoration: none;
        width: 325px;
    }

    .black-button-v5 a img {
        margin: 0 0 0 12px;
    }

    .section-next_in-173 {
        max-width: 600px;
        margin: 40px auto;
    }

    .loginform_area {
        display: flex;
        width: 680px;
    }

    .loginform_area input[type="text"],
    .loginform_area input[type="email"],
    .loginform_area input[type="password"] {
        width: 656px;
    }

    .section-comment input[type="email"] {
        width: 656px;
    }

    .t1 p {
        position: absolute;
        font-size: 5.2rem;
        font-weight: 600;
        letter-spacing: 0.6rem;
        margin: 0;
    }

    .t1_s1 {
        margin: 0;
        color: #fd781d;
        font-size: 11.3rem;
        font-weight: 600;
    }

    .t2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 60px auto;
    }

    .t2 p {
        font-size: 2.4rem;
        font-weight: 500;
        line-height: 4.0rem;
        margin: 0 auto 40px;
        text-align: center;
    }

    .t2 img {
        margin: 0 auto;
        max-width: 880px;
    }

    .t3 {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }


    .t3_top img {
        width: 406px;
        margin: 0 auto 40px;
    }

    .t3_left img {
        max-width: 465px;
        width: 100%;
        margin-right: 65px;
    }

    .t3_right {
        width: 530px;
    }

    .t3_right p {
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0 0 40px;
        text-align: left;
    }

    .t3_right p span {
        color: #fd781d;
    }

    .ob-button-211 a {
        display: flex;
        align-items: center;
        background: #000;
        border-radius: 32px;
        border: none;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        font-size: 1.8rem;
        font-weight: 600;
        height: 64px;
        justify-content: center;
        margin: 0 auto;
        text-decoration: none;
        width: 380px;
    }

    .ob-button-211 a img {
        width: 38px;
        height: 38px;
        margin: 0 -90px 0 50px;
    }

    .ob2-button-211 a {
        display: flex;
        align-items: center;
        background: #000;
        border-radius: 32px;
        border: none;
        box-shadow: 0 10px 10px 0px rgba(0, 0, 0, .12);
        color: #fff;
        font-size: 1.8rem;
        font-weight: 600;
        height: 64px;
        justify-content: center;
        margin: 0 auto 120px;
        text-decoration: none;
        width: 380px;
    }

    .ob2-button-211 a img {
        width: 38px;
        height: 38px;
        margin: 0 -80px 0 40px;
    }

    .section-center {
        background: #FFF0E6;
        padding: 60px 0 70px;
    }

    .c1-211 p {
        margin: 0 0;
        color: #fd781d;
        font-size: 3.2rem;
        font-weight: 600;
    }

    .c2-211 p {
        margin: 0 0 40px;
        font-size: 1.6rem;
        font-weight: 600;
        text-align: center;
    }

    .c2-211 img {
        margin: 20px auto 0;
        width: 720px;
    }

    .u1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
    }

    .u1 img {
        margin: 60px auto 0;
        width: 430px;
    }

    .u1 p {
        font-size: 2.4rem;
        font-weight: 600;
        margin: 13px auto 37px;
        text-align: center;
    }

}

@media(min-width: 600px) {

    .section-next,
    .section-next-v5,
    .section-next-v7 {
        max-width: 1200px;
    }

    .section-next_in-v2 {
        width: 600px;
        margin: 40px auto;
    }

    .sign_area,
    .o-button {
        max-width: 600px;
        margin: 40px auto;
    }

    .section-next_topbar-v2,
    .section-next_topbar-v3 {
        background: #fff;
        max-width: 1200px;
        margin: 0 auto;
    }

    .top1-1 {
        margin: 40px auto 20px;
        width: 600px;
    }

    .section-next_top2 {
        display: flex;
        justify-content: space-around;
        margin: 30px auto;
        width: 600px;
    }

    .custum-checkbox-v3 {
        margin: 25px auto 0;
        width: 384px;

    }

    .orange-p {
        max-width: 600px;
    }

    .custum-checkbox-v3 {
        margin: 25px auto 0;
        width: 384px;
    }

    .mobliebr {
        display: none;
    }


}

@media(max-width:600px) {
    .inquiry_txt {
        max-width: 300px;
    }

    .inquiry_txt br {
        display: block;
    }

    .inquiry_txt span {
        display: inline-block;
    }

    .section-project_right-topimg p {
        font-size: 27px;
        font-weight: 600;
        margin-top: -3px;
        letter-spacing: 1px;
        padding-bottom: 18px;
    }

    .section-project_right-center {
        width: fit-content;
        height: fit-content;
    }

    .section-project_right-center img {
        width: 153px;
        height: auto;
        border-radius: 0;
        aspect-ratio: 271/181;
    }

    .return-card-forlist {
        border-radius: 0;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
        padding: 0;
        padding-bottom: 16px;
        margin-bottom: 20px;
        position: relative;
    }

    .return-card-forlist_inner {
        display: flex;
    }

    .return-card-forlist_inner>div:last-child {
        width: calc(100% - 100px);
    }

    .return-card-textbox h4 {
        font-size: 18px;
    }

    .return-price-yen {
        font-size: 12px;
    }

    .return-card-textbox {
        padding: 0 0 6px 9px;
        margin-top: -1px;
    }

    .return-card-textbox p {
        margin: 0 0 3px 0;
        font-size: 10px;
        padding: 1px 7px;
        font-weight: 500;
        height: 18px;
        line-height: 17px;
    }

    .return-card-textbox p span {
        font-size: 11px;
    }



    .section-project_right-under_end div p {
        display: flex;
    }

    .return-card-forlist_inner h3 {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 17px;
        margin: 0;
    }

    .section-project_right-under {
        padding: 0 0 0 11px;
    }

    .section-project_right-under_end {
        padding: 0;
        margin-top: 5px;
        display: block;
    }

    .section-project_right-under_end p {
        font-size: 10px;
        margin-top: -4px;
    }

    .section-project_right-under_end p span {
        font-size: 12px;
        padding-left: 5px;
    }

    .project_right-under_human {
        width: 13px;
        height: 16px;
    }

    .section-project_right-under_end img {
        margin: 1px 4px 4px 11px;
    }

    .project_right-under_clock {
        width: 14px;
        height: 14px;
    }

    .project_under_buttons {
        display: flex;
        justify-content: space-between;
    }

    .project_under-right_button>a {
        height: 43px;
        font-size: 15px;
        width: 56vw;
        margin: 12px 0;
        letter-spacing: 0;
        border-radius: 6px;
    }

    .project_under-right_button {
        position: absolute;
        right: 0;
    }

    .project_under-right_button>a svg {
        height: 15px;
    }

    .project_under-left_button {
        font-size: 13px;
        font-weight: 500;
        color: rgba(0, 0, 0, .6);
        border: 0.8px solid rgba(0, 0, 0, .6);
        height: 43px;
        margin-top: 12px;
        width: 35vw;
        border-radius: 6px;
        text-align: center;
    }

    .project_under-left_button svg {
        height: 15px;
        width: 15px;
        transition: transform .4s;
    }

    .project_detail_modal {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .project_deail_modal-inner {
        background-color: #f4f4f4;
        max-width: 375px;
        width: 100%;
        box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.17);
        animation-name: modalopen;
        animation-duration: 1s;
        margin: 0 auto;
    }

    @keyframes modalopen {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }


}

@media(max-width: 430px) {

    .eyecatch-container img {
        width: 250px;
        height: 167px;
    }

    .eyecatct-area {
        flex-direction: column;
    }

    .title_support-with-2 {
        min-width: 0;
    }

    .member-step .step-txArea h3 {
        font-size: 2.0rem;
    }


    .project_countdown_txt {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }

    .clock-section-wrapper {
        flex-direction: row;
        gap: 0;
        height: 36px;
        padding: 0;
        justify-content: space-evenly;
    }

    .clock-section-wrapper>h4 {
        font-size: 21px;
        font-weight: 600;
        letter-spacing: 2px;
    }

    .clock-section-wrapper_red {
        background-color: #FE2E2E;
        height: 37px;
        justify-content: space-evenly;
    }

    .countdown_yet h4 img {
        height: 17px;
        width: 17px;
        margin-right: 3px;
    }

    .countdown_yet h4 {
        letter-spacing: 0.5px;
        font-size: 11px;
    }

    .countdown_yet h4 span {
        font-size: 22px;
        letter-spacing: 2px;
    }

    .countdown_yet #startDate {
        font-size: 11px;
        font-weight: 400;
    }


    .clock-section-wrapper.clock-section-end {
        flex-direction: row;
        gap: 8px 10px;
        justify-content: center;
    }


    .clock-section-wrapper #startDate {
        font-size: 10.5px;
        font-weight: 400;
        letter-spacing: 0;
        padding-top: 1px;
    }

    .project_timer_clock {
        height: 20px;
        width: auto;
        vertical-align: sub;
        padding-right: 7px;
    }

    .project_end_date {
        font-size: 10.5px;
        font-weight: 400;
        letter-spacing: 0;
        padding-top: 1px;
    }

    .project_end_date_only {
        font-size: 14px;
        font-weight: 700;
        margin-left: -10px;
    }


    .project_cheer-for_txt {
        width: 100%;
        margin: 0 auto;
        gap: 2px 0;
    }

    .project_share ul li img {
        height: 30px;
    }

    .sns-note img {
        width: 30px;
    }

    .project-top_for {
        height: 23px;
        border: 2px solid;
    }

    .project-top_for p {
        font-size: 14px;
        line-height: 18px;
    }

    .project-top_for div span {
        font-size: 13px;
        padding: 0 1px 0 9px;
        letter-spacing: 1px;
    }

    .project_l-inner-project-outline {
        padding-top: 0;
        align-items: baseline;
    }

    .project_l-inner-project-outline h1 {
        font-size: 20px;
        line-height: 30px;
        width: 100%;
    }

    .project_l-inner-project-outline .next-name {
        margin: -6px 0 8px;
    }

    .project_l-inner-project-outline .next-name p {
        font-size: 12px;
        text-align: left;
    }

    .project_card_goal {
        display: flex;
        justify-content: space-between;
        padding-top: 20px;
        margin-bottom: 5px;
    }

    .project_goal-wrapper {
        margin: auto 5px 0px 0;
    }

    .project_nowtotal {
        font-size: 11px;
        font-weight: 400;
        text-align: left;
    }

    .project_price_totalwrapper .wide_card_price_support {
        font-size: 36px;
        margin-top: -7px;
    }

    .project_price_goaltxt {
        font-size: 11px;
        font-weight: 400;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: -3px;
        margin-left: 10px;
        width: fit-content;
    }

    .project_price_goalnum {
        font-size: 13px;
        font-weight: 500;
    }

    .project_next-goaltxt {
        font-weight: 400;
    }

    .top-image-detail-container {
        padding: 0;
    }

    .project_support_silhouette {
        padding-top: 18px;
        padding-right: 0;
    }

    .project_support_silhouette img {
        width: 18px;
        height: 24px;
        margin-left: 1px;
    }

    .project_support,
    .project-timer_last {
        font-size: 11px;
        font-weight: 500;
        margin-top: -4px;
    }

    .project_support_num,
    .project-timer_num {
        font-size: 18px;
        margin-top: 4px;
    }

    .project-timer_clock {
        padding-top: 17px;
        padding-right: 0px;
    }

    .project-timer_clock img {
        width: 25px;
        height: 25px;
        margin-top: 0;
    }

    .ql-editor {
        padding: 12px 0;
    }

    .ql-editor p {
        font-size: 14px;
    }

    .ql-editor li {
        font-size: 14px;
    }

    .project-timer.wide_card-digit {
        padding-left: 10px;
        margin-top: 9px;
    }

    .project-timer_last {
        margin-left: -26px;
    }

    .project-timer_num {
        margin-left: -10px;
    }

    .project-card-bottom {
        padding-top: 4px;
    }



    .project_favorite-circle {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        border: 1px solid rgba(0, 0, 0, .2);
        position: relative;
    }


    .project_favorite-circle.project_favorite_already svg,
    .project_favorite-circle.project_favorite_yet svg {
        height: 22px;
        position: absolute;
        top: 50%;
        left: 48%;
        transform: translate(-50%, -50%);
    }

    .project_support_button_sp {
        font-size: 18px;
        height: 50px;
        padding: 0 24px;
    }

    .project_favorite-button_sp {
        position: relative;
    }

    .project-favorite-button-sum_sp {
        font-size: 9px;
        position: absolute;
        bottom: -32px;
        left: 50%;
        transform: translateX(-50%);
        font-weight: 700;
    }


    .project-speaker {
        width: 35px;
        top: -15px;
        left: 0px;
    }

    .project_comment-container {
        width: calc(100% - 30px);


    }

    .project_comment-container_comment {
        font-weight: 400;
        line-height: 1.4;
        padding-left: 40px;
        font-size: 12px;
        margin-top: -8px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .project_cheer-for_txt {
        padding: 10px 12px;
    }

    .project_cheer-for_txt:has(.yet-comment) {
        height: 46px;
    }

    .project_comment-container_date {
        font-size: 11px;
        max-width: fit-content;
        width: 100%;
        text-align: right;
        line-height: 1;
    }

    .project_share {
        width: 100%;
        margin: 0 auto;
    }

    .project_share ul {
        justify-content: space-between;
        width: 233px;
        margin: 0 auto;
    }

    .project_share ul li {
        height: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .project_favorite {
        height: 30px;
        font-size: 13px;
        padding: 5px 15px;
    }

    .project_favorite-button-img {
        height: 14px;
        margin-top: 4px;
    }

    .project_comment-container_date {
        line-height: 19px;
    }


    .project_favorite-button p {
        line-height: 20px;
        height: 20px;
        margin-top: 5px;
    }

    .project_favorite-button-sum {
        line-height: 20px;
    }

    .project_favorite-button {
        line-height: 20px;
        height: 20px;
    }

    .project_favorite-button .project_favorite_already {
        margin-top: 8px;
    }


    .project_about_forgood_wrapper {
        width: 100%;
        margin: 26px auto 25px;
    }

    .project_about_forgood h3 {
        opacity: 1;
        letter-spacing: 0px;
        font-size: 14px;
    }

    .project_about_forgood_title span {
        max-width: 262px;
        width: 100%;
        margin-top: 4px;
    }

    .project_about_forgood p {
        margin-top: -3px;
        font-size: 14px;
        padding: 0 10px;
        width: 100%;
    }



    .project_detail-tab_activity {
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .project_detail-tab_txts {
        min-width: 97px;
    }

    .project_detail-tab_comment {
        width: 100%;
    }

    .project_about_forgood {
        width: 100%;
        padding: 0 15px;
    }

    .project_outofstock-return-button {
        border-radius: 6px;
        font-size: 13px;
        font-weight: 400;
        height: 43px;
        width: 208px;
        margin: 12px auto;
    }

    .project_under_buttons {
        margin-top: -2px;
    }

    .project-image-wrapper>img {
        border-radius: 2px;

    }

    .project_price_slash {
        margin-right: 5px;
    }

    .project-timer {
        margin-left: 20px;
    }


    .supporterscomments-item-title p:first-child {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .project-sns-container li a img {
        height: 25px;
        width: 25px;
    }

    .section-project_left-7 ul {
        margin: 0;
    }

    .activeandcomment-wrapper {
        margin: 0;
        background-color: #F8F8F8;
    }


    .project_buttons_heart_and_support {
        background-color: #fff;
        height: 90px;
        display: flex;
        width: 100vw;
        position: fixed;
        bottom: 0;
        justify-content: space-around;
        padding: 20px 18px;
        z-index: 9999;
        align-items: center;
    }

    .project_buttons_heart_and_support button {
        text-decoration: none;
        line-height: 50px;
    }

    .project_kanso {
        padding: 0 25px;
        min-height: 80px;
    }

    .project-detail_comment_icon {
        margin-top: 5px;
        height: 50px;
        width: 50px;
    }

    .kanso-p2 {
        font-size: 11px;
        font-weight: 500;
    }

    .project_kanso_txts {
        margin-left: 15px;
    }

    .project_kanso-2 {
        font-size: 11px;
    }

    .project_kanso-3 {
        font-size: 13px;
        margin-top: 5px;
        line-height: 20px;
    }

    .project_kanso-4 {
        font-size: 11px;
    }




    .project_kanso-wrapper ul li {
        padding-bottom: 0;
    }

    .project_kanso-1 {
        max-width: 150px;
        font-size: 14px;
    }


    .top-image-detail-container .project_favorite {
        margin-top: 9px;
        margin-left: 27px;
        padding: 5px 10px;
    }

    .top-image-detail-container .project_favorite svg {
        height: 17px;
        margin-top: -3px;
    }

    .top-image-detail-container .project_favorite_good {
        margin-left: 0;
        line-height: 26px;
    }

    .top-image-detail-container .project_favorite-button-sum {
        margin-left: 0;
    }

    .project-supporter .wide_card-digit {
        margin-top: 9px;
        margin-left: 7px;
    }

    .project-timer .wide_card-digit {
        margin-top: 9px;
        margin-left: 14px;
    }

    .project-timer_noterm {

        margin-bottom: 0;
    }


    .ql-editor {
        padding: 12px 0;
    }

    .section-project_left-7 {
        padding: 15px;
        margin: 10px 15px;
    }

    .section-project_left-7 h3 {
        margin-bottom: 6px;
    }

    .section-project_left-7 .profile-name {
        margin-top: 4px;
    }

    .section-project_left-7 .profile-container-right {
        margin-left: 21px;
        margin-bottom: 10px;
        width: auto;
    }

    .top-image-detail-container .project_favorite-button-sum {
        height: 21px;
        margin-top: 10px;
        width: 24px;
        font-size: 11px;
        line-height: 19px;
        border-radius: 4px;
    }

    .top-image-detail-containe .project_favorite-button p {
        line-height: 27px;
    }

    .project_section_to-support .project_favorite-button p svg {
        height: 24px;
    }

    .project_section_to-support {
        padding: 0 8px;
    }

    .project_section_to-support .project_favorite-button-sum {
        line-height: 24px;
        margin-left: 0;
        width: 28px;
        height: 24px;
        font-size: 14px;
    }

    .project_section_to-support .project_favorite-button {
        padding: 0 9px;
    }

}

@media(max-width: 400px) {

    .sp415-br {
        display: block;
    }

}

@media(max-width: 320px) {
    .project_buttons_heart_and_support {
        padding: 20px 0;
        justify-content: flex-start;
    }

    .project_support_button_sp_disable {
        padding: 0;
        width: 280px;
    }
}

.sp-preview .project_buttons_heart_and_support {
    display: none;

}

.notice {
    font-size: larger;
    font-weight: 100;
    padding-bottom: 32px;
}

.main-editor>.ql-editor {
    height: 690px;
    background-color: #FFF;
}

.sub-editor>.ql-editor {
    height: 460px;
    background-color: #FFF;
}

#profile.textarea-apply {
    height: 300px;
}

@media(max-width: 768px) {
    .main-editor>.ql-editor {
        height: 460px;
    }

    .sub-editor>.ql-editor {
        height: 230px;
    }

    #profile.textarea-apply {
        height: 200px;
    }
}


.ql-container {
    min-height: 100px;
    font-family: 'Noto Sans JP', sans-serif !important;
    height: auto;
}

.ql-toolbar.validate-error {
    border-top-color: red !important;
    border-left-color: red !important;
    border-right-color: red !important;
    border-top-width: medium !important;
    border-left-width: medium !important;
    border-right-width: medium !important;
}

.ql-container.validate-error {
    border-color: red !important;
    border-width: medium !important;
}

.ql-container h1 {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
    padding: 10px 8px !important;
    line-height: 1.5 !important;
}

.ql-container h2 {
    color: #333 !important;
    font-size: 2.2rem !important;
    margin-top: 16px !important;
    margin-bottom: 20px !important;
    line-height: 1.5 !important;
    font-weight: 400;
}

.ql-container h3 {
    font-weight: 400;
    line-height: 1.2;
    font-size: 24px;
}

.ql-container h3 {
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.6;
}

.ql-container h4 {
    line-height: 1.6;
}

.list-button {
    text-align: center;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    padding: 9px 10px !important;
    border-radius: 20px !important;
    background-color: #FFF;
    border: solid 2px #dee2e6;
    margin: 0 10px !important;
    width: max-content;
}

.list-button.active {
    border: solid 3px #ffa66e;
    background-color: rgb(255 208 178);
}

input.adn_input_date {
    width: 200px;
}

a.common-link {
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: left;

}

a.common-link:hover {
    color: inherit;
    opacity: 0.7
}

.password-wrapper {
    border-radius: 5px;
    position: relative;
}

#toggleIcon {
    position: absolute;
    right: 0.5rem;
    width: 20px;
    height: auto;
    top: 2.9rem;
}


.circle .cropper-face {
    border-style: solid;
    border-width: 5px;
    border-radius: 100%;
    background-color: transparent;
    opacity: 0.4;
}

/* project_card project_slider */

.project-wide-title {
    display: flex;
    font-size: 2.4rem;
    align-items: center;
    justify-content: center;
    overflow-wrap: anywhere;
    flex-basis: 30%;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 0;
    min-height: unset;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.5;
}

.project-card-image {
    position: relative;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 5px;
    background: #ccc;
    overflow: hidden;
}

.project-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-image-wrapper .next-goal,
.project-card-image .next-goal {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 0;
    right: 0;
    font-size: 16px;
    background-color: unset;
    color: white;
    padding: 0;
    border-radius: 0;
    width: 25%;
}

.project-image-wrapper .next-goal img,
.project-card-image .next-goal img,
.next-card-img-wrapper .next-goal img {
    width: 100%;
}

.project-promoter {
    display: flex;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    align-items: center;
    padding-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: normal;
    color: #7f7f7f;
}

.project-promoter-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    background: #CCC;
}

.project-promoter-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-bottom {
    display: flex;
}

.people-slider .project-card-inner {
    padding: 1rem 0 0;
}

.people-slider .slide-card .project-card .product-description {
    line-height: normal;
}

.people-slider .slide-card .project-card .project-card-title {
    padding: 0.5rem 0;
    font-size: 1.8rem;
    letter-spacing: normal;
    line-height: 2.0rem;
    min-height: 78px;
}

.people-slider .slide-card .project-card .project-promoter {
    column-gap: 0.5rem;
}

.people-slider .slide-card .project-card .project-promoter-icon {
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: #CCC;
}

.people-slider .slide-card .project-card .project-promoter-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.project-promoter-icon img {
    display: block;
}

.people-slider .slide-card .project-card .project-promoter-name {
    font-size: 1.2rem;
}

.people-slider .project-card .project-card-progress,
.people-slider .project-card .project-card-progress div {
    width: 125px;
    height: 12px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1em;
    align-items: flex-end;
    height: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.people-slider .project-card .project-card-progress span,
.people-slider .project-slider .project-card .project-card-progress div span {
    margin-left: .1rem !important;
    padding-right: .8rem;
}

@media (max-width: 768px) {

    .people-slider .project-card .project-card-progress,
    .people-slider .project-card .project-card-progress div {
        width: 59px;
        font-size: 1.2rem;
    }

    .project-bottom {
        flex-wrap: nowrap;
        justify-content: space-between;
        row-gap: 0.5rem;
        padding: 0;
    }

}

.project-bottom-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.project-bottom-info>* {
    line-height: 1;
}

.project-bottom-info__days,
.project-bottom-info__supporter {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 3px;
}

@media (max-width: 768px) {
    .project-bottom-info__supporter {
        display: none;
    }
}

.project-bottom-info__supporter>i {
    color: #ccc;
    font-size: 1.4rem;
    margin-right: 0.2rem;
}

.project-bottom-info__days>p,
.project-bottom-info__supporter>p {
    width: fit-content;
    margin: 0;
}

.project-bottom-info__days>div,
.project-bottom-info__supporter>div {
    width: fit-content;
    display: flex;
    align-items: center;
}

.project-bottom-info__days>div p,
.project-bottom-info__supporter>div p {
    color: #2F1B00;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
}

@media (max-width: 768px) {

    .project-bottom-info__days>div p,
    .project-bottom-info__supporter>div p {
        font-size: 1.2rem;
    }
}

.project-bottom-info__startday {
    display: flex;
    align-items: center;
    color: #2F1B00;
}

.project-bottom-info__startday>img {
    padding-right: 5px;
}

.project-bottom-info__startday>div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.project-bottom-info__startday>div p {
    font-size: 1.6rem;
    margin: 0;
}

.project-bottom-info__startday>div span {
    font-size: 1.4rem;
    padding: 0 0 0 2px;
}

.project-bottom-fund {
    color: #2F1B00;
    width: 55%;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .project-bottom-fund {
        width: 64%;
    }

    .project-bottom-info__startday>div p {
        font-size: 1.2rem;
    }
}

.project-bottom-fund>p {
    width: 80px;
    margin: 0;
}

.project-bottom-fund>div {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

.project-bottom-fund>div p {
    color: #2F1B00;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0.05em;
    line-height: 1;
}

.project-bottom-fund .project-card__text-small {
    font-size: 1.2rem;
    color: #2F1B0099;
    font-weight: 400;
}

.project-bottom .project-card__text-small {
    font-size: 1.2rem;
    color: #2F1B0099;
    font-weight: 400;
}

.l-inner-project-outline .product-description {
    position: static;
    align-items: stretch;
    border-radius: 20px;
    padding: 2px;
    height: 31px;
}

.l-inner-project-outline .product-description div {
    border-radius: 20px 0 0 20px;
}

.l-inner-project-outline .product-description div span {
    padding: 0 5px;
    font-family: Bebas Neue;
    font-size: 18px;
    font-weight: 700;
}

.l-inner-project-outline .product-description p {
    font-weight: 900;
    font-size: 18px;
    margin: 0;
    padding: 0 7px;
    border-radius: 20px;
}

@media (max-width: 768px) {
    .project-bottom-fund>div p {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .project-card {
        width: 305px;
    }

    .project-card-title-kounan {
        min-height: 90px;
    }

    .achievement-list-support_more {
        margin: 0 auto;
    }
}

.project-card .product-description {
    position: relative;
    right: unset;
    bottom: unset;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    min-height: unset;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 3rem;
    overflow: hidden;
    border: 1.5px solid #FC6203;
    background-color: #FC6203;
    /* max-height: 21px; */
}


.project-card .product-description p {
    text-align: left;
    font-size: 1.4rem;
    font-weight: 700;
    color: #CA4F02;
    margin: 0;
    display: grid;
    align-items: center;
    height: 100%;
    padding: 0.1rem 1.0rem 0.1rem 0.5rem;
    background-color: #FFF;
}

.project-card .product-description span {
    position: relative;
    top: 2px;
    display: block;
    width: 2em;
    background: #FC6203;
    color: #FFFFFF;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 400;
}

@media (max-width: 768px) {
    .project-card .product-description p {
        font-size: 1.2rem;
        padding: 0.2rem 1.0rem 0.2rem 0.5rem;
    }

    .project-card .product-description span {
        padding: 0 0 0 3px;
        line-height: 1;
        font-size: 0.9em;
        top: 1.7px;
        font-weight: lighter;
    }
}

.project-card-inner {
    padding-top: 1rem;
}

@media (max-width: 768px) {
    .project-card-inner .project-card-title {
        font-size: 1.4rem;
        min-height: 78px;
        letter-spacing: -0.5px;
    }

    .achievement-list-support.project-card-title {
        min-height: unset;
    }
}

.next-card {
    position: relative;
    max-width: 1140px;
    border-radius: 1.5rem;
    overflow: hidden;
}

@media (max-width: 768px) {
    .next-first-wrapper {
        margin: 0 auto;
    }
}

.project-progress-fund-flex {
    display: flex;
    justify-content: space-between;
}

.project-card .project-card-progress,
.project-card .project-card-progress div {
    width: 125px;
    height: 12px;
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1em;
    align-items: flex-end;
    height: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
}

.project-card .project-card-progress span,
.project-card .project-card-progress div span {
    margin-left: .1rem !important;
    padding-right: .8rem;
}

@media (max-width: 768px) {

    .project-card .project-card-progress,
    .project-card .project-card-progress div {
        width: 59px;
        font-size: 1.2rem;
    }
}

.next-card-progress,
.next-card-progress div {
    font-family: "Bebas Neue", sans-serif;
    letter-spacing: 0.1em;
    align-items: flex-end;
    height: 2.5rem !important;
    font-size: 2rem;
    line-height: 1.2;
}

@media (max-width: 768px) {

    .next-card-progress,
    .next-card-progress div {
        height: 1.3rem !important;
        font-size: 1.2rem;
        line-height: 1;
        width: 170px;
        color: #FFF;
    }
}

.next-card-img-wrapper {
    position: relative;
    width: 100%;
    height: unset;
    aspect-ratio: 3/2;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .next-card-img-wrapper {
        border-radius: 8px;
        width: calc(100% - 3rem);
        margin: 0 auto;
    }

    .next-card-sp .next-card-img-wrapper {
        width: 100%;
    }
}

.next-card-img-wrapper .next-goal {
    position: absolute;
    top: unset;
    left: unset;
    bottom: 0;
    right: 0;
    font-size: 16px;
    background-color: unset;
    color: white;
    padding: 0;
    border-radius: 0;
    width: 16%;
}

@media (max-width: 768px) {
    .next-card-img-wrapper .next-goal {
        width: 20%;
    }
}

.next-card .product-description {
    position: relative;
    right: unset;
    bottom: unset;
    width: -moz-fit-content;
    width: fit-content;
    min-width: unset;
    min-height: unset;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 3rem;
    overflow: hidden;
    border: 1.5px solid;
}

@media (max-width: 768px) {
    .next-card .product-description {
        border: 1px solid;
    }
}

.next-card .product-description p {
    text-align: left;
    font-size: 2rem;
    font-weight: 900;
    margin: 0;
    display: grid;
    align-items: center;
    /* height: 100%; */
    padding: 0.1rem 1.5rem 0.1rem 1.0rem;
}

@media (max-width: 768px) {
    .next-card .product-description p {
        font-size: 1.4rem;
        line-height: 1.9;
        padding: 0 1.0rem 0 0.5rem;
    }
}

.next-card .product-description span {
    position: relative;
    display: grid;
    align-items: center;
    top: 0;
    width: 2em;
    height: 100%;
    background: #FFF;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.8em;
    line-height: 1;
    padding: 4px 0 0 5px;
    background-color: #FC8434;
}

@media (max-width: 768px) {
    .next-card .product-description span {
        padding: 3px 0 6px 0;
        font-size: 1.7rem;
        line-height: 1;
    }
}

.next-card .next-card-text-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 50%;
    padding: 3.6rem 4rem;
    gap: 1rem;
}

@media (max-width: 768px) {
    .next-card .next-card-text-wrapper {
        padding: 1rem 1.5rem 1.5rem;
        gap: 0.4rem;
        min-height: auto;
    }
}

.next-card .next-bottom {
    margin-top: 0;
    padding-top: 10px;
    justify-content: space-between;
}

@media (max-width: 768px) {
    .next-card .next-bottom {
        line-height: 1;
    }
}

.next-card .next-bottom-wapper {
    justify-content: center;
    display: flex;
    align-items: center;
}

.next-card .next-bottom-info {
    padding-top: 15px;
    width: 45%;
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.next-card .next-bottom-fund-pc {
    padding-top: 15px;
}

.next-card .next-bottom-info img {
    width: 24px;
    height: 24px;
}

@media (max-width: 768px) {
    .next-card .next-bottom-info img {
        width: 16px;
        height: 16px;
    }

    .next-card .next-bottom-info {
        width: 100%;
        justify-content: space-between;
        align-items: end;
        padding-top: 0;
    }
}

.next-card .next-bottom-info__days,
.next-card .next-bottom-info__supporter {
    width: fit-content;
    display: flex;
    gap: 5px;
    align-items: center;
    color: #2F1B00;
}

.next-card .next-bottom-info__days>p,
.next-card .next-bottom-info__supporter>p {
    width: 2.1em;
    margin: 0;
}

.next-card .next-bottom-info__supporter>i {
    font-size: 1.4em;
    color: #ccc;
    margin: 0 0.1em;
}

@media (max-width: 768px) {
    .next-card .next-bottom-info__supporter>i {
        font-size: 1em;
        color: #ccc;
    }
}


.next-card .next-bottom-info__days>div,
.next-card .next-bottom-info__supporter>div {
    width: fit-content;
    display: flex;
    align-items: center;
}

.next-card .next-bottom-info__days>div p,
.next-card .next-bottom-info__supporter>div p {
    font-size: 2.2rem;
    font-weight: bold;
    margin: 0;
}

@media (max-width: 768px) {

    .next-card .next-bottom-info__days>div p,
    .next-card .next-bottom-info__supporter>div p {
        font-size: 1.6rem;
    }
}

.next-card .next-bottom-fund {
    display: flex;
    align-items: center;
}

.next-card .next-bottom-fund>p {
    width: 80px;
    margin: 0;
}

.next-card .next-bottom-fund>div {
    width: 100%;
    display: flex;
    justify-content: baseline;
    align-items: baseline;
    gap: 5px;
}

.next-card .project-card__text-small {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 100%;
    letter-spacing: 0%;
}

.next-card .project-card__text-amount {
    font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 100%;
    letter-spacing: -2%;
    color: #2F1B00;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .next-card .project-card__text-small {
        font-size: 1.2rem;
    }

    .next-card .next-bottom-fund-pc {
        display: none;
    }

    .next-card .project-card__text-amount {
        font-size: 1.6rem;
    }
}

@media (min-width: 768px) {
    .next-card .next-bottom-fund-sp {
        display: none;
    }
}

@media (max-width: 768px) {
    .next-card .next-bottom-fund>div .project-card__text-small {
        padding: 0 0.5rem 0 0.5rem;
        margin-bottom: 0;
        color: #2F1B0099;
    }

    .next-card .next-bottom .project-card__text-small {
        padding-top: 3px;
    }
}

.next-card .next-bottom .project-card__text-small {
    font-size: 1.2rem;
    color: #2F1B0099;
    font-weight: 500;
    padding-top: 7px;
}

@media (max-width: 768px) {
    .next-card .next-bottom .project-card__text-small {
        padding-top: 1px;
    }
}

.next-card .next-card-progress .ms-1 {
    padding-right: 2px;
}

@media (max-width: 768px) {
    .next-card {
        display: flex;
        flex-direction: column;
        border-radius: 8px;
        box-shadow: 0 1px 2px 0px rgba(0, 0, 0, .12);
        background-color: #F9F9F9;
        width: 100%;
        max-width: 325px;
    }

    .next-card .next-first-wrapper {
        width: 90%;
        margin: 0 auto 6rem;
    }

    .project-wide-title {
        font-size: 1.7rem;
        justify-content: flex-start;
        min-height: 85px;

    }

    .project-promoter {
        padding: 1rem 1.5rem;
        column-gap: 0.2rem;
    }

    .project-promoter-icon {
        width: 20px;
        height: 20px;
    }

    .payment_showmorebtn-wrapper .payment_add_tooltip_txt {
        width: 250px;
        top: -45px;
        left: -190px;
    }

    .payment_showmorebtn-wrapper .payment_add_tooltip_txt::after {
        right: 32px;
        left: auto;
    }


}

.next-card-sp {
    width: 100vw;
    display: flex;
    padding: 15px 25px;
    background-color: white;
    flex-direction: column;
    gap: 8px 0;
    box-shadow: 2px 2px 20px 0px #0000000D;

}

.next-card-sp-top>.next-card-img-wrapper {
    flex-basis: 50%;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 768px) {

    .next-card-sp-top>.next-card-img-wrapper {
        height: fit-content;
    }

}

.next-card-sp-top {
    display: flex;
    flex-direction: row;
}

.next-card-sp-top-l {
    flex-basis: 37.3vw;
    height: fit-content;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

.next-card-sp .next-card-sp-top-l .next-goal {
    position: absolute;
    width: 29.6%;
    z-index: 2;
}

.next-card-sp .next-card-sp-top-l .next-goal img {
    width: 100%;
}

.next-card-sp-top-r {
    flex-basis: 50%;
    padding: 0 0 0 8px;
}

.next-card-sp-bottom {
    display: flex;
    flex-basis: 100%;
    justify-content: flex-start;
    align-items: baseline;
}

@media (max-width: 768px) {
    .next-card-sp-bottom {
        align-items: flex-end;
    }
}

@media (max-width: 768px) {
    .next-card-sp-bottom p {
        margin-bottom: 0;
    }
}

.project-promoter-sp>.project-promoter-icon {
    width: 20px;
    height: 20px;
}

.project-promoter-sp>.project-promoter-name {
    font-size: 1.2rem;
    font-weight: 400;
    color: #00000080;

}

.project-card__text-sp {
    color: #00000080;
    margin-right: 4px;
}

.project-promoter-sp {
    display: flex;
    flex-basis: 50%;
    gap: 0 4px;
    margin-bottom: 0.25em;
}

.next-card-sp-bottom>.next-bottom-info__supporter,
.next-card-sp-bottom>.next-bottom-info__days {
    font-size: 13px;
    font-weight: 500;
    display: flex;

}

.next-card-sp-bottom>.next-bottom-info__supporter {
    flex-basis: 25%;
    line-height: 15px;
}

.next-card-sp-bottom>.next-bottom-info__supporter i {
    color: #CCC;
    padding-right: 2px;
}

.next-card-sp-bottom>.next-bottom-info__supporter i.fa-user:before {
    content: "\f007";
    font-size: 1.4rem;
    margin-right: 2px;
    bottom: -2px;
    position: relative;
}

.next-card-sp-bottom>.next-bottom-info__days {
    position: relative;
    flex-basis: 25%;
    line-height: 15px;
    align-items: flex-end;
}

.next-card-sp-bottom>.next-bottom-info__days img {
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}

.next-card-sp-bottom>.next-bottom-fund {
    margin-right: 0;
    margin-left: auto;
}

.next-card-sp-bottom>.next-bottom-fund>.next-total-area>p {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0.1em;
}

.next-card-sp-bottom>.next-bottom-fund>.next-total-area>p.project-card__text-small {
    font-size: 1.2rem;
    color: #2F1B0099;
    font-weight: 400;
}

.product-description-sp {
    border-radius: 18px;
    border: 1px solid #FC6203;
    display: flex;
    overflow: hidden;
    width: fit-content;
    /* height: 2rem; */
    margin-top: 2px;
}

.product-description-sp span {
    background: #FC6203;
    color: #FFF;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1.4rem;
    padding: 0.3rem 0.4rem 0 0.7rem;
    line-height: 1.5rem;
}

.product-description-sp>p {
    color: #CA4F02;
    font-size: 1.2rem;
    font-weight: 700;
    padding: 0.2rem 1.0rem 0.2rem 0.5rem;
    line-height: 1.3;
    letter-spacing: 0;
}

.next-card-sp-top-r>.project-wide-title {
    font-size: 1.6rem;
    padding: 8px 0;
}

.next-card-sp-middle {
    display: flex;
}

.next-card-sp-middle>.next-card-progress {
    height: 1.2rem;
    color: white;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    flex-basis: 50%;
}

.project-card__digit-sp {
    font-weight: 700;
}

.next-card-sp .next-total-area {
    display: flex;
    align-items: flex-end;
}

.next-card-sp .next-total-area p {
    line-height: 1;
}


/* pj詳細ページ追加分 */
.project_about_forgood_txt {
    font-weight: 400;
}

.project_accordion {
    position: relative;
}

/* ボタン */
.project_accordion-btn {
    bottom: -30px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    padding: 5px 4px 5px 15px;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all .2s;
    width: fit-content;
    z-index: 1;
    font-weight: 400;
}

/* 続きを読むボタンの表記 */
.project_accordion-btn::after {
    content: "もっと見る";
}

.project_accordion-text {
    overflow: hidden;
    word-break: break-all;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    font-weight: 400;
}

/* 最初に見えてるテキストエリアの高さ */
.project_accordion-text.is-hide {
    height: 100px;
}

/* テキストをグラデーションで隠す */
.project_accordion-text::before {
    content: "";
    height: 60px;
    /* グラデーションで隠す高さ */
    position: absolute;
    width: 100%;
}

/* 閉じるボタンの表記 */
.project_accordion-btn.is-show::after {
    content: "閉じる";
}

/* 続きを見るボタンをクリックしたらテキストを隠しているグラデーションを消す */
.project_accordion-btn.is-show+.accordion-text::before {
    display: none;
}

/* レイアウトの為のスタイル */
.project_accordion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 270px;
}

.project_accordion:not(:first-of-type) {
    margin-bottom: 100px;
    margin-top: 100px;
}

.project_accordion-text p {
    line-height: 1.3;
}

.activeandcomment {
    width: 100%;
    display: flex;
    justify-content: center;
    background: #f8f8f8;
    padding: 70px 0;
}

.activeandcomment p {
    margin: 0;
}

.activeandcomment .activereport {
    max-width: 575px;
    width: 100%;
    flex-basis: 50%;
    border-right: 2px solid rgba(0, 0, 0, 0.1);
}

.activeandcomment .supporterscomments {
    max-width: 575px;
    width: 100%;
    flex-basis: 50%;
    position: relative;
}

.activeandcomment h3 {
    font-size: 26px;
    font-weight: 700;
    color: #FD790E;
    padding-top: 24px;
    padding-bottom: 26px;
    letter-spacing: 0;
}

.activeandcomment .supporterscomments h3 {
    margin-left: 43px;
}

.supporterscomments-list {
    position: relative;
}

.supporterscomments-item {
    display: flex;
    justify-content: space-between;
    margin-left: 43px;
    padding-bottom: 38px;
    text-decoration: none;
}

.supporterscomments-item-left {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.supporterscomments-item .supporterscomments-item-left {
    width: 75px;
    height: 75px;
}

.supporterscomments-item-right {
    position: relative;
    max-width: 440px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.supporterscomments-item-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2px;
    margin-bottom: 4px;
}

.supporterscomments-item-title p:first-child {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.supporterscomments-item-title p:nth-child(2) span {
    font-weight: 500;
}

.supporterscomments-item-title p:last-child {
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.4);
}

.supporterscomments-item-main {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    height: auto;
}

.supporterscomments-item-main p {
    height: 60px;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 21px;
}

.comment-button {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 15px;
}

.comment-button img {
    margin-left: 8px;
    width: 7px;
    height: 12px;
    vertical-align: baseline
}

.activereport {
    position: relative;
}

.activereport-list {
    position: relative;
}

.activereport-item {
    text-decoration: none;
    display: flex;
    color: black;
    padding-bottom: 18px;
    font-weight: 500;
    font-size: 16px;
}

.activereport-item:nth-last-child(2) {
    padding-bottom: 38px;
}

.activereport-item-left {
    width: auto;
    height: 87px;
    border-radius: 2px;
    margin-right: 15px;
}

.activereport-item-right {
    padding-right: 40px;
}

.activereport-item-title p:first-child {
    font-size: 14px;
    font-weight: 400;
    color: #F36F0E;
    line-height: 13px;
    margin-bottom: 11px;
}

.activereport-item-title p:last-child {
    font-size: 16px;
    font-weight: 700;
    color: black;
    line-height: 16px;
    margin-bottom: 8px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.activereport-item-main {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    height: auto;
}



.active-button {
    position: absolute;
    bottom: 0;
    right: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.active-button img {
    margin-left: 8px;
    width: 7px;
    height: 12px;
    vertical-align: baseline;
}

.supporterscomments p.yet-comment {
    margin-left: 43px;
}

.section-people-wrapper {
    width: 1160px;
    margin: 0 auto;
    height: fit-content;
}

.people-slider {
    max-width: 1160px;
    margin: 0 auto;
}

.people-slider li {
    padding: 10px;
    border-radius: 8px;
    box-shadow: unset;
    width: fit-content;
}

.people-slider li a {
    width: fit-content;
}

.people-slider .slick-dots {
    text-align: end;
    display: none;
    width: 100%;
    margin: 0;
    list-style: none;
}

.people-slider .slick-dots li {
    background: #e3dcd8;
    position: relative;
    display: inline-block;
    width: 30px;
    height: 6px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0;
}

.people-slider .slick-dots li.slick-active {
    background: #fd780d;
}

.project-slider-common .slick-dots li button:before {
    display: none;
}



@media (max-width:768px) {
    .section-people-wrapper {
        width: 100%;
        max-width: unset;
        margin: 0 auto;
        height: fit-content;
    }

    .activeandcomment {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        background: #f8f8f8;
        padding: 60px 0 30px;
    }

    .activeandcomment a {
        text-decoration: none;

    }

    .activeandcomment p {
        margin: 0;
    }

    .supporterscomments p.yet-comment {
        margin: 0
    }

    .activeandcomment .activereport {
        width: 100%;
        border-bottom: none;
        margin: 0 auto;
        margin-bottom: 30px;
        border-right: none;
        padding: 0 15px;
    }

    .activeandcomment .supporterscomments {
        width: 100%;
        position: relative;
        margin: 0 auto;
        padding: 0 15px;
    }

    .activeandcomment h3 {
        font-size: 20px;
        font-weight: 700;
        color: #FD790E;
        padding-top: 0;
        padding-bottom: 27px;
        margin-bottom: 0;
        letter-spacing: normal;
    }

    .activereport {
        position: relative;
    }

    .activereport-item {
        display: flex;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .activereport-item:nth-last-child(2) {
        padding-top: 20px;
        padding-bottom: 18px;
        border-bottom: none;
    }

    .activereport-item-left {
        width: auto;
        height: 85px;
        border-radius: 2px;
        margin-right: 15px;
    }

    .activereport-item-right {
        padding-right: 0;
        min-width: 183px;
    }

    .activereport-item-title p:first-child {
        font-size: 11px;
        font-weight: 400;
        color: #F36F0E;
        line-height: 11px;
        margin-bottom: 5px;
        padding-top: 6px;
    }

    .activereport-item-title p:last-child {
        font-size: 14px;
        font-weight: 700;
        color: black;
        line-height: 20px;
        max-height: 60px;
        overflow-wrap: break-word;
        overflow: hidden;
        margin-bottom: 6px;
        width: unset;
    }

    .activereport-item-main {
        max-height: 82px;
        overflow-wrap: break-word;
        overflow: hidden;
        line-height: 16px;
        color: #000;
        text-overflow: ellipsis;
        font-weight: 400;
        font-size: 12px;
    }

    .active-button {
        display: block;
        font-size: 14px;
        line-height: 14px;
        font-weight: 500;
        color: #000;
        text-align: right;
        padding-right: 40px;
    }

    .active-button img {
        margin-left: 8px;
        width: 5px;
        height: 10px;
        vertical-align: baseline;
    }

    .activeandcomment .supporterscomments h3 {
        margin-left: 0;
    }

    .supporterscomments p.yet-comment {
        margin-left: 0;
    }


    .supporterscomments-item {
        display: flex;
        justify-content: flex-start;
        gap: 1.5em;
        margin-left: 0;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .supporterscomments-item:last-of-type {
        padding-top: 19px;
        border: none;
    }

    .supporterscomments-item .supporterscomments-item-left,
    .supporterscomments-item-left {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

    .supporterscomments-item-right {
        position: relative;
        width: 90%;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .supporterscomments-item-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 14px;
        margin-bottom: 9px;
    }

    .supporterscomments-item-title p:first-child {
        font-size: 14px;
        font-weight: 500;
        color: #000;
        line-height: 14px;
        max-width: 160px;
        overflow: hidden;
    }

    .supporterscomments-item-title p:nth-child(2) {
        margin: 0 0 0 auto;
        font-size: 11px;
        font-weight: 400;
        line-height: 11px;
        color: rgba(0, 0, 0, 0.6);
    }

    .supporterscomments-item-title p:nth-child(2) span {
        font-weight: 500;
    }

    .supporterscomments-item-title p:last-child {
        font-size: 11px;
        font-weight: 500;
        line-height: 11px;
        color: rgba(0, 0, 0, 0.4);
    }

    .supporterscomments-item-main {
        font-size: 13px;
        font-weight: 400;
        color: #000;
        height: auto;
    }

    .supporterscomments-item-main p {
        max-height: 57px;
        overflow-wrap: break-word;
        overflow: hidden;
        line-height: 20px;
    }

    .comment-button {
        position: relative;
        display: block;
        text-align: right;
        font-size: 14px;
        font-weight: 500;
        color: #000
    }

    .comment-button img {
        margin-left: 8px;
        width: 5px;
        height: 10px;
        vertical-align: baseline
    }


    .section-project_right-topimg p {
        margin: 50px 0 0 0;
    }

    .more-activityreport {
        text-align: end;
        position: relative;
        bottom: unset;
    }

    .more-activityreport a {
        font-size: 13px;

    }

    .more-activityreport a img {
        width: 6px;
        height: 9px;
        vertical-align: baseline;
        margin-left: 9px;
    }

    .activity-list-show {
        max-width: 325px;
        padding: 40px 0 60px;
        gap: 0;
    }

    .activity-report-card-wrapper {
        width: 100%;
        box-shadow: none;
        border-radius: 0;
        padding: 20px 0 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        flex-direction: column;
    }

    .activity-report-card-wrapper:first {
        padding-top: 0;
    }

    .activity-report-card-wrapper:last-child {
        padding-bottom: 0;
        border: none;
    }

    .activity-report-card-wrapper img {
        border-radius: 2px;
    }

    .activityreport-textarea {
        padding: 9px 0 0;
        height: auto;
        width: 100%;
    }

    .activityreport-textarea p {
        font-size: 13px;
        margin-bottom: 4px;
        opacity: 0.4;
    }

    .project-title_1 {
        border-bottom: none;
        width: auto;
        margin: 0;
        padding: 0;
        height: 54px;
    }

    .project-title_1 h3 {
        font-size: 16px;
    }

    .activityreport-text-summary {
        font-weight: 400;
        line-height: 20px;
        height: unset;
    }

    .people-slider .slide-card .project-card .project-card-title {
        font-size: 1.4rem;
    }

}

@media (max-width:350px) {
    .clock-section-wrapper {
        padding: 0;
    }

    .big_num {
        margin-left: 10px;
        margin-right: 0;
    }

    .pst4_howmany,
    .pst4_howmuch_sp p {
        font-size: 12px;
    }
}

/* project-card api css修正 */

.project-card-kounan .product-description {
    padding: 0.25em 0.5em;
    margin-top: 1.5rem;
    overflow: unset;
}

@media (max-width: 768px) {
    .project-card-kounan .product-description {
        border: 2px solid;
        height: 45px;
    }
}

/* 掲載終了後 */
.pj_end-first {
    color: #FD790E;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
}

.pj_end-first>img {
    width: 31px;
    margin-right: 11px;
}

@media (max-width: 768px) {
    .pj_end-first {
        margin: 0 auto;
        margin-bottom: 15px;
        max-width: 325px;
        font-size: 18px;
    }

    .pj_end-first>img {
        max-width: 17px;
    }
}

@media (min-width: 768px) {
    .pj_end-first {
        margin-top: 57px;
        margin-left: 40px;
    }
}

/* 掲載終了後（早期入金オプション） */
.mypj_end_payment_option {
    position: relative;
    margin: 0 auto;
    width: 86.6%;
    max-width: 903px;
    background-color: #FFFFFF;
    border: 1px solid rgba(33, 23, 21, 0.1);
    border-radius: 20px;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .mypj_end_payment_option {
        display: flex;
        justify-content: space-between;
        padding: 18px 30px;
    }

    .mypj_end_payment_option-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .mypj_end_payment_option {
        border-radius: 15px;
    }

    .mypj_end_payment_option-img {
        position: absolute;
        right: 5.8%;
        bottom: 15px;

    }
}

.mypj_end_payment_option-title {
    display: flex;
}


@media (min-width: 768px) {
    .mypj_end_payment_option-title {
        margin-bottom: 10px;
    }

    .mypj_end_payment_option-title img {
        width: 26.6px;
        margin-right: 12.34px;
    }
}


.mypj_end_payment_option-title-blue {
    color: #50BCE7;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.mypj_end_payment_option-des {
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 4px;
}

.mypj_end_payment_option-app-txt {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .mypj_end_payment_option-des {
        margin-left: 40px;
    }

    .mypj_end_payment_option-title-blue {
        line-height: 31.86px;
    }

    .mypj_end_payment_option-app {
        display: flex;
        margin-left: 40px;
        align-items: center;
    }

    .mypj_end_payment_option-app-txt {
        margin-right: 30px;
    }

    .mypj_end_payment_option-app-txt>a img {
        margin-left: 5px;
    }

    .mypj_end_payment_option-app-span-sp {
        display: none;
    }

}

.mypj_end_payment_option-app>span {
    font-size: 14px;
    color: rgba(33, 23, 21, 0.6);
}

@media (max-width: 768px) {
    .mypj_end_payment_option-des {
        margin: 0 auto;
        width: 86.76%;
        font-size: 15px;
        line-height: 21.72px;
        padding-top: 10px;
    }

    .mypj_end_payment_option-app {
        margin-top: 5px;
        margin-left: 6.15%;
    }

    .mypj_end_payment_option-app-txt {
        font-size: 14px;
        display: block;
        margin-top: 15px;
        padding-bottom: 20px;
    }

    .mypj_end_payment_option-app-txt>span {
        font-size: 12px;
    }

    .mypj_end_payment_option-app-span-pc {
        display: none;
    }

    .mypj_end_payment_option-img>a img {
        max-width: 110.6px;
    }
}

@media (max-width: 768px) {

    .mypj_end_payment_option-title {
        margin: 0 auto;
        width: 86.76%;
        align-items: center;
        gap: 30px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-bottom: solid 2px rgba(0, 0, 0, 0.05);
    }

    .mypj_end_payment_option-title>img {
        order: 1;
        padding-right: 0;
        width: 34px;
        height: 40px;
    }

    .mypj_end_payment_option-title-blue {
        max-width: 202px;
        font-size: 16px;
    }

    .mypj_end_payment_option-title-blue>span {
        font-size: 18px;
    }
}


/* 掲載終了後（オリジナルステッカー） */
.mypj_original-sticker {
    background-color: #fff;
    width: 903px;
    height: 415px;
    border-radius: 20px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

@media (min-width: 720px) {
    .mypj_original-sticker {
        margin-top: 40px;
    }

    .mypj_original-sticker-img-sp {
        display: none;
    }
}

@media (max-width: 720px) {
    .mypj_original-sticker {
        width: 100%;
        height: auto;
        max-width: 326px;
        margin-top: 30px;
        border-radius: 20px;
    }

    .mypj_original-sticker::before {
        content: url('../images/mypj_after_stickerFlag_sp.png');
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media (min-width: 720px) {
    .mypj_original-sticker::before {
        content: url('../images/mypj_after_stickerFlag.png');
        position: absolute;
        left: 0;
        top: 0;
    }
}

.mypj_original-sticker-box {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 35px;
}

@media (max-width: 720px) {
    .mypj_original-sticker-box img {
        width: 216px;
        height: 129px;
        object-fit: contain;
        border-radius: 5px;
    }
}

@media (min-width: 720px) {
    .mypj_original-sticker-box img {
        width: 251px;
        height: 150px;
        object-fit: contain;
        border-radius: 5px;
    }

    .mypj_original-sticker-midashi-br {
        display: none;
    }
}

.mypj_original-sticker-img-pc {
    width: 251px;
    height: 150px;
}

.mypj_original-sticker-innerbox {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.mypj_original-sticker-innerbox .midashi {
    font-size: 24px;
    font-weight: 700;
    color: #FD790E;
    margin-bottom: 0;
}

.mypj_original-sticker-innerbox .present {
    font-weight: 500;
}

.mypj_original-sticker-Button {
    overflow: hidden;
    margin: 0;
    padding: 8px 20px;
    border: 1.5px solid #FD790E;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
}

.mypj_original-sticker-Button a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    color: #FD790E;
    font-size: 18px;
    font-weight: 700;
    flex-direction: none;
    margin: auto;
    text-decoration: none;
}

#IconList {
    width: 25px;
    height: 25px;
    background-color: #FD790E;
    border-radius: 50%;
    position: relative;
}

#IconList::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10.5px;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 6px solid transparent;
    box-sizing: border-box;
}

.mypj_orginal-sticker-tag {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    margin-top: 15px;
}

.mypj_orginal-sticker-tag span {
    color: #FD790E;
}

/* スライドショー */
.mypj_orizinal-sticker-slider-wrapper {
    display: flex;
    overflow: hidden;
}

.mypj_orizinal-sticker-slider-wrapper ul {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    animation: slideShow 25s infinite linear;
}

.mypj_orizinal-sticker-slider-wrapper li img {
    width: 203px;
    height: 154px;
    margin-left: 1rem;
    border-radius: 10px;
}

@keyframes slideShow {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 720px) {
    .mypj_original-sticker-box {
        flex-direction: column;
        padding: 24px 0;
    }

    .mypj_original-sticker-innerbox .midashi {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin: auto;
    }

    .mypj_original-sticker-innerbox .present {
        font-size: 14px;
    }

    .mypj_original-sticker-img-sp {
        display: block;
    }

    .mypj_original-sticker-img-pc {
        display: none;
    }

    .mypj_original-sticker-innerbox {
        align-items: center;
    }

    .mypj_original-sticker-Button {
        margin-top: 10px;
    }

    .mypj_original-sticker-Button a {
        font-size: 14px;
    }

    #IconList {
        width: 19px;
        height: 19px;
    }

    #IconList::after {
        left: 7.5px;
        border-top: 4px solid transparent;
        border-right: 0 solid transparent;
        border-left: 6px solid #fff;
        border-bottom: 4px solid transparent;
    }

    .mypj_orginal-sticker-tag {
        width: 95%;
        margin: 15px auto;
        font-size: 12px;
        font-weight: 400;
    }
}


/* サイドバーのハンバーガーメニュー */
@media (max-width: 1330px) {
    .responsive-include-pc {
        display: none;
    }

    .responsive-include-sp {
        padding-top: 20px;
    }
}

@media (min-width: 1330px) {
    .responsive-include-sp {
        display: none;
    }

    .hint-box_content {
        margin: 59px 39px 0 40px;
        padding-bottom: 59px;
    }

}

/*----------------------------
* メニュー開閉ボタン
*----------------------------*/
@media (max-width: 1330px) {
    .menu_btn-hum {
        position: fixed;
        left: 29px;
        z-index: 20002;
        width: 43px;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FD790E;
        border-radius: 5px;
        opacity: 1;
    }
}

@media (max-width: 450px) {
    .menu_btn-hum.is-active {
        top: 20px;
    }
}

/*----------------------------
  * メニュー本体
  *----------------------------*/
.sb_accordion_menu {
    z-index: 30;
    height: 100vh;
    display: flex;
}

.sb_accordion_menu a:hover {
    opacity: 1;
}

@media (max-width: 1330px) {
    .sb_accordion_menu {
        position: fixed;
        top: 0;
        left: 0;
        flex-direction: column;
        overflow-y: auto;
    }
}

.sb_accordion_menu>button {
    opacity: 1;
}

/* プレビューボタン */
.menu_btn-hum-preview {
    position: absolute;
    left: 95px;
    width: 137px;
    height: 43px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    color: #FD790E;
    font-weight: 700;
    font-size: 16px;
    border-radius: 5px;
}

.menu_btn-hum-preview a {
    font-size: 16px;
    font-weight: 700;
    line-height: 23.17px;
    color: #FD790E;
    text-decoration: none;
}

@media (max-width: 1330px) {
    .menu_btn-hum-preview {
        top: 20px;
    }
}

@media (max-width: 450px) {
    .menu_btn-hum-preview {
        left: 210px;
    }
}

.menu_btn-hum-preview>svg {
    margin-right: 5px;
}

/* メニュー内のアコーディオン */

@media (max-width: 1330px) {
    .sb_accordion_menu {
        padding-top: 88px;
    }

    .sb_accordion_container {
        padding-left: 10px;
        padding-right: 36px;
    }

    .sb_accordion_container .sb_accordion__ttl-pc-solid {
        width: 100%;
        padding: 8px 0 8px 20px;
        display: flex;
        align-items: center;
        gap: 10px;
    }



    .sb_accordion__cnt .mypj_sb_steps li {
        margin-bottom: 0;
    }

    .sb_accordion__cnt .mypj_sb_steps li a {
        font-size: 16px;
        margin-bottom: 0;
    }

    .sb_accordion__cnt .mypj_thanks {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .mypj_thanks .payment_add_tooltip {
        display: block;
    }

    .sb_accordion__cnt .mypj_thanks img {
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin-bottom: 0px;
    }

    .sb_accordion__cnt .mypj_thanks .payment_add_tooltip_txt {
        width: 180px;
        top: -60px;
        left: -120px;
    }

    .mypj_thanks .payment_add_tooltip_txt::after {
        left: 130px;
        height: 10px;
    }
}

@media (max-width: 768px) {
    .sb_accordion__cnt .mypj_sb_steps li {
        padding: 8px 10px 8px 40px;
    }

    .sb_accordion__cnt .mypj_thanks img {
        margin-top: 3px;
    }

}

.sb_accordion {
    width: 100%;
}

@media (min-width: 1330px) {
    .sb_accordion {
        padding: 30px 0;
    }

    .sb_accordion__ttl {
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sb_accordion__ttl-pc-solid {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .sb_accordion__cnt {
        margin: 10px 0;
    }

    .sb_accordion .mypj_sb_steps {
        padding-bottom: 0;
    }

    .sb_accordion__cnt ul {
        margin-left: 2px;
    }

    .sb_accordion__cnt li:hover {
        background-color: rgba(0, 0, 0, 0.15)
    }

    .sb_accordion__cnt li {
        padding: 8px 33px 8px 10px;
    }

    .sb_accordion__cnt li a {
        font-weight: 500;
        line-height: 24.62px;
        font-size: 16px;
    }

    .sb_accordion__cnt .mypj_thanks {
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .sb_accordion__cnt .mypj_thanks img {
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin-top: 4px;
    }

    .sb_accordion__cnt .mypj_thanks .payment_add_tooltip_txt {
        width: 160px;
        top: -60px;
        left: -120px;
    }

    .mypj_thanks .payment_add_tooltip_txt::after {
        left: 100px;
        transform: rotate(180deg);
    }
}

.sb_accordion__ttl {
    font-weight: 700;
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
    transition: background-color 0.3s;
}

/* サイドメニューのハンバーガー開閉ボタン */

/* アニメーション前のメニューの状態 */
.sb_accordion_menu {
    height: 85.8%;
    background-color: #FD790E;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

@media (min-width: 1330px) {
    .sb_pc_menu_btn-hum {
        display: flex;
        background-color: #fff;
        width: 35px;
        height: 35px;
        border-radius: 5px;
        justify-content: center;
        align-items: center;
    }

    .responsive-include-pc {
        position: sticky;
    }

    .mypage_section-set-child1 {
        min-width: 268px;
    }

    .sb_accordion_menu {
        margin-top: 56px;
        width: 268px;
    }

    .sb_accordion_menu-button {
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 15px;
        padding: 30px 10px;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .sb_accordion_menu-button_inner {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .sb_accordion_menu-button .payment_add_tooltip {
        margin-left: 0;
    }

    .sb_accordion_menu-button .payment_add_tooltip_txt {
        width: 100px;
        border-radius: 2px;
        padding: 10px 2px;
        top: -50px;
        left: 35px;
    }

    .payment_add_tooltip_txt::after {
        left: 10px;
        bottom: 0;
        clip-path: polygon(0 100%, 100% 100%, 0 0);
        transform: rotate(180deg) scaleX(-1);
    }
}

@media (max-width: 1330px) {
    .sb_accordion_menu {
        transform: translateX(-100vw);
        transition: all .3s linear;
        margin-top: 87px;
        height: auto;
        margin-top: 87px;
        background-color: #FD790E;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}

@media (max-width: 450px) {
    .sb_accordion_menu {
        margin-top: 0px;
    }
}

/* アニメーション後のメニューの状態 */

@media (max-width: 1330px) {
    .sb_accordion_menu.is-active {
        height: auto;
        background-color: #FD790E;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        transform: translateX(0);
        margin-top: 132px;
    }
}

@media (max-width:1150px) {
    .sb_accordion_menu.is-active {
        margin-top: 87px;
    }
}

@media (max-width: 450px) {
    .sb_accordion_menu.is-active {
        height: auto;
        background-color: #FD790E;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        transform: translateX(-28.5vw);
        margin-top: 0;
    }

    .sb_accordion_container {
        padding-left: 120px;
    }
}

@media (min-width: 1330px) {
    .ver1 {
        overflow: hidden;
        max-height: 246px;
        transition: max-height 0.4s ease-out;
    }

    .ver2 {
        overflow: hidden;
        max-height: 165px;
        transition: max-height 0.4s ease-out;
    }

    .accordionBtn .arrow {
        margin-right: 20px;
        font-size: 12px;
        transition: transform 0.4s ease;
    }
}

@media (max-width: 1330px) {
    .sb_accordion__cnt {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease-out;
    }

    .accordionBtn-sp .arrow {
        font-size: 12px;
        transition: transform 0.4s ease;
    }
}

/* オーバーレイのスタイル */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10;
    display: none;
}

.menu-overlay.is-active {
    display: block;
}

@media (max-width: 450px) {
    .menu-overlay.is-active {
        z-index: 20000;
    }
}

.sb_accordion_menu.is-active {
    z-index: 20;
}

@media (max-width: 450px) {
    .sb_accordion_menu.is-active {
        z-index: 20001;
    }
}

/* サイドバーの三本線アイコン */

#menu_btn-hum-threelines {
    position: relative;
    height: 20px;
    width: 28px;
    display: inline-block;
    box-sizing: border-box;
}

#menu_btn-hum-threelines div {
    position: absolute;
    left: 5px;
    height: 2px;
    width: 15px;
    background-color: #fff;
    border-radius: 2px;
    display: inline-block;
    box-sizing: border-box;
}

#menu_btn-hum-threelines div:nth-of-type(1) {
    bottom: 17px;
}

#menu_btn-hum-threelines div:nth-of-type(2) {
    bottom: 10px;
}

#menu_btn-hum-threelines div:nth-of-type(3) {
    bottom: 3px;
}

.menu_btn-hum svg {
    display: none;
}

.menu_btn-hum.active svg {
    display: block;
}

/* サイドバー固定 */
@media (min-width: 768px) {
    .mypage_section-set {
        display: flex;
    }

    .mypage_section-set-child2 {
        flex: 1;

    }
}


/* project return card 390px以下 */

@media (max-width: 390px) {
    .project_under-right_button>a {
        width: 208px;

    }
}


@media (max-width: 390px) {
    .mypj_cip_hovercover-key-cover-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90px;
        gap: 10px;
    }
}

@media (min-width: 768px) {
    .mypj_cip_hovercover-key-cover-flex {
        display: block;
    }
}

.mypj_cip_hovercover-key-cover {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 20px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
}

.mypj_cip_hovercover-key-cover div {
    text-align: center;
    margin: auto;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .mypj_cip_hovercover-key-cover div {
        display: table-cell;
    }
}

.mypj_cip_hovercover-key-cover div a {
    font-size: 24px;
}

.mypj_cip_hovercover-key-cover div span {
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    display: block;
    width: 75%;
    margin: 10px auto;
}

@media (max-width: 768px) {
    .mypj_cip_hovercover-key-cover {
        border-radius: 10px;
    }

    .mypj_cip_hovercover-key-cover div a {
        font-size: 16px;
        text-decoration: none;
    }

    .mypj_cip_hovercover-key-cover-flex img {
        width: 25px;
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .mypj_cip_container_title_publish-2 {
        margin-top: 30px;
    }
}

@media (min-width: 768px) {
    .mypj_cip_container_title_publish-2 {
        margin-top: 40px;
    }
}

/*  --------- Thankyou画面 --------- */


/* スマホでは非表示 */
@media (max-width: 768px) {

    .mypj_after_thankyou_grade,
    .mypj_after_thankyou {
        display: none;
    }
}

.mypj_after_thankyou_grade {
    width: 100%;
    height: 50px;
    background: linear-gradient(rgba(253, 121, 14, 0), rgba(253, 121, 14, 1));
}

.mypj_after_thankyou {
    background-color: #FD790E;
    margin: auto;
    padding: 25px 40px 60px 40px;
}

.mypj_after_thankyou_GoodAction {
    position: relative;
}

.mypj_after_thankyou_GoodAction .thankyou_GoodAction {
    position: absolute;
    top: -30px;
    left: -30px;
}

.thankyou_date {
    position: absolute;
    bottom: -10px;
    right: 0;
    font-family: "Bebas Neue";
    font-size: 20px;
    color: #fff;
    opacity: 0.8;
    letter-spacing: 1px;
}

.mypj_after_thankyou_bg {
    position: relative;
    margin: auto;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
}

#particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.mypj_after_thankyou_GoodAction,
.mypj_after_thankyou_FGicon {
    position: relative;
    z-index: 2;
}

.mypj_after_thankyou_totalPj {
    position: relative;
    padding: 40px 20px 40px 20px;
    margin: auto;
    color: #fff;
    text-align: center;
}

.mypj_after_thankyou_totalPj p {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.3;
    margin-top: 25px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.mypj_after_thankyou_totalTxt {
    font-weight: 900;
    font-size: 30px;
}

.mypj_after_thankyou_totalNum {
    font-size: 44px;
    margin-right: 10px;
    margin-left: 10px;
}

.mypj_after_thankyou_bgStr {
    font-family: "Bebas Neue";
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    top: -35%;
    left: 3%;
    font-size: 250px;
    letter-spacing: 5px;
    color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
}

.mypj_after_thankyou_message_box {
    position: relative;
    z-index: 20;
}

.mypj_after_thankyou_message_innerbox {
    position: relative;
    width: 590px;
    min-height: 300px;
    background: #fff;
    margin: 40px auto 0 auto;
    border: 4px solid;
    border-image: conic-gradient(#FD790E, #EBCE2B, #CFD800, #88D074, #4AC9B9, #50BCE7, #FD790E) 1;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 21;
}

.mypj_after_thankyou_message_peopleName {
    margin-top: -30px;
}

.mypj_after_thankyou_message_people {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 10px auto 0 auto;
}

.mypj_after_thankyou_message_people img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.mypj_after_thankyou_textBox {
    width: 80%;
    margin: 0 auto 30px auto;
    position: relative;
    top: -20px;
    background-image:
        linear-gradient(180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 97%,
            #ddd 97%,
            #ddd 100%);
    background-size: 100% 2em;
    line-height: 1.8;
}

.mypj_after_thankyou_text {
    font-size: 17px;
    font-weight: 500;
    margin-top: 22px;
}

.mypj_after_thankyou_textFor_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    top: -35px;
    margin-bottom: -25px;
}

.mypj_after_thankyou_textFor_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.mypj_after_thankyou_textFor_icon img {
    height: 100%;
    object-fit: cover;
}

.mypj_after_thankyou_textFor {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.mypj_after_thankyou_message_box .letter_image {
    position: absolute;
    top: -25%;
    left: 10%;
    z-index: 20;
    width: 80%;
    text-align: center;
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.3));
}

.mypj_after_thankyou_totalPjTxt {
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.mypj_after-thankyou-Button {
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
    margin: 40px auto 20px auto;
    width: 25%;
}

.mypj_after-thankyou-Button:hover {
    cursor: pointer;
    opacity: 0.8;
}

.mypj_after-thankyou-Button .mypj_after-thankyou-Button-inner-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    color: #FD790E;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

.mypj_after-thankyou-Button .mypj_after-thankyou-Button-inner-wrap span {
    padding-left: 25px;
    padding-top: 3px;
}

.mypj_after_thankyou_vecter {
    background-color: #FD790E;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: relative;
}

.mypj_after_thankyou_vecter img {
    position: absolute;
    width: 11px;
    height: 12px;
    top: 22%;
    left: 24%;
}

.mypj_after_thankyou_snslink {
    text-align: center;
}

.mypj_after_thankyou_snslink img {
    margin-right: 10px;
    aspect-ratio: 1/1;
    width: 40px;
    height: auto;
}

.mypj_after_thankyou_FGicon {
    position: relative;
}

.mypj_after_thankyou_FGicon .ForGood-icon-circle {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -35px;
    right: 0;
}

/* リボン */
.mypj_after_thankyou_ribbon {
    position: relative;
    top: -10px;
}

.mypj_after_thankyou_nameRibbon {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin: auto;
}

.mypj_after_thankyou_nameRibbon {
    --s: 1em;
    /* the ribbon size */
    --d: .4em;
    /* the depth */
    --c: .1em;
    /* the cutout part */
    padding: 0 calc(var(--s) + .6em) var(--d);
    line-height: 1.5;
    background:
        conic-gradient(at left var(--s) bottom var(--d),
            #0000 25%, #B29D21 0 37.5%, #D9BE28 0) 0 /50% 100% no-repeat,
        conic-gradient(at right var(--s) bottom var(--d),
            #D9BE28 62.5%, #B29D21 0 75%, #0000 0) 100%/50% 100% no-repeat;
    clip-path: polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d)/2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d)/2));
    background-color: #E5CA2B;
    width: fit-content;
}

.mypj_after_thankyou_san {
    font-size: 13px;
    font-weight: 500;
}

/*  --------- スライダー部分のスタイル --------- */
.mypj_cip_wrapper .splide_wrap {
    margin: 0 35px;
    position: relative;
    z-index: 25;
}

.mypj_cip_wrapper .splide {
    margin-top: 30px;
}

.mypj_cip_wrapper .splide__track {
    z-index: 30;
    overflow: hidden;
    height: 90px;
}

.mypj_cip_wrapper .splide__arrow {
    z-index: 31;
    top: 35%;
    background: none;
    opacity: 1;
}

.mypj_cip_wrapper .splide__arrow--prev {
    left: -1.5em;
}

.mypj_cip_wrapper .splide__arrow--next {
    right: -1.5em;
}

.mypj_cip_wrapper .splide__slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 子要素（画像とコメント）を中央揃え */
    justify-content: center;
    text-align: center;
    transition: transform 0.1s ease;
}

.mypj_cip_wrapper .splide__slide.is-active .support_user {
    transform: scale(1.2);
    transition: transform 0.1s ease;
}

.mypj_cip_wrapper .splide__slide.is-active img {
    transform: scale(1.2);
    transition: transform 0.1s ease;
}

.mypj_cip_wrapper .splide__arrow {
    font-size: 24px;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0);
}

.mypj_cip_wrapper .splide__arrow--next {
    box-shadow: -30px 0px 40px 15px rgba(252, 121, 28, 0.7);
}

.mypj_cip_wrapper .splide__arrow svg {
    fill: #fff;
    height: 20px;
    width: 20px;
}

.mypj_cip_wrapper .splide__pagination {
    display: none;
}

.support_user {
    height: 50px;
    width: 50px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50%;
}

.support_user img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    object-fit: cover;
}

.support-name {
    font-size: 12px;
}

.support_user .support-comment {
    margin-top: auto;
    /* テキストを画像の下部に移動 */
    padding: 5px;
    color: black;
    /* 必要に応じて文字色を変更 */
}

.support-name {
    margin-top: 5px;
    color: #f9f9f9;
}

/* 画像作成モーダルウィンドウ */
#image-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    justify-content: center;
    align-items: center;
    z-index: 100;
}

#image-modal-content {
    background: #fff;
    padding: 20px;
    width: 340px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    top: 5%;
}

#capture-area {
    width: 300px;
    height: 260px;
    padding: 20px;
    border: 1px solid #000;
    background-color: #f9f9f9;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.capture-area-thankyou {
    width: 260px;
    /* height: 340px; */
}

.capture-area-thankyou .mypj_after_thankyou_GoodAction img {
    width: 40px;
    height: 45px;
    top: -20px;
    left: -18px;
}

.capture-area-thankyou .thankyou_date {
    color: #000;
    font-size: 8px;
}

.capture-area-thankyou .mypj_after_thankyou_totalPj {
    padding: 5px 10px 3px 10px;
}

.capture-area-thankyou .mypj_after_thankyou_totalPj p {
    font-size: 8px;
    margin-top: 10px;
}

.capture-area-thankyou .mypj_after_thankyou_totalTxt {
    font-size: 8px;
}

.capture-area-thankyou .mypj_after_thankyou_totalNum {
    font-size: 12px;
    margin-left: 1px;
    margin-right: 1px;
}

.capture-area-thankyou .mypj_after_thankyou_bgStr {
    top: -12px;
    font-size: 60px;
}

.capture-area-thankyou .mypj_after_thankyou_message_box {
    height: 85px;
}

.capture-area-thankyou .mypj_after_thankyou_message_innerbox {
    width: 180px;
    height: 85px;
    top: -30%;
    margin-top: 40px;
    min-height: 90px;
    border: 2px solid;
    border-image: conic-gradient(#FD790E, #EBCE2B, #CFD800, #88D074, #4AC9B9, #50BCE7, #FD790E) 1;
}

.capture-area-thankyou .letter_image {
    top: -55%;
}

.capture-area-thankyou .mypj_after_thankyou_message_peopleName {
    margin-top: -20px;
}

.capture-area-thankyou .mypj_after_thankyou_message_people {
    width: 28px;
    height: 28px;
}

.capture-area-thankyou .mypj_after_thankyou_nameRibbon {
    --s: 0.25em;
    --d: 0.1em;
    --c: 0.025em;
}

.capture-area-thankyou .mypj_after_thankyou_nameRibbon {
    font-size: 8px;
}

.capture-area-thankyou .mypj_after_thankyou_san {
    font-size: 6px;
}

.capture-area-thankyou .mypj_after_thankyou_textBox {
    background-size: 100% 0.75em;
    top: -28px;
    line-height: 2;
}

.capture-area-thankyou .mypj_after_thankyou_text {
    font-size: 6px;
    text-align: left;
    height: 36px;
    margin-top: 23px;
}

.capture-area-thankyou .mypj_after_thankyou_text_read_more {
    font-size: 6px;
    top: -56px;
    right: 20px;
}

.capture-area-thankyou .mypj_after_thankyou_textFor_box {
    top: -64%;
    gap: 4px;
}

.capture-area-thankyou .userIcon img {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.capture-area-thankyou .mypj_after_thankyou_textFor {
    font-size: 6px;
}

.capture-area-thankyou .splide {
    margin-top: -18px;
}

.capture-area-thankyou .splide__track {
    height: 35px;
    z-index: 110;
}

.capture-area-thankyou .splide__arrow svg {
    width: 8px;
    height: 8px;
}

.capture-area-thankyou .splide__arrow--next {
    box-shadow: none;
}

.capture-area-thankyou .support_user {
    height: 16px;
    width: 16px;
}

.capture-area-thankyou .support-name {
    font-size: 4px;
}

.capture-area-thankyou .mypj_after_thankyou_totalPjTxt {
    font-size: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.capture-area-thankyou .ForGood-icon-circle {
    width: 30px;
    height: 30px;
    top: -20px;
}

/* 画像ダウンロードボタン */
#image-download-btn-label {
    display: flex;
    align-items: center;
    margin-right: 5px;
}

#image-modal .mypj_after-thankyou-Button {
    width: 80%;
    border: 1.5px solid #FD790E;
    margin: 50px auto 0 auto;
}

#image-modal .mypj_after-thankyou-Button .mypj_after-thankyou-Button-inner-wrap {
    font-size: 14px;
}

#download-btn:disabled {
    opacity: 0.8;
    cursor: default;
}

#image-download-loading {
    display: none;
}

/* 背景に画像を設置する部分のスタイル */
.mypj_after_thankyou_bg {
    position: relative;
    background-color: #fd790e;
    /* 背景色を設定 */
}

.mypj_after_thankyou_bg::before {
    content: '';
    position: absolute;
    top: 30%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.2;
    z-index: -2;
}

.mypj_after_thankyou_bg::after {
    content: '';
    position: absolute;
    top: 30%;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, #fd790e 0%, rgba(253, 121, 14, 0) 100%);
    z-index: -1;
}

.capture-area-thankyou .mypj_after_thankyou_bg::before {
    left: 0;
}

.capture-area-thankyou .mypj_after_thankyou_bg::after {
    left: 0;
}

/* コメントが長い場合の表示に関するスタイル */
.mypj_after_thankyou_text {
    height: 95px;
    overflow: hidden;
}

.mypj_after_thankyou_text.expanded {
    height: 100%;
}

.mypj_after_thankyou_text_read_more {
    position: relative;
    top: -50px;
    right: 60px;
    text-align: right;
    font-size: 14px;
}

.dli-chevron-down {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}

/* 管理画面のサイドバーをスマホで非表示 */
@media (max-width: 768px) {
    .manegement_menu {
        display: none;
    }
}

/* 公開中と掲載終了後からチェックボックスを削除した分の高さを出す */
@media (min-width: 768px) {
    .mypj_cip_content-top_num-padding {
        padding-top: 70px;
    }
}

.mypj_about-together-hidden {
    display: none;
}

.mypj_cip_container_wrapper-border {
    border-bottom: solid 2px rgba(0, 0, 0, 0.05);
    width: 90%;
    margin: 0 auto 28px;
    padding-bottom: 12px;
}

.help-detail-list-disc li {
    list-style-type: disc;
}

.help-detail-list-disc span {
    margin-right: 4px;
}

.help-detail-main-container_flextoblock_3 {
    display: flex;
    justify-content: space-between;
}

.help-detail-main-container_flextoblock_3 img {
    flex: 1;
    margin: 0 5px;
    max-width: 48%;
}

.help-detail-list {
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.help-detail-list2 {
    text-indent: -1.5em;
    padding-left: 3.0em;
}

/* 掲載終了後～明細書がないので高さを出す */
@media (max-width: 768px) {
    .publication_application-height-end {
        height: 16px;
    }
}

/*PJ作成詳細ページデザイン修正 */
.hint-box .hint_text-orange {
    color: #FD790E;
    font-size: 16px;
    font-weight: 700;
    line-height: 22.45px;
    text-align: left;
}

.hint-box img {
    max-width: 14.03px;
    max-height: 18.71px;
    margin-right: 8px;
    vertical-align: middle;
    color: #FD790E;

}

@media (min-width: 1331px) {
    .mypage_section-set-child3 {
        display: block;
        min-width: 280px;
    }
}

@media (max-width: 768px) {
    .mypage_section-set-child3 {
        display: block;
        min-width: 280px;
    }
}


@media (min-width:1330px) {
    .hint-box_content {
        position: fixed;
        right: 0;
        z-index: 1;
    }
}

@media (min-width: 1029px) and (max-width: 1330px) {
    .hint-box {
        top: 160px !important;
    }

    .close-btn {
        top: 220px !important;
    }
}

@media (max-width: 1330px) {
    .hint-box {
        position: fixed;
        right: 24.97px;
        top: 108px;
        padding: 5px 14px;
        cursor: pointer;
        box-shadow: 2px 2px 5px 0px #00000026;
        background-color: #FFFFFF;
        border-radius: 5px;
        width: 136px;
        height: 33px;
    }

    .hint-box .hint_text-orange {
        font-size: 14px;
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000000B2;
        display: none;
    }

    .hint-content {
        position: fixed;
        bottom: 5%;
        right: 24.97px;
        background-color: #FFFFFF;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
        padding: 20px 15px;
        border-radius: 5px;
        display: none;
        z-index: 1000;
        width: 325px;
        max-height: 80%;
        overflow-y: auto;
        border-radius: 15px;
        max-height: 500px;
    }

    .close-btn {
        position: fixed;
        top: 109px;
        right: 25px;
        width: 40px;
        height: 40px;
        background: none;
        border-radius: 50%;
        border: solid 1.5px #ffffff;
        font-size: 20px;
        color: #FFFFFF;
        cursor: pointer;
        z-index: 1001;
        text-align: center;
    }

    .close-btn:hover {
        color: #ff0000;
    }

    .hint-content-child {
        width: 295px;
        height: 202px;
    }

    .hint-content-child p {
        margin: 10px 0 15px;
    }

    .hint-content-child a {
        text-decoration: none;
    }

    .hint-box_content img {
        width: 295px !important;
        height: 157px !important;
    }
}

.hint-content-child {
    width: 241px;
}

@media (min-width: 1330px) {
    #close-btn {
        display: none;
    }
}





.hint-box_content img {
    width: 241px;
    height: 128px;
    border-radius: 3px;
}

.hint-box_content p {
    font-weight: 500px;
    font-size: 14px;

}

.mypj_about-edit {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

/*メッセージアイコンの修正 */
.mypj_about-edit_icon {
    height: 60px;
    width: 60px;
}

/*吹き出し*/
.mypj_about-edit_speakerbubble {
    display: flex;
    align-items: center;
    height: 54px;
    width: 700px;
    background: #FCF4EF;
    border-radius: 9.35px;
}

.mypj_about-edit_speakerbubble>p {
    font-size: 15px;
    font-weight: 500;
    line-height: 21.72px;
    margin-left: 23.67px;
    margin-bottom: 0;
}

.mypj_about-edit_cip_triangle {
    background: #FCF4EF;
    height: 10px;
    width: 10px;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    margin-left: 10px;
}

/* マイページpj作成　ヘルプボタン */

.mypj_helplink {
    position: fixed;
    bottom: 20px;
    left: 1350px;
    width: fit-content;
}

.mypj_helplink_stop {
    position: absolute !important;
}

@media screen and (max-width: 1405px) {
    .mypj_helplink {
        left: unset;
        right: 20px;

    }
}

.mypj_helplink__txt {
    visibility: hidden;
    width: 100px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: -55px;
    left: -60px;
    transition: opacity 0.3s;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}

.mypj_helplink__txt::after {
    content: "";
    position: absolute;
    top: 99%;
    left: 0;
    right: -40%;
    margin: auto;
    z-index: -1;
    width: 13px;
    height: 15px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    clip-path: polygon(0 0, 100% 0, 120% 100%);
}

@media screen and (min-width: 431px) {
    .mypj_helplink:hover .mypj_helplink__txt {
        visibility: visible;
        opacity: 1;
    }
}


/*基本情報*/
.form_content_area {
    background: #F8F8F8;
    border-radius: 0 0 15px 15px;
}

.justify-content-center p {
    margin: 0;
}

.for {
    font-family: Bebas Neue;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 13px 0 0;
    padding: 9px 0 10px 0;
    display: block;
}

.img-info {
    padding-left: 30px;
}

.btn-back {
    height: 14px;
    width: 8.23px;
    background: #161313;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    margin-right: 14.77px;
}

.specific-wordcounter {
    margin-left: auto;
}

.d-flex:not(:has(.validation_txt)) .specific-wordcounter {
    margin-left: auto;
}

.form_content2 a,
.form_content a {
    color: #000000CC;
    text-decoration: underline;
}


.exclamation-mark {
    color: #FFF;
    background: #0000004D;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    margin: 0;
    text-align: center;
    font-family: Bebas Neue;
    font-size: 14px !important;
    font-weight: 400 !important;
    display: inline-block !important;

}

/* 公開前のいいね機能 */
.good_function_before_release {
    background-color: rgba(253, 121, 14, 0.8);
    max-width: 1150px;
    border-radius: 20px;
    margin: 40px auto;
}

.good_function_before_release .good_function_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 25px 0;
}

.good_function_before_release .good_function_box p {
    margin-bottom: 0;
}

.good_function_box .good_function_box_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.good_function_box .project_favorite_good {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    vertical-align: middle;
    margin-left: 0;
}

.good_function_box .project_favorite_already {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 0 10px 13px;
    vertical-align: middle;
    margin-left: 0;
}

.good_function_box .project_favorite_good svg,
.good_function_box .project_favorite_already svg {
    width: 20px;
}

.good_function_box .project_favorite_good span,
.good_function_box .project_favorite_already span {
    font-size: 20px;
}

.good_function_box .project_favorite-button-sum {
    height: 23px;
    width: 26px;
    margin: 15px 13px 0 8px;
    line-height: 23px;
    border-radius: 5px;
    font-size: 16px;
}

.good_function_box .good_function_check {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    max-width: 521px;
    border-radius: 20px;
    padding: 15px 35px 20px;
}

.good_function_box .good_function_checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.good_function_check .good_function_checkbox_top {
    font-size: 13px;
    color: rgba(33, 23, 21, 0.6);
    font-weight: 500;
}

.good_function_check .good_function_checkbox_inner {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}

.good_function_check .good_function_checkbox_inner p {
    font-weight: 500;
}

@media (max-width: 768px) {
    .good_function_before_release {
        max-width: 325px;
        margin: 20px auto;
    }

    .good_function_before_release .good_function_bo {
        padding: 20px 0;

    }

    .good_function_box .good_function_box_title {
        font-size: 16px;
        text-align: center;
    }

    .project_favorite {
        padding: 5px 0;
    }

    .good_function_box .project_favorite_good {
        gap: 7px;
        padding: 5px 10px;
        margin-top: 0;
    }

    .good_function_box .project_favorite_already {
        gap: 7px;
        padding: 5px 0px 5px 10px;
        margin-top: 0;
    }

    .good_function_box .project_favorite_good svg,
    .good_function_box .project_favorite_already svg {
        width: 17px;
    }

    .good_function_box .project_favorite_good span,
    .good_function_box .project_favorite_already span {
        font-size: 16px;
    }

    .good_function_box .project_favorite-button-sum {
        height: 23px;
        width: 26px;
        margin: 0px 13px 0 0;
        line-height: 23px;
        font-size: 13px;
    }

    .good_function_box .good_function_check {
        background-color: rgba(255, 255, 255, 0.8);
        max-width: 295px;
        padding: 10px 20px 15px;
    }

    .good_function_check .good_function_checkbox_top {
        font-size: 11px;
    }

    .good_function_check .good_function_checkbox_inner {
        align-items: flex-start;
    }

    .good_function_check .good_function_checkbox_inner p {
        font-size: 13px;
    }

    .mypj_about-edit {
        margin-bottom: 20px;
    }

    /*保存ボタンの追従*/


    .save-button-wrapper {
        height: 83px !important;
        width: 100% !important;
        display: flex;
        justify-content: center;
        background: #FFFFFF;
        align-items: center;
        margin-top: 20px;
    }

    .save-button-wrapper .button_orange {
        width: 312px;
        height: 63px;
        border-radius: 60px;
        border: 2.5px solid #FFFFFF;
        text-align: center;
    }

    .pst4i_stock,
    .form_content_stock {
        padding-top: 0px !important;
    }
}

.save-button-wrapper {
    height: 90px;
    width: 780px;
    display: flex;
    justify-content: center;
    background: #FFFFFF;
    align-items: center;
    margin-top: 20px;
}

.save-button-wrapper .button_orange {
    width: 250px;
    height: 50px;
    border-radius: 60px;
    border: 2.5px solid #FFFFFF;
    text-align: center;
}

.follow-element {
    position: fixed;
    bottom: 0%;
    z-index: 0;
}


.stop-area {
    position: relative;

}

.stop {
    position: absolute !important;
    /* 固定を解除して通常配置に戻す */
    top: auto;
    transform: none;
    display: block;
    transition: all 0.4s ease;
}

@media (min-width: 768px) {
    .responsive-include-pc {
        position: fixed;
    }
}


.question_sort_modal {
    display: none;
}

.question_sort_modal.active {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    background-color: white;
    z-index: 101;
    border-radius: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 2rem;
}

.question_sort_modal_back.active {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.question_sort_modal_back {
    display: none;
}

.question_sort_modal_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
    color: #000000;
}

.list-style_none li {
    list-style: none !important;
}

.mypage_section-set {
    min-height: 660px;
}

.image-upload-modal-button {
    width: 142px;
    height: 33px;
    border: 0.5px solid #000000CC;
    font-family: Noto Sans JP;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 23.17px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    background: #FFFFFF;
    padding: 5px 14px;
}

.image_sort_modal_back {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000B2;
    z-index: 998;
}

.image_sort_modal {
    display: none;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 999;
    border-radius: 20px;
    width: 710px;
    min-height: 600px;
}

/*支援者一覧ページデザイン修正　*/
.justify-center {
    justify-content: center;
}

.support_list {
    margin: 56px auto;
    max-width: 780px;
}

.search_word,
.search_return,
.search_support {
    background-color: #ffffff;
    border: 1px solid #00000014;
    height: 42px !important;
}

.search_return {
    width: 159px;
}




.support_list_bottom .support_list_content {
    background-color: #F8F8F8;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-bottom: 20px;
    width: 100%;
}

.support_list_bottom .support_list_content .table-resposible {
    background-color: #ffffff;
    margin: 0 40px 0 30px;
    border-radius: 15px;
    padding: 30px 30px 0 !important;
}

.table thead tr {
    border-bottom: 1px solid #0000001A;
}

.support_name {
    width: 250px;
}

.border-light-theme .support_datetime,
.border-light-theme .payment_text,
.border-light-theme .price {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    width: 90px;
}

.text-start,
.fw-normal,
.support_name,
.support_datetime,
.payment_text,
.price,
.suppoter_detail {
    padding: 0 !important;
}

.text-start,
.fw-normal {
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: 400;
    color: #00000099;
}

.support_name {
    padding-left: 15px !important;
}

.supporter_name {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 5px;
}

.support_name p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}



.csv-area .choose_supporter {
    border: 1px solid #0000004D;
    border-radius: 0;
    height: 19px;
    width: 19px;
    margin-left: 30px;
    margin-top: 0;
}

.csv-area p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 20px;
}

.csv-area .support_sort {
    margin-right: 40px;
    width: 126px;
    height: 37px;
}

/* カスタムセレクトボックス */
.support_sort_select {
    background-image: url(/images/step4_sort.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 20px 20px;
    background-color: #fff;
    border: 1.5px solid #00000066;
    border-radius: 5px;
    cursor: pointer;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 8px 0 9px 39px;
    font-size: 14px;
    font-weight: 400;
}

.support_sort_select span {
    color: #00000099;

}

.start-reason_option_bg {
    padding-bottom: 60px;
}

.support_sort_select span {
    color: #00000099;

}

/* モーダルのスタイル */
.support_sort_modal-content {
    display: none;
    position: relative;
    right: 33px;
    background: white;
    padding: 10px;
    border-radius: 8px;
    width: 200px;
    height: 284px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 0px #0000001A;
}

.support_sort_modal-content ul {
    list-style: none;
    padding: 0;
}

.support_sort_modal-content li {
    padding: 5px 10px;
    cursor: pointer;
    color: #00000099;
    font-size: 16px;
    font-weight: 500;
    height: 33px;
}

.support_sort_modal-content li.selected {
    background: #0000000D;
}


.checkbox_area {
    padding: 0 !important;
    padding-left: 20px !important;
    width: 19px;
    vertical-align: middle;
}

.checkbox_area input,
.csv-area_left .form-check-input {
    border: 1px solid #0000004D;
    border-radius: 0 !important;
    height: 19px;
    width: 19px;
    margin: 15.5px 0;
}

.checkbox_area input:checked,
.csv-area_left .form-check-input:checked {
    background: #FD790E;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.suppoter_detail {
    width: 36px;
}

/*支援者情報ページのデザイン修正*/
.supporter_beigeback {
    width: 780px;
    margin-top: 56px !important;
}

.supporter_detail_wrapper {
    background-color: #F8F8F8;
    border-radius: 15px;
    padding-bottom: 30px;
}

.supporter_detail_title {
    background-color: #00000066;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 13px 0 13px 30px;
}

.supporter_detail_title p {
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
}

.supporter_content,
.supporter_content-sp {
    margin: 20px 0 40px 0;
    border-radius: 15px;
    background-color: #ffffff;
    width: 720px;
    padding: 15px 30px 20px;
}

.supporter_content-sp {
    display: none;
}

.supporter_detail {
    width: 560px;
    margin-left: 40px;
}

.acount_image {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}


.support-inner,
.support-number {
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    color: #000000;
}

.supporter_name_mail {
    border-bottom: 1px solid #0000001A;
}

.supprt_return_image {
    height: 90px;
    min-width: 145px;
}


.suppoter_detail {
    margin-left: 10px;
}

.suppoter_detail a button {
    color: #21171566;
    font-size: 10px;
}

.support_detail_list {
    margin: 15px 40px 0 0;
    background-color: #ffffff;
    border-radius: 15px;
    padding: 20px 30px;
    width: 100%;
}

.support_detail_content {
    margin-left: 20px;
    width: 485px;
}

.payment_status {
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700px;
}

.support_date {
    font-weight: 400;
    font-size: 12px;
    color: #00000099;
}

.support_detail_content .support_return_title {
    font-weight: 500;
    font-size: 17px;
}

.support_payment_detail {
    display: flex;
}

.support_payment_detail p {
    font-weight: 400;
    font-size: 14px;
}

.support_questions_and_answers {
    font-weight: 400;
    font-size: 14px;
}

.support_payment_type {
    margin-left: 30px;
}

.payment_status span {
    height: 26px;
    border-radius: 20px;
    border-width: 1.5px;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 700;
}

.status-completed {
    border: 1.5px solid #FD790E;
    color: #FD790E;
}

.status-pending {
    border: 1.5px solid #50BCE7;
    color: #50BCE7;
}

.status-failed {
    border: 1.5px solid #21171599;
    color: #21171599;
}

.status-other {
    border: 1.5px solid #21171599;
    color: #21171599;
}

.supporter_information {
    border-radius: 15px;
    padding: 30px;
    background-color: #ffffff;
    margin-top: 15px;
}

.supporter_information_name,
.supporter_information_email,
.supporter_information_phone_number,
.supporter_information_phone_postal_code,
.supporter_information_address,
.supporter_information_delivery_achedule {
    min-height: 32px;
    border-bottom: 1px solid #0000001A;
    margin-top: 12.5px;
    align-items: center;
}

.supporter_information_coment {
    padding-top: inherit;
}

.supporter_information_name .left-text,
.supporter_information_email .left-text,
.supporter_information_phone_number .left-text,
.supporter_information_phone_postal_code .left-text,
.supporter_information_address .left-text,
.supporter_information_delivery_achedule .left-text,
.supporter_information_coment .left-text {
    margin-left: 20px;
    font-weight: 400;
    font-size: 12px;
    color: #00000099;
    min-width: 110px;
}

.supporter_information_name p,
.supporter_information_email p,
.supporter_information_phone_number p,
.supporter_information_phone_postal_code p,
.supporter_information_address p,
.supporter_information_delivery_achedule p,
.supporter_information_coment p {
    font-weight: 400;
    font-size: 15px;
    max-width: 450px;
    margin-left: 50px;
    word-break: break-word;
}

.support_list_back .project_back .btn-back {
    display: inline-block;
}

.supporter_data_title {
    background-color: #00000066;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 13px 0 13px 30px;
    height: 55px;
}

.supporter_data_title p {
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
}

.input_name_v5 {
    display: flex;
}

.input_name_right {
    margin-right: 20px;
}

@media (max-width: 768px) {
    .supporter_beigeback {
        width: 100%;
    }

    .supporter_detail_title {
        padding: 10px 0 10px 25px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .supporter_detail_title p {
        font-size: 18px;
    }

    .supporter_content {
        display: none !important;
    }

    .supporter_content-sp {
        display: block !important;
        margin: 0;
        width: 100%;
        padding: 15px 15px 20px 15px;
    }


    .supporter_detail_content {
        border-bottom: 1px solid #0000001A;
    }

    .supporter_name_mail {
        flex-flow: column;
        min-height: 78px;
        border-bottom: none;
        margin-left: 20px;
    }

    .supporter_detail {
        width: 100%;
        margin: 0;
    }

    .acount_image {
        height: 60px;
        min-width: 60px;
        width: 60px;
        border-radius: 50%;
    }

    .supporter-name {
        font-weight: 700;
        font-size: 16px;
        padding: 0;
        width: 100%;
    }

    .support_message {
        width: 142px;
        padding: 3px 14px;
        text-align: center;
        border: 1.5px solid #FD790E;
        border-radius: 35px;
        background: white;
        font-size: 14px;
        font-weight: 700;
        color: #FD790E;
        margin: 10px 0 15px;
        height: 30px;
    }

    .support_amount_count {
        width: 100%;
    }

    .support-count_content {
        margin-left: 20px;
    }

    .support-date_content {
        margin-left: 0;
        margin-top: 8px;
    }

    .support-dateil-label {
        margin: 30px 0 0 0;
        padding-left: 0;
    }

    .support_detail_list {
        margin: 10px 0 0 0;
        padding: 10px 15px 15px;
    }

    .supprt_return_image {
        height: 46.9px;
        min-width: 70px;
        border-radius: 2px;
    }

    .support_detail_content {
        margin-left: 15px;
        min-width: 210px;
    }

    .support_payment_detail {
        display: block;
    }

    .support_payment_type {
        margin-left: 0;
    }

    .support-dateil-item-label {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .supporter_information {
        padding: 20px 15px;
        margin-top: 0;
    }

    .supporter_information_name .left-text,
    .supporter_information_email .left-text,
    .supporter_information_phone_number .left-text,
    .supporter_information_phone_postal_code .left-text,
    .supporter_information_address .left-text,
    .supporter_information_delivery_achedule .left-text,
    .supporter_information_coment .left-text {
        margin-left: 0px;
        font-weight: 400;
        font-size: 12px;
        color: #00000099;
        min-width: 47px;
    }

    .input_name_v5 {
        display: bolck;
    }
}

.search_word {
    padding-left: 15px;
}

.search_word .search-box {
    padding-left: 10px !important;
    background-image: none;

}

.search_return,
.search_payment_type,
.search_payment_status {
    margin-left: 10px;
}

.search_return {
    width: 159px;
}

.search_payment_type {
    width: 112px;
}

.search_payment_status {
    width: 114px;
}

.search_sort_area {
    display: flex;
}

.search_return .search-box:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid rgba(0, 0, 0, 0.6);
    border-left: 2px solid rgba(0, 0, 0, 0.6);
    pointer-events: none;
    transform: translateY(-50%) rotate(-135deg);
}

.supoprt_detail_sp {
    display: none;
}

.support_list_thanks_overlay {
    background: rgba(0, 0, 0, .7);
    display: none;
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 500;
}

.image-modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    width: 700px;
    height: 373.53px;
    border-radius: 2px;
    border: 1px solid #0000001A;
    z-index: 501;
}

.image-modal img {
    max-width: 100%;
    height: auto;
}

.support_thanks_close_btn {
    position: absolute;
    top: 394px;
    right: 306px;
    font-size: 15px !important;
    font-weight: 500 !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    width: auto !important;
    padding: 0 !important;
    letter-spacing: 1px;
}

.support_thanks_close_btn p {
    font-size: 15px !important;
    font-weight: 500 !important;
    background: none !important;
    border: none !important;
    margin: 0 !important;
}

.support_list_thanks_message {
    display: flex;
}

.thanks_image_area_sp {
    display: none;
}

.thanks_image_area_pc {
    display: block;
    padding-left: 30px;
    text-align: center;
}

.thanks_image_area_pc img {
    display: block;
    width: 132px;
    height: 172px;
}

.thanks_image_area_pc p {
    font-weight: 400;
    font-size: 12px;
    margin-top: 5px;
}


/******活動報告詳細ページ関連のCSS*******/
.report-thumbnail-image img {
    width: 100%;
}

.main-report-title-wrap .main-report-date {
    font-size: 1.4rem;
    line-height: 2.0rem;
    font-weight: 400;
    color: #00000099;
    margin: 0;
    text-align: left;
}

.main-report-title-wrap .main-report-title {
    font-size: 2.8rem;
    line-height: 3.36rem;
    font-weight: 700;
    text-align: left;
}

.report-text-contents {
    margin: 0;
}

.main-reportproject-share_list ul {
    margin: 0;
}

.main-reportproject-share_list ul li {
    margin: 0 10px 0 0;
}

.main-reportproject-share_list ul li:last-child {
    margin: 0 0 0 0;
}

.main-reportproject-share_list ul li a img {
    height: 45px;
}

.activity_re-page-btn-wrap {
    display: flex;
    margin-bottom: 60px;
}

.activity_re-page-btn-wrap .re-page_report-list-btn a,
.activity_re-page-btn-wrap .re-page_pj-text-btn a {
    position: relative;
    width: 100%;
    display: block;
    margin: -3px auto 0;
    border-radius: 3rem;
    font-size: 1.8rem;
    line-height: 21.6px;
    letter-spacing: 0%;
    text-align: center;
    font-weight: 700;
    border: 1.5px solid #fff;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.activity_re-page-btn-wrap .re-page_report-list-btn a {
    padding: 1.3rem 3.4rem 1.5rem 5.4rem;
    background: #FFF;
    color: #000;
    border: 1.5px solid #000;
}

.activity_re-page-btn-wrap .re-page_pj-text-btn a {
    padding: 1.3rem 1.4rem 1.5rem 4.2rem;
    background: #000;
    color: #fff;
    border: 1.5px solid #fff;
}

.activity_re-page-btn-wrap .re-page_report-list-btn a::before,
.activity_re-page-btn-wrap .re-page_pj-text-btn a::before {
    position: absolute;
    height: fit-content;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
}

.activity_re-page-btn-wrap .re-page_report-list-btn a::before {
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15ZM17.3166 7.5L8.68256 14.635L17.3166 22.5V7.5Z" fill="black"/></svg>');
}

.activity_re-page-btn-wrap .re-page_pj-text-btn a::before {
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15ZM17.3166 7.5L8.68256 14.635L17.3166 22.5V7.5Z" fill="white"/></svg>');
}

.activity_re-page-btn-wrap .re-page_report-list-btn,
.activity_re-page-btn-wrap .re-page_pj-text-btn {
    width: 250px;
    margin: 4rem auto 0;
}

@media (max-width: 768px) {
    .main-report-title-wrap .main-report-date {
        font-size: 1.2rem;
    }

    .main-report-title-wrap .main-report-title {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .main-reportproject-share_list ul {
        justify-content: left;
    }

    .main-reportproject-share_list ul li a img {
        height: 30px;
    }

    .activity_re-page-btn-wrap {
        flex-direction: column;
    }

    .activity_re-page-btn-wrap .re-page_report-list-btn,
    .activity_re-page-btn-wrap .re-page_pj-text-btn {
        margin: 2.5rem auto 0;
    }
}

/******活動報告詳細ページ関連のCSS終わり*******/



@media (max-width: 768px) {
    .deta1 {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 10px 0 10px 25px;
    }

    .search-panel {
        padding: 25px;
    }

    .search_sort_area {
        display: block !important;
    }

    .support_list_bottom .support_list_content {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .search_word {
        width: 100%;
    }

    .search_return,
    .search_payment_type,
    .search_payment_status {
        margin-left: 0;
    }

    .search_return {
        width: auto;
    }

    .search_payment {
        width: 100%;
    }

    .search_payment_type {
        margin-right: 5px;
        width: 50%;
    }

    .search_payment_status {
        width: 50%;
    }

    .csv-area {
        padding: 0 25px 15px 25px;
    }

    .csv-area p {
        font-size: 13px;
    }

    .csv-area button {
        height: 30px;
    }

    .csv-area .support_sort {
        margin: 0;
        width: 30px;
        height: 30px;
    }

    .support_sort_select {
        padding: 0;
        background-position: 4px center;
        border-radius: 2px;
        background-image: url(/images/Frame_2571.svg);
    }

    .support_list_menu {
        display: none;
    }

    .support_sort_modal-content {
        width: 180px;
        position: absolute;
        top: 542px;
        right: 40px;
    }

    .support_sort_modal-content li {
        padding: 8px 10px;
        font-size: 14px;
    }

    .support_sort_select span {
        display: none;
    }

    .select-arrow {
        display: none;
    }

    .support_list_thanksmessage {
        padding: 0;
    }

    .support_list_thanksmessage_inner {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .thsnks_message {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 10px 0 10px 25px;
    }

    .thanks_message_advicearea {
        margin: 25px 25px 0;
    }

    .support_list_thanksmessage_inner .thanksmessage_form {
        margin-top: 15px;
        flex-flow: column;
        align-items: center;

    }

    .thanks_message_erea {
        margin: 0 25px;
        min-width: 87%;
    }

    .support_list_thanks_message {
        padding: 25px 25px 0;
    }

    .support_list_thanks_message_container {
        text-align: center;
    }

    .thanks_message_advicearea p {
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    .thanks_image_area_sp {
        display: block;
        padding-top: 15px;
    }

    .thanks_image_area_sp img {
        width: 170px;
        height: 221px;
    }

    .thanks_image_area_sp p {
        font-size: 12px;
        font-weight: 400;
        margin-top: 10px;
    }

    .thanks_image_area_pc {
        display: none;
    }

    .support_list_bottom .support_list_content .table-resposible {
        margin: 0 25px;
        padding: 20px !important;
    }

    .support_list_thanksmessage_inner .thanksmessage_form_count {
        margin-bottom: 20px;
    }

    .support_list_back {
        padding: 40px 0 60px;
    }

    .border-light-theme .support_name,
    .border-light-theme .support_datetime,
    .border-light-theme .payment_text,
    .border-light-theme .price {
        display: none;
    }

    .supoprt_detail_sp {
        display: block;
        height: 81px;
        padding: 10px 0px 10px 15px !important;
    }

    supoprt_detail_sp div {
        margin-left: 15px;
    }

    supoprt_detail_sp div p {
        margin-bottom: 5px !important;
    }

    .supoprt_detail_sp p {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        height: 19px;
    }

    .checkbox_area {
        padding-left: 0 !important;
    }

    .supporter_name {
        font-size: 16px !important;
        height: 23px !important;
        max-width: 310px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .support_price {
        margin-left: 20px;
    }

    .supoprt_detail_sp .d-flex {
        margin-top: 5px;
    }

    .section-next-v5 {
        width: 100%;
        padding: 13px 20px 20px;
    }

    .supporter_data_title {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        padding: 10px 0 10px 25px;
    }

    .start-plan_innerbox_top_inner a,
    .start-plan_innerbox_top a {
        text-decoration: none;
    }

    .start-plan_innerbox_top_inner .dollar_mark,
    .start-plan_early .start-plan_innerbox_second .dollar_mark {
        width: 17px;
        height: 17px;
        font-size: 1.5rem;
        font-weight: 500;
        margin-top: 3px;
    }

    .start-plan_innerbox_top .start-about_button_box {
        gap: 10px;
    }

    .start-plan_innerbox_top_inner .start-about_button_box .icon-arrow-right,
    .start-plan_innerbox_top .start-about_button_box .icon-arrow-right {
        width: 0.7em;
        height: 0.7em;
    }

    .start-plan_innerbox_top_inner .start-about_button_box .icon-arrow-right::after,
    .start-plan_innerbox_top .start-about_button_box .icon-arrow-right::after {
        width: 0.1em;
    }

    .section-next-v5 ul {
        padding: 5px 25px 40px;
        background-color: #F8F8F8;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .input_name_v5 {
        display: block;
    }

    .input_name_right {
        margin-right: 0;
    }

    .section-next-v5 input[type="text"],
    .section-next-v5 input[type="email"],
    .section-next-v5 input[type="tel"],
    .section-next-v5 select,
    .section-next-v5 textarea {
        width: 100%;
        min-width: 325px;
    }

    .image-modal {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        width: 325px;
        height: 173.07px;
        border-radius: 2px;
        border: 1px solid #0000001A;
        z-index: 10000;
    }

    .support_thanks_close_btn {
        top: -67px;
        right: -1px;
        font-size: 22px !important;
        font-weight: 300 !important;
        border-radius: 50% !important;
        height: 40px;
        width: 40px !important;
        align-items: center;
        justify-content: center;
        border: 1.5px solid #FFFFFF !important;
    }

    .support_thanks_close_btn p {
        display: none;
    }

    .supoprt_detail_sp div .return_title {
        text-overflow: ellipsis;
        max-width: 25ch;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (max-width:470px) {
    .supporter_name {
        max-width: 250px;
    }
}

@media (max-width:400px) {
    .supporter_name {
        max-width: 210px;
    }
}

/* 申込フォーム、資料請求フォーム、相談フォーム送信完了画面デザイン修正 */
.section-sendmail .section-sendmail-h1 {
    margin: 51px auto 0;
    font-size: 14px;
}

.section-sendmail-message {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 11px;
}

.submit_thanks-pc {
    font-size: 20px;
    color: #FD790E;
    margin: 0 12px 0;
    font-weight: 700;
}

.submit_thanks-pc br {
    display: none;
}

.response-2 {
    margin: 70px auto 50px;
}

.response-3 {
    padding-bottom: 20px;
}

.response-2 img {
    margin-bottom: 18px;
}

.response-2 p,
.response-2 span {
    margin-top: 7px;
    font-weight: 500;
    font-size: 14px;
}

.response-2 span {
    color: #FD790E;
}

.note-sendmail-wrapper-2 {
    background-color: #F5F5F5;
    padding: 30px 40px;
    max-width: 621px;
    margin: 0 auto;
    border-radius: 10px;
}

.note-sendmail-wrapper-2 p {
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.note-sendmail-wrapper-2 .note-sendmail {
    padding: 0;
    margin-bottom: 8px;
    background-color: #F5F5F5;
}

.note-sendmail-wrapper-2 .note-sendmail a {
    text-decoration: none;
}


.note-sendmail-wrapper-2 div .orenge-message {
    color: #FD790E;
}

.note-sendmail-wrapper-2 div .orenge-message::befre {
    content: "";
    height: 20px;
    width: 20px;
    background-image: url(/workspace/public/images/complete_bank_exclamation2.png);
    color: #FD790E;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
}

.submit_thanks-pc br,
.response-2 br {
    display: none;
}

.exclamation-orenge {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.back-button-wrapper-2 {
    margin: 60px auto 80px;
}

.back-button-wrapper-2 .button_orange {
    margin: 0 auto;
}

@media (max-width:768px) {
    .section-sendmail .section-sendmail-h1 {
        margin: 52px auto 0;
        font-size: 14px;
    }

    .section-sendmail-message {
        align-items: center;
        margin-top: 12px;
    }


    .submit_thanks-pc {
        font-size: 14px;
        margin: 0 12px 0;
    }

    .response-2 {
        margin: 35px auto 40px;
    }

    .response-2 img {
        margin-bottom: 26px;
        width: 78.57px;
        height: 65.25px;
    }

    .response-2 p,
    .response-2 span {
        margin-top: 8px;
        font-weight: 500;
        font-size: 14px;
    }

    .response-2 br {
        display: none;
    }

    .note-sendmail-wrapper-2 {
        margin: 0 25px;
        padding: 20px;
    }

    .note-sendmail-wrapper-2 .note-sendmail {
        margin-bottom: 8px;
    }

    .exclamation-orenge {
        width: 14px;
        height: 14px;
        margin: 4px 6px 0 0;
    }

    .back-button-wrapper-2 {
        margin: 40px auto 129px;
    }

    .submit_thanks-pc br,
    .response-2 br {
        display: block;
    }
}

.help-detail-main-container_flextoblock_3 .help-mypage-img,
.help-detail-main-container_flextoblock .help-mypage-img {
    max-width: 200px;
}

.explain_template_modal {
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20005;
    text-align: center;
    display: none;
}

.explain_template_modal .modal-content {
    background-color: rgba(242, 242, 242, 1);
    border-radius: 20px;
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
}

.explain_template_modal .modal-header {
    display: inline;
    font-weight: 500;
    padding-bottom: 10px;
}

.explain_template_modal .modal-pop {
    position: relative;
    width: fit-content;
    background: #fff;
    align-items: center;
    border-radius: 28px;
    border: solid 1.6px rgba(254, 120, 35, 1.0);
    color: rgba(254, 120, 35, 1.0);
    font-size: 1.4rem;
    height: 30px;
    margin: auto;
    padding: 2px 8px;
    font-weight: 600;
}

.modal-pop p::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: rgba(254, 120, 35, 1.0) transparent transparent transparent;
    border-width: 10px 5px 0 5px;
}

.explain_template_modal .modal-title {
    font-weight: 900;
    font-size: 2rem;
    text-align: center;
    padding-top: 5px;
}

.explain_template_modal .template-item {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
    padding: 20px;
}

.explain_template_modal .template-image {
    display: inline-flex;
}

.explain_template_modal .template-image img {
    width: 36px;
    height: 18px;
    margin: 6px;
}


.explain_template_modal .template-title {
    font-weight: 700;
    font-size: 1.8rem;
    color: rgba(252, 98, 3, 1);
}

.explain_template_modal .template-content {
    border-radius: 10px;
    background-color: rgba(242, 242, 242, 1);
    padding: 20px;
    text-align: left;
}

.explain_template_modal .template-btn {
    border-radius: 28px;
    border: solid 1.6px rgba(47, 27, 0, 0.4);
    font-size: 1.4rem;
    height: 30px;
    margin-top: 20px;
    padding: 2px 8px;
    font-weight: 600;
}

.explain_template_modal .modal-close-btn {
    font-weight: 400;
    color: rgba(249, 249, 249, 1);
}

.explain_template_modal .template-remark {
    font-size: 1.4rem;
    padding-top: 10px;
    text-align: left;
}

@media(max-width: 768px) {
    .explain_template_modal {
        top: 55%;
        width: 90%;
    }
}