*{
    margin: 0;
    /*フォントは確認後に選定*/
    font-family: none;
}
* p, * li{
    line-height: 1.6;
}
input:focus{
    outline: none;
}
body{
    font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "MS PGothic", "MS Pゴシック", "MS ゴシック", "Meiryo UI", "Meiryo", "メイリオ", "Yu Gothic", sans-serif;
}
/*===================================*/
/*==========FONT AREA START==========*/
/*===================================*/
/*==一括指定で調整出来るようにしてます。==*/
.about_company_heading_text h2,
.about_tekipaki_heading_text h2,
.terms_of_use_heading_text h2,
.privacy_policy_heading_text h2,
.qa_heading_text h2,
.sitemap_heading_text h2,
.guide_heading_text h2,
.fees_top_heading_text h2,
.table_fees_top_tb_heading p,
.sing_headig_text,
.sign_email_authentication_heading_text h2,
.sign_complete_heading_text h2,
.password_change_heading_text h2,
.sign_password_change_email_page_heading_text h2,
.sign_password_change_completed_heading h2,
.mypage_heading_text h2,
.mypage_all_blowsing_histosy_heading_text h2,
.mypage_infomation_heading_text p,
.mypage_edit_basic_information_heading,
.mypage_information_edit_email_heading p,
.mypage_information_email_receipt_heading_text p,
.mypage_password_change_heading_text p,
.mypage_password_change_completed_heading p,
.mypage_create_new_other_accounts_heading_text p,
.mypage_other_account_information_edit_heading_text p,
.mypage_other_account_information_edit_account_basic_heading_text p,
.mypage_mydata_heading_text p,
.three_d_modal_flex02_in_flex_headingtext_heading p,
.mypage_download_list_heading_text h3,
.purchase_history_heading_text h3,
.plan_management_heading_text h3,
.point_purchase_heading_text h3,
.mail_magazine_area_heading_text h3,
.member_regi_heading p{
    font-size: 30px;
    font-weight: 700;
    color: #1D1D1D;
}
.mypage_basic_information_heading_text p,
.mypage_basic_information_password_edit_flex p,
.mypage_payment_setting_heading p,
.mypage_create_newother_in_content_heading p,
.mypage_create_newother_form_password_heading p,
.plan_management_current_plan_flex_in_flex p,
.plan_management_verify_heading_text h4,
.plan_management_payment_card02,
.plan_management_edit_area_heading_text h4{
    font-size: 20px;
    font-weight: 700;
    color: #1D1D1D;
}
.terms_of_use_under_text_after_the_second_area_first h3,
.privacy_policy_under_text h3,
.qa_under_heading p,
.password_change_form_wrapper label,
p.mypage_plan_and_point_flex_p01,
.mypage_recently_heading_text p,
.mypage_browsing_history_heading_text p,
.mypage_notice_from_management_heading_text p,
.three_d_modal_flex02_text01 p,
.three_d_modal_flex02_text02 p,
.plan_management_current_plan_heading_text p,
.plan_management_payment_heading_text p,
.point_purchase_now_point_flex p,
.mail_magazine_choose_btn_area_text p,
.member_regi_form_wrapper label,
.member_regi_form_gender_flex_content p,
.member_regi_postalcode_form_flex p,
.member_regi_birthday_form p,
.member_regi_form_work p,
.member_regi_text_heading p,
.terms_use_heading p{
    font-size: 16px;
    font-weight: 700;
    color: #1D1D1D;
}
.about_company_tr_left p{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
.about_company_tr_left p{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
.member_regi_form_flex{
    font-size: 13px;
    font-weight: 700;
    color:#ffffff;
}
.three_d_modal_flex02_text01 p span,
.three_d_modal_flex02_text02 p span,
.plan_management_current_plan_progress_heading_text p{
    font-size: 18px;
    font-weight: 700;
    color: #FF7600;
}
.mypage_point_change_link_area a{
    font-size: 16px;
    font-weight: 700;
    color: #FF7600;
    text-decoration: none;
}
p.point_purchase_now_point_flex_buy_flex_p01{
    font-size: 23px;
    font-weight: 700;
}
.mypage_point_change_link_area i{
    padding-left: 5px;
}
.modal_btn_area a{
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
.point_purchase_now_point_flex_buy_flex01 p{
    font-size: 18px;
    font-weight: 700;
    color: #1D1D1D;
}
.point_purchase_now_point_flex_buy_flex01 p{
    font-size: 15px;
    font-weight: 700;
    color: #1D1D1D;
}
.rules_under_text_flex_left,
.faq-question p,
p .mypage_plan_and_point_flex_in_flex_content_in_p01,
p.mypage_basic_information_othe_user_flex_in_flex_text_p01,
.mypage_payment_setting_infomation_area p,
.mypage_edit_basic_form_flex p,
.mypage_information_edit_email_flex01 p,
.mypage_create_newother_form_flex01 p,
.three_d_modal_flex2_file_area_flex_in_flex_contentm,
.plan_management_edit_area_form_flex_label label{
    font-size: 16px;
    font-weight: 700;
    color: #1D1D1D;
}
.about_company_tr_right p,
.about_tekipaki_under_text p,
.rules_under_text_flex_right p,
.guide_under_heading_text p,
.guide_wrapper p,
.fees_content1_fee_wrapper span,
.fees_under_table_asterisk_text p,
.fees_service_text_01 p,
.fees_service_text_02 p,
.contact_btn_under_text p,
.sign_under_heading_text p,
.sign_email_authentication_under_text_content p,
.sign_complete_content p,
.password_change_under_text p,
.sign_password_change_email_page_heading_content p,
.sign_password_change_new_under_heading p,
.sign_password_change_completed_under_text p,
.mypage_information_email_receipt_content_text p,
.plan_management_area_content p,
.plan_management_payment_card01 p,
.member_regi_form_area_text01 p,
.member_regi_address_area_text p,
.member_under_text_content p,
.terms-content p{
    font-size: 16px;
    color: #1D1D1D;
    line-height: 1.5;
}
.member_regi_form_area_text02 p{
    font-size: 16px;
    color: #FF0000;
}
.contact_btn_under_text p span{
    color: #FF7600;
}
.sign_registered_address_content p,
.sign_password_change_nomail_content,
.sign_password_change_nomail_content a{
    color: #FF0000;
    font-weight: 700;
}
.change_password_form_area_flex label,
p.mypage_notice_from_management_flex_p01,
p.mypage_basic_information_heading_text_flex_p02,
.mypage_password_change_form_flex label,
.mypage_edit_basic_form_flex_content input,
.mypage_mydata_order_of_update_flex p,
.mypage_mydata_all_flex_heading h3,
.mypage_all_favorite_flex_text h3,
.three_d_modal_flex02_file_area_heading p,
.plan_management_current_plan_flex p,
.plan_management_verify_list_flex01 p,
.click_sort_text p{
    font-size: 14px;
    font-weight: 700;
    color: #1D1D1D;
}
.plan_management_current_plan_text_area p,
.plan_management_verify_list_flex02 p,
.plan_management_current_plan_progress_text_area p,
h2.fontsize_014{
    font-size: 14px;
    color: #1D1D1D;
    font-weight: normal;
}
.modal_copyright_policy p a{
    font-size: 14px;
    color: #0496E3 !important;
}
.modal_copyright_policy p,
.plan_management_btn_area p{
    font-size: 14px;
    color: #1D1D1D;
}
.mypage_mydata_all_flex_update p,
.mypage_mydata_all_flex_user p{
    font-size: 12px;
    font-weight: 700;
    color: #9A9A9A;
}
.three_d_modal_flex02_text03 p{
    font-size: 14px;
    font-weight: 700;
    color: #9A9A9A;
}
.mypage_notice_from_management_flex02{
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
}
.mypage_basic_information_othe_user_flex_in_flex_text_add_master_flex p.mypage_basic_information_othe_user_flex_in_flex_text_p02_master{
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    background-color: #FF7600;
    border-radius: 3px;
    width: 76px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.terms_of_use_under_text_first p,
.terms_of_use_under_text_after_the_second_area_first p,
.privacy_policy_under_text p,
.faq-answer-content p,
p.feescontent1_list_under_text_p,
.fees_top_tb__tr,
.forgot_password a,
.mypage_recently_text h3,
.mypage_basic_information_underline_table th,
.mypage_basic_information_underline_table td,
p.mypage_basic_information_heading_text_flex_p03,
p.mypage_basic_information_othe_user_flex_in_flex_text_p02,
.mypage_basic_information_account_under_delete_area a,
.mypage_edit_basic_form_flex_content input{
    font-size: 14px;
    color: #1D1D1D;
    font-weight: normal;
}
.mypage_basic_information_account_under_delete_area a{
    text-decoration: none;
}
.mypage_btn_wrapper_edit_basic .more_btn_edit a{
    font-size: 12px;
}
.mypage_basic_information_account_delete a{
    font-size: 12px;
    color: #1D1D1D;
    font-weight:700;
}
.fees_top_tb__tr{
    font-weight: 700;
}
.about_company_tr_right a,
.rules_under_text_flex_right a,
.fees_top_tb__td_in_orange{
    color: #FF7600;
}
.fees_top_tb__td_in_orange,
.sign_form_area_text{
    font-weight: 700;
    font-size: 16px;
}
p.mypage_plan_and_point_flex_in_flex_content_in_p02{
    color: #FF7600;
    font-size: 14px;
}
p.mypage_download_list_area_flex02_p01,
p.mypage_purchase_list_area_flex02_p01{
    color: #FF7600;
    font-size: 14px;
    font-weight: 700;
}
p.mypage_download_list_area_flex02_p02,
p.mypage_purchase_list_area_flex02_p02,
.list_under_text p{
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 700;
}
p.plan_management_current_plan_flex_in_flex01{
    font-size: 20px;
}
p.mypage_download_list_area_flex03_p01,
p.mypage_purchase_list_area_flex03_p01{
    color: #9A9A9A;
    font-size: 14px;
}
.sitemap_link_flex_content02 a.btn_link_after_the_second_area_first{
    color: #1D1D1D;
}
.mypage_purchase_list_btn_area_pt p{
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 700;
}
#feescontent2 p.contact_btn_fees_heading_text02{
    font-size: 16px;
    color: #1D1D1D;
    font-weight: 400;
    text-align: left;
}
a.btn_link,
.fees_content1_link_wrapper a,
.mypage_basic_information_add_accout_link a,
.mypage_password_change_form_btn a{
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}
.mypage_password_change_form_btn{
    text-align: center;
}
.horizontal_text p{
    font-size: 20px;
    font-weight: 700;
}
h3.feescontent1_flex_cotent_h3{
    font-size: 20px;
    font-weight: 700;
    color: #1D1D1D;
}
.footer_flex p.footer_heading{
    color: #ffffff;
    font-size: 16px;
}
.footer_flex a.footer_link{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
}
.footer_copy_right_flex p{
    color: #ffffff;
    font-size: 14px;
}
.guide_btn_switch_button_area button,
.fees_btn_switch_button_area button{
    font-weight: 700;
    font-size: 18px;
}
.login_form_area_flex_button button,
.mypage_edit_basic_form_flex button,
.mypage_password_change_form_btn button,
.mypage_create_newother_form_flex button{
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
}
.mypage_password_change_form_btn{
    padding-top: 30px;
}
.guide_wrapper h3,
.contact_btn_text p,
#feescontent2 p.contact_btn_fees_heading_text01,
span.fontsize_025{
    font-weight: 700;
    font-size: 25px;
    color: #1D1D1D;
}
p.mypage_plan_and_point_flex_in_flex_content_in_p02_gray{
    color: #9A9A9A;
    font-size: 14px;
}
.sign_form_area_flex_button button{
    font-size: 16px;
}
p.feescontent1_flex_cotent_p02{
    font-size: 30px;
    font-weight: 700;
    color: #FF7600;
}
.fees_under_table_heading_text h3{
    font-size: 25px;
    font-weight: 700;
    color: #FF7600;
}
header .active-link a{
    color: #FF7600;
}
header .header_left_link_area a{
    text-decoration: none;
    color: #1D1D1D;
    font-size: 14px;
}
header a.header_right_login_a{
    color: #1D1D1D;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}
header a.header_right_sign_a{
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
}
/*================*/
/*====modal=====*/
/*====一部上記にあり。=====*/
/*================*/
.modal_bold_text p{
    font-size: 25px;
    font-weight: 700;
}
.modal_natural_text p,
p.payment_bold_14,
.mypage_modal_user_choose_text p{
    font-size: 14px;
    font-weight: 700;
    color: #1D1D1D;
}
.modal_under_text p{
    font-size: 14px;
    color: #9A9A9A;
}
.modal_bold_text_font20 p{
    font-size: 20px;
}
.payment_modal_heading h2,
.payment_bold_20{
    font-size: 20px;
    font-weight: 700;
    color: #1D1D1D;
}
p.modal_text_point_p_bold{
    font-size: 22px;
    color: #1D1D1D;
    font-weight: 700;
}
p.modal_text_point_p_natural{
    font-size: 18px;
    color: #1D1D1D;
}
p.modal_text_point_p_orange{
    color: #FF7600;
    font-weight: 700;
    font-size: 22px;
}
.modal_bold_text_font16 p{
    font-size: 16px;
}
.modal_bold_text_font14 p{
    font-size: 14px;
}
.modal_bold_text_font18 p{
    font-size: 18px;
}
.modal_bold_add_bold{
    font-weight: 700;
}
.payment_form_group label{
    font-weight: 700;
    font-size: 16px;
}
/*===================================*/
/*===========FONT AREA END===========*/
/*===================================*/
.border_area_content{
    height: 1px;
    width: 100%;
    background-color: #1D1D1D;
}
.click_sort_content{
    display: flex;
    align-items: center;
    gap:10px;
}
.click_sort_icon i{
    width: 25px;
    color: #FF7600;
}
.padding_add_0{
    padding-top: 0;
}
.padding_add_20{
    padding-top: 20px;
}
.click_sort_icon i{
    cursor: pointer;
}
.mypage_all_blowsing_histosy_flex {
    width: 100%;
    min-width: 20%;
    max-width: 20%;
    background: none;
    border: none;
}
.favorite-link.clicked i {
    color: #FF7600;
}
.favorite-link.clicked {
    border-color: #FF7600;
}
.mypage_all_blowsing_favorite.clicked {
    border-color: #FF7600;
}
.favorite-link.clicked i {
    color: #FF7600;
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
/*------デザイン変更点追加(上書き)------*/
/*---------------------*/
/*---------------------*/
/*---------------------*/
header{
    background-color: #1d1d1d  !important;
}
header a{
    color: #ffffff  !important;
    font-weight: bold;
}
/*---------------------*/
/*---------------------*/
/*---------------------*/
/*------レスポンシブ------*/
/*---------------------*/
/*---------------------*/
/*---------------------*/
@media(max-width:769px){
    /*-----特定商法の記述-----*/
    .rules_under_text_flex_content{
        gap:10px;
        flex-wrap: wrap;
    }
    .rules_under_text_flex_left{
        width: 100%;
    }
    .rules_under_text_flex_right{
        width: 100%;
    }
}
.tekipaki_search_btn span{
    color:#ffffff;
}
/*-----------------*/
/*=================*/
/*-----------------*/
@media(max-width:768px){
    .fees_service_text_01 p,
    p.contact_btn_text01,
    .fees_under_table_heading_text h3{
        font-size:20px !important;
    }
}
/*-----------------*/
/*=================*/
/*-----------------*/
select:focus {
    outline: none;
}
select {
    cursor: pointer;
}
.sign_form_area_flex label{
    font-weight:700;
    padding-bottom: 2.5px;
}
.login_form_area_flex_input{
    margin-top:2.5px;
}
a.header_left_link07{
    color:#FF7600!important;
}
.tekipaki_add_popup {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    padding: 10px;
    z-index: 1000;
}
.tekipaki_add_popup_active {
    display: block;
}
.tekipaki_add_popup_option {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}
.tekipaki_add_popup_option:hover {
    background-color: #f0f0f0;
}
.tekipaki_add_sort_label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}
.tekipaki_add_sort_label i {
    margin-left: 5px;
    color: #FF7600;
}
@media(max-width:768px){
    .mypage_all_blowsing_histosy_flex {
        min-width: 45% !important;
        max-width: 45% !important;
        box-sizing: border-box;
    }
    h2{
        font-size: 25px;
    }
    .tekipaki_search_btn {
        border-radius: 0 5px 5px 0 !important;
    }
    
}
.terms_of_use_container ol,
.privacy_policy_container ol{
    padding-left:20px;
}
.mypage_all_blowsing_histosy_flex_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.mypage_all_blowsing_histosy_flex {
    width: 100%;
    max-width: calc((100% -(20px* 4)) / 5);
}
@media screen and (max-width: 1280px) {
    .store_cat_item {
        max-width: calc((100% -(20px* 3)) / 4);
    }
}
@media screen and (max-width: 780px) {
    .store_cat_item {
        max-width: calc((100% -(20px* 1)) / 2);
    }
    .modal_bold_text p{
        font-size: 20px !important;
    }
}
* input{
    font-size:14px !important;
}
.login_form_area_flex_input input[type="password"]{
    font-size:20px !important;
}
.mypage_password_change_form_flex input,
.mypage_password_change_form_flex input {
    font-size: 20px !important;
}
.member_regi_form_flex 
input{
    font-size: 14px !important;
}
@media(max-width:768px){
    .mypage_all_blowsing_histosy_flex_content {
        justify-content: space-around;
        gap:5px;
    }
}
/*---TT（ご利用ガイド）---*/
@media(max-width:768px) {
    .guide_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（利用規約）---*/
@media(max-width:768px) {
    .terms_of_use_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（プライバシーポリシー / 著作権に関するポリシー）---*/
@media(max-width:768px) {
    .privacy_policy_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（特定商取引法）---*/
@media(max-width:768px) {
    .rules_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（運営会社）---*/
@media(max-width:768px) {
    .about_company_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（運営会社）---*/
@media(max-width:768px) {
    .about_company_heading_text {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
/*---TT（お問い合わせ）---*/
@media(max-width:768px) {
    .contact_form_padding120 {
        height: 60px;
    }
}
.checkbox-container {
    border-bottom: 1px solid #aaa;
}
.mypage_regi_postalcode_form input,
.member_regi_form_wrapper input,
.member_regi_birthday_form_flex02 select{
    /*
    padding: 10px;
    */
    border-radius: 5px;
    border: 1px solid #707070 !important;
    box-sizing: border-box;
    max-height: 35px;
    min-height: 35px;
}
.member_regi_form_work02 select{
    border: 1px solid #707070 !important;
    border-radius: 5px;
}
.pharmacist_category_wrapper label{
    font-weight:700;
}
label.checkbox-container{
    font-weight:400;
    font-size:14px;
}
.checkbox-container input[type="checkbox"]:checked {
    background-color: #ffffff;
}
.checkbox-container input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #FF7600;
    cursor: pointer;
    border: 2px solid #1d1d1d;
    appearance: none;
    border-radius: 3px;
    position: relative;
}
.checkbox-container input[type="checkbox"]:checked {
    background-color: #ffffff;
    color: #1d1d1d;
}
@media screen and (max-width:768px) {
    .sidebar_logout_link {
        margin-top: 30px;
        margin-bottom: 55px;
    }
}
@media (max-width: 768px) {
    .sidebar_wrapper {
        min-width: 100% !important;
        max-width: 100% !important;
        padding-top: 55px !important;
        padding-bottom: 55px;
    }
}
.mypage_all_blowsing_histosy_flex_content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}
@media screen and (max-width: 780px) {
    .mypage_all_blowsing_histosy_flex_content {
        gap: 20px 28px;
    }
}
@media screen and (max-width: 780px) {
    .search_filter{
        padding-bottom:80px;
    }
}
.mypage_create_newother_form_flex_content08_add {
    width: fit-content;
}
.mypage_create_newother_form_flex_content08_add select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%; 
    padding-right: 24px;
    box-sizing: border-box;
    margin-right:-30px
}
.mypage_create_newother_form_flex_content08_add::after {
    content: '▼';
    pointer-events: none; 
    color: #1d1d1d;
    z-index: 999;
}
.mypage_create_newother_form_flex_content08_add_ch {
    width: fit-content;
    display:flex;
    align-items: center;
    width:100%;
    gap:5px;
}
.mypage_create_newother_form_flex_content08_add_ch select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    box-sizing: border-box;
}
.mypage_create_newother_form_flex_content08_add_ch::after {
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    left:-50px;
}
.mypage_edit_basic_information_container #specialtyOptions{
    margin-left:calc(10% + 30px);
    width: 41.5%;
}
.mypage_edit_basic_information_container .regiform_flex_content {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
    padding: 5px;
    border-radius: 5px;
}
.mypage_edit_basic_information_container .checkbox-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mypage_edit_basic_information_container .checkbox-container input {
    order: 2;
}
.mypage_edit_basic_information_container .checkbox-container span {
    order: 1;
    margin-left: 8px;
}
.mypage_edit_basic_information_container .checkbox-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #aaa;
}
.mypage_edit_basic_information_container .checkbox-container:last-child {
    border-bottom: none;
}
.mypage_edit_basic_information_container #other_specialty{
    width:100%;
    padding: 10px;
    box-sizing:border-box;
}
.mypage_edit_basic_information_container fieldset{
    max-width:100%;
}
.mypage_edit_basic_information_container .checkbox-container input[type="checkbox"]:checked::after {
    content: '✔︎';
    position: absolute;
    top: -1px;
    left: 3px;
}
.mypage_edit_basic_information_container .checkbox-container input[type="checkbox"]:focus {
    outline: none;
}
@media(max-width:768px){
    .mypage_edit_basic_form_flex_content_btn .mypage_edit_basic_form_flex{
        text-align:center;
    }
    .mypage_edit_basic_information_container #specialtyOptions {
        margin:0 auto;
        width: 100%;
    }
    .mypage_edit_basic_form_flex_content04 .mypage_edit_basic_form_flex02 {
        width: 100%;
    }
    .mypage_edit_basic_form_flex_content04 .mypage_edit_basic_form_flex02{
        display:flex;
        flex-wrap:wrap;
    }
}
.mypage_create_new_other_accounts_container input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #1d1d1d;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    display: inline-block;
        vertical-align: sub;
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked {
    background-color: #FF7600;
    border-color: #FF7600;
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked::after {
    content: "✔"; 
    color: white;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.checkbox-container input[type="checkbox"]:checked {
    color: #000000;
}
.checkbox-container input[type="checkbox"]:checked {
    background-color: #ffffff;
}
.checkbox-container input[type="checkbox"] {
    border: 2px solid #1d1d1d;
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked::after{
    content: "✔";
    color: #1d1d1d;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked {
    border-color: #1d1d1d;
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked::after{
    content: "✔";
    color: #1d1d1d;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mypage_create_new_other_accounts_container input[type="checkbox"]:checked {
    border-color: #1d1d1d;
}
.mypage_create_new_other_accounts_container #specialtyOptions{
    margin-left:calc(12% + 30px);
    width: 80%;
}
.mypage_create_new_other_accounts_container fieldset{
    max-width: 45%;
}
@media(max-width:768px){
    .mypage_create_new_other_accounts_container fieldset {
        max-width: 100%;
    }
    .mypage_create_new_other_accounts_container #specialtyOptions {
        margin: 0 auto;
        width: 100%;
    }
}
span.required,.span.optional {
    padding: 3px 8px;
    font-size: 13px;
}
.rating_scale label {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 780px) {
    .mypage_notice_from_management_flex02 {
        width: 58px;
        padding: 0px;
    }
}
@media screen and (max-width:768px) {
    .more_btn a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .slick-arrow {
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
    }
}
@media screen and (max-width: 780px) {
    .center-line {
        min-width: 40px;
        width: 40px;
    }
}
.registration-button{
    transition: 0.3s;
}
.registration-button:hover {
    color: #FFFFFF;
    background-color: #0066cc;
    transition: 0.3s;
}
button.close_button {
    font-size: 40px;
}
@media screen and (max-width:768px) {
    .mobileMenu_logo_flex_content {
        gap: 10px;
    }
}
.point_purchase_now_point_flex_in_flex img,
.point_purchase_now_point_flex_buy_flex img,
.payment_modal_point_flex_img img{
    width:26px;
}
.mypage_btn_wrapper {
    padding-top: 30px;
}
.mypage_btn_wrapper_right .more_btn_right a {
    padding: 8px 0;
    line-height: 1;
    border-radius: 5px;
    width: 100%;
    max-width: 85px;
    min-width: 85px;
}
.mypage_btn_wrapper_edit .more_btn_edit a{
    font-size: 14px;
    line-height: 1;
    padding: 13px 0;
}
.modal_container_plan_com{
    display:flex;
    align-items:center;
    justify-content:center;
    height: auto;
    margin-top: 114px;
}
.modal_container_plan_com .modal_bold_text,
.modal_container_plan_com .modal_natural_text {
    text-align: center;
    width: 100%;
}
.modal_container_plan_com .modal_natural_text{
    background-color:#F4F4F4;
    max-width:804px;
    margin:0 auto;

    line-height:1;
    font-size:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.modal_container_plan_com .modal_natural_text p{
    font-size:16px;
    font-weight: 400;
    padding-left:70px;
    padding-right:70px;
    padding-top:50px;
    padding-bottom:50px;
    box-sizing:border-box;
}
.modal_container_plan_com .modal_bold_text p{
    font-size:30px;
}
@media(max-width:768px){
    .modal_container_plan_com .modal_bold_text p{
        font-size:25px;
    }
}
.mypage_edit_basic_information_wrapper #pharmacistOptions{
    gap:30px;
    align-items:center;
    box-sizing: border-box;
    padding-top:30px;
}
.mypage_edit_basic_information_wrapper #otherMedicalInput label{
    width: 15%;
    display: inline-grid;
}
.mypage_edit_basic_form_flex_content05_de .other_medical_role_wrapper{
    padding-top:30px
}
.mypage_edit_basic_information_wrapper #other_medical_role{
    padding: 10px;
    min-height: 45px;
    box-sizing:border-box;
    width:41.5%;
    margin-left:25px;
}
.mypage_edit_basic_information_container.mypage_edit_basic_information_container #specialtyOptions {
    margin-left: calc(15% + 30px);
    width: 41.5%;
}
.mypage_edit_basic_information_wrapper .mypage_edit_basic_form_flex01 {
    width: 15%;
}
.mypage_edit_basic_information_wrapper #pharmacistOptions label{
    width:15%;
}
.mypage_edit_basic_information_wrapper #pharmacistOptions label{
    width:15%;
    display:inline-grid;
}
.mypage_edit_basic_information_wrapper #pharmacist_category{
    padding: 10px;
    min-height: 45px;
    box-sizing:border-box;
    width:41.5%;
    margin-left:27px;
}
.other_medical_role_wrapper{
    padding-top:30px;
}
@media(max-width:768px){
    .mypage_edit_basic_information_wrapper .mypage_edit_basic_form_flex_content {
        flex-wrap: wrap;
        gap: 10px;
        }
    .mypage_edit_basic_information_wrapper #pharmacistOptions{
        gap:30px;
        align-items:center;
        box-sizing: border-box;
        padding-top:30px;
    }
     .mypage_edit_basic_information_wrapper #otherMedicalInput label{
        width: 100%;
        display: inline-grid;
    }
    .mypage_edit_basic_form_flex_content05_de .other_medical_role_wrapper{
        padding-top:30px
    }
    . #other_medical_role{
        padding: 10px;
        min-height: 45px;
        box-sizing:border-box;
        width:100%;
        margin-left:0;
    }
    .mypage_edit_basic_information_container.mypage_edit_basic_information_container #specialtyOptions {
        margin-left:0;
        width: 100%;
    }
    .mypage_edit_basic_information_wrapper .mypage_edit_basic_form_flex01 {
        width: 100%;
    }
    .mypage_edit_basic_information_wrapper #pharmacistOptions label{
        width:100%;
    }
    .mypage_edit_basic_information_wrapper #pharmacistOptions label{
        width:100%;
        display:inline-grid;
    }
    .mypage_edit_basic_information_wrapper #pharmacist_category{
        padding: 10px;
        min-height: 45px;
        box-sizing:border-box;
        width:100%;
        margin-left:0;
    }
    .other_medical_role_wrapper{
        padding-top:30px;
    }
    .mypage_edit_basic_form_flex_content05 .mypage_edit_basic_form_flex02 {
        width: 100%;
    }
}
#colorSearch {
    display: none;
}
@media(min-width:769px){
    .member_regi_birthday_form_flex02{
        display:flex
    }
}
@media(max-width:768px){
    .member_regi_birthday_form_flex02{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-around;
        gap:10px;
    }
}
body.modal-open {
    overflow: hidden;
}
.mypage_create_newother_form_flex02 select {
    position: relative;
    padding-right: 30px;
}
.mypage_create_newother_form_flex02 select::after {
    content: '▼';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #1d1d1d;
    font-size: 16px;
}
.mypage_create_newother_form_flex_content08 .mypage_create_newother_form_flex_content08_add select{
    width: 100%;
}
@media(max-width:768px){
    .mypage_create_newother_form_flex_content06 .mypage_create_newother_form_flex02{
        flex-wrap:wrap;
    }   
}
.three_d_modal_flex02_in_flex_headingtext_heading>p {
    word-break: break-all;
}
.swiper-wrapper .swiper-slide {
    border: 1px solid #E1E4E7;
}
.list_under_text>p {
    word-break: break-all;
}
.terms_of_use_under_text_first p,
.terms_of_use_under_text_after_the_second_area_first li,
.terms_of_use_under_text_after_the_second_area_first ol,
.terms_of_use_under_text_after_the_second_area_first p{
    font-size:13px;
}
.modal_buttons_color button{
    /*32*/
    width:30px;
}
.mypage_regi_postalcode_form input, .member_regi_birthday_form_flex02 select{
    max-height:auto;
    min-height:auto;
}
@media(max-width:768px){
    .modal_container_plan_com{
        margin-top:60px;
    }
    .modal_container_plan_com .modal_bold_text{
        padding-bottom:10px;
    }
    .modal_container_plan_com .modal_bold_text p{
        font-size:25px;
    }
    .modal_container_plan_com .modal_natural_text p {
        padding:40px;
        height:100%;
        box-sizing:border-box;
    }
}
.contact_request_button a{
    transition:0.2s;
}
.contact_request_button a:hover{
    background-color:#FF7600;
    transition:0.2s;
}
.withdrawal_container input[type="checkbox"]:checked::after {
    content: '✔';
    color: white;
    font-size: 10px;
    left: 3px;
    position: relative;
    top: -3px;
}
.plan_mane_inc_add{
    background-color:#FFF8F2;
    border: 2px solid #FF7600;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 30px;
}
.plan_mane_inc_add_p p{
    font-weight: 700;
    font-size: 18px;
    color: #FF7600;
    padding-bottom: 10px;
}
.plan_mane_inc_add_text p{
    font-size: 14px;
}
.search_filter .category_item summary{
    max-height:40px;
}
.style_filters1 h4{
    background-color: #FFE8BC;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top:5px;
    border-bottom:none;
    font-size:14px;
    max-height:40px;
}
.search_filter .category_item details[open] summary{
    background-color: #FFCE71;
}
.checkbox-container input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right:5px;
}
.modal_dw_under_text p{
    font-weight:400;
    font-size:12px;
    margin-top: 5px;
}
.feescontent1_flex_cotent01_add{
    background-color:#F4F4F4;
}
.add_fees_chip_wapper{
    display: flex;
    justify-content: end;   
}
.add_fees_chip_content{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    border-radius: 5px;
    position: absolute;
    margin-top: -32px;
}
.add_fees_chip_content p{
    box-sizing:border-box;
    max-height:25px;
    background-color: #FF7600;
    border-radius: 5px;
    width: 119px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.checkbox-container label{
    cursor:pointer;
}
.modal_btn_wrapper button.activebutton {
    background-color: #1d1d1d;
}
label.modal_policy_link a{
    color: #0496E3;
    font-weight: 400;
}
label.modal_policy_link p{
    font-weight: 400;
}
/*法人プランの申し込み*/
.co_plan_application_wrapper{
    max-width: 972px;
    margin: 0 auto;
}
.co_plan_application_heading{
    text-align: center;
    padding-top: 114px;
    padding-bottom: 66px;
}
.co_plan_application_heading h2{
    font-size: 30px;
    font-weight: 700;
}
.co_plan_application_plan_content_heading{
    padding-bottom: 10px;
    padding-left: 30px;
}
.co_plan_application_plan_content_heading p{
    font-size: 18px;
    font-weight: 700;
}
.co_plan_application_plan_content_flex01_in_flex{
    display: flex;
    align-items: center;
    gap:5px;
}
.co_plan_application_plan_content_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}
.co_plan_application_plan_content_flex01_in_flex01 img{
    width: 21px;
}
.co_plan_application_plan_content_flex01_in_flex02 h3{
    font-size: 16px;
}
.co_plan_application_plan_content_flex01_text p{
    font-size: 14px;
}
.co_plan_application_plan_content_flex02 p{
    font-size: 16px;
    font-weight: 700;
    color: #FF7600;
}
.co_plan_application_plan_content_flex02 p span{
    font-size: 35px;
    font-weight: 700;
}
.co_plan_application_border{
    width: 100%;
    background-color:#E1E4E7;
    height: 1px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.co_plan_application_plan_content_flex02 p span.co_plan_application_plan_span01{
    color: #1D1D1D;
    font-size: 16px;
}
.co_plan_application_how_content{
    background-color: #ffffff;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}
.co_plan_application_how_heading{
    padding-bottom: 20px;
}
.co_plan_application_how_heading p{
    font-size: 18px;
    font-weight: 700;
}
.co_plan_application_how_text {
    font-size: 14px;
}
.co_plan_application_form_area_content{
    background-color: #ffffff;
    box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}
.co_plan_application_form_label label{
    font-weight: 700;
}
.co_plan_application_form_label span{
    color: #ffffff;
    font-weight: bold;
    background-color: #FF7600;
    padding: 1px 8px;
    /*+
    padding-top: 3px;
    padding-bottom: 3px;
    */
    font-size: 13px;
    margin-left: 10px;
    border-radius: 5px;
}
.co_plan_application_form_label small{
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.co_plan_application_form_label select{
    width: 100%;
    padding: 10px;
    border: 1px solid #707070;
    border-radius: 5px;
    min-height: 40px;
    box-sizing: border-box;
    width: 127px;
}

.co_plan_application_form_label_select01 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}
.co_plan_application_form_label_select01::after {
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    left: -30px;
}
.co_plan_application_form_label_invoice_heading{
    margin-bottom: 20px;
}
.co_plan_application_form_label_invoice_heading h4{
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #E1E4E7;
}
.co_plan_application_form_label label{
    font-weight: 700;
}
.co_plan_application_form_label_input{
    margin-top: 5px;
}
.co_plan_application_form_label_input input{
    padding: 10px;
    min-height: 40px;
    width: 100%;
    box-sizing: border-box;
}
.co_plan_application_form_label_input03{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100%);
}
.co_plan_application_form_label_input02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.co_plan_application_form_label_input03 input{
    width: 25%;
    min-width: 250px;
}
.co_plan_application_form_label_input02 input{
    width: 25%;
    min-width: 250px;
}
.co_plan_application_form_label_space{
    width: 80px;
}
.co_plan_application_form_label_input02{
    max-width:calc(100% - 80px - 250px)
}
.co_plan_application_form_label_space{
    text-align:center;
}
.co_plan_application_form_label_select_area{
    display: flex;
    gap: 10px;
    align-items: center;
}
.co_plan_application_form_label_select_heading{
    margin-bottom: 5px;
}
.co_plan_application_form_label_select03_01 select{
    width: 150px;
}
.co_plan_application_form_label_select03_02 select{
    width: 95px;
}
.co_plan_application_form_label_select03{
    display:flex;
    align-items:center;
    gap:5px;
}
.co_plan_application_form_label_select03 span{
    font-weight: 700;
}
.co_plan_application_form_label_select03 select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
}
.co_plan_application_form_label_select03::after {
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    left: -50px;
}
.co_plan_application_form_button {
    margin-top: 80px;
    text-align: center;
}
.co_plan_application_form_button button{
    /*259px*/
    width: 243px;
    /*------*/
    padding-top: 14px;
    padding-bottom: 14px;
    background: #1D1D1D;
    color: #ffff;
    margin: 0 auto;
    border: none;
    border-radius: 3px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    transition: 0.2s;
}
.co_plan_application_form_button button:hover{
    transition: 0.2s;
    background: #FF7600;
}
@media(min-width:901px){
    .co_plan_application_plan_content_flex01_text_sp{
        display: none;
    }
}
@media(max-width:900px){
    .co_plan_application_plan_content_flex01_text{
        display: none;
    }
    .co_plan_application_plan_content_flex01_text_sp p{
        font-size: 14px;
    }
    .co_plan_application_wrapper{
        padding: 0 10px;
    }
    .co_plan_application_heading{
        text-align: center;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .co_plan_application_heading h2{
        font-size: 25px;
        font-weight: 700;
    }
    .co_plan_application_plan_content_heading p{
        font-size: 18px;
        font-weight: 700;
    }
    .co_plan_application_form_label_input03 input{
        width: 100%;
        min-width: auto;
    }
    .co_plan_application_form_label_input02 input{
        width: 100%;
        min-width: auto;
    }
    .co_plan_application_form_label_space{
        width: 80px;
    }
    .co_plan_application_form_label_input02{
        max-width:100%;
    }
    .co_plan_application_form_label_select_area{
        flex-wrap: wrap;
    }
    .co_plan_application_form_label_select_heading{
        margin-bottom: 5px;
    }
    .co_plan_application_form_label_select03_01 select{
        width: 100%;
    }
    .co_plan_application_form_label_select03_02 select{
        width: 100%;
    }
    .co_plan_application_form_label_select03{
        width: 100%;;
    }
}
@media(max-width:768px){
    .co_plan_application_plan_content_area{
        flex-wrap:wrap;
        justify-content:space-between;
        width:100%;
        box-sizing:border-box;
    }
    .co_plan_application_plan_content_flex01{
        width:100px;
    }
    .co_plan_application_plan_content_flex02{
        width:220px;
    }
}

td.mypage_basic_information_underline_table_font700{
    font-weight: 700;
}
.search_filter .category_item label{
    margin-top: 0;
}
@media(max-width:768px){
    .mypage_basic_information_underline_table tr{
        min-height:40px;
    }
    .mypage_basic_information_underline_table_font700 td{
        text-decoration:none;
        color:#1d1d1d;
    }
}
.withdrawal_button_content{
    margin-top:50px;
}
.modal_btn_free_user_dw_text p{
    font-size: 12px;
    color: #FF0000;
}
.mypage_edit_basic_information_container .regiform_flex_content{
    box-sizing: border-box;
    background-color: #ffffff;
    width: 100%;
    border-radius: 5px;
    border: none;
    border: 1px solid #aaa;
}
.mypage_edit_basic_information_container .regiform_flex_content_flex_add_area{
    display:flex;
    justify-content:space-between;
    border-bottom: 1px solid #707070 !important;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
}
.mypage_edit_basic_information_container .regiform_flex_content_02{
    font-weight: 400;
    font-size: 14px;
}
.mypage_edit_basic_information_container .regiform_flex_content_01 input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: 2px solid #1d1d1d;
    cursor: pointer;
    accent-color: #FF7600;
    appearance: none;
    border-radius: 3px;
    position: relative;
}
.mypage_edit_basic_information_container.regiform_flex_content_01 input[type="checkbox"]:checked::after {
    content: '✔︎';
    position: absolute;
    top: -5px;
    left: 1px;
}
.mypage_edit_basic_form_flex .mypage_edit_basic_form_flex02{
    background-color: #ffffffff;
    border-radius: 5px;
}
.mypage_edit_basic_form_flex_content05 .mypage_edit_basic_form_flex02 select{
    border-radius: 5px;
    box-sizing: border-box;
}
.mypage_edit_basic_form_wrapper .other_specialty_wrapper{
    padding-top: 20px;
}
.other_specialty_wrapper label{
    font-weight:700;
}
.mypage_recently_img,
.mypage_all_blowsing_img {
    display: block;
    width: 100%;
}
.mypage_all_blowsing_img {
    display: flex;
    align-items: center;
}
.mypage_recently_img img,
.mypage_all_blowsing_img img {
    object-fit: contain;
    height: auto;
}
@media screen and (max-width: 768px) {
    .production_request_checkbox_group_area {
        width: auto;
    }
}
@media screen and (max-width: 768px) {
    span.required, .span.optional {
        padding: 1px 8px;
        font-size: 13px;
    }
}
@media screen and (max-width:768px) {
    .more_btn a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
@media screen and (max-width:768px) {
    body .fag_container h2.fag_container_he {
        text-align: center;
        color: #333;
        margin-top: 60px;
        margin-bottom: 60px;
    }
    body .fag_container h2{
        margin-top: 0;
    }
    body .faq-section-after {
        margin-top: 50px;
    }
}
@media(min-width:520px){
    .search_area_heading_content br.search_area_heading_br{
        display: none;
    }
}
@media(max-width:768px){
    .mypage_all_blowsing_histosy_heading_text h2{
        font-size:20px;
    }
}
@media screen and (max-width: 768px) {
    .mypage_browsing_history_container .more_btn a {
        font-size: 14px;
        line-height: 1;
        padding: 13px 0;
    }
}

.mypage_create_new_other_accounts_container .mypage_create_newother_form_flex_content08_add:select{
    -webkit-appearance: none;
}
.mypage_create_new_other_accounts_container .mypage_create_newother_form_flex_content08_add::after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    left: 0px;
}
.modal_btn_black a:hover{
    background-color:#FF7600;
    transition:0.2s
}
.pagination_list .current{
    background-color:#1d1d1d;
    height:34px;
    width:34px;
    border-radius:50%;
    box-sizing:border-box;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
}
.pagination_list .current p{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
}
@media(max-width:768px){
    .mypage_password_change_completed_container{
        width:100%; 
        text-align:center;
    }
    .mypage_password_change_completed_wrapper{
        width:100%;        
    }
    .mypage_password_change_completed_heading p{
        font-size:25px;
    }
    body .mypage_edit_basic_form a{
        margin:0 auto;
        text-align: center;
    }
    .mypage_password_change_completed_wrapper{
        padding-top:60px;
    }
}
@media(max-width:420px){
    .search_filter input[type="checkbox"]:checked::after {
        top: -2px;
        left: 1px;
        font-size: 10px;
    }
}
/*
button.close-btn{
    margin:0 auto;
}
*/
@media (max-width: 768px) {
    .sidebar_wrapper {
        height: 100% !important;
        overflow-y: auto !important;
        padding-bottom: 80px;
    }
}

