/** デンソー恩活サイト **/
/* 共通部分 header or footer */
@font-face {
    font-family: "Denso Sans TP";
    src:
        url("/fonts/denso_sans_tp2017-regular.woff2") format("woff2"),
        url("/fonts/denso_sans_tp2017-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Denso Sans TP";
    src:
        url("/fonts/denso_sans_tp2017-bold.woff2") format("woff2"),
        url("/fonts/denso_sans_tp2017-bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

html {
    font-size: 1vw;
}

html * {
    box-sizing: border-box;

}

body {
    margin: 0;
    padding: 0;
    color: #111111;
    /* font-family: 'M PLUS Rounded 1c', sans-serif; */
    background-color: rgb(220 240 249);
    /*	font-family: heisei-maru-gothic-std, sans-serif;*/
    font-family: 'Denso Sans TP', 'Yu Gothic UI', 'メイリオ';
    font-weight: normal;
    font-style: normal;
}

a,
a:hover {
    text-decoration: none;
    color: #1F1F1F;
}

textarea:focus {
    outline: none;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-color: rgb(220 240 249);
}

#inner_wrap {
    margin: 0 2.5rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #FFFFFF;
    background-size: 100%;
    position: relative;
}


header {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

header #header_upper {
    display: flex;
    justify-content: space-between;
    width: 17%;
    height: 3.7857142857143rem;
    /*flex-grow: 1;*/
}

header #logo a img {
    width: 10rem;
}

#login header #logo a img {
    width: 11rem;
}

header #header_upper #mypage,
header #header_upper #logout {
    padding-top: 3px;
}

header #header_upper .btn_area {
    display: flex;
}

header #header_upper #mypage a#mypage_btn,
header #header_upper #logout a#logout_btn {
    /*    display: inline-block; 20221129 フォント変更に伴う調整*/
    display: flex;
    align-items: center;
    margin: 0 auto;
    border: none;
    border-radius: 2.5rem;
    text-align: left;
    color: #1F1F1F;
    font-size: 1.4rem;
    letter-spacing: 0.13rem;
    font-weight: 600;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210, 210, 210, 1);
    position: relative;
    width: 13rem;
}

header #header_upper #mypage a#mypage_btn span,
header #header_upper #logout a#logout_btn span {
    display: block;
    margin: 0.3rem;
    /*    padding: 0.3rem;*/
    line-height: 2.5rem;
    border: 0.2rem solid #feed55;
    border-radius: 2.5rem;
    background-color: transparent;
    position: relative;
    padding-left: 3.5rem;
}

header #header_upper #mypage a#mypage_btn:hover span,
header #header_upper #logout a#logout_btn:hover span {
    /*background-color: #feed55;*/
    text-decoration: none;
}

header #header_upper #mypage a#mypage_btn span::before,
header #header_upper #logout a#logout_btn span::before {
    content: '';
    background-image: url(../images/icon-face.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #feed55;
    border-radius: 50%;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
}

header #header_upper #logout a#logout_btn span::before {
    background-image: url(../images/icon-login@2x.png);
}

header h1 {
    margin: 0;
    padding: 0;
    font-size: 2.7rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
    /*old 0.12rem*/
    display: flex;
    align-items: center;
    position: relative;
}

header div.no_bg h1 {

    background-image: none;
    font-size: 3.5rem;
    line-height: 3.5rem;
}

header div.on_bg h1 {

    font-size: 3.5rem;
    line-height: 3.5rem;
}

header div.no_bg {
    margin-bottom: -3rem;
}

header h1 .title_large {
    font-size: 1.4em;
}

header #header_link {
    width: 30%;
    flex-grow: 1;
}

header #header_link .btn_area {
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    margin-left: 2rem;
    height: 100%;
}

header #header_link .box_link,
header #header_link .icon_link {
    flex-grow: 1;
    width: 25%;
    margin-right: 1rem;
    display: flex;
    font-size: 1rem;
}

header #header_link .icon_link {
    width: 3%;
    white-space: nowrap;
}

header #header_link .icon_link.mypage {
    min-width: 4rem;
}

header #header_link .box_link a {
    padding: 0.2rem;
    border-radius: 0.5rem;
    background-color: #fff;
    text-align: center;
    font-size: 1.2857142857143rem;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    color: rgb(47 104 193);
    font-weight: 700;
    line-height: 1.54rem;
}

header #header_link .icon_link a {
    padding: 0.2rem;
    text-align: center;
    font-size: 1.0rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    color: #ffffff;
    font-weight: normal;
}

header #header_link .icon_link a * {
    font-size: 1rem;
}

/*2024 header*/
.pc_only {
    display: block !important;
}

.pc_inline {
    display: inline;
}

.sp_only,
.sp_inline {
    display: none !important;
}

header #header_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #2F68C1;
    padding: 1.1396428571429rem 1.4285714285714rem;
}

.content_body {
    margin: 0 3rem;
}

footer {
    background-color: rgb(129 192 235);
    font-size: 1.4rem;
    color: #ffffff;
}

footer #footer_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 3rem 0 3rem 0;
    margin: 0 6rem;
}

footer #footer_box .footer_item {
    line-height: 1.8;
}

footer #footer_box .footer_item .address {
    font-size: 1.1rem;
    white-space: nowrap;
    line-height: 1.5rem;
    margin-top: 2rem;
}

footer #footer_box .footer_item .title {
    font-family: 'Noto Sans JP', "Yu Gothic UI", "メイリオ", sans-serif;
    font-weight: normal;
}

footer #footer_box .footer_item img {
    margin-top: 0.5rem;
}

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

footer #footer_box ul a {
    color: #ffffff;
}

footer #tanpopo {
    margin-top: 30px;
    background-image: url("../images/footer_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 176px;
}

footer p {
    text-align: center;
    padding-top: 1rem;
    /*background-image: url("../images/sp/footer_bg.png");
    background-repeat: repeat;*/
    margin: 0;
    padding-bottom: 1rem;
}

/*2024 footer*/
footer>div:last-child {
    font-size: 1.1428571428571rem;
}


#header_title {
    text-align: center;
    color: #ffffff;
}

#scroll_top {
    position: fixed;
    bottom: 20.142857142857rem;
    right: 20px;
    width: 5rem;
    height: 5rem;
}

#scroll_top a#scroll_top_btn img {
    width: 100%;
}

/** パンくず **/
.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0;
    margin-top: 0.5rem;
    margin-left: 2rem;
}

/* 未ログイン画面 */
#login_area {
    /*    display: flex;*/
    flex-wrap: nowrap;
    margin-top: 0px;
    margin-bottom: 2rem;
    margin-left: 11rem;
    margin-right: 11rem;
}

#login_area .item_box {
    /*    flex-grow: 1;
    width: 50%;*/
    text-align: center;
}

/* テキスト部分 */
#login_area .item_box p {
    padding: 0;
    margin: 0;
    display: inline;
}

#login_area .item_box p.break::after {
    content: "\A";
    white-space: pre-line;
}

#login_area .item_box p.bloc {}

#login_area .item_box p.bloc::after {
    content: "";
    white-space: pre;
    padding-bottom: 2.5rem;
    display: block;
}

#login_area #site_message {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    letter-spacing: 0.13rem;
    margin-top: 2rem;
}

#login_area article {
    margin-top: 4rem;
}

#login_area article .title {
    font-size: 1.5rem;
    font-weight: 800;
    /*margin-bottom: 0.5rem;*/
}

#login_area #notification .summary {
    /*font-weight: 700;*/
    font-size: 1.4rem;
    line-height: 1.7;
}

#login_area #notification .group_list {
    display: grid;
    grid-template-columns: 28% 42% 30%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

#login_area #notification .group_list .item {
    width: 100%;
    flex-grow: 1;
    margin-top: 0.5rem;
    font-size: 1.3rem;
    white-space: nowrap;
}

#login_area #notification .group_list .item::before {
    content: "●";
    color: #2F68C1;
}

#login_area #notification {
    background: url(/images/thanks/notification_back.png) top center #DCF0FA no-repeat;
    background-size: 100%;
    padding: 2.71rem 4.28rem;
    border-radius: 0.7rem;
    width: 100%;
    margin: 4rem auto;
    font-size: 1.6rem;
    position: relative;
}

#login_area #notification::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -2.1428571428571rem;
    right: 1.7857142857143rem;
    background: url(/images/thanks/notification_deco.png) no-repeat;
    background-size: contain;
    width: min(calc(102 / 1370* 100vw), 102px);
    height: min(calc(128 / 1370* 100vw), 128px);
}

#login_area #notification .title {
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
    color: rgb(52 107 196);
    margin-bottom: 0;
    line-height: 1;
}

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

#login_area #notification ul li {
    position: relative;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    line-height: 1.8;
}

#login_area #notification .info {
    margin-top: 1rem;
    line-height: 1.6rem;
    font-size: 1.14rem;
}

/* ログインボタン部分 */
#login_area #login_box {
    padding-top: 3px;
    width: 100%;
    margin: 0 auto;
    margin-top: 2rem;
}

#login_area a#login_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.58rem 2rem;
    border: none;
    border-radius: 3.4rem;
    text-align: center;
    color: #fff;
    font-size: 2.5rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    background-color: #2F68C1;
    position: relative;
    text-decoration: none;
    background-image: none;
}

#login_area a#login_btn::before {
    content: '';
    display: inline-block;
    height: 3.7857142857143rem;
    width: 3.1428571428571rem;
    background: url(/images/key_rock.png) no-repeat center;
    background-size: 100%;
    margin-right: 1.2rem;
}

#login_area a#login_btn:hover {
    background-color: rgb(118, 138, 252);
}

#login_area a#login_btn:hover::before {
    background: url(/images/key_open.png) no-repeat center;
    background-size: 100%;
}

#login_area a#login_btn span {
    display: block;
    /*    margin: 0.3rem;
    padding: 0.3rem;*/
    line-height: 3.5rem;
    border: 0.2rem solid #feed55;
    border-radius: 3.5rem;
    background-color: transparent;
    position: relative;

}

#login_area a#login_btn span::before {
    content: '';
    background-image: url(../images/icon-lock.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #feed55;
    border-radius: 50%;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem;
}

#login_area a#login_btn:hover span {
    background-color: #feed55;
    text-decoration: none;
}

#login_area table {
    width: 100%;
}

#login_area table tr td {
    vertical-align: top;
    border-bottom: 1px solid #000;
    padding: 0.6rem 1rem;
}

#login_area table tr td:first-child {
    border-left: 1px solid #000;
}

#login_area table tr td:last-child {
    border-right: 1px solid #000;
}

#login_area table tr:first-child td {
    border-top: 1px solid #000;
}

/* 未ログイン画面ここまで */

/** 埋め込み動画 **/
#movie_area {
    margin: 0 auto;
    background-color: transparent;
    position: relative;
    margin-left: 11rem;
    margin-right: 11rem;
}

#movie_area #video_box {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    padding-top: calc((100% / 16) * 9);
}

#movie_area #video_box::after {
    content: '';
    background-image: url(../images/video_mask.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: calc(100% + 1px);
    /* ToDo:iframeの100%が1pxづつずれる不思議？？ */
    height: calc(100% + 1px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

#movie_area #video_box iframe {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

/** 埋め込み動画ここまで **/

/** topページ **/
#index .sub_title h2 {
    margin: 0;
    padding: 0;
    font-size: 2.3rem;
    letter-spacing: 0.12rem;
    line-height: 3.6rem;
    text-align: center;
    font-weight: 600;
}

#index .sub_title h2 span.title_large {
    font-size: 1.4em;
    color: #eb7d12;
}

#index .sub_title p {
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.8rem;
    padding-top: 1rem;
    font-weight: 600;
}

#index article {
    padding-top: 1.0rem;
}

#index article h3 {
    font-size: 2.0rem;
    font-weight: 600;
    letter-spacing: 0.35rem;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 24rem;
    margin-right: 24rem;
    position: relative;
    background-image: url(../images/sub_title_bg@2x.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-top: 5rem;
    padding-bottom: 1.4rem;
}

#index article h3 span {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
}

#index article h3 span::after {
    content: "";
    background-image: url("../images/sub_title_message@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -3.3rem;
    left: -7rem;
    height: 6rem;
    width: 15rem;
}

#index article.story h3 span::after {
    background-image: url("../images/sub_title_story@2x.png");
    /*    width: 12rem;*/
}

#index article.one_action h3 span::after {
    background-image: url("../images/sub_title_oneaction@2x.png");
    /*    width: 15rem;*/
}

#index article.action h3 span::after {
    background-image: url("../images/sub_title_action@2x.png");
    /*    width: 12rem;*/
}

#index article p.sub {
    display: block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 24rem;
    margin-right: 24rem;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.11rem;
    line-height: 2.2rem;
    padding-top: 1.2rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

#index article.story .episode {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 11rem;
    margin-right: 11rem;
    padding-top: 3rem;
}

#index article.story .episode .item {
    width: 46%;
    background-color: #feed55;
    border-radius: 2.0rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
}


#index article.story .episode .item .item_header {
    background-color: transparent;
    display: flex;
    border-top-left-radius: 2.0rem;
    border-top-right-radius: 2.0rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#index article.story .episode .item .item_header .list_no {
    width: 35%;
    padding-left: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-top: 0.4rem;
}

#index article.story .episode .item .item_header .list_no span {

    background-color: #FFFFFF;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 0.2rem;
    text-align: center;
    color: #eb7d12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    position: relative;
    top: -0.2rem;
}

#index article.story .episode .item .item_header .title {
    width: 65%;
    line-height: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    /*    flex-wrap: wrap;
    align-items: center;*/
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
}

#index article.story .episode .item .item_header .title .txt {
    padding-left: 0.4rem;
}

/*#index article.story .episode .item .item_header .title div {
width:100%;
}*/

#index article.story .episode .item .item_body {
    display: flex;
    flex-wrap: wrap;
    background-color: #fffce0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0.4rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.0rem;
    border-bottom-right-radius: 2.0rem;
}

#index article.story .episode .item .item_body .img_box {
    width: 40%;
    position: relative;
}

#index article.story .episode .item .item_body .img_box::after {
    content: "";
    background-image: url(../images/episode_mask.png);
    background-repeat: no-repeat;
    background-size: 101% 101%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#index article.story .episode .item .item_body .img_box img {
    width: 100%;
}


#index article.story .episode .item .item_body .msg_box {
    width: 60%;
    display: flex;
    align-items: center;
    padding: 1rem;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 500;
}

#index article.story .episode .item .item_body .link_box {
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 1rem;
}


#index article.story .episode .item .item_body .link_box a.detail_btn {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-radius: 2.5rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.2rem;
    letter-spacing: 0.13rem;
    font-weight: 600;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210, 210, 210, 1);
    padding: 0.3rem;
}

#index article.story .episode .item .item_body .link_box a.detail_btn:hover {
    box-shadow: 0px 0px 3px 3px rgba(180, 180, 180, 1);
}

#index article.story .episode .item .item_body .link_box a.detail_btn span {
    display: block;
    /*   margin: 0.3rem;
    padding: 0.3rem;*/
    line-height: 2.5rem;
    border: 0.2rem solid #feed55;
    border-radius: 2.5rem;
    background-color: transparent;
    position: relative;
    background-image: url(../images/icon-arrow_l.png);
    background-repeat: no-repeat;
    background-size: 1.0rem;
    background-position: center right 1rem;

}

#index article.story .episode .item .item_body .link_box a.detail_btn span::before {
    content: '';
    background-image: url(../images/icon-book.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #feed55;
    border-radius: 50%;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
}

#index article.story .episode .item .item_body .link_box a.detail_btn:hover span {
    background-color: #feed55;
    text-decoration: none;
}

#index article.one_action .declaration {
    padding-top: 3.5rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 11rem;
    margin-right: 11rem;
    text-align: center;
}

#index article.one_action .declaration h4 {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #eb7d12;
    position: relative;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: inline-block;
    text-align: center;
}

