@charset "UTF-8";

:root {
    --blue: #3490dc;
    --indigo: #6574cd;
    --purple: #9561e2;
    --pink: #f66d9b;
    --red: #e3342f;
    --orange: #f6993f;
    --yellow: #ffed4a;
    --green: #38c172;
    --teal: #4dc0b5;
    --cyan: #6cb2eb;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #3490dc;
    --secondary: #6c757d;
    --success: #38c172;
    --info: #6cb2eb;
    --warning: #ffed4a;
    --danger: #e3342f;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: "Nunito", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.bracket_color {color:#3490dc;}
.instagram_color {color:#e1306c;}
.Facebook_color {color:#3490dc;}
.twitter_color {color:#1da1f2;}
.Youtube_color {color:#c4302b;}
.phone_color {color:#3b5998;}
.envelope_color {color:#3490dc;}
.line_color {color:#00c300;}
.LinkedIn_color {color:#0e76a8;}
.TikTok_color {color:#000000;}
.WeChat_color {color:#00c300;}
.Clubhouse_color {color:#000000;}
.stand.fm_color {color:#000000;}
.snapchat_color {color:#ffff00;}
.Website_color {color:#3490dc;}
.white_color{color: #FFFFFF}
.back-sns-color{background-color: #3b5998}

body {
    margin: 0;
    font-family: "Nunito", sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #212529;
    /*text-align: left;*/
    background-color: #e2e2e2;
    -webkit-appearance: none;
    -webkit-text-size-adjust: 100%;
    box-sizing : border-box;
}

.bg-img {
    background-color: #e2e2e2;
    background-image: url(/images/sdg_icon_wheel_3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center center;
    width: 200px;
    height: 95%;
    margin: auto;
}

.bg-img {
    animation-name: rotate;
    animation-duration: 3s;
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.4, 0.4);
    animation-iteration-count: infinite;
}
.tp-home-container {
    height: 100%;
}
.top-body {
    height: 100%;
}
@keyframes rotate {
    0% {
        transform: rotateZ(0);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

.logo {
    font-family: "Noto Serif", serif;
    font-size: 40px;
    font-weight: 700;
}
/*.name-logo  {*/
/*    font-size: 35px;*/
/*}*/
body .logo a {
    color: inherit;
    text-decoration: none;
}

body .login_icon a {
    color: inherit;
    text-decoration: none;
}
body a {
    color: inherit;
    text-decoration-line: none;
}

body .profile-login-icon a {
    color: inherit;
    text-decoration: none;
}
.profile-mypage-icon {
    display: flex;
    justify-content: flex-end;
    gap: 0px 20px; /* 余白 */
}
body .profile-mypage-icon a {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
}

.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

.profile-icon {
    width:  150px;       /* ※縦横を同値に */
    height: 150px;       /* ※縦横を同値に */
    /*border-radius: 50%;  !* 角丸半径を50%にする(=円形にする) *!*/
    background-position: center center;  /* 画像の中心を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    position: absolute;
}
/*.sns-top-profile-icon {*/
/*    width:  150px;       !* ※縦横を同値に *!*/
/*    height: 150px;       !* ※縦横を同値に *!*/
/*    border-radius: 50%;  !* 角丸半径を50%にする(=円形にする) *!*/
/*    background-position: center center;  !* 画像の中心を基準に表示 *!*/
/*    display: inline-block;          !* 複数の画像を横に並べたい場合 *!*/
/*    position: absolute;*/
/*}*/

.profile-icon-select-image  {
    position: absolute;
    cursor : pointer;
    visibility: visible;
}

.address-button {
    position: absolute;
}

.profile-top {
    height: 175px;
    background-image: linear-gradient(to top, #b1c6ff, #FFF, #FFF);
    /*border-radius: 10px 10px 0 0;*/
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.sns-profile-top {
    height: auto;
    background-image: linear-gradient(to top, #FFF, #FFF, #FFF);
    /*border-radius: 10px 10px 0 0;*/
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.login-form-button  {
    text-align: right;
    margin-top: 41px;
}
.reminder-form-button  {
    text-align: right;
    margin-top: 0px;
}


.login-form-user  {
    text-align: right;
}

.login-page .card-header {
    text-align: center;
    /*font-weight: bold;*/
    /*font-size: 22px;*/
}

.label-profile-name  {
    font-size: 20px;
    margin-left: 3px;
    font-weight: bold;
}
.label-profile-snsname  {
    font-size: 20px;
    margin-left: 24px;
    font-weight: bold;
}
.profile-flexbox  {
    display: flex;
    /*flex-direction: row;*/
    /*flex-wrap: wrap;*/
    flex-direction: column;
}
.sns-flexbox  {
    width: 80%;
    display: flex;
    flex-direction: column;
    margin-left: 10%;
}
.sns-detail-flexbox  {
    display: flex;
}
.profile-text-block  {
    width: 100%;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 16px;
    border: 2px solid #A0A0A0;
    box-sizing: border-box;
    text-align: left;
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.profile-flexbox-top-text-block  {
    width: 80%; /*親要素いっぱい広げる*/
    padding: 10px 15px; /*ボックスを大きくする*/
    font-size: 16px;
    border-radius: 16px; /*ボックス角の丸み*/
    border: 2px solid #A0A0A0; /*枠線*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
    text-align: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 2%;
}

.fixed_btn  {
    position: fixed;
    bottom: 50px;
    right: 10px;
    padding: 6px 40px;
    z-index: 999;
    /*-webkit-appearance: none;*/
}

.imgup-profile-file-select  {
    display: none;  /* 本来のファイル選択フォームは非表示に */
}

.trash-icon  {
    /*background-color:#ffffff;*/
    background:rgba(0,0,0,0);
    border:none;
    cursor: pointer;
    display: none;
    /*animation: none;*/
    /*transform: none;*/
    /*transition: unset;*/
    margin: 0;
    flex-grow: 1;
    outline: none;

}
.fa-lg {
    font-size: 1.25em;
    line-height: .1em;
    vertical-align: -0.075em;
}
.sns-top-part {
    padding: 10px 10px 0px;
    background-color: #FFFFFF;
    position: relative;
}
.sns-bottom-part {
    padding: 5px 10px 10px;
    background-color: #FFFFFF;
    position: relative;
    gap: 5px 0px;
}

.menu-item  {
    position: relative;
}
.sns-open-icon  {
    right: 0px;
    top: 3px;
    position: absolute;
    cursor: pointer;
    padding: 20px;
    font-size: 25px;
}
.trash-icon-position  {
    position: relative;
    width: 100%;
}

.sns-li  {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 12px;
}
.sns-li-new  {
    padding-left: 5.3%;
    padding-right: 6%;
    padding-bottom: 0;
    padding-top: 7px;
}
.sns-box-group  {
    background-color:#FFFFFF;
    padding-top: 16px;
    padding-bottom: 16px;
}
.sns-detail-border  {
    font-size: 20px;
    /*border-radius: 16px;*/
    /*cursor: pointer;*/
    border: 1px solid #A0A0A0;
}

.profile-cover-icon  {
    position: absolute;
    bottom: 0;
    left: 40px;
    background: #323232;
    color: #FFF;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 5px 5px 0 0;
    font-weight: 500;
    cursor: pointer;
    z-index: 60;
    visibility: visible;
}
.profile-cover-image  {
    width: 100%;
    height: 175px;
    background-position: center center;
    display: inline-block;
    position: absolute;
    z-index: 1;
    object-fit: cover;
}
.sns-profile-cover-image  {
    width: 100%;
    height: 100%;
    background-position: center center;
    display: inline-block;
    position: absolute;
    z-index: 1;
    object-fit: cover;
}
.visibility-hidden{
    visibility: hidden;
}
.dropdown{
    display:none;
    margin-bottom:1%;
    padding-inline-start: 0;
}
label,
li{
    display:block;
    padding:0.7em;
    background-color:white;
    border-bottom:#fff 1px solid;
    font-family:sans-serif;
    letter-spacing:.05em;
    /*font-weight:bold;*/
    border-radius: 16px;
    outline: none;
    /*white-space: pre-line;*/
}

label[for="sns-menu1"],
label[for="sns-menu2"],
label[for="sns-menu3"],
label[for="sns-menu4"],
label[for="sns-menu5"],
label[for="sns-menu6"],
label[for="sns-menu7"],
label[for="sns-menu8"],
label[for="sns-menu9"],
label[for="sns-menu10"],
label[for="sns-menu11"],
label[for="sns-menu12"],
label[for="sns-menu13"],
label[for="sns-menu14"],
label[for="sns-menu15"]
{
    display:block;
    /*background:orange;*/
    font-size: 20px;
    border-radius: 16px; /*ボックス角の丸み*/
    border: 2px solid #A0A0A0; /*枠線*/
    position: relative;
    white-space: pre-line;
    margin-bottom: 0;
}

.wrapper {
    position: relative;
}
.wrapper, body, html {
    min-height: 100%;
}
.wrapper>.content {
    padding: 1rem 0.5rem;
}
.card-header {
    /*background-color: transparent;*/
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    /*padding: 0.75rem 1.25rem;*/
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-body {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.sns-item-drag  {
    position: absolute;
    padding-left: 20px;
    padding-right: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
    top: 0.5px;
    left: 18px;
    z-index: 998;
}
select  {
    -webkit-appearance: none;
    appearance: none;
    color: inherit;
    background-color: unset;
}
.login_btn  {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    padding: 13px 32px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.5pt;
    text-decoration: none;
    background-color: #3490dc;
    border: 1px solid #ffffff;
    cursor: pointer;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    border-radius: 6px;
    /* text-align: center; */
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}
.login_btn:hover{
    background-color: #6574cd;
}
.label-padding-zero  {
    padding: 0;
}
.draganddrop {
    position: absolute;
    z-index: 999;
    top: 0px;
    left: -2px;
    /*border-right: solid 2px #A0A0A0;*/
    padding-left: 16px;
    padding-bottom: 26px;
    padding-right: 22px;
    padding-top: 26px;
    cursor: pointer;
}
.draganddrop:active {
    color: #e1306c;
}
.displaynone  {
    display: none;
}
.error-top-text{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}
.error-text  {
    margin-bottom: 3%;
    background-color: red;
    color: yellow;
    padding: 16px;
}
.regist-middle-text  {
    text-align: center;
}
.reminder-error-message  {
    color: red;
}
.border-glay-color  {
    border: 2px solid #A0A0A0;
}
.border-red-color  {
    border: 2px solid red;
}
input.error {
     border: 2px solid red;
}
.regist-jquery-errortext  {
    margin-left: 30px;
    color: red;
    margin-bottom: -1rem;
}
.tooltipaaa {
    width:85px;
    padding:10px;
    font-size:12px;
    margin:-30px 0 0;
    background-color:#666;
    color:#fff;
    /*display: none;*/
    position:absolute;
    /*right:-10px;*/
    left: 30px;
    top: 50%;
    z-index: 9999999999;
}
.tooltipaaa::before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(102, 102, 102, 0);
    border-right-color: #5e5e5e;
    border-width: 8px;
    margin-top: -8px;
}
.sns-margin-right{
    margin-right: 0px;
    margin-left: 0px;
}
#slideR {
    z-index: 99;
    cursor: pointer;
    position: fixed;
    top: 40%;
    right: -140px;
    background: #0DCEA8;
    width: 180px;
    color: #fff;
    font-size: 16px;
}
.slide-tab {
    position: absolute;
    left: 10px;
    top: 40%;
    font-size: 20px;
}
.green-color {
    background-color: #0DCEA8;
    border-bottom: #0DCEA8 1px solid;
    padding: 10px 10px 10px 40px;
}
/*.sns-li-detail {*/
/*    height: 100%;*/
/*    font-size: 5px;*/
/*    padding-left: 60%;*/
/*}*/
.border-none  {
    border: none;
}
/*.padding-pos-jp  {*/
/*    padding: 45px 0px 0px 87px;*/
/*    font-size: 5px;*/
/*}*/
/*.padding-name-jp  {*/
/*    padding: 0px 0px 0px 85px;*/
/*}*/
.padding-address-jp  {
    padding-right: 10px;
    margin: 0;
}
.free-padding {
    padding-top: 11px;
    padding-bottom: 13px;
}

@media only screen and (max-width:428px) {
    .container-sm, .container {
        max-width: 100%;
    }
    .title-logo {
        position: absolute;
        left: 0;
    }
    .padding-pos-jp {
        padding: 40px 0px 0px 64px;
        font-size: 5px;
    }
    .padding-depart-jp {
        padding: 0px 0px 0px 64px;
        font-size: 5px;
    }
    .sns-li-detail {
        height: 100%;
        font-size: 5px;
        padding-left: 35%;
        padding-top: 20px;
    }
    .padding-name-jp {
        padding: 0px 0px 0px 64px;
        font-size: 25px;
    }
    .trash-icon  {
        position: absolute;
        z-index: 30;
        top: 9px;
        right: 10px;
        bottom: 0;
        margin: 0;
        width: 30px;
        height: 30px;
    }
    .sns-icon-size{
        font-size: 45px
    }
    .sns-icon-only-size{
        font-size: 40px
    }
    .label-text-name  {
        margin-left: 83px;
        font-weight: bold;
    }
    .sns-label-text-name  {
        font-weight: bold;
        text-align: center;
        margin-left: 2px;
        margin-top: -1px;
        font-size: 16px;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }
    .sns-padding-top {
        padding-right: 30px;
    }
    .sns-list-group-item {
        position: relative;
        display: block;
        /* padding: 0.75rem 1.25rem; */
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0px;
    }
    .sns-top-part-icon-only {
        padding: 15px 5px 15px 5px;
        display: flex;
        margin-bottom: 0;
        background-color: #bcdff1;
        flex-wrap: wrap;
    }
    .sns-item-drag-icon-only  {
        padding: 10px 0px 10px;
    }
    .label-text-data  {
        margin-left: 85px;
        font-size: 14px;
    }
    .profile-icon  {
        z-index: 30;
        left: 0;
        top: 60%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .sns-top-profile-icon {
        width: 120px;
        height: 95%;
        border-radius: 0%;
        background-position: center center;
        display: inline-block;
        object-fit: cover;
        margin: 5px 0px 0px 5px;
    }
    .sns-detail-border-icon-only  {
        font-size: 20px;
        width: 15%;
        border-radius: 50%;
        margin-right: 0px;
        margin-left: 55px;
        margin-bottom: 0px;
        background-color: #fff;
        position: relative;
        text-align: center;
    }
    .profile-icon-select-image  {
        z-index: 40;
        margin: auto;
        top: 78%;
        bottom: 0;
        left: 68%;
    }
    .address-button  {
        z-index: 30;
        top: -21px;
        margin-left: 27.1%;
        -webkit-appearance: none;
    }
    .login_icon  {
        text-align: right;
    }
    .profile-mypage-icon  {
        display: flex;
        justify-content: flex-end;
        gap: 0px 10px;
    }
    .profile-login-icon  {
        left: 194px;
    }
    .login-form-label-mail  {
        left: -42px;
    }
    .login-form-label-pw  {
        left: -34px;
    }
    .login-form-input-mail  {
        left: 2px;
    }
    .login-form-input-pw  {
        left: 2px;
    }
    .login-form-label-user  {
        left: -52px;
    }
    .login-form-input-user  {
        left: -19px;
    }
    .sns-input-flexbox{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .profile-flexbox-left-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 2%;
    }
    .profile-flexbox-right-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-right-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-free-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .profile-flexbox-free-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .profile-flexbox-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .select-dropdown{
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: 23px;
    }
    .sns-login-form  {
        display: flex;
        margin-bottom: 25px;
        margin-top: 0px;
        flex-direction: column;
    }
    .login-input-box  {
        width: 84%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-input-box  {
        width: 84%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-message {
        top: 203px;
        left: 38px;
    }
    .regist-message {
        top: 577px;
        left: 50px;
    }
    .reminder-password-message  {
        top: 184px;
        left: 51px;
    }
    .reminder-text-password  {
        margin-left: 22px;
    }
    .reminder-complete-message  {
        top: 347px;
        left: 98px;
    }
    .login-text-email  {
        margin-left: 23px;
    }
    .login-text-password  {
        margin-left: 21px;
    }
    .regist-text-email  {
        margin-left: 23px;
    }
    .login-message {
        top: 316px;
        left: 49px;
    }
}

@media only screen and (min-width:429px) and ( max-width:575px) {
    .container-sm, .container {
        max-width: 480px;
    }
    .title-logo {
        position: absolute;
        left: 0;
    }
    .trash-icon  {
        position: absolute;
        z-index: 30;
        top: 9px;
        right: 10px;
        bottom: 0;
        margin: 0;
        width: 30px;
        height: 30px;
    }
    .padding-name-jp {
        padding: 0px 0px 0px 85px;
        font-size: 25px;
    }
    .padding-pos-jp {
        padding: 0px 0px 0px 85px;
        font-size: 5px;
    }
    .padding-depart-jp {
        padding: 30px 0px 0px 85px;
        font-size: 5px;
    }
    .sns-icon-size{
        font-size: 45px
    }
    .sns-icon-only-size{
        font-size: 40px
    }
    .label-text-name  {
        margin-left: 83px;
        font-weight: bold;
    }
    .sns-label-text-name  {
        font-weight: bold;
        text-align: center;
        margin-left: 2px;
        margin-top: -1px;
        font-size: 16px;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }
    .sns-padding-top {
        padding-right: 30px;
    }
    .sns-li-detail {
        height: 100%;
        font-size: 5px;
        padding-left: 38%;
        padding-top: 20px;
    }
    .sns-list-group-item {
        position: relative;
        display: block;
        /* padding: 0.75rem 1.25rem; */
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0px;
    }
    .sns-top-part-icon-only {
        padding: 15px 5px 15px 5px;
        display: flex;
        margin-bottom: 0;
        background-color: #bcdff1;
        flex-wrap: wrap;
    }
    .sns-top-profile-icon {
        width: 141px;
        height: 94%;
        border-radius: 0%;
        background-position: center center;
        display: inline-block;
        object-fit: cover;
        margin: 11px 0px 0px 9px;
    }
    .sns-item-drag-icon-only  {
        padding: 14px 0px 14px;
    }
    .sns-detail-border-icon-only  {
        font-size: 20px;
        width: 15%;
        border-radius: 50%;
        margin-right: 0px;
        margin-left: 63px;
        margin-bottom: 0px;
        background-color: #fff;
        position: relative;
        text-align: center;
    }
    .label-text-data  {
        margin-left: 85px;
        font-size: 14px;
    }
    .profile-icon  {
        z-index: 30;
        left: 0;
        top: 60%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .profile-icon-select-image  {
        z-index: 40;
        margin: auto;
        top: 78%;
        bottom: 0;
        left: 65%;
    }
    .address-button  {
        z-index: 30;
        top: -21px;
        margin-left: 29.7%;
        -webkit-appearance: none;
    }
    .login_icon  {
        left: 366px;
    }
    .profile-mypage-icon  {
        left: 196px;
    }
    .profile-login-icon  {
        left: 194px;
    }
    .login-form-label-mail  {
        left: -72px;
    }
    .login-form-label-pw  {
        left: -62px;
    }
    .login-form-input-mail  {
        left: 0px;
    }
    .login-form-input-pw  {
        left: 0px;
    }
    .login-form-label-user  {
        left: -83px;
    }
    .login-form-input-user  {
        left: -59px;
    }
    .sns-input-flexbox{
        width: 100%;
        display: flex;
        /*margin-left: 4%;*/
        flex-direction: column;
    }
    .profile-flexbox-left-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 2%;
    }
    .profile-flexbox-right-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-right-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-free-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .profile-flexbox-free-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .select-dropdown{
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: 23px;
    }
    .sns-login-form  {
        display: flex;
        margin-bottom: 25px;
        margin-top: 0px;
        flex-direction: column;
    }
    .login-input-box  {
        width: 84%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-input-box  {
        width: 84%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-message {
        top: 203px;
        left: 38px;
    }
    .regist-message {
        top: 577px;
        left: 50px;
    }
    .reminder-password-message  {
        top: 184px;
        left: 51px;
    }
    .reminder-text-password  {
        margin-left: 22px;
     }
    .reminder-complete-message  {
        top: 347px;
        left: 165px;
    }
    .login-text-email  {
        margin-left: 23px;
    }
    .login-text-password  {
        margin-left: 21px;
    }
    .regist-text-email  {
        margin-left: 23px;
    }
    .login-message {
        top: 316px;
        left: 49px;
    }
}

@media only screen and (min-width: 576px) and ( max-width:767px) {
    .container-sm, .container {
        max-width: 540px;
    }
    .title-logo {
        position: absolute;
        left: 0;
    }
    .trash-icon  {
        position: absolute;
        z-index: 30;
        top: 9px;
        right: 10px;
        bottom: 0;
        margin: 0;
        width: 30px;
        height: 30px;
    }
    .sns-li-detail {
        height: 100%;
        font-size: 5px;
        padding-left: 48%;
        padding-top: 17px;
    }
    .padding-name-jp {
        padding: 0px 0px 0px 110px;
        font-size: 25px;
    }
    .padding-pos-jp {
        padding: 0px 0px 0px 110px;
        font-size: 5px;
    }
    .padding-depart-jp {
        padding: 30px 0px 0px 85px;
        font-size: 5px;
    }
    .sns-icon-size{
        font-size: 45px
    }
    .sns-icon-only-size{
        font-size: 50px
    }
    .label-text-name  {
        margin-left: 83px;
        font-weight: bold;
    }
    .sns-label-text-name  {
        font-weight: bold;
        text-align: center;
        margin-left: 2px;
        margin-top: -1px;
        font-size: 16px;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }
    .sns-padding-top {
        padding-right: 30px;
    }
    .sns-list-group-item {
        position: relative;
        display: block;
        /* padding: 0.75rem 1.25rem; */
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0px;
    }
    .sns-top-part-icon-only {
        padding: 15px 5px 15px 5px;
        display: flex;
        margin-bottom: 0;
        background-color: #bcdff1;
        flex-wrap: wrap;
    }
    .sns-top-profile-icon {
        width: 170px;
        height: 95%;
        border-radius: 0%;
        background-position: center center;
        display: inline-block;
        object-fit: cover;
        margin: 5px 0px 0px 5px;
    }
    .sns-item-drag-icon-only  {
        padding: 14px 0px 14px;
    }
    .label-text-data  {
        margin-left: 85px;
        font-size: 14px;
    }
    .sns-item-drag {
        position: absolute;
        padding-left: 15px;
        padding-right: 58px;
        padding-top: 20px;
        padding-bottom: 20px;
        top: 1.5px;
        left: 18px;
        z-index: 998;
    }
    .sns-detail-border-icon-only  {
        font-size: 20px;
        width: 15%;
        border-radius: 50%;
        margin-right: 0px;
        margin-left: 75px;
        margin-bottom: 0px;
        background-color: #fff;
        position: relative;
        text-align: center;
    }
    .profile-icon  {
        z-index: 30;
        left: 0;
        top: 60%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .profile-icon-select-image  {
        z-index: 40;
        margin: auto;
        top: 78%;
        bottom: 0;
        left: 63%;
    }
    .address-button  {
        z-index: 30;
        top: -21px;
        margin-left: 33.1%;
        -webkit-appearance: none;
    }
    .login_icon  {
        left: 427px;
    }
    .profile-mypage-icon  {
        left: 256px;
    }
    .profile-login-icon  {
        left: 234px;
    }
    .login-form-label-mail  {
        left: 43px;
        top: 2px;
    }
    .login-form-label-pw  {
        left: 33px;
        top: 2px;
    }
    .login-form-input-mail  {
        text-align: right;
    }
    .login-form-input-pw  {
        text-align: right;
    }
    .login-form-label-user  {
        left: 55px;
    }
    .login-form-input-user  {
        text-align: right;
    }
    .sns-input-flexbox{
        width: 100%;
        display: flex;
        /*margin-left: 4%;*/
        flex-direction: column;
    }
    .profile-flexbox-left-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 2%;
    }
    .profile-flexbox-right-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-right-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
    }
    .profile-flexbox-free-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .profile-flexbox-free-new-text-block  {
        width: 100%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .select-dropdown{
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: 23px;
    }
    .sns-login-form  {
        display: flex;
        margin-bottom: 32px;
        margin-top: 23px;
    }
    .login-input-box  {
        width: 99%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-input-box  {
        width: 99%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-message  {
        top: 174px;
        left: 132px;
    }
    .regist-message {
        top: 419px;
        left: 145px;
    }
    .reminder-password-message  {
        top: 156px;
        left: 166px;
    }
    .reminder-text-password  {
        margin-left: -10px;
    }
    .reminder-complete-message  {
        top: 286px;
        left: 220px;
    }
    .login-text-email  {
        margin-left: 21px;
    }
    .login-text-password  {

    }
    .regist-text-email  {
        margin-left: 44px;
    }
    .login-message {
        top: 244px;
        left: 146px;
    }
}

@media only screen and (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
    .title-logo {
        position: absolute;
        left: 0;
    }
    .padding-pos-jp  {
        padding: 45px 0px 0px 105px;
        font-size: 5px;
    }
    .padding-depart-jp {
        padding: 0px 0px 0px 105px;
        font-size: 5px;
    }
    .sns-li-detail {
        height: 100%;
        font-size: 5px;
        padding-left: 50%;
        padding-top: 25px;
    }
    .padding-name-jp {
        padding: 0px 0px 0px 105px;
        font-size: 32px;
    }
    .trash-icon  {
        height: 30px;
    }
    .sns-icon-size{
        font-size: 45px
    }
    .sns-icon-only-size {
        font-size: 60px;
    }
    .label-text-name  {
        margin-left: 83px;
        font-weight: bold;
    }
    .sns-label-text-name  {
        font-weight: bold;
        text-align: center;
        margin-left: 2px;
        margin-top: -1px;
        font-size: 16px;
        position: absolute;
        white-space: nowrap;
        width: 100%;
    }
    .sns-padding-top {
        padding-right: 30px;
    }
    .sns-list-group-item {
        position: relative;
        display: block;
        /* padding: 0.75rem 1.25rem; */
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: 0px;
    }
    .sns-top-part-icon-only {
        padding: 15px 5px 15px 5px;
        display: flex;
        margin-bottom: 0;
        background-color: #bcdff1;
        flex-wrap: wrap;
    }
    .sns-top-profile-icon {
        width: 186px;
        height: 93%;
        border-radius: 0%;
        background-position: center center;
        display: inline-block;
        object-fit: cover;
        margin: 11px 0px 0px 9px;
    }
    .sns-item-drag-icon-only {
        padding: 15px 0px 15px;
    }
    .sns-detail-border-icon-only  {
        font-size: 20px;
        width: 16%;
        border-radius: 50%;
        margin-right: 0px;
        margin-left: 75px;
        margin-bottom: 0px;
        background-color: #fff;
        position: relative;
        text-align: center;
    }
    .label-text-data  {
        margin-left: 85px;
        font-size: 14px;
    }
    .profile-icon  {
        z-index: 30;
        left: 0;
        top: 60%;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .profile-icon-select-image  {
        z-index: 40;
        margin: auto;
        top: 78%;
        bottom: 0;
        left: 61.4%;
    }
    .address-button  {
        z-index: 30;
        top: -21px;
        margin-left: 34.7%;
        -webkit-appearance: none;
    }
    .login_icon  {
        left: 544px;
    }
    .profile-mypage-icon  {
        left: 76px;
    }
    .profile-login-icon  {
        left: 292px;
    }
    .login-form-label-mail  {
        left: 43px;
        top: 2px;
    }
    .login-form-label-pw  {
        left: 33px;
        top: 2px;
    }
    .login-form-input-mail  {
        text-align: right;
    }
    .login-form-input-pw  {
        text-align: right;
    }
    .login-form-label-user  {
        left: 55px;
    }
    .login-form-input-user  {
        text-align: right;
    }
    .sns-input-flexbox{
        width: 100%;
        display: flex;
        margin-left: 3%;
        flex-direction: column;
    }
    .profile-flexbox-left-text-block  {
        width: 93.5%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        border: 2px solid #A0A0A0;
        box-sizing: border-box;
        text-align: left;
        margin-right: 2%;
        margin-bottom: 10px;
    }
    .profile-flexbox-right-text-block  {
        width: 93.5%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        border: 2px solid #A0A0A0;
        box-sizing: border-box;
        text-align: left;
    }
    .profile-flexbox-right-new-text-block  {
        width: 93.5%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        border: 2px solid #A0A0A0;
        box-sizing: border-box;
        text-align: left;
    }
    .profile-flexbox-free-text-block  {
        width: 93.5%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        border: 2px solid #A0A0A0;
        box-sizing: border-box;
        text-align: left;
        margin-bottom: 10px;
    }
    .profile-flexbox-free-new-text-block  {
        width: 93.5%; /*親要素いっぱい広げる*/
        padding: 10px 15px; /*ボックスを大きくする*/
        font-size: 16px;
        border-radius: 16px; /*ボックス角の丸み*/
        border: 2px solid #A0A0A0; /*枠線*/
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        text-align: left;
        margin-bottom: 10px;
    }
    .select-dropdown{
        position: absolute;
        pointer-events: none;
        right: 42px;
        top: 22px;
    }
    .sns-login-form  {
        display: flex;
        margin-bottom: 32px;
        margin-top: 23px;
    }
    .login-input-box  {
        width: 99%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-input-box  {
        width: 99%;
        padding: 10px 15px;
        font-size: 16px;
        border-radius: 16px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        margin-left: 30px;
        margin-right: 60px;
        background-color: azure;
    }
    .reminder-message  {
        top: 174px;
        left: 132px;
    }
    .regist-message {
        top: 418px;
        left: 145px;
    }
    .reminder-password-message  {
        top: 156px;
        left: 166px;
    }
    .reminder-text-password  {
        margin-left: -10px;
    }
    .reminder-complete-message  {
        top: 286px;
        left: 220px;
    }
    .login-text-email  {
        margin-left: 21px;
    }
    .login-text-password  {

    }
    .regist-text-email  {
        margin-left: 44px;
    }
    .login-message {
        top: 244px;
        left: 146px;
    }
}

/*@media only screen and (min-width: 992px) and ( max-width:1199px) {*/
/*    .container-lg, .container-md, .container-sm, .container {*/
/*        max-width: 960px;*/
/*    }*/
/*    .title-logo {*/
/*        position: absolute;*/
/*        left: 0;*/
/*    }*/
/*    .trash-icon  {*/
/*        height: 30px;*/
/*    }*/
/*    .sns-li-detail {*/
/*        height: 100%;*/
/*        font-size: 5px;*/
/*        padding-left: 60%;*/
/*        padding-top: 51px;*/
/*    }*/
/*    .padding-name-jp {*/
/*        padding: 0px 0px 0px 150px;*/
/*        font-size: 40px;*/
/*    }*/
/*    .padding-pos-jp {*/
/*        padding: 50px 0px 0px 150px;*/
/*        font-size: 5px;*/
/*    }*/
/*    .sns-icon-size{*/
/*        font-size: 60px*/
/*    }*/
/*    .sns-icon-only-size {*/
/*        font-size: 75px;*/
/*    }*/
/*    .label-text-name  {*/
/*        margin-left: 113px;*/
/*        font-weight: bold;*/
/*    }*/
/*    .sns-label-text-name  {*/
/*        font-weight: bold;*/
/*        text-align: center;*/
/*        margin-left: 2px;*/
/*        margin-top: -1px;*/
/*        font-size: 16px;*/
/*        position: absolute;*/
/*        white-space: nowrap;*/
/*        width: 100%;*/
/*    }*/
/*    .sns-padding-top {*/
/*        padding-right: 30px;*/
/*    }*/
/*    .sns-padding-icon-only {*/
/*        padding-top: 60px;*/
/*        padding-bottom: 60px;*/
/*    }*/
/*    .sns-list-group-item {*/
/*        position: relative;*/
/*        display: block;*/
/*        !* padding: 0.75rem 1.25rem; *!*/
/*        margin-bottom: -1px;*/
/*        background-color: #fff;*/
/*        border: 1px solid rgba(0,0,0,.125);*/
/*        border-radius: 0px;*/
/*    }*/
/*    .sns-top-part-icon-only {*/
/*        padding: 15px 5px 15px 5px;*/
/*        display: flex;*/
/*        margin-bottom: 0;*/
/*        background-color: #bcdff1;*/
/*        flex-wrap: wrap;*/
/*    }*/
/*    .sns-top-profile-icon {*/
/*        width: 268px;*/
/*        height: 95%;*/
/*        border-radius: 0%;*/
/*        background-position: center center;*/
/*        display: inline-block;*/
/*        object-fit: cover;*/
/*        margin: 5px 0px 0px 5px;*/
/*    }*/
/*    .sns-item-drag-icon-only {*/
/*        padding: 25px 0px 25px;*/
/*    }*/
/*    .label-text-data  {*/
/*        margin-left: 115px;*/
/*        font-size: 14px;*/
/*    }*/
/*    .sns-item-drag  {*/
/*        position: absolute;*/
/*        padding-left: 20px;*/
/*        padding-right: 77px;*/
/*        padding-top: 10px;*/
/*        padding-bottom: 14px;*/
/*        top: 3px;*/
/*        left: 18px;*/
/*        z-index: 998;*/
/*    }*/
/*    .sns-detail-border-icon-only  {*/
/*        font-size: 20px;*/
/*        width: 15%;*/
/*        border-radius: 50%;*/
/*        margin-right: 8px;*/
/*        margin-left: 5px;*/
/*        margin-bottom: 0px;*/
/*        background-color: #fff;*/
/*        position: relative;*/
/*        text-align: center;*/
/*    }*/
/*    .profile-icon  {*/
/*        z-index: 30;*/
/*        left: 0;*/
/*        top: 60%;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*        margin: auto;*/
/*    }*/
/*    .profile-icon-select-image  {*/
/*        z-index: 40;*/
/*        margin: auto;*/
/*        top: 78%;*/
/*        bottom: 0;*/
/*        left: 58.3%;*/
/*    }*/
/*    .address-button  {*/
/*        z-index: 30;*/
/*        top: -21px;*/
/*        margin-left: 38.7%;*/
/*        -webkit-appearance: none;*/
/*    }*/
/*    .login_icon  {*/
/*        left: 784px;*/
/*    }*/
/*    .profile-mypage-icon  {*/
/*        left: 611px;*/
/*    }*/
/*    .profile-login-icon  {*/
/*        left: 451px;*/
/*    }*/
/*    .login-form-label-mail  {*/
/*        left: 43px;*/
/*        top: 2px;*/
/*    }*/
/*    .login-form-label-pw  {*/
/*        left: 33px;*/
/*        top: 2px;*/
/*    }*/
/*    .login-form-input-mail  {*/
/*        text-align: right;*/
/*    }*/
/*    .login-form-input-pw  {*/
/*        text-align: right;*/
/*    }*/
/*    .login-form-label-user  {*/
/*        left: 55px;*/
/*    }*/
/*    .login-form-input-user  {*/
/*        text-align: right;*/
/*    }*/
/*    .sns-input-flexbox{*/
/*        width: 100%;*/
/*        display: flex;*/
/*        margin-left: 1%;*/
/*        flex-direction: column;*/
/*    }*/
/*    .profile-flexbox-left-text-block  {*/
/*        width: 98.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*        margin-right: 2%;*/
/*    }*/
/*    .profile-flexbox-right-text-block  {*/
/*        width: 94.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*    }*/
/*    .profile-flexbox-right-new-text-block  {*/
/*        width: 98.5%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        border: 2px solid #A0A0A0;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        margin-top: 10px;*/
/*    }*/
/*    .profile-flexbox-free-text-block  {*/
/*        width: 94.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .profile-flexbox-free-new-text-block  {*/
/*        width: 98.5%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        border: 2px solid #A0A0A0;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        margin-top: 10px;*/
/*    }*/
/*    .select-dropdown{*/
/*        position: absolute;*/
/*        pointer-events: none;*/
/*        right: 19px;*/
/*        top: 22px;*/
/*    }*/

/*    .sns-login-form  {*/
/*        display: flex;*/
/*        margin-bottom: 32px;*/
/*        margin-top: 23px;*/
/*    }*/
/*    .login-input-box  {*/
/*        width: 100%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        display: block;*/
/*        margin-left: 30px;*/
/*        margin-right: 60px;*/
/*        background-color: azure;*/
/*    }*/
/*    .reminder-input-box  {*/
/*        width: 99%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        display: block;*/
/*        margin-left: 30px;*/
/*        margin-right: 60px;*/
/*        background-color: azure;*/
/*    }*/
/*    .reminder-message {*/
/*        top: 175px;*/
/*        left: 130px;*/
/*    }*/
/*    .regist-message {*/
/*        top: 418px;*/
/*        left: 145px;*/
/*    }*/
/*    .reminder-text-password  {*/
/*        margin-left: -10px;*/
/*    }*/
/*    .reminder-password-message  {*/
/*        top: 156px;*/
/*        left: 166px;*/
/*    }*/
/*    .reminder-complete-message  {*/
/*        top: 286px;*/
/*        left: 241px;*/
/*    }*/
/*    .login-text-email  {*/
/*        margin-left: 21px;*/
/*    }*/
/*    .login-text-password  {*/

/*    }*/
/*    .error-middle-text  {*/
/*        text-align: center;*/
/*    }*/
/*    .regist-text-email  {*/
/*        margin-left: 44px;*/
/*    }*/
/*    .login-message {*/
/*        top: 244px;*/
/*        left: 146px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 1200px) {*/
/*    .container-xl, .container-lg, .container-md, .container-sm, .container {*/
/*        max-width: 1140px;*/
/*    }*/
/*    .trash-icon  {*/
/*        height: 30px;*/
/*    }*/
/*    .title-logo {*/
/*        position: absolute;*/
/*        left: 0;*/
/*    }*/
/*    .sns-li-detail {*/
/*        height: 100%;*/
/*        font-size: 5px;*/
/*        padding-left: 66%;*/
/*        padding-top: 65px;*/
/*    }*/
/*    .padding-name-jp {*/
/*        padding: 0px 0px 0px 200px;*/
/*        font-size: 45px;*/
/*    }*/
/*    .padding-pos-jp {*/
/*        padding: 60px 0px 0px 200px;*/
/*        font-size: 5px;*/
/*    }*/
/*    .label-text-name  {*/
/*        margin-left: 113px;*/
/*        font-weight: bold;*/
/*    }*/
/*    .sns-padding-top {*/
/*        padding-right: 30px;*/
/*    }*/
/*    .sns-padding-icon-only {*/
/*        padding-top: 60px;*/
/*        padding-bottom: 60px;*/
/*    }*/
/*    .sns-icon-only-size {*/
/*        font-size: 90px;*/
/*    }*/
/*    .sns-label-text-name  {*/
/*        font-weight: bold;*/
/*        text-align: center;*/
/*        margin-left: 2px;*/
/*        margin-top: -1px;*/
/*        font-size: 16px;*/
/*        position: absolute;*/
/*        white-space: nowrap;*/
/*        width: 100%;*/
/*    }*/
/*    .sns-list-group-item {*/
/*        position: relative;*/
/*        display: block;*/
/*        !* padding: 0.75rem 1.25rem; *!*/
/*        margin-bottom: -1px;*/
/*        background-color: #fff;*/
/*        border: 1px solid rgba(0,0,0,.125);*/
/*        border-radius: 0px;*/
/*    }*/
/*    .sns-top-part-icon-only {*/
/*        padding: 15px 5px 15px 5px;*/
/*        display: flex;*/
/*        margin-bottom: 0;*/
/*        background-color: #bcdff1;*/
/*        flex-wrap: wrap;*/
/*    }*/
/*    .sns-top-profile-icon {*/
/*        width: 330px;*/
/*        height: 95%;*/
/*        border-radius: 0%;*/
/*        background-position: center center;*/
/*        display: inline-block;*/
/*        object-fit: cover;*/
/*        margin: 5px 0px 0px 5px;*/
/*    }*/
/*    .sns-item-drag-icon-only {*/
/*        padding:30px 0px 30px;*/
/*    }*/
/*    .label-text-data  {*/
/*        margin-left: 115px;*/
/*        font-size: 14px;*/
/*    }*/
/*    .sns-item-drag  {*/
/*        position: absolute;*/
/*        padding-left: 20px;*/
/*        padding-right: 77px;*/
/*        padding-top: 10px;*/
/*        padding-bottom: 14px;*/
/*        top: 2.5px;*/
/*        left: 18px;*/
/*        z-index: 998;*/
/*    }*/
/*    .sns-icon-size{*/
/*        font-size: 60px;*/
/*    }*/
/*    .sns-detail-border-icon-only  {*/
/*        font-size: 20px;*/
/*        width: 15%;*/
/*        border-radius: 50%;*/
/*        margin-right: 9px;*/
/*        margin-left: 7px;*/
/*        margin-bottom: 0px;*/
/*        background-color: #fff;*/
/*        position: relative;*/
/*        text-align: center;*/
/*    }*/
/*    .profile-icon  {*/
/*        z-index: 30;*/
/*        left: 0;*/
/*        top: 60%;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*        margin: auto;*/
/*    }*/
/*    .profile-icon-select-image  {*/
/*        z-index: 40;*/
/*        top: 78%;*/
/*        bottom: 0;*/
/*        left: 57%;*/
/*        right: 0;*/
/*        margin: auto;*/
/*    }*/
/*    .address-button  {*/
/*        z-index: 30;*/
/*        top: -21px;*/
/*        margin-left: 40.7%;*/
/*        -webkit-appearance: none;*/
/*    }*/
/*    .login_icon  {*/
/*        left: 464px;*/
/*    }*/
/*    .profile-mypage-icon  {*/
/*        left: 591px;*/
/*    }*/
/*    .profile-login-icon  {*/
/*        left: 571px;*/
/*    }*/
/*    .login-form-label-mail  {*/
/*        left: 73px;*/
/*        top: 2px;*/
/*    }*/
/*    .login-form-label-pw  {*/
/*        left: 63px;*/
/*        top: 2px;*/
/*    }*/
/*    .login-form-input-mail  {*/
/*        text-align: right;*/
/*    }*/
/*    .login-form-input-pw  {*/
/*        text-align: right;*/
/*    }*/
/*    .login-form-label-user  {*/
/*        left: 85px;*/
/*    }*/
/*    .login-form-input-user  {*/
/*        text-align: right;*/
/*    }*/
/*    .sns-input-flexbox{*/
/*        width: 100%;*/
/*        display: flex;*/
/*        margin-left: 1%;*/
/*        flex-direction: column;*/
/*    }*/
/*    .profile-flexbox-left-text-block  {*/
/*        width: 98.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*        margin-right: 2%;*/
/*    }*/
/*    .profile-flexbox-right-text-block  {*/
/*        width: 95.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*        flex-grow: 2;*/
/*        background-color: #FFFFFF;*/
/*    }*/
/*    .profile-flexbox-right-new-text-block  {*/
/*        width: 98.5%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        border: 2px solid #A0A0A0;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        margin-top: 10px;*/
/*    }*/
/*    .profile-flexbox-free-text-block  {*/
/*        width: 95.5%; !*親要素いっぱい広げる*!*/
/*        padding: 10px 15px; !*ボックスを大きくする*!*/
/*        font-size: 16px;*/
/*        border-radius: 16px; !*ボックス角の丸み*!*/
/*        border: 2px solid #A0A0A0; !*枠線*!*/
/*        box-sizing: border-box; !*横幅の解釈をpadding, borderまでとする*!*/
/*        text-align: left;*/
/*        flex-grow: 2;*/
/*        background-color: #FFFFFF;*/
/*        margin-bottom: 10px;*/
/*    }*/
/*    .profile-flexbox-free-new-text-block  {*/
/*        width: 98.5%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        border: 2px solid #A0A0A0;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        margin-top: 10px;*/
/*    }*/
/*    .select-dropdown{*/
/*        position: absolute;*/
/*        pointer-events: none;*/
/*        right: 21px;*/
/*        top: 22px;*/
/*    }*/
/*    .sns-login-form  {*/
/*        display: flex;*/
/*        margin-bottom: 32px;*/
/*        margin-top: 23px;*/
/*        margin-left: 15px;*/
/*    }*/
/*    .login-input-box  {*/
/*        width: 100%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        display: block;*/
/*        margin-left: 30px;*/
/*        margin-right: 153px;*/
/*        background-color: azure;*/
/*    }*/
/*    .reminder-input-box  {*/
/*        width: 99%;*/
/*        padding: 10px 15px;*/
/*        font-size: 16px;*/
/*        border-radius: 16px;*/
/*        box-sizing: border-box;*/
/*        text-align: left;*/
/*        display: block;*/
/*        margin-left: 30px;*/
/*        margin-right: 95px;*/
/*        background-color: azure;*/
/*    }*/
/*    .reminder-message  {*/
/*        top: 175px;*/
/*        left: 175px;*/
/*    }*/
/*    .regist-message  {*/
/*        top: 422px;*/
/*        left: 158px;*/
/*    }*/
/*    .reminder-password-message  {*/
/*        top: 156px;*/
/*        left: 180px;*/
/*    }*/
/*    .reminder-text-password  {*/
/*        margin-left: -10px;*/
/*    }*/
/*    .reminder-complete-message  {*/
/*        top: 286px;*/
/*        left: 317px;*/
/*    }*/

/*    .login-text-email  {*/
/*        margin-left: 21px;*/
/*    }*/
/*    .login-text-password  {*/

/*    }*/
/*    .error-middle-text  {*/
/*        text-align: center;*/
/*    }*/
/*    .regist-text-email  {*/
/*        margin-left: 44px;*/
/*    }*/
/*    .login-message {*/
/*        top: 244px;*/
/*        left: 160px;*/
/*    }*/
/*}*/

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5,
.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10,
.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10,
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10,
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
     padding-right: 0;
     padding-left: 0;
}