.payment_modal_content{
    max-width: 972px;
    margin: 0 auto;
}
.payment_p01{
    text-align: center;
    padding-top: 114px;
    padding-bottom: 66px;
}
.add_payment_heading {
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.add_payment_plan_name{
    font-size:16px;
    font-weight:700
}
.add_payment_plan{
    background-color: #ffffff;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
        margin-bottom:20px;
}
.add_payment_plan_flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.add_payment_plan_asterisk{
    font-size:14px;
    color:#707070;
}
.payment_p02{
    border-radius:5px;
    font-size:14px;
}
.payment_card_form_area_content{
    background-color: #ffffff;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}
.payment_setting_container_add .payment_btn{
    margin-top:80px;
}
.payment_btn button{
    transition:0.2s;
    background-color:#ff7000;
}
.payment_btn button:hover{
    transition:0.2s;
    background-color:#ff7000;
}
.payment_btn{
    width:259px;
    margin:0 auto
}
.add_payment_plan_name {
    margin-bottom:10px
}
.add_payment_plan_name p{
    display:flex;
    align-items:center;
    gap:5px
}
.add_payment_plan_name img{
    width:20.56px;
}
.add_payment_plan_flex02 p{
    font-weight:700;
    font-size:35px;
    color:#FF7000;
}
.add_payment_plan_asterisk02{
    font-size:16px;
    color:#1d1d1d;
    margin-right:15px;
}
.add_payment_plan_asterisk02_mini{
    font-size:16px;
}
@media(max-width:768px){
    .payment_p01{
        padding: 60px 0;
    }
    .co_plan_application_form_label span{
        box-sizing:border-box;
        padding: 1px 8px;
        font-size: 13px;
    }
}
@media (max-width: 768px) {
    .co_plan_application_plan_content_flex02 {
        width: 100%;
    }
}
.add_payment_plan_flex01{
    align-items:center;
}
@media(min-width:769px){
    .add_payment_plan_asterisk_sp{
        display:none;
    }
}
@media(max-width:768px){
    .add_payment_plan_flex{
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        box-sizing: border-box;
    }
    .add_payment_plan_asterisk{
        display:none;
    }
    .add_payment_plan_name {
        margin-bottom: 0px;
    }
}
.add_payment_plan_asterisk_sp{
    font-size:14px;
    color:#707070;
}
.add_payment_plan_asterisk03{
    color: #1D1D1D;
    font-size: 16px;
}
@media(max-width:768px){
    .modal_bold_text br.modal_bold_text_br{
        display: none;
    }
}
@media(max-width:768px){
    button.close-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media(max-width:768px){
    .top_no_login_flex button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px; 
        height: 100px;
        overflow: hidden;
        border: none;
        background: none;
        padding: 0;
    }
    .top_no_login_flex img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
}
@media(min-width:769px){
    .mypage_download_list_area_flex_setting_sp{
        display: none;
    }
}
@media(max-width:768px){
    .mypage_download_list_area_flex_setting_pc{
        display: none;
    }
}
p.mypage_download_list_area_flex02_p01, p.mypage_purchase_list_area_flex02_p01 {
    font-size: 12px;
}
.mypage_download_list_area_flex_setting_sp .add_mypage_download_list_flex{
    display: flex;
    gap: 20px;
}
.mypage_download_list_area_flex_setting_sp .add_mypage_download_list_area_flex01{
    width: 40%;
}
.mypage_download_list_area_flex_setting_sp .add_mypage_download_list_area_flex03{
    width: 60%;
}
.mypage_download_list_area_flex_setting_sp .mypage_download_list_area_flex_content {
    flex-wrap: wrap;
    align-items:center;
}
.add_mypage_download_list_flex{
    align-items:center;
}
.add_mypage_download_list_area_flex03 .mypage_download_list_area_flex02_p02{
    font-size:14px;
}
p.mypage_download_list_area_flex02_p01 {
    padding-bottom: 0px;
}
p.mypage_download_list_area_flex02_p01, p.mypage_purchase_list_area_flex02_p01 {
    font-size: 12px;
}
p.mypage_download_list_area_flex03_p01{
    font-size: 12px;
}
.add_mypage_download_list_area_flex02_flex{
    display:flex;
    gap:20px;
}
.pagination a{
    cursor:pointer;
}
.pagination_dl{
    gap:5px;
    display:flex;
    align-items:center;
}
.pagination_dl a{
    cursor:pointer;
    width:34px;
    height:34px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.pagination_dl a {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
}
.pagination_dl a.current {
    background-color: #1d1d1d;
    color: #ffffff;
    font-weight: bold;
}
.pagination_dl span {
    color: #1d1d1d;
    font-weight: normal;
    background:none;
}
/*
.member_regi_contianer .checkbox-container input[type="checkbox"]:checked::after {
    content: '✔︎';
    position: absolute;
    top: -4px;
    left: 3px;
}
*/
@media(max-width:768px){
    body .mypage_modal_user_wrapper {
        background-color: #ffffff;
        max-width: 98vw;
        min-width: 98vw;
        min-height: 450px;
        max-height: 450px;
        margin: 0 auto;
        box-sizing: border-box;
        border: 1px solid #9A9A9A;
        border-radius: 5px;
        width: 100%;
    }
    body .mypage_modal_user_choose_area{
        max-width:90%;
        min-width:90%;
    }
}

body .modal-overlay-close .modal_content_area_mydata_width_ch{
    width:561px;
}
body .modal-overlay-close .modal_content_area_mydata_width_ch .modal_bold_text p{
    font-size:22px;
}
.modal-overlay-close .modal_content_area_mydata_width_ch_paymenth {
    width: 745px;
    box-sizing: border-box;
    height: 100%;
    min-height: 533px !important;
    max-height: 533px !important;
}
.point_none_modal_content{
    width:382px;
    margin:0 auto;
}
.point_none_modal_content_flex_x,
.point_none_modal_content_flex_y,
.point_none_modal_content_flex_z{
    display:flex;
    justify-content:space-between; 
}
.point_none_modal_content_flex02{
    text-align:end;
}
.point_none_modal_content_flex_x{
    font-size:22px;
    color:#ff7000;
    font-weight:700;
}
.point_none_modal_content_border{
    height:1px;
    background-color:#E1E4E7;
    width:423px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left: -20.5px;
}
.point_none_modal_content_flex_y,
.point_none_modal_content_flex_z{
    font-size:18px;
}
.point_none_modal_content_flex_y .point_none_modal_content_flex02,
.point_none_modal_content_flex_z .point_none_modal_content_flex02{
    color:#ff7000;
    font-weight:700;
}
.point_none_modal_content_flex02 p,
.point_none_modal_content_flex02 p span{
    color:#ff7000;
}
@media(max-width:768px){
    .point_none_modal_content{
        width:100%;
    }
    .point_none_modal_content_border{
        width:100%;
        margin-left:0;
    }
}
.mypage_edit_basic_information_container .regiform_flex_content_01 input[type="checkbox"]:checked::after{
    content: '✔︎';
    position: absolute;
    top: -5px;
    left: 0px;
}
.checkbox-container input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    aspect-ratio: 1 / 1;
    max-height: 16px;
    min-height: 16px;
}
@media (max-width: 520px) {
    .top_no_login_flex img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .top_no_login_flex img {
        max-height: 98%;
    }
}

.cancel_wrapper{
    margin-top: 30px;
    margin-bottom: 70px;
    background: #FFFFFF;
}
.cancel_heading,
.cancel_text{
    text-align: center;
}
.cancel_heading p{
    font-size: 18px;
    font-weight: 700;
}
.cancel_text p{
    font-size: 14px;
}
.cancel_flex_content{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
}
.cencel_flex{
    text-align: center;
}
.cencel_flex img{
    width: 103px;
    height: 103px;
    aspect-ratio: 1/1;
}
.cencel_flex p{
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
}
.cancel_btn_content{
    margin-top: 20px;
    text-align: center;
}
.cancel_btn01 button{
    background-color: #1d1d1d;
    color: #ffffff;
    border: none;
    width: 243px;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    box-sizing: border-box;
}
.cancel_btn02{
    margin-top: 10px;
}
.cancel_btn02 button{
    background-color: #ffffff;
    color: #1d1d1d;
    border: 2px solid #1d1d1d;
    width: 243px;
    height: 48px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    box-sizing: border-box;
}
.cancel_text_complete{
    margin-bottom: 50px;
}

@media(max-width:768px){
    .top_no_login_flex img {
        max-width: 95%;
        min-width: 95%;
        object-fit: contain;
        max-height: 96%;
    }    
}
@media(min-width:769px){
    .purchase_history_container .mypage_mydata_choose_all_btn_wrapper {
        padding-left: 0px;
    }
}
@media(max-width:768px){
    button.close-btn{
        position:sticky;
        top:-30px;
        margin-top:-100px;
        right:0px;
        z-index:99999999;
    }
    body .modal_content_area{
        padding:0;
        padding-top:55px;
    }
}
.registration-button:hover{
    color: #FFFFFF;  background-color: #0066cc;
}
@media(max-width:768px){
    h2 .fontsize_014{
        font-size:14px;
    }
    .mypgae_all_browsing_history_content_area {
        padding-top: 55px;
    }
}
.zenkaku-text{
    letter-spacing:-3px;
}
.mypage_create_newother_form_flex_content08_add select{
    width:150px;
}
@media(max-width:768px){
    .slick-initialized .slick-slide {
        padding: 8px;
    }
}
@media(min-width:769px){
    .payment_card_form_area_content_no_modal .payment_form_group {
        width: 100%;
    }
    body .payment_select_flex_content{
        gap:40px;
    }
}
.pagination_list{
    display:flex;
    align-items:center;
    font-weight:700;
    margin-top: 25px;
}
.pagination_list a{
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment_setting_container_add .payment_form_group04 select,
.payment_setting_container_add .payment_form_group05 select{
    appearance: none;
    -webkit-appearance: none;
}
.payment_setting_container_add .payment_form_group04:after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    margin-left: -50px;
    top:8px;
}
.payment_setting_container_add .payment_form_group05:after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    margin-left: -50px;
    top:8px;
}
#favorite-items-container{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}
.pagination_dl span{
    background-color:#1d1d1d;
    color:#ffffff;
    font-weight:700;
}
.mypage_purchase_list_area_content_wrapper{
    margin-bottom: 15px;
}
@media(min-width:769px){
    .mypage_purchase_list_area_content_wrapper{
        justify-content:space-between;
        align-items:center;
    }
}
@media(max-width:768px){
    .mypage_purchase_list_area_content_wrapper{
        flex-wrap:wrap;
    }
}
.cancel_wrapper{
    width:1011px;
    min-height:566px;
}
.cancel_buttun_area{
    text-align:end;
}
.cencel_flex {
    text-align: center;
    width: 20%;
}
.cancel_wrapper{
    flex-wrap:wrap;
    display: flex;
    border-radius: 5px;
}
.cancel_buttun_area,
.cancel_heading,
.cancel_text,
.cancel_flex_content,
.cancel_btn_content{
    width:100%;
}
@media(max-width:768px){
    .cancel_wrapper{
        width:98vw;
        min-height:80%;
        max-height:80%;
        height:80%;
    }
    .cencel_flex {
        text-align: center;
        width: 20%;
    }
    .cancel_wrapper{
        flex-wrap:wrap;
        display: flex;
        padding:10px;
        align-items: center;
    }
    .cancel_buttun_area,
    .cancel_heading,
    .cancel_text,
    .cancel_flex_content,
    .cancel_btn_content{
        width:100%;
    }
    .cancel_wrapper button.close-btn {
        position: fixed;
        top: 10px;
        margin-top: 80px;
        right: 15px;
        z-index: 99999999;
    }
    .cancel_flex_content{
        gap:10px;
    }
    .cencel_flex{
        width:30%;
    }
}
.plan_management_current_plan_text03 p{
    font-size: 14px;
}
.sign_password_change_new_wrapper input[type="password"] {
    padding-top: 10px;
    padding-bottom: 10px;
}
.news_sidebar_heading_link_area a{
    display:block;
}
.modal_content_area {
    padding-left: 5px !important;
}
.mypage_add_all_container_maill_ch .mypage_information_email_receipt_wrapper{
    padding-top: 50px;
}
.mypage_add_all_container_maill_ch .mypage_information_email_receipt_wrapper .mypage_information_email_receipt_heading_text{
    padding-bottom: 30px;
}
.mypage_add_all_container_maill_ch .mypage_information_email_receipt_wrapper .more_btn_receipt a{
    padding-top: 12px;
    padding-bottom: 12px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .top_no_login_flex img {
        max-height: 100%;
    }
}
@media (max-width: 768px) {
    .modal_width_add_ch_point button.close-btn {
        margin-top: -40px;
    }
    .top_no_login_flex {
        box-sizing: border-box;
    }
    .top_no_login_flex img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .top_no_login_flex {
        border: 1px solid #E1E4E7;
        box-sizing: border-box;
    }
    .top_no_login_flex img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
    .top_no_login_flex.goods_modal {
        border: 1px solid #E1E4E7;
        padding: 0;
        background: none;
        border-radius: 3px;
    }
        
}
@media(min-width:769px){
    .mypage_mydata_favorite_flex{
        min-width: 220px;
        aspect-ratio: 1/1;
    }
    .mypage_mydata_favorite_flex_border_area {
        height: 220px;
    }
}
.add_mypage_purchase_text_content{
    font-size: 16px;
}
@media(max-width:768px){
    .add_mypage_purchase_text_content{
        font-size: 14px;
    }
}
.payment_form_group p{
    font-size: 18px;
    font-weight: 700;
}
.mypage_edit_basic_form_flex_content04 .mypage_edit_basic_form_flex02 select{
    -webkit-appearance: none;
}
.mypage_edit_basic_form_flex_selectarea{
    display: flex;
    align-items: center;
    width: 100%;
    gap: 5px;
}
.mypage_edit_basic_form_flex_selectarea::after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
    z-index: 999;
    position: relative;
    left: -50px;
}
.mypage_edit_basic_form_flex02_selectarea select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 24px;
    box-sizing: border-box;
    margin-right: -30px;
}
.mypage_edit_basic_form_flex02_selectarea::after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
}
.mypage_edit_basic_information_wrapper #pharmacist_category {
    border-radius: 5px;
}
.mypage_edit_basic_information_selectarea select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding-right: 24px;
    box-sizing: border-box;
    margin-right: -30px;
}
.mypage_edit_basic_information_selectarea::after{
    content: '▼';
    pointer-events: none;
    color: #1d1d1d;
}
.mypage_edit_basic_information_selectarea_flex{
    display:flex;
    /* width: 100%; */
    gap:30px;
    align-items:center;
}
.mypage_edit_basic_information_selectarea{
    width:100%;
}
.mypage_edit_basic_information_selectarea_flex select{
    width: 100%;
    padding: 10px;
    min-height: 45px;
}
.mypage_edit_basic_information_wrapper .mypage_edit_basic_information_selectarea_flex #pharmacist_category{
    width: 41.5%;
}
.mypage_edit_basic_information_wrapper .mypage_edit_basic_information_selectarea_flex #pharmacist_category{
    margin-left:0;
}
.mypage_edit_basic_information_selectarea_flex #pharmacist_category label{
    width:11.5%;
}
.mypage_edit_basic_information_wrapper .mypage_edit_basic_information_selectarea_flex #pharmacistOptions label {
    width: 18.5%;
}
.mypage_edit_basic_information_wrapper select#pharmacist_category{
    -webkit-appearance: none;
}
.mypage_edit_basic_information_selectarea_flex{
    content: '▼';
    color: #1d1d1d;
    z-index: 999;
    position: relative;
}
.mypage_edit_basic_information_selectarea {
    width: 80%;
}
@media(min-width:760px){
    .mypage_edit_basic_information_selectarea_label{
        display:contents;
        text-align:center;
    }
}
@media(max-width:768px){
    .mypage_edit_basic_information_selectarea_flex{
        flex-wrap:wrap;
        gap:10px;
    }
    .mypage_edit_basic_information_selectarea{
        width:100%;
    }
    .mypage_edit_basic_information_wrapper .mypage_edit_basic_information_selectarea_flex #pharmacist_category{
        width:100%;
    }
}
@media (max-width: 768px) {
    .top_no_login_flex img {
        max-height: 95%;
    }
}
.payment_setting_button {
    text-align: end;
    margin-top: 15px;
    position: sticky;
    top: -1px;
}