#index article.one_action .declaration h4::before {
    content: "";
    background-image: url(../images/speaker_left@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
}

#index article.one_action .declaration h4::after {
    content: "";
    background-image: url(../images/speaker_right@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    right: 0;
}

#index article.one_action .declaration .pannel {
    margin-top: 2rem;
    margin-left: 5rem;
    margin-right: 5rem;
}


.thanks_card .btn_area .target_box {
    display: block;
    padding: 0.1rem;
    width: 20%;
    min-width: 430px;
    margin: 0 auto;
    border: none;
    border-radius: 3.5rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.6rem;
    letter-spacing: -0.1rem;
    font-weight: 700;
    /*background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210,210,210,1);*/
    margin-top: 2rem;
    position: relative;
    text-decoration: none;
}

.thanks_card .btn_area .target_box .inner_btn {
    display: flex;
    justify-content: center;
    margin: 0.3rem;
    /* padding: 0.3rem; */
    line-height: 3rem;
    border: 0.3rem solid #feed55;
    border-radius: 3.5rem;
    background-color: transparent;
    position: relative;
}

.thanks_card_sub_title,
.thanks_card {
    width: 80%;
    position: relative;
    margin-left: 10%;
}

.thanks_card .notice {
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.thanks_card .notice.btn_notice {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    text-align: center;
}

.thanks_card .notice.second {
    margin-top: 4rem;
}

.thanks_card .notice table {
    border: 0.1rem solid #999999;
    border-bottom: none;
    border-right: none;
    font-size: 1.4rem;
}

.thanks_card .notice table th,
.thanks_card .notice table td {
    padding: 0.6rem;
    border: 0.1rem solid #999999;
    border-top: none;
    border-left: none;
    white-space: nowrap;
    font-size: 1.3rem;
}

.thanks_card .notice table td.category {
    white-space: wrap;
}

.thanks_card .notice table th {
    background-color: rgb(47 104 193);
    color: #fff;
    white-space: nowrap;
}

.thanks_card_sub_title img {
    width: 100%;
}

.thanks_card_sub_title div.left-text,
.thanks_card_sub_title div.right-text,
.thanks_card_sub_title div.left-photo,
.thanks_card_sub_title div.right-photo {
    width: 50%;
    position: relative;
    display: table-cell;
}

.thanks_card_sub_title div.left-text,
.thanks_card_sub_title div.right-text {
    background-color: #f8fa82;
    text-align: center;
    font-size: 2.4rem;
    vertical-align: middle;
    font-weight: 400;
    padding-top: 2%;

}

a.scroll_top_btn:hover {
    color: #660;
}

a.scroll_top_btn:visited {
    color: #000;

}

a.scroll_top_btn {
    color: #000;
    text-decoration: underline;
}

/*#index article.one_action .declaration .tab_header {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

#index article.one_action .declaration .tab_header a,
#index article.one_action .declaration .tab_header a.item:hover,
#index article.one_action .declaration .tab_header a.item:active {
    text-decoration: none;
    color: inherit;
    position: relative;
}


#index article.one_action .declaration .tab_header .item {
    border-top-left-radius: 2.3rem;
    border-top-right-radius: 2.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #FFFFFF;
    box-shadow: 0px -1px 2px 2px rgba(210,210,210,1);
    width: 48%;
    position: relative;
}



#index article.one_action .declaration .tab_header .item.on {
    background-color: #feed55;
}
#index article.one_action .declaration .tab_header a.on.item::before {
    content: '';
    position: absolute;
    top: 0.3rem;
    left: 0;
    bottom: -0.3rem;
    right: 0;
    background-color: #feed55;
    border-top-left-radius: 2.3rem;
    border-top-right-radius: 2.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#index article.one_action .declaration .tab_header .item span {
    display: block;
    text-align: center;
    line-height: 5.0rem;
    font-size: 1.4rem;
    font-weight: 600;
    border:0.3rem solid #feed55;
    border-bottom: none;
    margin: 0.3rem;
    margin-bottom: 0;
    border-top-left-radius: 2.3rem;
    border-top-right-radius: 2.3rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    cursor: pointer;
    position: relative;
}

#index article.one_action .declaration .tab_header .item span::before {
    content: '';
    background-image: url(../images/checkbox_off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1rem;
    width: 3rem;
}

#index article.one_action .declaration .tab_header .item[data-selected="1"] span::before {
    background-image: url(../images/checkbox_active.png);
}

#index article.one_action .declaration .tab_header .item.off span {

}*/

/*#index article.one_action .declaration .tab_body {
    border: 0.4rem solid #feed55;
        background-color: #fffce0;
    box-shadow: 0px 0px 2px 2px rgba(210,210,210,1);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.3rem;
    border-bottom-right-radius: 2.3rem;
    background-image: url("../images/tab_bottom_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}

#index article.one_action .declaration .tab_body .item_box {
    background-image: url("../images/item_box_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 8rem;
}

#index article.one_action .declaration .tab_body .item_box::after {

}

#index article.one_action .declaration .tab_body .select_box {

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.3rem;
    border-bottom-right-radius: 2.3rem;
}

#index article.one_action .declaration .tab_body .item_box div.supported {

    background-image: url("../images/supported_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 1rem;
    padding-bottom: 3rem;
    margin: 0 1.6rem;
}

#index article.one_action .declaration .tab_body .item_box div.supported .title {
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
}

#index article.one_action .declaration .tab_body .item_box div.customer {
    margin: 0 1.6rem;
}

#index article.one_action .declaration .tab_body .item_box ul,
#index article.one_action .declaration .tab_body .item_box ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#index article.one_action .declaration .tab_body .item_box ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left:4rem;
    padding-right: 4rem;
    margin: 0 1rem;
}

#index article.one_action .declaration .tab_body .item_box ul li {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 2px 2px rgba(210,210,210,1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    cursor: pointer;
    position: relative;
    padding: 0.3rem;


}
#index article.one_action .declaration .tab_body .item_box ul li.ng {
    display: none;
}
#index article.one_action .declaration .tab_body .item_box ul li.ng span {
    background-color: #cccccc;
    border: none;
}
*/
/*#index article.one_action .declaration .tab_body .item_box ul li[data-selected="1"] span {
    background-color: #feed55;
    background-image: url(../images/item_box_hover_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}*/
/*
#index article.one_action .declaration .tab_body .item_box .who_item[data-selected="1"] span,
#index article.one_action .declaration .tab_body .item_box .act_item[data-selected="1"] span {
    background-color: #feed55;
    background-image: url(../images/item_box_hover_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
#index article.one_action .declaration .tab_body .item_box a.who_item[data-selected="1"] span,
#index article.one_action .declaration .tab_body .item_box a.act_item[data-selected="1"] span {
    background-size: contain;
}

#index article.one_action .declaration .tab_body .item_box ul li span {
    border-radius: 50%;
    border: 0.3rem solid #feed55;
    width: 11rem;
    height: 11rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 600;
    position: relative;
    line-height: 1.9rem;
    margin: 0;
    z-index: 2;
    background-color: #ffffff;
    background-position: center;

    transition-property: background;
    transition-duration: .1s;
    transition-delay: .1s;
}

#index article.one_action .declaration .tab_body .item_box ul li span small {
    font-size: 0.8rem;
    line-height: 100%
}

#index article.one_action .declaration .tab_body .item_box ul li.ok:hover span,
#index article.one_action .declaration .tab_body .item_box.act .btn_area.min a:hover span {
    background-color: #feed55;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    overflow: hidden;
}

#index article.one_action .declaration .tab_body .item_box ul li.ok:hover::before,
#index article.one_action .declaration .tab_body .item_box.act .btn_area.min a:hover::before {
    content: '';
    background-color: transparent;
    border: 0.3rem solid #feed55;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    animation-name: circle_motion03;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-delay: 0.01s;
    animation-iteration-count: infinite;
    transform-origin:50% 50%;
    z-index:1;
}*/

/*#index article.one_action .declaration .pannel.sp {
        margin-left: 0;
        margin-right: 0;
    }*/

#index article.one_action .declaration .pannel.sp .attention {
    position: relative;
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    background-image: url(../images/sp/index_attention_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 1rem;
}

#index article.one_action .declaration .pannel.sp .attention span {
    display: inline-block;
    position: relative;
    text-align: left;

}

#index article.one_action .declaration .pannel.sp .attention::before {
    content: '';
    background-image: url(../images/icon-link.png);
    background-repeat: no-repeat;
    background-size: 2rem;
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 2rem;
}

#index article.one_action .declaration .pannel.sp .btn_area {
    padding-bottom: 2rem;
    margin-top: 1rem;
    /*        background-image: url(../images/sp/index_btn_area_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;*/
}

/*#index article.one_action .declaration .pannel.sp .btn_area a.match_btn {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        border: none;
        border-radius: 3.5rem;
        text-align: center;
        color: #1F1F1F;
        font-size: 1.5rem;
        letter-spacing: 0.13rem;
        font-weight: 600;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 3px 3px rgba(210,210,210,1);
    }

    #index article.one_action .declaration .pannel.sp .btn_area a.match_btn span {
        display: block;
        padding-left: 2rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        border-radius: 3.5rem;
        border: 0.35rem solid #feed55;
        margin: 0.5rem;
        position: relative;
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: center right 1rem;
    }

    #index article.one_action .declaration .pannel.sp .btn_area a.match_btn span::before {
        content: '';
        background-image: url(../images/icon-search.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0px;
        left: -0.1rem;
        background-color: #feed55;
        border-radius: 3.5rem;
        padding: 0;
            width: 3.5rem;
        height: 3.5rem;
        background-size: 2.5rem;
    }*/




#index article.one_action .declaration .pannel.sp .item_box {
    width: 100%;
    border: 0.3rem solid #feed55;
    border-radius: 1.5rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
    padding: 2rem;
    background-image: url("../images/sp/footer_bg.png");
    margin-top: 2rem;
}

#index article.one_action .declaration .pannel.sp .item_box textarea {
    width: 100%;
    height: 10rem;
    border: 2px solid #feed55;
    border-radius: 1rem;
    padding: 1rem;
    font-size: 1.3rem;
    font-weight: 500;

}

#index article.one_action .declaration .pannel.sp .item_box textarea:focus {
    outline: none;
}

#index article.one_action .declaration .pannel.sp .item_box .who {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: 1.5rem;
}

#index article.one_action .declaration .pannel.sp .item_box .act,
#index article.one_action .declaration .pannel.sp .item_box .select_item,
#index article.one_action .declaration .pannel.sp .item_box .why {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: 1.5rem;
}

#index article.one_action .declaration .pannel.sp .item_box .to {
    min-width: 10rem;
    flex-grow: 1;
}

#index article.one_action .declaration .pannel.sp .item_box .to span {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 3rem;
    font-size: 1.5rem;
    font-weight: 600;

}

#index article.one_action .declaration .pannel.sp .item_box .to.match_check span::before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    position: absolute;
    cursor: pointer;
}

#index article.one_action .declaration .pannel.sp .item_box .to.match_check.active span::before {
    background-image: url(../images/checkbox_active.png);
}

#index article.one_action .declaration .pannel.sp .item_box .to.match_check.inactive span::before {
    background-image: url(../images/checkbox_off.png);
}

#index article.one_action .declaration .pannel.sp .item_box .etc {
    width: 63%;
}

#index article.one_action .declaration .pannel.sp .item_box .etc a {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    border-radius: 4rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
    text-align: left;

}

#index article.one_action .declaration .pannel.sp .item_box .etc a span {
    display: block;
    margin: 0.3rem;
    border: 0.3rem solid #feed55;
    border-radius: 4rem;
    padding-left: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8rem;
    /*        background-image: url(../images/icon-link.png);*/
    background-repeat: no-repeat;
    background-size: 2rem;
    background-position: center right 1rem;
    position: relative;
}

#index article.one_action .declaration .pannel.sp .item_box .etc a span::after {
    content: '';
    background-image: url(../images/icon-link.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    position: absolute;
    padding: 0;
    width: 3rem;
    height: auto;
    right: 0.4rem;
    top: 0;
    bottom: 0;
    left: auto;
}

#index article.one_action .declaration .pannel.sp .item_box .etc a.who_item[data-selected="1"] span,
#index article.one_action .declaration .pannel.sp .item_box .etc a.act_item[data-selected="1"] span {
    background-color: #feed55;
    background-image: url(../images/item_box_hover_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#index article.one_action .declaration .pannel.sp .item_box select {
    width: 100%;
    line-height: 3rem;
    font-size: 1.5rem;
    border-radius: 4rem;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    /* ベンダープレフィックス(Google Chrome、Safari用) */
    -moz-appearance: none;
    /* ベンダープレフィックス(Firefox用) */
    appearance: none;
    /* 標準のスタイルを無効にする */

}

#index article.one_action .declaration .pannel.sp .item_box select[data-selected="1"] {
    background-color: #feed55;
}

#index article.one_action .declaration .pannel.sp .item_box select.input-lg {
    height: 5rem;
    padding-top: 0;
    padding-bottom: 0;
}

#index article.one_action .declaration .pannel.sp .item_box .select_item {
    position: relative;
    z-index: 1;
}

/*    #index article.one_action .declaration .pannel.sp .item_box .select_item::before {
        content: '';
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.5rem;
        width: 2rem;
        height: 3rem;
        margin-top: 1rem;
        top:0;
        right: 2rem;
        position: absolute;
        z-index: 2;
        transform: rotate(90deg);
        pointer-events: none;
    }*/

#index article.one_action .declaration .pannel.sp .item_box select option.ng {
    background-color: #cccccc;
    display: none;
}




@keyframes circle_motion03 {
    0% {
        transform: scale(1);
        border: 0.3rem solid #feed55;
        opacity: 0.8;
    }

    25% {}

    50% {}

    75% {}

    100% {
        transform: scale(1.4);
        border: 2rem solid #feed55;
        opacity: 0;
    }
}

/*#index article.one_action .declaration .tab_body .item_box ul li.ok:hover::before {
    content: '';
    background-color: transparent;
    border: 0.2rem solid transparent;
    border-top: 0.2rem solid #feed55;
    overflow: hidden;
    position: absolute;
    border-radius: 100% 0 0 100% / 50%;
    width: 50%;
    height: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    animation-name: circle_motion01;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
    transform-origin:100% 50%;
    z-index:1;
}
#index article.one_action .declaration .tab_body .item_box ul li.ok:hover::after {
    content: '';
    background-color: transparent;
    border: 0.2rem solid transparent;
    border-top: 0.2rem solid #feed55;
    overflow: hidden;
    position: absolute;
    border-radius: 100% 0 0 100% / 50%;
    width: 50%;
    height: 100%;
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    animation-name: circle_motion02;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
    transform-origin:100% 50%;
    z-index:1;
}
@keyframes circle_motion01 {
    0% {
        transform: rotate(0deg);
    }
    25% {
    }
    50% {
    }
    75% {
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes circle_motion02 {
    0% {
        transform: rotate(180deg);
    }
    25% {
    }
    50% {
    }
    75% {
    }
    100% {
        transform: rotate(540deg);
    }
}*/

/*.tab_inactive {
    display: none;
}

#index article.one_action .declaration .tab_body .item_box .btn_area {
    display: flex;
    justify-content: space-between;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 1rem;
}

#index article.one_action .declaration .tab_body .item_box .btn_area a {
    display: block;
    width: 46%;
    margin: 0 auto;
    border-radius: 3rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.1rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210,210,210,1);
    padding: 0.3rem;
    text-decoration: none;
}
#index article.one_action .declaration .tab_body .item_box .btn_area a:hover {
    box-shadow: 0px 0px 3px 3px rgba(180,180,180,1);
}

#index article.one_action .declaration .tab_body .item_box .btn_area a span {
    display: block;
    line-height: 3rem;
    border: 0.2rem solid #feed55;
    border-radius: 3rem;
    background-color: transparent;
    position: relative;

}
#index article.one_action .declaration .tab_body .item_box .btn_area a span::after {
    content: '';
    background-image: url(../images/icon-link.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    position: absolute;
    padding: 0;
    width: 3rem;
    height: auto;
    top: 0;
    bottom: 0;
    right: 0.4rem;
    left: auto;
}
#index article.one_action .declaration .tab_body .item_box .btn_area a.arrow_btn span::after {
    background-image: url(../images/icon-arrow_l.png);
    background-size: 1rem;
}

#index article.one_action .declaration .tab_body .item_box .btn_area a:hover span {
    background-color: #feed55;
    text-decoration: none;
}

#index article.one_action .declaration .tab_body .item_box.act ul {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0;
}

#index article.one_action .declaration .tab_body .item_box.act ul.item01.min {
    justify-content: center;
}

#index article.one_action .declaration .tab_body .item_box.act ul li {
    position: relative;
    top: -1rem;
}

#index article.one_action .declaration .tab_body .item_box.act ul:first-child li:first-child {
    top: 0;
}

#index article.one_action .declaration .tab_body .item_box.act ul li.item05 {
    top: -2rem;
}

#index article.one_action .declaration .tab_body .item_box.act ul:first-child li:first-child span {
    width: 13rem;
    height: 13rem;
}

#index article.one_action .declaration .tab_body .item_box.act ul:last-child li:last-child {
    position: relative;
    top: -3rem;
}



#index article.one_action .declaration .tab_body .item_box.act {
    background-image: url(../images/item_box_act_bg.png);
    padding-bottom: 4.5rem;
    position: relative;
}

#index article.one_action .declaration .tab_body .item_box.act .item_area.min {
    width: 80%;
    margin: 0 auto;
}

#index article.one_action .declaration .tab_body .item_box.act .btn_area {
    text-align: right;
    display: block;
    padding-right: 1rem;
    padding-top: 0;
    position: relative;
    top: -2rem;
}
#index article.one_action .declaration .tab_body .item_box.act .btn_area a {
    width: 20%;
    min-width: 11rem;
    margin: 0;
    margin-left: auto;
    margin-right: 0;
}
#index article.one_action .declaration .tab_body .item_box.act .btn_area a span {
    padding: 0 3rem;
}

#index article.one_action .declaration .tab_body .item_box.act .btn_area.min {
    display: block;
    justify-content: flex-end;
    width: 80%;
    margin: 0 auto;
    position: relative;
}

#index article.one_action .declaration .tab_body .item_box.act .btn_area.min a {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 2px 2px rgba(210,210,210,1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: stretch;
    cursor: pointer;
    padding: 0.3rem;
    width: auto;
    min-width: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}
#index article.one_action .declaration .tab_body .item_box.act .btn_area.min a span {
    border-radius: 50%;
    border: 0.3rem solid #feed55;
    width: 9rem;
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 600;
    position: relative;
    line-height: 1.9rem;
    margin: 0;
    z-index: 2;
    background-color: #ffffff;
    background-position: center;
    transition-property: background;
    transition-duration: .1s;
    transition-delay: .1s;
    padding: 0;
}
#index article.one_action .declaration .tab_body .item_box.act .btn_area.min a span::after {
    right: -0.5rem;
}



#index article.one_action .declaration .tab_body .select_box h5 {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #eb7d12;
    position: relative;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: inline-block;
    text-align: center;
}

#index article.one_action .declaration .tab_body .select_box h5::before {
    content: "";
    background-image: url(../images/speaker_left@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    left: -1rem;
}

#index article.one_action .declaration .tab_body .select_box h5::after {
    content: "";
    background-image: url(../images/speaker_right@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    right: -1rem;
}

#index article.one_action .declaration .tab_body .select_box .item_area {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 1.8rem;
    font-weight: 500;
    padding-top: 1.5rem;
}

#index article.one_action .declaration .tab_body .select_box .item_area .item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
}
#index article.one_action .declaration .tab_body .select_box .item_area .who,
#index article.one_action .declaration .tab_body .select_box .item_area .act {
    flex-grow: 1;
    background-color: #ffffff;
    width: 40%;

}*/


#index article.one_action .declaration .btn_area {
    margin-left: 1rem;
    margin-right: 1rem;
}

#index article.one_action .declaration .btn_area a {
    display: block;
    padding: 0.1rem;
    width: 80%;
    margin: 0 auto;
    border: none;
    border-radius: 3.5rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210, 210, 210, 1);
    margin-top: 2rem;
    position: relative;
    text-decoration: none;
}

#index article.one_action .declaration .btn_area a.inactive {}

#index article.one_action .declaration .btn_area a.active:hover {
    box-shadow: 0px 0px 3px 3px rgba(180, 180, 180, 1);
}

#index article.one_action .declaration .btn_area a span {
    display: block;
    margin: 0.3rem;
    /*    padding: 0.3rem;*/
    line-height: 3.5rem;
    border: 0.3rem solid #feed55;
    border-radius: 3.5rem;
    background-color: transparent;
    position: relative;
}

#index article.one_action .declaration .btn_area a.txt_btn span {
    border: 0.3rem solid #eb7d12;
}

#index article.one_action .declaration .btn_area a span::before {
    content: '';
    background-image: url(../images/icon-question.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5rem;
    position: absolute;
    top: 0px;
    left: -0.1rem;
    background-color: #feed55;
    border-radius: 3.5rem;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem;
}

#index article.one_action .declaration .btn_area a.txt_btn span::before {
    content: '';
    background-image: url(../images/icon-txt.png);

    background-size: 2rem;
    background-color: #eb7d12;
}

#index article.one_action .declaration .btn_area a span::after {
    content: '';
    background-image: url(../images/icon-link.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    position: absolute;
    top: 0;
    right: 1rem;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem;
}

#index article.one_action .declaration .btn_area a.txt_btn span::after {
    background-image: url(../images/icon-arrow_l.png);
    background-size: 1.5rem;
}

#index article.one_action .declaration .btn_area a.question_btn.active:hover span {
    background-color: #feed55;
    text-decoration: none;
}

#index article.one_action .declaration .btn_area a.txt_btn.active:hover span {
    background-color: #eb7d12;
    color: #ffffff;
    text-decoration: none;
}

#index article.one_action .declaration .btn_area a.inactive span,
#index article.one_action .declaration .btn_area a.txt_btn.inactive span {
    border-color: #afafaf;
    color: #afafaf;
}

#index article.one_action .declaration .btn_area a.inactive span::before,
#index article.one_action .declaration .btn_area a.txt_btn.inactive span::before {
    background-color: #afafaf;
}


/*#index article.one_action .declaration .tab_body .select_box .attention {
    text-align: right;
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 8rem;
    text-shadow    :1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    position: relative;
    margin-top: 1rem;
}

#index article.one_action .declaration .tab_body .select_box .attention span {
    position: relative;
}

#index article.one_action .declaration .tab_body .select_box .attention span::before {
    content:'';
    background-image: url(../images/icon-link.png);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    position: absolute;
    top:0;
    left: -2rem;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}*/


/*#index article.action .item_area {
    padding-top: 2rem;
    margin-left: 11rem;
    margin-right: 11rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#index article.action .item_area .item {
    flex-grow: 1;
    width: 100%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
}


#index article.action .item_area .item .title {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #eb7d12;
    position: relative;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    display: inline-block;
    text-align: center;
}

#index article.action .item_area .item .item_body {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 3rem;
}
#index article.action .item_area .item:last-child .item_body {
    margin-bottom: 0;
}

#index article.action .item_area .item .item_body .item_box {
    width: 48%;
}

#index article.action .item_area .item .title::before {
    content: "";
    background-image: url(../images/speaker_left@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    left: -1rem;
}

#index article.action .item_area .item .title::after {
    content: "";
    background-image: url(../images/speaker_right@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    right: -1rem;
}

#index article.action .item_area .item .item_body .img_box {
    position: relative;
    padding-top: 1rem;
}
#index article.action .item_area .item .item_body .img_box::after {
    content: "";
    background-image: url(../images/action_mask.png);
    background-repeat: no-repeat;
    background-size: 101% 101%;
    position: absolute;
    top: 0;
    left:0;
    bottom: 0;
    right: 0;

}

#index article.action .item_area .item .item_body .img_box img {
    width: 100%;
}

#index article.action .item_area .item .item_body .name_box {
    padding:0;
    margin:0;
    font-size: 1.2rem;
    line-height: 100%;
    font-weight: 500;
}

#index article.action .item_area .item .item_body .txt_box {
    padding-top: 2rem;
    text-align: left;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
}*/





/*action*/
#index article.action .these-action {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 11rem;
    margin-right: 11rem;
    padding-top: 3rem;
}

#index article.action .these-action .item {
    width: 46%;
    background-color: #feed55;
    border-radius: 2.0rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
}


#index article.action .these-action .item .item_header {
    background-color: transparent;
    display: flex;
    border-top-left-radius: 2.0rem;
    border-top-right-radius: 2.0rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#index article.action .these-action .item .item_header .list_no {
    width: 35%;
    padding-left: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-top: 0.4rem;
}

#index article.action .these-action .item .item_header .list_no span {

    background-color: #FFFFFF;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 0.2rem;
    text-align: center;
    color: #eb7d12;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    position: relative;
    top: -0.2rem;
}

#index article.action .these-action .item .item_header .title {
    width: 65%;
    line-height: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    /*    flex-wrap: wrap;
    align-items: center;*/
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
}

#index article.action .these-action .item .item_header .title .name {
    padding-left: 0.4rem;
}

/*#index article.action .these-action .item .item_header .title div {
width:100%;
}*/

#index article.action .these-action .item .item_body {
    display: flex;
    flex-wrap: wrap;
    background-color: #fffce0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0.4rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 2.0rem;
    border-bottom-right-radius: 2.0rem;
}

#index article.action .these-action .item .item_body .img_box {
    width: 40%;
    position: relative;
    margin-bottom: 1rem;
}

#index article.action .these-action .item .item_body .img_box::after {
    content: "";
    background-image: url(../images/episode_mask.png);
    background-repeat: no-repeat;
    background-size: 101% 101%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#index article.action .these-action .item .item_body .img_box img {
    width: 100%;
}


#index article.action .these-action .item .item_body .msg_box {
    width: 60%;
    display: flex;
    align-items: center;
    padding: 1rem;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 500;
}

#index article.action .these-action .item .item_body .link_box {
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 1rem;
}


#index article.action .these-action .item .item_body .link_box a.detail_btn {
    display: block;
    width: 60%;
    margin: 0 auto;
    border-radius: 2.5rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.2rem;
    letter-spacing: 0.13rem;
    font-weight: 600;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 3px 3px rgba(210, 210, 210, 1);
    padding: 0.3rem;
}

#index article.action .these-action .item .item_body .link_box a.detail_btn:hover {
    box-shadow: 0px 0px 3px 3px rgba(180, 180, 180, 1);
}

#index article.action .these-action .item .item_body .link_box a.detail_btn span {
    display: block;
    /*   margin: 0.3rem;
    padding: 0.3rem;*/
    line-height: 2.5rem;
    border: 0.2rem solid #feed55;
    border-radius: 2.5rem;
    background-color: transparent;
    position: relative;
    background-image: url(../images/icon-arrow_l.png);
    background-repeat: no-repeat;
    background-size: 1.0rem;
    background-position: center right 1rem;

}

#index article.action .these-action .item .item_body .link_box a.detail_btn span::before {
    content: '';
    background-image: url(../images/icon-book.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #feed55;
    border-radius: 50%;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
}

#index article.action .these-action .item .item_body .link_box a.detail_btn:hover span {
    background-color: #feed55;
    text-decoration: none;
}

.not-completed {
    text-align: left;
    width: 80%;
    color: #dc0032;
    font-size: 1.6rem;
    margin: auto;
    font-weight: 800;
}

.not-completed span {
    font-size: 2rem;
}


/** topページここまで **/

/** 1440pxより大きなサイズは固定 */
@media screen and (min-width: 1440px) {
    html {
        /*font-size: calc(62.5% + 3.6px);*/
        font-size: 14px;
    }

    #wrapper {
        width: 1440px;
    }
}

@media screen and (min-width: 801px) {
    /*    .sp {
        display: none;
    }*/
}