.cancel_wrapper_conmplete .cancel_wrapper {
    flex-wrap: wrap;
    display: flex;
    border-radius: 5px;
    align-items: center;
}
.cancel_wrapper_conmplete .cancel_btn02{
    margin-top: 10px;
    display:flex;
}
.cancel_wrapper_conmplete .cancel_btn02 a{
    background-color: #1d1d1d;
    color: #ffffff;
    width: 243px;
    max-height: 48px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3px;
    box-sizing: border-box;
    display:block;
    text-decoration:none;
    box-sizing:border-box;
    padding-top:12px;
    padding-bottom:12px;
    margin:auto;
    transition:0.2s;
}
.cancel_wrapper_conmplete .cancel_btn02 a:hover{
    transition:0.2s;
    background-color: #FF7600;
}
.mypage_regi_postalcode_form input,
.member_regi_birthday_form_flex02 select{
    max-height: 35px;
    min-height:35px;
}
.add_mypage_purchase_text_content{
    margin-bottom: 10px;
}

@media(max-width:768px){
    .withdrawal_procedure_content,
    .withdrawal_content_area_completion{
        max-width:100%;
        min-width:100%;
    }
    .withdrawal_content_area_completion{
        padding: 0;
    }
}
.withdrawal_button_content button{
    transition:0.2s;
}
.withdrawal_button_content button:hover{
    transition:0.2s;
    background-color:#FF7600;
}
@media (max-width: 768px) {
    .top_no_login_flex.goods_modal {
        border: 1px solid #E1E4E7;
        padding: 5px;
        border-radius: 3px;
        box-sizing: border-box;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top_no_login_flex.goods_modal img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .mypage_mydata_container{
        max-width:95vw;
        margin:0 auto;
    }
    .mypage_mydata_favorite_flex {
        width: 45%;
    }
    #favorite-items-container{
        gap: 20px 28px;
    }
}