/** スマホなどモバイルデバイス **/
@media screen and (max-width: 800px) {

    /* 共通部分 header or footer */
    html {
        font-size: 2vw;
    }

    #wrapper {
        margin-top: 0;
        /*padding-top: 1rem;*/
    }

    #inner_wrap {
        margin: 0;
        /*background: none;*/
    }

    header {
        padding: 0;
        /*background-image: url("../images/sp/header_bg.png");
        background-size: 100% ;*/
        background-repeat: no-repeat;
        background-position: top 1rem left 0;
        /*padding-top: 0.5rem;
        padding-bottom: 3rem;*/
        margin: 0;
    }

    header #logo {
        /*padding-left: 1rem;
        padding-right: 1rem;*/
        padding-top: 1rem;
    }

    header #logo img {
        display: block;
        width: 30%;
    }

    header #header_title {
        /*padding-top: 3rem;*/
    }

    header h1 {
        font-size: 3.0rem;
        letter-spacing: 0.11rem;
        padding-bottom: 0.5rem;
        /*background-image: url(../images/sp/top_title_bg.png);*/
        padding-left: 0;
        padding-right: 0;
        padding-top: 1.2rem;
        display: block;
        top: 0;
    }

    /*2024 header*/
    .pc_flex,
    .pc_only,
    .pc_inline {
        display: none !important;
    }

    .sp_only {
        display: block !important;
    }

    .sp_inline {
        display: inline !important;
    }

    header #header_area {
        display: block;
        padding: 1.1396428571429rem 1.7rem;
    }

    header #header_upper {
        display: block;
        width: auto;
        height: auto;
    }

    header #header_upper #logo img {
        display: inline;
        width: calc(140/800*100vw);
        height: auto;
    }

    header #header_title {
        height: auto !important;
        width: 65%;
        float: left;
    }

    header #header_title h1 div div:first-child,
    header #header_title h1 div div:first-child a {
        font-size: 2.7rem !important;
    }

    header #header_title h1 div div:nth-child(2) {
        font-size: 1.3rem !important;
        margin-left: 0.5rem;
    }

    header #header_area #header_link {
        float: right;
        width: 35%;
    }

    header #header_link .btn_area {
        margin-left: 0.5rem;
    }

    header #header_link .icon_link {
        padding-top: 2rem;
    }

    header #header_link .icon_link a * {
        font-size: 1.3rem;
    }

    header #header_link .icon_link.mypage {
        min-width: 6rem;
    }

    header #header_link .icon_link.mypage a img {
        width: clamp(18px, 2.8rem, 27px);
    }

    header #header_link .icon_link.mypage+.icon_link a img {
        width: clamp(23px, 3.4rem, 33px);
    }

    header #header_link_sp {
        clear: both;
    }

    header #header_link_sp .box_link a {
        padding: 0.2rem;
        border-radius: 0.5rem;
        background-color: #fff;
        text-align: center;
        font-size: 2rem;
        /*display: flex;
		align-items: center;
		flex-grow: 1;
		justify-content: center;*/
        color: rgb(47 104 193);
        font-weight: 700;
        line-height: 2;
        width: 100%;
        display: inline-block;
        margin: 0.7rem 0;
    }



    .contents {
        padding: 0;
    }

    .content_body {
        background-image: none;
    }

    #login .contents {
        padding: 0;
    }

    footer p {
        background-image: url("../images/sp/footer_bg.png");
        background-repeat: repeat-y;
    }

    footer #tanpopo {
        height: 8rem;
        background-size: 100%;
        margin-top: 1rem;
    }

    /*    .pc {
        display: none;
    }*/

    /* 未ログイン画面 */
    #login #inner_wrap {
        background-image: none;
    }

    #login_area {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
    }

    #login_area #site_message {
        line-height: 2.8rem;
        font-size: 1.6rem;
        margin: 0 1rem;
        margin-top: 2rem;
        background-image: url("../images/sp/contents_lower.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom 3rem left 0;

    }

    #login_area #login_box {
        width: 100%;
    }

    #login_area .item_box {
        width: 100%;
        text-align: center;
    }

    #login_area .item_box p {
        display: block;
    }

    #login_area .item_box p.bloc::after {
        padding-bottom: 2rem;
    }


    #login_area .item_box p.break::after {
        content: "";
    }

    #login_area a#login_btn {
        background-color: #2F68C1;
        font-size: 1.8rem;
    }

    #movie_area {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        margin: 0 1rem;

        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
        padding-bottom: 1rem;
    }

    #login #movie_area {
        background-image: url("../images/sp/bottom_lower.png");
    }

    #login #movie_area {
        padding-bottom: 4rem;
    }

    /* 未ログイン画面ここまで */

    /** top page **/
    #index .sub_title {
        background-image: url("../images/sp/index_subtitle_bg.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #index .sub_title p {
        font-size: 1.65rem;
        line-height: 3.2rem;
    }

    #index .sub_title p span.break::after {
        content: "\A";
        white-space: pre-line;
    }

    #index article h3 {
        margin-left: 0;
        margin-right: 0;
    }

    #index article p.sub {
        margin-left: 0;
        margin-right: 0;
        font-size: 1.6rem;
        line-height: 3.2rem;
    }

    #index article p.sub span.break::after {
        content: "\A";
        white-space: pre-line;
    }

    #index article.message {
        background-image: url(../images/sp/index_message_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    #index article.story {
        background-image: url(../images/sp/index_story_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 5rem;
    }

    #index article.story .episode {
        flex-wrap: wrap;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 4rem;
    }

    #index article.story .episode .item {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    #index article.story .episode .item .item_body {
        padding: 1.5rem;
        padding-bottom: 2rem;
    }

    #index article.story .episode .item .item_body .link_box a.detail_btn {
        border-radius: 4rem;
        font-size: 1.5rem;
    }

    #index article.story .episode .item .item_body .link_box a.detail_btn span {
        line-height: 4rem;
        border-radius: 4rem;
        border: 0.35rem solid #feed55;
        margin: 0.5rem;
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: center right 1rem;
    }

    #index article.story .episode .item .item_body .link_box a.detail_btn span::before {
        width: 4rem;
        height: 4rem;
        background-size: 2.5rem;
    }

    #index article.one_action {
        background-image: url(../images/sp/index_oneaction_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        margin-top: 1rem;
    }

    #index article.one_action .declaration {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    #index article.one_action .declaration h4 {
        line-height: 2.5rem;
        font-size: 1.8rem;
    }

    #index article.one_action .declaration h4 span.break::after {
        content: "\A";
        white-space: pre-line;
    }

    #index article.one_action .declaration h4::before,
    #index article.one_action .declaration h4::after {
        width: 3.6rem;
        height: 3.6rem;
        bottom: 0;
        top: auto;
    }

    #index article.one_action .declaration .pannel.sp {
        margin-left: 0;
        margin-right: 0;
    }

    #index article.one_action .declaration .pannel.sp .attention {
        position: relative;
        font-size: 1.2rem;
        line-height: 2.4rem;
        font-weight: 500;
        background-image: url(../images/sp/index_attention_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding-bottom: 1rem;
    }

    #index article.one_action .declaration .pannel.sp .attention span {
        display: inline-block;
        position: relative;
        text-align: left;

    }

    #index article.one_action .declaration .pannel.sp .attention::before {
        content: '';
        background-image: url(../images/icon-link.png);
        background-repeat: no-repeat;
        background-size: 2rem;
        position: relative;
        display: inline-block;
        width: 2rem;
        height: 2rem;
    }

    #index article.one_action .declaration .pannel.sp .btn_area {
        padding-bottom: 2rem;
        margin-top: 1rem;
        /*        background-image: url(../images/sp/index_btn_area_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;*/
    }

    #index article.one_action .declaration .pannel.sp .btn_area a.match_btn,
    #index article.one_action .declaration .pannel.sp .btn_area a.txt_btn {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
        border: none;
        border-radius: 3.5rem;
        text-align: center;
        color: #1F1F1F;
        font-size: 1.5rem;
        letter-spacing: 0.13rem;
        font-weight: 600;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 3px 3px rgba(210, 210, 210, 1);
        margin-top: 2rem;
    }

    #index article.one_action .declaration .pannel.sp .btn_area a.match_btn span {
        display: block;
        padding-left: 2rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.5rem;
        border-radius: 3.5rem;
        border: 0.35rem solid #feed55;
        margin: 0.5rem;
        position: relative;
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: center right 1rem;
    }

    #index article.one_action .declaration .pannel.sp .btn_area a.match_btn span::before {
        content: '';
        background-image: url(../images/icon-search.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0px;
        left: -0.1rem;
        background-color: #feed55;
        border-radius: 3.5rem;
        padding: 0;
        width: 3.5rem;
        height: 3.5rem;
        background-size: 2.5rem;
    }




    #index article.one_action .declaration .pannel.sp .item_box {
        width: 100%;
        border: 0.3rem solid #feed55;
        border-radius: 1.5rem;
        box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
        padding: 2rem;
        background-image: url("../images/sp/footer_bg.png");
        margin-top: 2rem;
    }

    #index article.one_action .declaration .pannel.sp .item_box textarea {
        width: 100%;
        height: 10rem;
        border: 2px solid #feed55;
        border-radius: 2rem;
    }

    #index article.one_action .declaration .pannel.sp .item_box .who {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        position: relative;
        margin-bottom: 1.5rem;
    }

    #index article.one_action .declaration .pannel.sp .item_box .act,
    #index article.one_action .declaration .pannel.sp .item_box .select_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        position: relative;
        margin-bottom: 1.5rem;
    }

    #index article.one_action .declaration .pannel.sp .item_box .to {
        min-width: 10rem;
        flex-grow: 1;
    }

    #index article.one_action .declaration .pannel.sp .item_box .to span {
        position: relative;
        display: block;
        text-align: left;
        padding-left: 3rem;
        font-size: 1.5rem;
        font-weight: 600;

    }

    #index article.one_action .declaration .pannel.sp .item_box .to.match_check span::before {
        content: "";
        background-repeat: no-repeat;
        background-position: center;
        background-size: 2rem;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
        position: absolute;
        cursor: pointer;
    }

    #index article.one_action .declaration .pannel.sp .item_box .to.match_check.active span::before {
        background-image: url(../images/checkbox_active.png);
    }

    #index article.one_action .declaration .pannel.sp .item_box .to.match_check.inactive span::before {
        background-image: url(../images/checkbox_off.png);
    }

    #index article.one_action .declaration .pannel.sp .item_box .etc {
        width: 63%;
    }

    #index article.one_action .declaration .pannel.sp .item_box .etc a {
        display: inline-block;
        width: 100%;
        background-color: #ffffff;
        border-radius: 4rem;
        box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
        text-align: left;

    }

    #index article.one_action .declaration .pannel.sp .item_box .etc a span {
        display: block;
        margin: 0.3rem;
        border: 0.3rem solid #feed55;
        border-radius: 4rem;
        padding-left: 2rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.8rem;
        /*        background-image: url(../images/icon-link.png);*/
        background-repeat: no-repeat;
        background-size: 2rem;
        background-position: center right 1rem;
        position: relative;
    }

    #index article.one_action .declaration .pannel.sp .item_box .etc a span::after {
        content: '';
        background-image: url(../images/icon-link.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 2rem;
        position: absolute;
        padding: 0;
        width: 3rem;
        height: auto;
        right: 0.4rem;
        top: 0;
        bottom: 0;
        left: auto;
    }

    #index article.one_action .declaration .pannel.sp .item_box .etc a.who_item[data-selected="1"] span,
    #index article.one_action .declaration .pannel.sp .item_box .etc a.act_item[data-selected="1"] span {
        background-color: #feed55;
        background-image: url(../images/item_box_hover_bg.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    #index article.one_action .declaration .pannel.sp .item_box select {
        width: 100%;
        line-height: 3rem;
        font-size: 1.5rem;
        border-radius: 4rem;
        position: relative;
        z-index: 1;
        -webkit-appearance: none;
        /* ベンダープレフィックス(Google Chrome、Safari用) */
        -moz-appearance: none;
        /* ベンダープレフィックス(Firefox用) */
        appearance: none;
        /* 標準のスタイルを無効にする */

    }

    #index article.one_action .declaration .pannel.sp .item_box select[data-selected="1"] {
        background-color: #feed55;
    }

    #index article.one_action .declaration .pannel.sp .item_box select.input-lg {
        height: 5rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    #index article.one_action .declaration .pannel.sp .item_box .select_item {
        position: relative;
        z-index: 1;
    }

    /*    #index article.one_action .declaration .pannel.sp .item_box .select_item::before {
        content: '';
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 1.5rem;
        width: 2rem;
        height: 3rem;
        margin-top: 1rem;
        top:0;
        right: 2rem;
        position: absolute;
        z-index: 2;
        transform: rotate(90deg);
        pointer-events: none;
    }*/

    #index article.one_action .declaration .pannel.sp .item_box select option.ng {
        background-color: #cccccc;
        display: none;
    }






    #index article.one_action .declaration .select_box .btn_area a {
        width: 100%;
        margin-top: 3rem;
    }


    #index article.action .item_container {
        /*        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;*/
        position: relative;
        width: 100%;
        background-image: url(../images/sp/index_item_container_bg.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100%;
    }

    #index article.action .item_area {
        margin-left: 0rem;
        margin-right: 0rem;
        min-width: min-content;
        /**/

        justify-content: flex-start;
        flex-direction: row;
    }

    #index article.action .item_area .item {
        width: 75vw;
        min-width: 75vw;
        /**/
        background-color: #fffce0;
        border: 0.4rem solid #feed55;
        border-radius: 2rem;
        box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 4rem;
        padding-right: 4rem;
        white-space: normal;
        margin-left: 12.5vw;
        margin-right: 12.5vw;
        /**/
    }

    /*    #index article.action .item_area .item:first-child {
        margin-left: 10vw;
    }
    #index article.action .item_area .item:last-child {
        margin-right: 10vw;
    }*/

    #index article.action {
        background-image: url(../images/sp/index_action_bg.png);
        background-repeat: no-repeat;
        background-size: 100%;
        padding-top: 6rem;
    }

    #index article.action .item_area .item .title {
        font-size: 1.8rem;
    }

    #index article.action .item_area .item .item_body {
        margin-top: 2rem;
        flex-direction: column;
    }

    #index article.action .item_area .item .item_body .item_box {
        width: 100%;
    }

    #index article.action .item_area .item .item_body .txt_box {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }

    #index article.action .swiper-button-next,
    #index article.action .swiper-button-prev {
        width: 5rem;
        height: 5rem;
    }

    #index article.action .swiper-button-next.swiper-button-white {
        background-image: url(../images/sp/next_arrow_btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #index article.action .swiper-button-prev.swiper-button-white {
        background-image: url(../images/sp/prev_arrow_btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    #index article.action .swiper-button-next.swiper-button-disabled {
        opacity: 1;
        background-image: url(../images/sp/next_arrow_btn_ng.png);
    }

    #index article.action .swiper-button-prev.swiper-button-disabled {
        opacity: 1;
        background-image: url(../images/sp/prev_arrow_btn_ng.png);
    }

    #index article.action .slide-nav-item {
        width: 2rem;
        height: 2rem;
        margin: 0 0.3rem;
    }

    #index article.action .action-slider-pagination {
        position: relative;
        margin-top: 2rem;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #index article.action .slide-nav-item-active {
        background-color: #feed55;
        opacity: 1;
    }

    /*action*/
    #index article.action .these-action {
        flex-wrap: wrap;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 4rem;
    }

    #index article.action .these-action .item {
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    #index article.action .these-action .item .item_body {
        padding: 1.5rem;
        padding-bottom: 2rem;
    }

    #index article.action .these-action .item .item_body .img_box {
        margin-bottom: 0;
    }

    #index article.action .these-action .item .item_body .link_box a.detail_btn {
        border-radius: 4rem;
        font-size: 1.5rem;
    }

    #index article.action .these-action .item .item_body .link_box a.detail_btn span {
        line-height: 4rem;
        border-radius: 4rem;
        border: 0.35rem solid #feed55;
        margin: 0.5rem;
        background-image: url(../images/icon-arrow_l.png);
        background-repeat: no-repeat;
        background-size: 1.5rem;
        background-position: center right 1rem;
    }

    #index article.action .these-action .item .item_body .link_box a.detail_btn span::before {
        width: 4rem;
        height: 4rem;
        background-size: 2.5rem;
    }

    .thanks_card_sub_title,
    .thanks_card {
        width: 100%;
        margin-left: 0;

    }

    /** top page ここまで **/

    /** complete page **/


}

/**サンクスカードを贈る**/
/*トップボタン*/
.thanks_card .btn_area {
    display: flex;
    justify-content: space-around;
}

.thanks_card .btn_area .item {
    flex-grow: 1;
    width: 50%;
    display: flex;
}

.thanks_card .btn_area .target_box {
    width: 90%;
    min-width: auto;
    border-radius: 0.5rem;
    background-color: rgb(47 104 193);
    /*margin: 0 1rem;*/
}

.thanks_card .btn_area .target_box .inner_btn {
    line-height: 3.5rem;
    /*font-size: 2.5rem; トップ文字数増に対応 202211 */
    font-size: 2.3rem;
    padding: 3.5rem 0;
    border-radius: 2rem;
    height: 12rem;
    align-items: center;
}

.thanks_card .btn_area.complete {
    justify-content: right;
}

.thanks_card .btn_area.complete a {
    width: auto;
    border-radius: 1rem;
}

.thanks_card .btn_area.complete a .inner_btn {
    padding: 0 1.5rem;
    height: auto;
    font-size: inherit;
    font-weight: normal;
    border-radius: 1rem;
}

.thanks_card .btn_area.complete a .inner_btn .title {
    display: flex;
    align-items: center;
}

.thanks_card .btn_area .item .caution {
    width: 75%;
    min-width: auto;
    display: block;
    padding: 0.1rem;
    margin: 0 auto;
    margin-top: 1rem;
}

.thanks_card .banner_area .banner_box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#digital-thanks .form-control {
    height: auto;
    font-size: 1.4rem;
}

#digital-thanks article.declaration {
    margin-top: 0;
    margin-bottom: 3rem;
    margin-left: 11rem;
    margin-right: 11rem;
    text-align: center;
    /**/
}

#digital-thanks article.declaration .pannel {
    margin: 0;
    margin-bottom: 2rem;
}

#digital-thanks article.declaration .pannel .item_box {
    width: 100%;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
    padding: 2rem 2.5rem;
    margin-top: 2rem;
    text-align: left;
    background-color: rgb(47 104 193);
    color: #ffffff;
}

#digital-thanks article.declaration .pannel .item_box .row {
    margin-top: 1.2rem;
    font-size: 1.5rem;
}

#digital-thanks article.declaration .pannel .item_box .row:first-child {
    margin-top: 0;
}

#digital-thanks article.declaration .pannel .row.send_card {
    margin-top: 1.2rem;
    color: #dc0032;
    font-size: 1.8rem;
    font-weight: 600;
}

#digital-thanks article.declaration .pannel .item {
    width: 100%;
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 2px 2px rgba(210, 210, 210, 1);
    padding: 2rem 2.5rem 2.5rem;
    background-color: rgb(47 104 193);
    margin-top: 0;
    text-align: left;
    color: #ffffff;
}

#digital-thanks article.declaration .pannel .item .line {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

#digital-thanks article.declaration .pannel .item_box .row select,
#digital-thanks article.declaration .pannel .item .row textarea {
    font-size: 1.3rem;
    font-weight: 500;
}

#digital-thanks article.declaration .pannel .item .row textarea,
#digital-thanks article.declaration .pannel .item_box .row input {
    font-family: sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
}

#digital-thanks article.declaration .pannel .btn {
    display: block;
    padding: 0.9rem 2rem;
    /*0.85remから変更240922*/
    border: none;
    border-radius: 0.5rem;
    text-align: center;
    color: #1F1F1F;
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    font-weight: 600;
    background-color: rgb(220 240 249);
    /* box-shadow: 0px 0px 0.1rem 0.1rem rgba(210,210,210,1);*/
    box-shadow: 0px 0px 0.1rem 0.1rem rgb(220 240 249);
    position: relative;
    text-decoration: none;
    background-image: none;
    margin-left: 1.5rem;
}

#digital-thanks article.declaration .pannel .btn:hover {
    opacity: 0.8;
}

#digital-thanks article.declaration .pannel .btn:first-child {
    margin-left: 0;
}

#digital-thanks article.declaration .pannel #confirm_btn.btn,
#digital-thanks article.declaration .pannel #complete_btn.btn,
#digital-thanks article.declaration .pannel #form_next_btn.btn,
#digital-thanks article.declaration .pannel .btn_area.complete a.btn.next_message_btn {
    background-color: rgb(229 85 136);
    box-shadow: 0px 0px 0.1rem 0.1rem rgb(229 85 136);
    color: #ffffff;
}

/*
#digital-thanks article.declaration .pannel .btn span{
	display: block;
    margin: 0.3rem;
     padding-top: 0.3rem;
    line-height: 3.5rem;
    border: 0.3rem solid #feed55;
    border-radius: 3.5rem;
    background-color: transparent;
    position: relative;
}
#digital-thanks article.declaration .pannel .btn span::before {
	content: '';
    background-image: url(../images/thanks/icon-letter.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.7rem;
    position: absolute;
    top: 0px;
    left: -0.1rem;
    background-color: #feed55;
    border-radius: 3.5rem;
    padding: 0;
    width: 3.5rem;
    height: 3.5rem;
}*/
#digital-thanks article.declaration .pannel .btn:hover span {
    /*background-color: #feed55;*/
    text-decoration: none;
}

#digital-thanks article.declaration .pannel #back_btn span::before {
    background-image: url(../images/thanks/icon_back.svg);
    background-size: 2.2rem;
    top: 0.1rem;
}

#digital-thanks article.declaration .pannel #search_btn.btn span {
    line-height: 2.5rem;
}

#digital-thanks article.declaration .pannel #search_btn.btn span::before {
    width: 3rem;
    height: 3rem;
}

/*
#digital-thanks article.declaration #free_form.pannel .item_box input#to::after{
    content: "様";
    position: relative;
    display: block;
    widht: 100px;
    height: 100px;
}*/

/*画像にマスク*/
.thanks_card .btn_area .item .item_box,
.thanks_card .item_box {
    width: 29.1%;
    position: relative;
    margin: 2rem auto 0;
}

.thanks_card .btn_area .item .item_box:after,
.thanks_card .item_box:after {
    content: "";
    background-image: url(../images/mask.png);
    background-repeat: no-repeat;
    background-size: 101% 101%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.thanks_card .btn_area .item .item_box img,
.thanks_card .item_box img {
    width: 100%;
}

/*Thanksカード*/
#digital-thanks #likeit_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: absolute;
    top: 0rem;
    right: -2rem;
    z-index: 100;
}

#digital-thanks #likeit_box .impression_notice {
    margin-bottom: 0.4rem;
}

#digital-thanks #likeit_box .impression_notice span {
    border-color: #e2e2e2 !important;
}

#digital-thanks #likeit_box.impression .impression_notice span {
    border-color: #dc0032 !important;
}

#digital-thanks #frm {
    position: relative;
}

#digital-thanks #recommend_btn {
    display: block;
    max-width: 180px;
    max-height: 164px;
    width: calc(180/1440*100vw);
    height: calc(164/1440*100vw);
    background-image: url(../images/pre_impression2.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    /*	top:-5rem;
	right:-5rem; 文字追加に伴い調整 2022/11 */
    top: -2rem;
    right: -2rem;
}

/* 2022/12 デザイン変更 */
#digital-thanks a#recommend_btn {
    font-size: 2.6rem;
    font-weight: 800;
    width: 18rem;
    height: auto;
    line-height: 4rem;
    padding: 0.2rem;
    border: 0.4rem solid #e2e2e2;
    border-radius: 1.8rem;
    background: rgba(255, 255, 255, 0.8);
    max-width: inherit;
    max-height: inherit;
    text-decoration: none;
    position: relative;
    top: auto;
    right: auto;
    color: #aFaFaF;
    ;
}



#digital-thanks #recommend_btn:hover {
    /*opacity:0.6;*/
    font-size: 2.8rem;
    text-decoration: none;
}

#digital-thanks #recommend_btn.impression {
    /*	background-image: url(../images/impression2.png);*/
    background-repeat: no-repeat;
    border-color: #dc0032;
    color: #1F1F1F;
}

#digital-thanks #likeit_box.flower {
    top: -2rem;
    right: 2rem;
}

/*2021*/
#digital-thanks .card_design {
    max-width: 780px;
    width: calc(780/1440*100vw);
    margin: auto;
    background: url("../images/thanks/card_bg.jpg") no-repeat;
    background-size: 100%;
    min-height: calc(774/1440*100vw);
    height: auto;
    position: relative;
}

#digital-thanks .card_design .card_bg_top {
    display: none;
}

#digital-thanks .card_design .card_bg_bottom {
    display: none;
}

#digital-thanks .card_design h2 {
    font-size: 5rem;
    /*font-weight: 600;
	color:#dc0032;*/
    color: #000;
    padding-top: 9rem;
    margin-bottom: 1.5rem;
    margin-left: -0.8rem;
    font-family: "Arial Black", "sans-serif";
    text-align: center;
}

#digital-thanks .card_design.fashion h2 {
    padding-top: min(calc(160/1440*100vw), 160px);
    /*calc(160/1440*100vw)から修正240927*/
}

#digital-thanks .card_design .row {
    margin-left: 8rem;
    margin-right: 8rem;
}

#digital-thanks .card_design .card_subject {
    text-align: center;
}

#digital-thanks .card_design h2+.row p {
    text-align: center;
}

#digital-thanks .card_design .row.card_subject p {
    color: #2F68C1;
    /* font-size: 2.14rem !important;
    line-height: 1.4 !important; */
    /* 2025/06 文字サイズ変更 */
    font-size: max(24px, 2.317rem);
    line-height: max(48px, 4.17rem);
}

#digital-thanks .card_design .row.card_message {
    margin-left: 6rem;
    margin-right: 6rem;
    text-align: center;
    margin-top: 1.2rem;
}

#digital-thanks .card_design .row p {
    /* font-size: 1.4rem; */
    /*2.0remから変更240919*/
    font-weight: 500;
    text-align: center;
    /* line-height: 2rem; */

    /*　2025/06 文字サイズ変更 */
    font-size: 1.8rem;
    line-height: 3rem;
}

/*#digital-thanks .card_design .row.card_affiliation p,*/
#digital-thanks .card_design .row.my_name p {
    /* font-size: 1.4rem; */
    /*2.0remから変更240919*/

    /* 2025/06文字サイズ変更 */
    font-size: 2rem;
    line-height: 1.2;
    margin-top: 5px;
    text-align: center;
}

#digital-thanks .card_design .row.my_name p {
    text-align: center;
}

@media screen and (min-width:1080px) {
    #digital-thanks .card_design .row p {
        font-size: 19.4367px;
        line-height: 32.3945px;
    }
    #digital-thanks .card_design .row.card_subject p {
        font-size: 28.0752px;
        line-height: 64.789px;
    }
    #digital-thanks .card_design .row.my_name p {
        font-size: 21.5963px;
    }
}
@media screen and (min-width:1440px) {
    #digital-thanks .card_design {
        min-height: 774px;
    }

    #sending_card_body #digital-thanks .card_design:is(.denmaru, .simple, .fashion, .givethanks),
    #receive_card_body #digital-thanks .card_design:is(.denmaru, .simple, .fashion, .givethanks) {
        min-height: 754px;
    }

    #receive_card_body #digital-thanks .card_design:is(.denmaru, .simple, .fashion, .givethanks)+div {
        margin-top: 3.5rem !important;
    }

    #digital-thanks .card_design h2 {
        padding-top: 8rem;
    }
}

#digital-thanks .card_design.flower h2 {
    padding-top: 11rem;
}

/*2020*/
#digital-thanks .card_design_2020 {
    max-width: 800px;
    width: calc(800/1440*100vw);
    margin: auto;
    background-image: none;
    min-height: auto;
}

#digital-thanks .card_design_2020 .card_bg_top {
    background: url("../images/thanks/card_bg_top.jpg") no-repeat;
    background-size: 100%;
    max-height: 184px;
    height: calc(184/1440*100vw);
    /*border:1px solid #000;*/
    display: block;
}

#digital-thanks .card_design_2020 .card_bg_bottom {
    background: url("../images/thanks/card_bg_bottom.jpg") no-repeat;
    background-size: 100%;
    max-height: 220px;
    height: calc(220/1440*100vw);
    /*border:1px solid #000;*/
    display: block;
}

#digital-thanks .card_design_2020 h2 {
    font-size: 5rem;
    font-weight: 600;
    color: #dc0032;
    margin-bottom: 2rem;

    padding-top: 0;
    margin-left: 0;
    font-family: 'Noto Sans JP';
}

#digital-thanks .card_design_2020 .row {
    margin-left: 6rem;
    margin-right: 6rem;
}

#digital-thanks .card_design_2020 h2+.row p {
    text-align: left;
}

#digital-thanks .card_design_2020 .row.card_message {
    margin-left: 8rem;
    margin-right: 7rem;
}

#digital-thanks .card_design_2020 .row p {
    font-size: 2.2rem;
    font-weight: 500;
    text-align: left;
}

/*#digital-thanks .card_design .row.card_affiliation p,*/
#digital-thanks .card_design_2020 .row.my_name p {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-top: 0;
}

#digital-thanks .card_design_2020 .row.my_name p {
    text-align: right;
}


#digital-thanks br.sp {
    display: none;
}

#digital-thanks .card_design+.row.btn_flex {
    display: flex;
    margin-top: 2rem;
    justify-content: space-around;
}


/*コンプリートメッセージ*/
#digital-thanks .complete .page_title h1 {
    font-size: 3rem;
    color: #dc0032;
}

#digital-thanks .complete .complete_message p {
    line-height: 1.8;
    font-size: 1.6rem;
}

@media screen and (max-width: 800px) {
    #digital-thanks br.sp {
        display: inline;
    }

    #digital-thanks article.declaration {
        padding-top: 0;
        margin-left: 0;
        /*1rem*/
        margin-right: 0;
        /*1rem*/
    }

    #digital-thanks article.declaration .pannel.sp {
        margin-left: 0;
        margin-right: 0;
    }

    #digital-thanks article.declaration .pannel .item_box .row,
    #digital-thanks article.declaration .pannel .item .row {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        font-size: 1.8rem;
    }

    #digital-thanks article.declaration .pannel .item_box .row select,
    #digital-thanks article.declaration .pannel .item .row textarea {
        font-size: 1.8rem;
    }

    #digital-thanks article.declaration .pannel .row.send_card {
        font-size: 2.0rem;
    }

    #digital-thanks #recommend_btn {
        max-width: 144px;
        max-height: 131px;
        width: calc(144/800*100vw);
        height: calc(131/800*100vw);
        position: absolute;
        top: -3rem;
        right: -1.9rem;
    }

    /*2021*/
    #digital-thanks .card_design {
        max-width: 600px;
        width: calc(600/800*100vw);
        margin: auto;
        min-height: calc(580/800*100vw);
    }

    #digital-thanks .card_design h2 {
        font-size: 3.8rem;
        padding-top: calc(90/800*100vw);
        margin-bottom: 0.3rem;
        margin-left: 0;
    }

    #digital-thanks .card_design .row {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    #digital-thanks .card_design .row p {
        font-size: 1.9rem;
        line-height: 1.3;
        word-wrap: break-word;
        word-break: break-all;
    }

    /*#digital-thanks .card_design .row.card_affiliation p,*/
    #digital-thanks .card_design .row.my_name p {
        font-size: 1.7rem;
        margin-bottom: calc(10/800*100vw);
    }

    /*2020*/
    #digital-thanks .card_design_2020 {
        max-width: 600px;
        width: calc(600/800*100vw);
        margin: auto;
        min-height: auto;
    }

    #digital-thanks .card_design_2020 .card_bg_top {
        max-height: 138px;
        height: calc(138/800*100vw);
    }

    #digital-thanks .card_design_2020 .card_bg_bottom {
        max-height: 165px;
        height: calc(165/800*100vw);
    }

    #digital-thanks .card_design_2020 h2 {
        font-size: 3.8rem;
        padding-top: 0;
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    #digital-thanks .card_design_2020 .row {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    #digital-thanks .card_design_2020 .row.card_message {
        margin-left: 5rem;
        margin-right: 4rem;
    }

    #digital-thanks .card_design_2020 .row p {
        font-size: 2rem;
        line-height: 1.42857143;
    }

    /*#digital-thanks .card_design .row.card_affiliation p,*/
    #digital-thanks .card_design_2020 .row.my_name p {
        font-size: 1.7rem;
        line-height: 1.5;
        margin-bottom: calc(10/800*100vw);
    }


    #digital-thanks .card_design+.row.btn_flex {
        display: block;
    }

    #digital-thanks .card_design+.row.btn_flex button {
        width: 80%;
    }

    .thanks_card .btn_area {
        flex-wrap: wrap;
    }

    .thanks_card .btn_area .item {
        width: 100%;
    }

    .thanks_card .btn_area .target_box {
        width: 70%;
    }

    .thanks_card .btn_area .item .caution {
        width: 70%;
        margin: 0 auto;
        font-size: 1.5rem;
        margin-top: 0.5rem;
    }

    .thanks_card .banner_area .banner_box {
        flex-direction: column;
    }
}

/** 2024 カードデザイン選択対応 **/
#digital-thanks article#form_area.form_confirm .design_box #select_card_box {
    margin: 0 auto;
    position: relative;
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    align-items: stretch;
    flex-wrap: wrap;
    max-height: 20rem;
    justify-content: space-around;
}

#digital-thanks article#form_area.form_confirm .design_box label.input_box .title {
    background-color: #ffffff;
    text-align: center;
    padding: 0.35rem;
    font-weight: normal;
    font-size: 1.2rem;
    margin: 0;
    white-space: nowrap;
    display: none;
}

#digital-thanks article#form_area #select_card_box .select_card_item {
    position: relative;
    min-width: 9rem;
    width: 20%;
    background-color: rgb(220 240 249);
    margin: 0 1rem;
    display: flex;
    align-items: center;
}

#digital-thanks article#form_area #select_card_box .select_card_item label {
    display: inline-block;
}

#digital-thanks article#form_area #select_card_box .select_card_item img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 800px) {
    #digital-thanks article#form_area.form_confirm .design_box #select_card_box {
        flex-wrap: wrap;
        grid-template-columns: 40% 40%;
    }

    #digital-thanks article#form_area.form_confirm .design_box #select_card_box .select_card_item img {
        width: 100%;
    }

    #digital-thanks article#form_area.form_confirm .design_box #select_card_box .select_card_item {
        width: auto;
    }
}


/* フォームの表示対応 3107行の上書き */
#digital-thanks .card_design.simple {
    background: url("../images/thanks/card_bg1.png") no-repeat;
    background-size: 100%;
}

#digital-thanks .card_design.simple .row.my_name {
    position: absolute;
    bottom: 3rem;
    left: 6rem;
    width: 44rem;
    margin: 0;
}

#digital-thanks .card_design.flower {
    background: url("../images/thanks/card_bg2.jpg") no-repeat;
    background-size: 100%;
}