@media (max-width: 768px) {
    .cancel_wrapper {
        width: 98vw;
        min-height: 90vh;
        max-height: 90vh;
        height: 80%;
        height: 566px;
    }
    .modal-overlay-close_cancel {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cancel_heading{
        padding: 0;
    }
    .cancel_wrapper button.close-btn {
        position: fixed;
        top: 50px;
        margin-top: 0px;
        right: 0;
        z-index: 99999999;
    }
    .cancel_buttun_area{
        margin-left:auto;
        /* justify-content: end; */
        /* display: flex; */
    }
}
@media (max-width: 768px) {
    .cancel_wrapper button.close-btn{
        position: sticky;
    }
    button.close-btn {
        position: sticky;
    }
    body .modal-overlay-close_cancel .modal_content_area{
        padding:30px;
    }
    .cancel_wrapper button.close-btn{
        margin-left:auto;
    }
}
@media (max-width: 768px) {
    .cancel_wrapper button.close-btn{
        top:10px;
    }
    body .cancel_wrapper02{
        padding-top: 0;
    }
}
@supports (-webkit-touch-callout: none) {
    @media screen and (max-width: 768px) {
        .withdrawal_container input[type="checkbox"] {
            appearance: none;
            -webkit-appearance: none;
            width: 16px;
            height: 16px;
            position: relative;
            cursor: pointer;
            }
    
            * .withdrawal_container input[type="checkbox"]:checked::after {
            content: '✔';
            color: rgb(255, 255, 255) !important;
            font-size: 10px;
            position: absolute;
            }
        }
    }
.list_under_text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.modal_size_add p {
    font-size: 14px;
}
.info_asterisk_area_content{
    margin-bottom: 10px;
}
.info_asterisk_area_content p{
    font-size: 14px;
}
@media(min-width:769px){
    .search_filter{
        min-width: 300px;
    }
}

/*-----------------------*/
/*
トップページお知らせ
*/
/*-----------------------*/
.top_news_container{
    background-color: #F4F4F4;
}
.top_news_wrapper{
    max-width: 1186px;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 40px;
}

.top_news_flex_content{
    display: flex;
    gap: 30px;
    box-sizing: border-box;
    align-items: center;
}
.top_news_flex02_link {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    padding: 15px 35px 15px 25px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 20px;
    gap: 20px;
}

.top_news_flex01{
    width: 30%;
    padding: 60px;
    box-sizing: border-box;
    text-align: center;
}
.top_news_button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_news_button a {
    background-color: #1D1D1D;
    font-weight: 700;
    color: #ffffff;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 187px;
    height: 44px;
    box-sizing: border-box;
    text-decoration: none;
    font-size: 16px;
}

.top_news_flex02{
    width: 70%;
}
.top_news_flex02_heading{
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}
.top_news_heading{
    margin-bottom: 30px;
}
.top_news_heading p{
    font-size: 25px;
    font-weight: 700;
}
.top_news_flex02_date{
    font-size: 14px;
    font-weight: 700;
}
.top_news_flex02_category{
    text-align: center;
}
.top_news_flex02_category p{
    background-color: #9A9A9A;
    width: 65px;
    max-height: 20px;
    min-height: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 3px;
}
.top_news_flex02_text p{
    font-size: 14px;
}
.top_news_flex02_icon i{
    color: #1D1D1D;
    font-weight: 900;
    font-size: 20px;
}

a.top_news_flex02_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 15px 35px 15px 25px;
    border-radius: 5px;
    background-color: #ffffff;
    text-decoration: none;
    color: #1D1D1D;
}

.top_news_flex02_area01 {
    flex-grow: 1;
}

.top_news_flex02_area02 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
}

@media(max-width:1024px){
    .top_news_flex01{
        width: 40%;
    }
    .top_news_flex02{
        width: 60%;
    }
}
@media(min-width:769px){
    .top_news_button_sp{
        display: none;
    }
}
@media(max-width:768px){
    .top_news_button_pc{
        display: none;
    }
    .top_news_button_sp{
        margin: 0 auto;
        margin-top: 20px;
    }
    .top_news_wrapper{
        max-width: 96vw;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .top_news_flex_content{
        flex-wrap: wrap;
    }
    .top_news_flex01{
        width: 100%;
        padding-bottom: 10px;
    }
    .top_news_flex02{
        width: 100%;
    }
    .top_news_flex02_link{
        padding: 0;
    }
    .top_news_flex_content{
        gap: 0;
    }
    .top_news_heading p{
        font-size: 20px;
    }
}


.beta_modal_container {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.beta_modal_container.active {
    opacity: 1;
    visibility: visible;
}