#digital-thanks .card_design.flower .row.my_name {
    position: absolute;
    bottom: 6rem;
    left: 13rem;
    width: 28rem;
    margin: 0;
}

#digital-thanks .card_design.fashion .row.card_message,
#digital-thanks .card_design.denmaru .row.card_message {
    margin-left: 2rem;
    margin-right: 2rem;
}

#digital-thanks .card_design.fashion {
    background: url("../images/thanks/card_bg3.png") no-repeat;
    background-size: 100%;
}

#digital-thanks .card_design.fashion h2 {
    visibility: hidden;
}

#digital-thanks .card_design.fashion .row.my_name {
    position: absolute;
    bottom: 7.5rem;
    left: 2rem;
    width: 52rem;
    margin: 0;
}

#digital-thanks .card_design.givethanks .row.card_message {
    margin-left: 2rem;
    margin-right: 2rem;
}

#digital-thanks .card_design.givethanks {
    background: url("../images/thanks/card_givethanks.png") no-repeat;
    background-size: 100%;
}

#digital-thanks .card_design.givethanks h2 {
    visibility: hidden;
}

@media screen and (min-width: 1440px) {

    #digital-thanks .card_design.anniversary h2,
    #digital-thanks .card_design.givethanks h2,
    #digital-thanks .card_design.denmaru h2 {
        padding-top: 9rem;
    }
}

#digital-thanks .card_design.givethanks .row.card_subject {
    margin-top: min(calc(55 / 1440* 100vw), 55px);
}

#digital-thanks .card_design.givethanks .row.my_name {
    position: absolute;
    bottom: 9rem;
    left: 2rem;
    width: 52rem;
    margin: 0;
}

#digital-thanks .card_design.denmaru {
    background: url("../images/thanks/card_bg4.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.denmaru h2 {
    visibility: hidden;
    margin-bottom: -5rem;
}

#digital-thanks .card_design.denmaru .row.my_name {
    position: absolute;
    bottom: 0.5rem;
    left: 1rem;
    margin: 0;
}

#digital-thanks .card_design.excellent h2 {
    padding-top: 10rem;
}

#digital-thanks .card_design.excellent {
    background: url("../images/thanks/card_excellent.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.excellent h2 {
    visibility: hidden;
    margin-bottom: -7rem;
}

#digital-thanks .card_design.excellent .row.my_name {
    position: absolute;
    bottom: 8rem;
    left: 0;
    /*5rem*/
    width: 100%;
    /*46rem*/
    margin: 0;
}

#receive_card_body #digital-thanks .card_design.excellent .row.my_name,
#sending_card_body #digital-thanks .card_design.excellent .row.my_name {
    bottom: 9rem;
}

#digital-thanks .card_design.great h2 {
    padding-top: min(calc(180 / 1440* 100vw), 180px);
    /*calc(180 / 1440* 100vw)から変更240927*/
}

#digital-thanks .card_design.great {
    background: url("../images/thanks/card_great.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.great h2 {
    visibility: hidden;
    margin-bottom: -6.5rem;
}

#digital-thanks .card_design.great .row.my_name {
    position: absolute;
    bottom: 7rem;
    left: 15rem;
    width: 25rem;
    margin: 0;
}

#digital-thanks .card_design.anniversary {
    background: url("../images/thanks/card_anniversary.jpg") no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    padding-top: 0;
}

#digital-thanks .card_design.anniversary h2 {
    visibility: hidden;
    margin-bottom: 1rem;
}

/*#digital-thanks .card_design.anniversary .row.card_message {
    margin-top: 0;
}
#digital-thanks .card_design.anniversary .row.card_message p {
    line-height: 1.2;
}*/
#digital-thanks .card_design.anniversary .row.my_name {
    position: absolute;
    bottom: 10.5rem;
    left: 8rem;
    width: 40rem;
    margin: 0;
}

#digital-thanks .card_design.goodjob {
    background: url("../images/thanks/card_goodjob.png") no-repeat;
    background-size: 100%;
    position: relative;
    padding-top: 19rem;
}

#digital-thanks .card_design.goodjob h2 {
    display: none;
}

#digital-thanks .card_design.goodjob .row.my_name {
    position: absolute;
    bottom: 2.5rem;
    left: 11.5rem;
    width: 40rem;
    margin: 0;
    text-align: right;
}

#digital-thanks .card_design.goodjob .row.my_name p {
    text-align: right;
}

/*givethanks*/
#digital-thanks .card_design.givethanks .row.card_subject p,
#digital-thanks .card_design.fashion .row.card_subject p {
    margin-top: 1.5rem;
}

/*excellent*/
#digital-thanks .card_design.excellent .row.card_message {
    margin-top: 0.5rem;
}

/*シンプルデザインの Thank You*/
#digital-thanks .card_design.simple h2 {
    padding-top: calc(80/1440*100vw);
    text-align: center;
    margin-left: 0;
}

@media screen and (min-width: 1440px) {
    #digital-thanks .card_design.simple h2 {
        padding-top: 100px;
    }

}

@media screen and (max-width: 800px) {
    #digital-thanks .card_design.simple h2 {
        padding-top: calc(70/800*100vw);
    }


    #digital-thanks .card_design.excellent h2 {
        padding-top: 6rem;
    }

    #digital-thanks span.break::after {
        content: "\A";
        white-space: pre-line;
    }

    #digital-thanks .card_design .row.card_message {
        margin-left: 3rem;
        margin-right: 3rem;
        margin-top: 0.3rem;
    }

    #digital-thanks .card_design .row p {
        font-size: 1rem;
    }

    /** アニバーサリー */
    #digital-thanks .card_design.anniversary .row.card_message {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    /** シンプル */
    #digital-thanks .card_design.simple .row.my_name {
        left: 3rem;
        width: 32rem;
        bottom: 2rem;
    }

    /** フラワー */
    #digital-thanks .card_design.flower .row.my_name {

        left: 4rem;
    }

    /** おしゃれ */
    #digital-thanks .card_design.fashion h2 {
        padding-top: 7rem;
    }

    #digital-thanks .card_design.fashion .row.card_subject {
        position: relative;
        top: 1rem;
    }

    #digital-thanks .card_design.fashion .row.card_message {
        margin-left: 2rem !important;
        margin-right: 2rem !important
    }

    #digital-thanks .card_design.fashion .row.my_name {
        bottom: 5rem;
        left: 1rem;
        width: 36rem;
    }

    /* ユニゴン */
    #digital-thanks .card_design.great .row.card_subject {
        position: relative;
        top: 3rem;
    }

    #digital-thanks .card_design.great .row.card_message {
        position: relative;
        margin-left: 2rem;
        margin-right: 2rem;
        top: 2rem;
    }

    #digital-thanks .card_design.great .row.my_name {
        left: 7rem;
    }

    /* 組合ビジョン */
    #digital-thanks .card_design.excellent .row.card_subject {
        position: relative;
        top: 3rem;
    }

    #digital-thanks .card_design.excellent .row.card_message {
        position: relative;
        top: 3rem;
        /*2rem*/
    }
}

/** 検索フォーム */
#search_box #search_frm {
    display: flex;
    font-weight: 700;
    font-size: 1.3rem;
}

#search_box #search_frm .search_item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#search_box #search_frm .search_item:first-child {
    margin-right: 2rem;
}

#search_box #search_note {
    text-align: left;
    margin-top: 0.5rem;
}

@media screen and (max-width: 1100px) {
    #search_box #search_frm {
        font-size: 1.0rem;
    }
}

@media screen and (max-width: 900px) {
    #search_box #search_frm {
        flex-direction: column;
        align-items: center;
        font-size: 1.3rem;
    }

    #search_box #search_frm .search_item:first-child {
        margin-right: 0;
        margin-bottom: 2rem;
    }
}

/*2024 contents*/
#inner_wrap .contents {
    position: relative;
}

/*Noto Sans JPフォント指定*/
.notosans,
li,
.title+div,
.bread,
p,
a+.content .notice {
    font-family: 'Noto Sans JP', "Yu Gothic UI", "メイリオ", sans-serif;
    font-weight: normal;
}

.notosans_txt {
    font-family: 'Noto Sans JP', "Yu Gothic UI", "メイリオ", sans-serif;
    font-weight: normal;
    font-size: 1.4rem;
}

.breadcrumb {
    font-size: 1.143rem;
    /*16px*/
}

#choice_form .item .target_box .title .txt {
    font-size: 2.1rem;
}

#choice_form .item .target_box .title .txt .large {
    font-size: 2.6rem;
}

.page_title .thanks_card_page_title,
.thanks_card_page_title {
    background-color: #DCF0FA;
    padding: 1.0rem;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 800;
    width: 78%;
    margin: 4rem auto 3rem;
    border-radius: 3.0rem;
    color: rgb(52 107 196);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.42857143;
    position: relative;
    letter-spacing: 0;
}

.thanks_card_page_title+.triangle_bottom {
    margin-bottom: 5rem;
}

/*三角形*/
.thanks_card_page_title:after {
    content: '';
    height: calc(2rem / 2);
    width: 1.0rem;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: calc((2rem / 2)* -1);
    left: 50%;
    right: 50%;
    background-color: #DCF0FA;
}

/*.triangle_bottom {
	clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #DCF0FA;
	width: min(calc(19/1370*100vw),19px);
	height: min(calc(17/1370*100vw),17px);
	margin: 0 auto;
}*/

/* 送り先へのメッセージ通知*/
#choice_form #notification,
#notification.message {
    background: url(/images/thanks/notification_back.png) top center #DCF0FA no-repeat;
    background-size: 100%;
    padding: 2.5rem;
    border-radius: 0.7rem;
    width: 100%;
    /*95%から変更240922*/
    margin: 4rem auto;
    font-size: 1.6rem;
    position: relative;
    text-align: left;
    padding-bottom: 4.5rem;
}

#choice_form #notification::after,
#notification.message::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -2.1428571428571rem;
    right: 1.7857142857143rem;
    background: url(/images/thanks/notification_deco.png) no-repeat;
    background-size: contain;
    width: min(calc(102/1370*100vw), 102px);
    height: min(calc(128/1370*100vw), 128px);
}

#notification.message .title {
    font-size: 2.0rem;
    font-weight: 800;
    text-align: center;
    color: rgb(52 107 196);
}

#notification.message table {
    border: 0.1rem solid #999999;
    border-bottom: none;
    border-right: none;
    font-size: 1.4rem;
    width: 100%;
}

#notification.message table th,
#notification.message table td {
    padding: 0.6rem;
    border: 0.1rem solid #999999;
    border-top: none;
    border-left: none;
    white-space: nowrap;
    font-size: 1.3rem;
}

#notification.message table td.category {
    white-space: wrap;
}

#notification.message table th {
    background-color: rgb(47 104 193);
    color: #fff;
    white-space: nowrap;
}

#notification.message ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

#notification.message ul li {
    position: relative;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    line-height: 1.8;
}

#notification.message ul li:before {
    content: '●';
    margin-right: 0.3rem;
    color: rgb(47 104 193);
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
}

#choice_form #news_box {
    width: 95%;
    margin: 4rem auto;
}

/* トップとかそれに準じた画面用 */
#choice_form .item .target_box .title {
    margin: 1rem;
    height: 18rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

#choice_form .item .target_box a:hover .title {
    background-color: rgba(240, 240, 100, 0.4);
    background-blend-mode: color-burn;
}



#choice_form .item .target_box .title .txt {
    color: #2F68C1;
    /*font-size: 2.0rem;*/
}


#choice_form .item .target_box .content {
    font-size: 1.4rem;
    text-align: left;
    padding: 1rem 2.5rem 1.5rem;
    color: #ffffff;
    letter-spacing: 0;
}

#choice_form .item .target_box .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#choice_form .item .target_box .content ul li {
    position: relative;
    padding-left: 1.5rem;
}

#choice_form .item .target_box .content ul li:before {
    content: '●';
    margin-right: 0.3rem;
    color: orange;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

#choice_form .item .target_box .content .notice {
    font-size: 1.14rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#login_area article .title,
#choice_form #notification .title,
#choice_form #news_box .title,
.thanks_card #news_box .title,
#form_area #notification .title {
    font-size: 2.5rem;
    font-weight: 800;
    text-align: center;
    color: rgb(52 107 196);
    line-height: 1;
}

#choice_form #notification ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

#choice_form #notification ul li {
    position: relative;
    font-size: 1.4rem;
    padding-left: 1.4rem;
    line-height: 1.8;
}

#choice_form #notification ul li:before {
    content: '●';
    margin-right: 0.3rem;
    color: rgb(47 104 193);
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    left: 0;
}

/*お知らせ*/
.news_list {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    font-family: 'Noto Sans JP', "Yu Gothic UI", "メイリオ", sans-serif;
}

.news_list .news_date {
    color: rgb(52 107 196);
    width: 12rem;
    border-right: 1px solid #2F68C1;
    margin-right: 1.5rem;
    font-size: 1.4rem;
}

.news_list .news_link_title {
    font-size: 1.4rem;
    flex-grow: 1;
    max-width: 55.8rem;
}

/*MYPAGE*/
.digital_thanks .item_box .card_list_txt {
    margin: 0.5rem 0;
}

#mypage section article.digital_thanks .item_area .item_box .list-group {
    scrollbar-color: #C0DFF4 #DCF0FA;
}

/*confirm カードデザイン　外*/
#digital-thanks article.declaration.form_confirm {
    margin-left: 13rem;
    margin-right: 13rem;
}

#digital-thanks .card_design.outside,
#digital-thanks .card_design.stake {
    background: url("../images/thanks/free_card_bg.png") no-repeat;
    background-size: 100%;
    position: relative;
    margin-top: 4rem;
    min-height: min(calc(740/1440*100vw), 740px);
}

#digital-thanks .card_design.free {
    position: relative;
    /*background: url("../images/thanks/card_bg1.png") no-repeat;*/
    background-size: 100%;
    background: none;

}

#digital-thanks .card_design.free .card_bg_top {
    display: block;
    top: 40px;
    background: url("../images/thanks/head.jpg") no-repeat;
    background-position: top center;
    height: 200px;
    width: 100%;
    z-index: 1;

}

#digital-thanks .card_design.free .card_bg_bottom {
    display: block;
    position: absolute;
    bottom: 0;
    background: url("../images/thanks/bottom.jpg") no-repeat;
    background-position: bottom center;
    height: 200px;
    width: 100%;
    z-index: 1;

}

#digital-thanks .card_design.free h2 {
    display: none;
}

#digital-thanks .card_design.free .row {
    position: relative;
    z-index: 100;
}

#digital-thanks .card_design.free .row.my_name {
    margin-top: 0;
}

#digital-thanks .card_design.free .row.my_name {
    position: absolute;
    bottom: 6rem;
    left: 6rem;
    width: 44rem;
    margin: 0;
}



#digital-thanks .card_design.outside h2,
#digital-thanks .card_design.stake h2 {
    visibility: hidden;
    padding-top: min(calc(100/1440*100vw), 100px);
}

#digital-thanks .card_design.free h2 {
    visibility: hidden;
    padding-top: min(calc(100/1440*100vw), 100px);
}

#digital-thanks .card_design .row.mail_to {
    margin-top: 1rem;
}

#digital-thanks .card_design .row.mail_to p {
    color: #2F68C1;
    font-size: 2.14rem;
    line-height: 1.4;
}

#digital-thanks .card_design.outside .row.my_name,
#digital-thanks .card_design.stake .row.my_name {
    position: absolute;
    bottom: 6.5rem;
    left: 8rem;
    width: 40rem;
    margin: 0;
}

#digital-thanks .card_design.free .row.my_name {
    position: absolute;
    bottom: 6.5rem;
    left: 8rem;
    width: 40rem;
    margin: 0;
}

/*mypage 受信したカード*/
#receive_card_modal #receive_card_body .reply_box a {
    padding: 0.9rem 2rem;
}

#digital-thanks .card_design.goodjob,
#digital-thanks .card_design.great {
    min-height: min(calc(794/1440*100vw), 794px);
}

#sending_card_body #digital-thanks .card_design:is(.goodjob, .great),
#receive_card_body #digital-thanks .card_design:is(.goodjob, .great) {
    min-height: min(calc(779/1440*100vw), 779px);
}

#receive_card_body #digital-thanks .card_design.goodjob+div {
    margin-top: 3rem !important;
}

#receive_card_body #digital-thanks .card_design.great+div {
    margin-top: 3.2rem !important;
}

#receive_card_body #digital-thanks .card_design.flower .row.card_message,
#sending_card_body #digital-thanks .card_design.flower .row.card_message {
    margin-left: 7rem;
    margin-right: 7rem;
}

#receive_card_body #digital-thanks .card_design.givethanks .row.my_name,
#sending_card_body #digital-thanks .card_design.givethanks .row.my_name {
    bottom: 8rem;
}

#receive_card_body #digital-thanks .card_design.great .row.my_name,
#sending_card_body #digital-thanks .card_design.great .row.my_name {
    bottom: 6.5rem;
}

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

    /* 画面共通送り先への通知について */
    #notification.message .notice_table {
        max-width: 100%;
        overflow-x: auto;
    }

    #notification.message .notice_table table td.category {
        white-space: nowrap;
    }


    .content_body {
        margin: 0 1.7rem;
    }

    .breadcrumb {
        font-size: 1.3rem;
    }

    #digital-thanks .content_body.confirm {
        margin: 0 0.5rem;
    }

    #digital-thanks article#form_area.form_confirm {
        margin: 0;
    }

    #digital-thanks .card_design.outside,
    #digital-thanks .card_design.stake {
        max-width: 660px;
        width: calc(660/800*100vw);
        margin: auto;
        /*min-height: calc(660/800*100vw);*/
    }

    #digital-thanks .card_design.free {
        max-width: 660px;
        width: calc(660/800*100vw);
        margin: auto;
        /*min-height: calc(660/800*100vw);*/
    }

    .contents .notosans_txt {
        font-size: 1.51rem;
    }

    .thanks_card .btn_area .target_box {
        width: 100%;
    }

    .thanks_card_page_title {
        font-size: 2.3333rem !important;
        width: 100% !important;
        letter-spacing: unset !important;
    }

    .triangle_bottom {
        width: calc(19/800*100vw);
        height: calc(17/800*100vw);
    }

    .news_list .news_date {
        font-size: 1.51rem;
    }

    .news_list .news_link_title {
        font-size: 1.51rem;
    }

    #choice_form #notification,
    #notification.message,
    #choice_form #news_box {
        width: 100%;
    }

    #choice_form #notification,
    #notification.message,
    #login_area #notification {
        padding: 2.5rem;
        background: url(/images/thanks/notification_back_sp.png) top center #DCF0FA no-repeat;
        background-size: 100%;
    }

    #login_area #notification::after {
        width: calc(102 / 800* 100vw);
        height: calc(128 / 800* 100vw);
    }

    #login_area #notification .group_list {
        display: flex;
        align-items: flex-start;
    }

    #login_area #notification .group_list .item {
        width: 50%;
        white-space: wrap;
        padding-right: 0.2rem;
    }

    #login_area #notification .info {
        padding-right: 0.7rem;
        font-size: 1.1764705882353rem;
    }

    #digital-thanks article.declaration .pannel .btn {
        height: 5.8rem;
    }

    /*MYPAGE*/
    /*#mypage section article.digital_thanks .item_area .item_box .list-group {
        scrollbar-color: #C0DFF4 #DCF0FA;
    }*/

    /*confirm カードデザイン　内*/
    #digital-thanks .card_design .row.card_subject p {
        font-size: 1.5rem !important;
        line-height: 3rem;
    }

    /*confirm カードデザイン　外*/
    #digital-thanks .card_design.outside,
    #digital-thanks .card_design.stake {
        min-height: calc(580 / 800* 100vw);
        margin-top: 2.5rem;
    }

    #digital-thanks .card_design.free {
        min-height: calc(580 / 800* 100vw);
        margin-top: 2.5rem;
    }

    #digital-thanks .card_design .row.mail_to {
        margin-top: 2rem;
    }

    #digital-thanks .card_design .row.mail_to p {
        font-size: 1.6rem;
    }

    #digital-thanks .card_design.outside .row.my_name,
    #digital-thanks .card_design.free .row.my_name {
        bottom: 3.6rem;
        left: unset;
    }

    /*フッター*/
    footer #footer_box {
        padding: 3rem 3.5rem 4.5rem;
        width: 100%;
        flex-direction: column;
        margin: 0;
    }

    footer #footer_box .footer_item .address {
        font-size: inherit;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    #digital-thanks .card_design.givethanks {
        min-height: calc(671 / 800* 100vw);
    }

    #digital-thanks .card_design.great {
        min-height: calc(690 / 800* 100vw);
        /*676*/
    }

    #digital-thanks .card_design.goodjob {
        min-height: calc(685 / 800* 100vw);
        /*padding-top: calc(180 / 800* 100vw);
        background-size: contain;*/
    }

    #digital-thanks .card_design.excellent {
        min-height: calc(680 / 800* 100vw);
        /*padding-top: calc(180 / 800* 100vw);
        background-size: contain;*/
    }

    #digital-thanks .card_design.goodjob .row.my_name {
        position: absolute;
        bottom: 1rem;
        left: 9rem;
        width: 26rem;
        margin: 0;
        text-align: right;
    }

    #digital-thanks .card_design .row.my_name p {
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    #digital-thanks .card_design.denmaru h2 {
        margin-bottom: 0;
        padding-top: 1rem;
    }

    #digital-thanks .card_design.anniversary {
        padding-top: 7rem !important;
    }

    #digital-thanks .card_design.anniversary h2 {
        margin-top: 0;
        padding-top: 0;
    }

    #digital-thanks .card_design.anniversary .row.my_name {
        bottom: 8rem;
        left: 0;
    }

    /*mypage 受信したカード*/
    #receive_card_modal #receive_card_body .reply_box a {
        display: flex !important;
        justify-content: center;
        align-items: center;
        height: 5.8rem;
        width: 100%;
    }

    #receive_card_body #digital-thanks .card_design,
    #sending_card_body #digital-thanks .card_design {
        min-height: calc(600 / 800* 100vw);
    }

    #receive_card_body #digital-thanks .card_design.goodjob,
    #sending_card_body #digital-thanks .card_design.goodjob {
        min-height: calc(594 / 800* 100vw);
        padding-top: 13rem;
    }

    #receive_card_body #digital-thanks .card_design.anniversary,
    #sending_card_body #digital-thanks .card_design.anniversary {
        padding-top: 6rem !important;
    }

    #receive_card_body #digital-thanks .card_design.great h2,
    #sending_card_body #digital-thanks .card_design.great h2 {
        margin-bottom: -5rem;
    }

    #digital-thanks .card_design.flower h2 {
        padding-top: 9rem;
    }

    #receive_card_body #digital-thanks .card_design.flower h2,
    #sending_card_body #digital-thanks .card_design.flower h2 {
        padding-top: 8rem;
    }

    #receive_card_body #digital-thanks .card_design.fashion h2,
    #sending_card_body #digital-thanks .card_design.fashion h2 {
        padding-top: 6.5rem;
    }

    #digital-thanks .card_design.excellent .row.card_message {
        margin-top: 0rem !important;
    }

    #receive_card_body #digital-thanks .card_design.givethanks .row.card_message,
    #sending_card_body #digital-thanks .card_design.givethanks .row.card_message {
        margin-top: -0.5rem;
    }

    #receive_card_body #digital-thanks .card_design.great .row.card_message,
    #sending_card_body #digital-thanks .card_design.great .row.card_message {
        top: 3rem;
    }

    #receive_card_body #digital-thanks .card_design.flower .row.card_message,
    #sending_card_body #digital-thanks .card_design.flower .row.card_message {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    #receive_card_body #digital-thanks .card_design.fashion .row.card_message,
    #sending_card_body #digital-thanks .card_design.fashion .row.card_message {
        margin-top: 1rem;
    }

    #receive_card_body #digital-thanks .card_design.denmaru .card_subject,
    #sending_card_body #digital-thanks .card_design.denmaru .card_subject {
        margin-top: 1rem;
    }

    #receive_card_body #digital-thanks .card_design.goodjob .row.my_name,
    #sending_card_body #digital-thanks .card_design.goodjob .row.my_name {
        bottom: 2rem;
    }

    #receive_card_body #digital-thanks .card_design.excellent .row.my_name,
    #sending_card_body #digital-thanks .card_design.excellent .row.my_name {
        bottom: 7.5rem;
    }

    /*#receive_card_body #digital-thanks .card_design.great .row.my_name,
	#sending_card_body #digital-thanks .card_design.great .row.my_name {
		bottom: 10.5rem;
	}*/
    #receive_card_body #digital-thanks .card_design.givethanks .row.my_name,
    #sending_card_body #digital-thanks .card_design.givethanks .row.my_name {
        bottom: 7rem;
        left: 0;
        width: 100%;
    }

    #receive_card_body #digital-thanks .card_design.great .row.my_name,
    #sending_card_body #digital-thanks .card_design.great .row.my_name {
        left: 25%;
        width: 20rem;
        bottom: 5.5rem;
    }

    #receive_card_body #digital-thanks .card_design.denmaru .row.my_name,
    #sending_card_body #digital-thanks .card_design.denmaru .row.my_name {
        bottom: 2rem;
    }

    #receive_card_body #digital-thanks .card_design.simple .row.my_name,
    #sending_card_body #digital-thanks .card_design.simple .row.my_name {
        bottom: 4rem;
    }

    #receive_card_body #digital-thanks .card_design.fashion .row.my_name,
    #sending_card_body #digital-thanks .card_design.fashion .row.my_name {
        bottom: 6.8rem;
    }

    #receive_card_body #digital-thanks .card_design.anniversary .row.my_name,
    #sending_card_body #digital-thanks .card_design.anniversary .row.my_name {
        bottom: 7.5rem;
    }


}

/** 新カードデザイン2025～ **/
/* 動的に変更card2025.cssへ
#digital-thanks .card_design.basic,
#digital-thanks .card_design.anniversary2,
#digital-thanks .card_design.flower2,
#digital-thanks .card_design.fashion2,
#digital-thanks .card_design.givethanks2,
#digital-thanks .card_design.sharp,
#digital-thanks .card_design.amazing,
#digital-thanks .card_design.fresh,
#digital-thanks .card_design.hiking,
#digital-thanks .card_design.season {
    max-width: 800px;
    width: calc(1250 / 1440* 100vw);
    margin: auto;
    height: calc(1250 / 1440* 100vw);
    position: relative;
    max-height: 800px;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.basic {
    background: url("../images/card2025/basic.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.anniversary2 {
    background: url("../images/card2025/anniversary2.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.flower2 {
    background: url("../images/card2025/flower2.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.fashion2 {
    background: url("../images/card2025/fashion2.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.givethanks2 {
    background: url("../images/card2025/givethanks2.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.sharp {
    background: url("../images/card2025/sharp.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.amazing {
    background: url("../images/card2025/amazing.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.fresh {
    background: url("../images/card2025/fresh.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.hiking {
    background: url("../images/card2025/hiking.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.season {
    background: url("../images/card2025/season.png") no-repeat;
    background-size: 100%;
    position: relative;
}

#digital-thanks .card_design.basic .card_bg_top,
#digital-thanks .card_design.anniversary2 .card_bg_top,
#digital-thanks .card_design.flower2 .card_bg_top,
#digital-thanks .card_design.fashion2 .card_bg_top,
#digital-thanks .card_design.givethanks2 .card_bg_top,
#digital-thanks .card_design.sharp .card_bg_top,
#digital-thanks .card_design.amazing .card_bg_top,
#digital-thanks .card_design.fresh .card_bg_top,
#digital-thanks .card_design.hiking .card_bg_top,
#digital-thanks .card_design.season .card_bg_top {
    display: block;
    width: 800px;
    height: 200px;
    margin: 0;
    padding: 0;
}

#digital-thanks .card_design.basic .card_bg_bottom,
#digital-thanks .card_design.anniversary2 .card_bg_bottom,
#digital-thanks .card_design.flower2 .card_bg_bottom,
#digital-thanks .card_design.fashion2 .card_bg_bottom,
#digital-thanks .card_design.givethanks2 .card_bg_bottom,
#digital-thanks .card_design.sharp .card_bg_bottom,
#digital-thanks .card_design.amazing .card_bg_bottom,
#digital-thanks .card_design.fresh .card_bg_bottom,
#digital-thanks .card_design.hiking .card_bg_bottom,
#digital-thanks .card_design.season .card_bg_bottom {
    display: block;
    width: 800px;
    height: 100px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


#digital-thanks .card_design.basic h2,
#digital-thanks .card_design.anniversary2 h2,
#digital-thanks .card_design.flower2 h2,
#digital-thanks .card_design.fashion2 h2,
#digital-thanks .card_design.givethanks2 h2,
#digital-thanks .card_design.sharp h2,
#digital-thanks .card_design.amazing h2,
#digital-thanks .card_design.fresh h2,
#digital-thanks .card_design.hiking h2,
#digital-thanks .card_design.season h2 {
    display: none;
}

#digital-thanks .card_design.fresh .row,
#digital-thanks .card_design.anniversary2 .row,
#digital-thanks .card_design.basic .row,
#digital-thanks .card_design.flower2 .row,
#digital-thanks .card_design.sharp .row,
#digital-thanks .card_design.amazing .row,
#digital-thanks .card_design.hiking .row,
#digital-thanks .card_design.sharp .row,
#digital-thanks .card_design.amazing .row,
#digital-thanks .card_design.fashion2 .row,
#digital-thanks .card_design.givethanks2 .row,
#digital-thanks .card_design.season .row {
    margin-left: 100px;
    margin-right: 100px;
}

#digital-thanks .card_design.fresh .row,
#digital-thanks .card_design.anniversary2 .row,
#digital-thanks .card_design.fashion2 .row,
#digital-thanks .card_design.givethanks2 .row,
#digital-thanks .card_design.season .row,
#digital-thanks .card_design.hiking .row {
    margin-left: 10px;
    margin-right: 10px;
}

#digital-thanks .card_design.fresh .row.my_name,
#digital-thanks .card_design.anniversary2 .row.my_name,
#digital-thanks .card_design.basic .row.my_name,
#digital-thanks .card_design.flower2 .row.my_name,
#digital-thanks .card_design.sharp .row.my_name,
#digital-thanks .card_design.amazing .row.my_name,
#digital-thanks .card_design.hiking .row.my_name,
#digital-thanks .card_design.sharp .row.my_name,
#digital-thanks .card_design.amazing .row.my_name,
#digital-thanks .card_design.fashion2 .row.my_name,
#digital-thanks .card_design.givethanks2 .row.my_name,
#digital-thanks .card_design.season .row.my_name {
    position: absolute;
    bottom: 100px;
    left: 0;
    width: 100%;
    margin: 0;
}

#digital-thanks .card_design.fresh .row.my_name,
#digital-thanks .card_design.anniversary2 .row.my_name,
#digital-thanks .card_design.fashion2 .row.my_name,
#digital-thanks .card_design.givethanks2 .row.my_name,
#digital-thanks .card_design.season .row.my_name,
#digital-thanks .card_design.hiking .row.my_name {
    bottom: 200px;
}



#receive_card_body #digital-thanks .card_design.basic .row.my_name,
#sending_card_body #digital-thanks .card_design.basic .row.my_name,
#receive_card_body #digital-thanks .card_design.flower2 .row.my_name,
#sending_card_body #digital-thanks .card_design.flower2 .row.my_name,
#receive_card_body #digital-thanks .card_design.hiking .row.my_name,
#sending_card_body #digital-thanks .card_design.hiking .row.my_name,
#receive_card_body #digital-thanks .card_design.season .row.my_name,
#sending_card_body #digital-thanks .card_design.season .row.my_name,
#receive_card_body #digital-thanks .card_design.fashion2 .row.my_name,
#sending_card_body #digital-thanks .card_design.fashion2 .row.my_name,
#receive_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
#sending_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
#receive_card_body #digital-thanks .card_design.sharp .row.my_name,
#sending_card_body #digital-thanks .card_design.sharp .row.my_name,
#receive_card_body #digital-thanks .card_design.amazing .row.my_name,
#sending_card_body #digital-thanks .card_design.amazing .row.my_name,
#receive_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
#sending_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
#receive_card_body #digital-thanks .card_design.fresh .row.my_name,
#sending_card_body #digital-thanks .card_design.fresh .row.my_name {
    bottom: 100px;
}

#receive_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
#sending_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
#receive_card_body #digital-thanks .card_design.fresh .row.my_name,
#sending_card_body #digital-thanks .card_design.fresh .row.my_name,
#receive_card_body #digital-thanks .card_design.fashion2 .row.my_name,
#sending_card_body #digital-thanks .card_design.fashion2 .row.my_name,
#receive_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
#sending_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
#receive_card_body #digital-thanks .card_design.season .row.my_name,
#sending_card_body #digital-thanks .card_design.season .row.my_name,
#receive_card_body #digital-thanks .card_design.hiking .row.my_name,
#sending_card_body #digital-thanks .card_design.hiking .row.my_name {
    bottom: 200px;
}

#digital-thanks .card_design.basic .row.card_message,
#digital-thanks .card_design.anniversary2 .row.card_message,
#digital-thanks .card_design.flower2 .row.card_message,
#digital-thanks .card_design.fashion2 .row.card_message,
#digital-thanks .card_design.givethanks2 .row.card_message,
#digital-thanks .card_design.sharp .row.card_message,
#digital-thanks .card_design.amazing .row.card_message,
#digital-thanks .card_design.fresh .row.card_message,
#digital-thanks .card_design.hiking .row.card_message,
#digital-thanks .card_design.season .row.card_message {
    margin-top: 0;
}
    */
#mypage .digital_thanks .nav-pills .nav-item.saved-exist{
    background-color: #FFE6FA;
}
/*
@media screen and (max-width: 1080px) {

    #digital-thanks .card_design.basic,
    #digital-thanks .card_design.anniversary2,
    #digital-thanks .card_design.flower2,
    #digital-thanks .card_design.fashion2,
    #digital-thanks .card_design.givethanks2,
    #digital-thanks .card_design.sharp,
    #digital-thanks .card_design.amazing,
    #digital-thanks .card_design.fresh,
    #digital-thanks .card_design.hiking,
    #digital-thanks .card_design.season {
        max-width: 800px;
        width: calc((100vw / 1080) * 800);
        margin: auto;
        height: calc((100vw / 1080) * 800);
        position: relative;
        max-height: 800px;
        background-size: 100%;
        position: relative;
    }

    #digital-thanks .card_design.basic .card_bg_top,
    #digital-thanks .card_design.anniversary2 .card_bg_top,
    #digital-thanks .card_design.flower2 .card_bg_top,
    #digital-thanks .card_design.fashion2 .card_bg_top,
    #digital-thanks .card_design.givethanks2 .card_bg_top,
    #digital-thanks .card_design.sharp .card_bg_top,
    #digital-thanks .card_design.amazing .card_bg_top,
    #digital-thanks .card_design.fresh .card_bg_top,
    #digital-thanks .card_design.hiking .card_bg_top,
    #digital-thanks .card_design.season .card_bg_top {
        display: block;
        max-width: 800px;
        width: 100%;
        max-height: 200px;
        height: calc((100vw / 1080) * 200);
        margin: 0;
        padding: 0;
    }

    #digital-thanks .card_design.basic .card_bg_bottom,
    #digital-thanks .card_design.anniversary2 .card_bg_bottom,
    #digital-thanks .card_design.flower2 .card_bg_bottom,
    #digital-thanks .card_design.fashion2 .card_bg_bottom,
    #digital-thanks .card_design.givethanks2 .card_bg_bottom,
    #digital-thanks .card_design.sharp .card_bg_bottom,
    #digital-thanks .card_design.amazing .card_bg_bottom,
    #digital-thanks .card_design.fresh .card_bg_bottom,
    #digital-thanks .card_design.hiking .card_bg_bottom,
    #digital-thanks .card_design.season .card_bg_bottom {
        display: block;
        max-width: 800px;
        width: 100%;
        max-height: 100px;
        height: calc((100vw / 1080) * 100);
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #digital-thanks .card_design.fresh .row,
    #digital-thanks .card_design.anniversary2 .row,
    #digital-thanks .card_design.basic .row,
    #digital-thanks .card_design.flower2 .row,
    #digital-thanks .card_design.sharp .row,
    #digital-thanks .card_design.amazing .row,
    #digital-thanks .card_design.hiking .row,
    #digital-thanks .card_design.sharp .row,
    #digital-thanks .card_design.amazing .row,
    #digital-thanks .card_design.fashion2 .row,
    #digital-thanks .card_design.givethanks2 .row,
    #digital-thanks .card_design.season .row {
        margin-left: min(100px, (100vw / 1080) * 100);
        margin-right: min(100px, (100vw / 1080) * 100);
    }

    #digital-thanks .card_design.fresh .row,
    #digital-thanks .card_design.anniversary2 .row,
    #digital-thanks .card_design.fashion2 .row,
    #digital-thanks .card_design.givethanks2 .row,
    #digital-thanks .card_design.season .row,
    #digital-thanks .card_design.hiking .row {
        margin-left: min(10px, (100vw / 1080) * 10);
        margin-right: min(10px, (100vw / 1080) * 10);
    }

    #digital-thanks .card_design.fresh .row.my_name,
    #digital-thanks .card_design.anniversary2 .row.my_name,
    #digital-thanks .card_design.basic .row.my_name,
    #digital-thanks .card_design.flower2 .row.my_name,
    #digital-thanks .card_design.sharp .row.my_name,
    #digital-thanks .card_design.amazing .row.my_name,
    #digital-thanks .card_design.hiking .row.my_name,
    #digital-thanks .card_design.sharp .row.my_name,
    #digital-thanks .card_design.amazing .row.my_name,
    #digital-thanks .card_design.fashion2 .row.my_name,
    #digital-thanks .card_design.givethanks2 .row.my_name,
    #digital-thanks .card_design.season .row.my_name {
        position: absolute;
        bottom: min(100px, (100vw / 1080) * 100);
        padding-left: min(100px, (100vw / 1080) * 100);
        padding-right: min(100px, (100vw / 1080) * 100);
        width: 100%;
        margin: 0;
    }

    #digital-thanks .card_design.fresh .row.my_name,
    #digital-thanks .card_design.anniversary2 .row.my_name,
    #digital-thanks .card_design.fashion2 .row.my_name,
    #digital-thanks .card_design.givethanks2 .row.my_name,
    #digital-thanks .card_design.season .row.my_name,
    #digital-thanks .card_design.hiking .row.my_name {
        bottom: min(200px, (100vw / 1080) * 200);
    }
}
*/
/* 1080 */

@media screen and (max-width: 800px) {
/*
    #digital-thanks .card_design.basic,
    #digital-thanks .card_design.anniversary2,
    #digital-thanks .card_design.flower2,
    #digital-thanks .card_design.fashion2,
    #digital-thanks .card_design.givethanks2,
    #digital-thanks .card_design.sharp,
    #digital-thanks .card_design.amazing,
    #digital-thanks .card_design.fresh,
    #digital-thanks .card_design.hiking,
    #digital-thanks .card_design.season {
        max-width: 690px;
        width: calc((100vw / 800) * ((690 / 800) * 800));
        margin: auto;
        height: calc((100vw / 800) * ((690 / 800) * 800));
        position: relative;
        max-height: 690px;
        background-size: 100%;
        position: relative;
    }

    #digital-thanks .card_design.basic .card_bg_top,
    #digital-thanks .card_design.anniversary2 .card_bg_top,
    #digital-thanks .card_design.flower2 .card_bg_top,
    #digital-thanks .card_design.fashion2 .card_bg_top,
    #digital-thanks .card_design.givethanks2 .card_bg_top,
    #digital-thanks .card_design.sharp .card_bg_top,
    #digital-thanks .card_design.amazing .card_bg_top,
    #digital-thanks .card_design.fresh .card_bg_top,
    #digital-thanks .card_design.hiking .card_bg_top,
    #digital-thanks .card_design.season .card_bg_top {
        display: block;
        max-width: 690px;
        width: 100%;
        max-height: 200px;
        height: calc((100vw / 800) * ((690 / 800) * 200));
        margin: 0;
        padding: 0;
    }

    #digital-thanks .card_design.basic .card_bg_bottom,
    #digital-thanks .card_design.anniversary2 .card_bg_bottom,
    #digital-thanks .card_design.flower2 .card_bg_bottom,
    #digital-thanks .card_design.fashion2 .card_bg_bottom,
    #digital-thanks .card_design.givethanks2 .card_bg_bottom,
    #digital-thanks .card_design.sharp .card_bg_bottom,
    #digital-thanks .card_design.amazing .card_bg_bottom,
    #digital-thanks .card_design.fresh .card_bg_bottom,
    #digital-thanks .card_design.hiking .card_bg_bottom,
    #digital-thanks .card_design.season .card_bg_bottom {
        display: block;
        max-width: 690px;
        width: 100%;
        max-height: 100px;
        height: calc((100vw / 800) * ((690 / 800) * 100));
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    #digital-thanks .card_design.fresh .row,
    #digital-thanks .card_design.anniversary2 .row,
    #digital-thanks .card_design.basic .row,
    #digital-thanks .card_design.flower2 .row,
    #digital-thanks .card_design.sharp .row,
    #digital-thanks .card_design.amazing .row,
    #digital-thanks .card_design.hiking .row,
    #digital-thanks .card_design.sharp .row,
    #digital-thanks .card_design.amazing .row,
    #digital-thanks .card_design.fashion2 .row,
    #digital-thanks .card_design.givethanks2 .row,
    #digital-thanks .card_design.season .row {
        margin-left: min(100px, (100vw / 800) * ((690 / 800) * 100));
        margin-right: min(100px, (100vw / 800) * ((690 / 800) * 100));
    }

    #digital-thanks .card_design.fresh .row,
    #digital-thanks .card_design.anniversary2 .row,
    #digital-thanks .card_design.fashion2 .row,
    #digital-thanks .card_design.givethanks2 .row,
    #digital-thanks .card_design.season .row,
    #digital-thanks .card_design.hiking .row {
        margin-left: min(10px, (100vw / 800) * ((690 / 800) * 10));
        margin-right: min(10px, (100vw / 800) * ((690 / 800) * 10));
    }

    #digital-thanks .card_design.fresh .row.my_name,
    #digital-thanks .card_design.anniversary2 .row.my_name,
    #digital-thanks .card_design.basic .row.my_name,
    #digital-thanks .card_design.flower2 .row.my_name,
    #digital-thanks .card_design.sharp .row.my_name,
    #digital-thanks .card_design.amazing .row.my_name,
    #digital-thanks .card_design.hiking .row.my_name,
    #digital-thanks .card_design.sharp .row.my_name,
    #digital-thanks .card_design.amazing .row.my_name,
    #digital-thanks .card_design.fashion2 .row.my_name,
    #digital-thanks .card_design.givethanks2 .row.my_name,
    #digital-thanks .card_design.season .row.my_name {
        position: absolute;
        bottom: min(100px, (100vw / 800) * 100);
        padding-left: min(100px, (100vw / 800) * ((690 / 800) * 100));
        padding-right: min(100px, (100vw / 800) * ((690 / 800) * 100));
        width: 100%;
        margin: 0;
    }

    #digital-thanks .card_design.fresh .row.my_name,
    #digital-thanks .card_design.anniversary2 .row.my_name,
    #digital-thanks .card_design.fashion2 .row.my_name,
    #digital-thanks .card_design.givethanks2 .row.my_name,
    #digital-thanks .card_design.season .row.my_name,
    #digital-thanks .card_design.hiking .row.my_name {
        bottom: min(200px, (100vw / 800) * ((690 / 800) * 200));
    }


    #receive_card_body #digital-thanks .card_design.basic,
    #receive_card_body #digital-thanks .card_design.anniversary2,
    #receive_card_body #digital-thanks .card_design.flower2,
    #receive_card_body #digital-thanks .card_design.fashion2,
    #receive_card_body #digital-thanks .card_design.givethanks2,
    #receive_card_body #digital-thanks .card_design.sharp,
    #receive_card_body #digital-thanks .card_design.amazing,
    #receive_card_body #digital-thanks .card_design.fresh,
    #receive_card_body #digital-thanks .card_design.hiking,
    #receive_card_body #digital-thanks .card_design.season {
        max-width: 660px;
        width: calc((100vw / 800) * ((660 / 800) * 800));
        margin: auto;
        height: calc((100vw / 800) * ((660 / 800) * 800));
        position: relative;
        max-height: 660px;
        background-size: 100%;
        position: relative;
    }

    #sending_card_body #digital-thanks .card_design.basic,
    #sending_card_body #digital-thanks .card_design.anniversary2,
    #sending_card_body #digital-thanks .card_design.flower2,
    #sending_card_body #digital-thanks .card_design.fashion2,
    #sending_card_body #digital-thanks .card_design.givethanks2,
    #sending_card_body #digital-thanks .card_design.sharp,
    #sending_card_body #digital-thanks .card_design.amazing,
    #sending_card_body #digital-thanks .card_design.fresh,
    #sending_card_body #digital-thanks .card_design.hiking,
    #sending_card_body #digital-thanks .card_design.season {
        max-width: 660px;
        width: calc((100vw / 800) * ((660 / 800) * 800));
        margin: auto;
        height: calc((100vw / 800) * ((660 / 800) * 800));
        position: relative;
        max-height: 660px;
        background-size: 100%;
        position: relative;
    }

    #receive_card_body #digital-thanks .card_design.basic .row.my_name,
    #sending_card_body #digital-thanks .card_design.basic .row.my_name,
    #receive_card_body #digital-thanks .card_design.flower2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.flower2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.hiking .row.my_name,
    #sending_card_body #digital-thanks .card_design.hiking .row.my_name,
    #receive_card_body #digital-thanks .card_design.season .row.my_name,
    #sending_card_body #digital-thanks .card_design.season .row.my_name,
    #receive_card_body #digital-thanks .card_design.fashion2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.fashion2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.sharp .row.my_name,
    #sending_card_body #digital-thanks .card_design.sharp .row.my_name,
    #receive_card_body #digital-thanks .card_design.amazing .row.my_name,
    #sending_card_body #digital-thanks .card_design.amazing .row.my_name,
    #receive_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.fresh .row.my_name,
    #sending_card_body #digital-thanks .card_design.fresh .row.my_name {
        bottom: min(100px, (100vw / 800) * 100);
    }

    #receive_card_body #digital-thanks .card_design.fashion2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.fashion2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.hiking .row.my_name,
    #sending_card_body #digital-thanks .card_design.hiking .row.my_name,
    #receive_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.givethanks2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
    #sending_card_body #digital-thanks .card_design.anniversary2 .row.my_name,
    #receive_card_body #digital-thanks .card_design.season .row.my_name,
    #sending_card_body #digital-thanks .card_design.season .row.my_name,
    #receive_card_body #digital-thanks .card_design.fresh .row.my_name,
    #sending_card_body #digital-thanks .card_design.fresh .row.my_name {
        bottom: min(200px, (100vw / 800) * 200);
    }
        */

    .news_list .news_date {
        width: 10rem;
    }
    .news_list .news_link_title {
        max-width: 34.5rem;
    }
}