@charset "shift-jis";

/************* shinki01 **********/
.s01 .m-contents_btn_area {

}
.s01 .m-btn_area_title {
    text-align: left;
    margin-bottom: var(--space-0_25);
    font-size: var(--font-size-sm);
}
.s01 .m-btn_area:not(:first-child) {
    margin-top: var(--space-2);
}

.s01 #m-notice_msg_blk {
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-3);
}
.s01 #m-notice_msg_blk .m-notice_msg_title {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.s01 #m-notice_msg_blk .m-notice_msg_title::after,
.s01 #m-notice_msg_blk .m-notice_msg_title.open::after {
    margin-left: var(--space-0_5);
}
.s01 #m-notice_msg_blk .m-notice_msg_title::after {
    font-family: "Material Icons";
    content:'add';
}
.s01 #m-notice_msg_blk .m-notice_msg_title.open::after {
    font-family: "Material Icons";
    content:'\e15b';
}
.s01 #m-notice_msg_blk .m-notice_msg_body {
    padding: var(--space-1);
    background-color: var(--color-blk-beige);
    border-radius: 8px;
    margin-top: var(--space-0_25);
}
/** マイページメンテ **/
.s01 #m-notice_msg_blk .m-notice_msg_body .m-mypage_mnt_msg .time {
    margin-top: var(--space-1);
}

.s01 #m-notice_msg_blk .m-notice_msg_body .m-mypage_mnt_msg .time .mnt_tbl {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    gap: 4px 8px;
}
.s01 #m-notice_msg_blk .m-notice_msg_body .m-mypage_mnt_msg .time .mnt_tbl .mnt_row {
    display: contents;
}
.s01 #m-notice_msg_blk .m-notice_msg_body .m-mypage_mnt_msg .time .mnt_tbl .mnt_row span {
    text-align: right;
}
/** マイページメンテ **/

/************* shinki01 **********/

/************* shinki01_1 **********/
.s01_1 .m-exclusion_notice_title,
.s01_1 .m-other_insurance_title,
.s01_1 .m-sharyosongaihosho_title,
.s01_1 .m-apply_title {
    margin-top: var(--space-3);
}
.s01_1 .m-contents_document_list_area,
.s01_1 .m-exclusion_notice_area,
.s01_1 .m-other_insurance_area,
.s01_1 .m-sharyosongaihosho_area,
.s01_1 .m-apply_area {
    padding-inline: var(--space-1);
}
.s01_1 .m-document_list_desc,
.s01_1 .m-required-documents_list,
.s01_1 .m-document_list_note,
.s01_1 .m-exclusion_notice_desc,
.s01_1 .m-exclusion_notice_list,
.s01_1 .m-other_insurance_desc,
.s01_1 .m-other_insurance_list,
.s01_1 .m-sharyosongaihosho_desc,
.s01_1 .m-sharyosongaihosho_list,
.s01_1 .m-apply_desc {
    margin-bottom: var(--space-1);
}
/** 必要書類について **/
.s01_1 .m-required-documents_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 36px;
}
.s01_1 .m-required-document_item .m-required-document_img {
    margin-bottom: var(--space-0_5);
    text-align: center;
}
.s01_1 .m-required-document_item .m-required-document_txt {
    text-align: center;
}
/** 必要書類について **/
/** infoアイコン付きのリスト **/
.s01_1 .m-exclusion_notice_list .m-exclusion_notice,
.s01_1 .m-other_insurance_list .m-other_insurance_notice,
.s01_1 .m-sharyosongaihosho_list .m-sharyosongaihosho_notice {
    position: relative;
    margin-left: var(--space-1);
    margin-bottom: var(--space-1);
    padding-left: var(--space-0_5);
}
/************* shinki01_1 **********/

/************* shinki02 **********/
/* ステップナビ */
.s02 .m-section_stepnav {
    margin-block: var(--space-2);
    text-align: center;
}
.s02 .m-section_stepnav img {
    width: 100%;
}
/* ステップナビ */
.s02 #m-area_title_step2,
.s02 #m-area_title_step3 {
    margin-block: var(--space-6) var(--space-2);
}
.s02 #m-area_title_step1 {
    margin-block: var(--space-2) var(--space-2);
}
.s02 .m-hozon_info_area,
.s02 .m-q_s_date_info_area,
.s02 .m-q_s_date_02_info_area,
.s02 .m-ins_class_info_area,
.s02 .m-q_accident_cnt_note,
.s02 .m-q_if_condition_check_note_area,
.s02 .m-q_if_condition_info_area,
.s02 .m-q_maika_info_area,
.s02 .m-q_who_drive_note,
.s02 .m-q_ins_age_note
{
    margin-bottom: var(--space-1);
}
.s02 .m-q_s_date_02_area,
.s02 .m-q_accident_area,
.s02 .m-q_if_condition_area,
.s02 .m-q_maika_txt_area {
    /* margin-block: var(--space-0_5); */
}
.s02 .m-ins_class_comment_area {
    margin-top: var(--space-0_25);
}
.s02 .m-ins_class_unknown_comment_area,
.s02 .m-first_year_unknown_comment_area {
    margin-top: var(--space-1);
}
.s02 .m-q_if_condition_check_note li {
    margin-left: 1.5rem;
    text-indent: -1.5rem;
    display: block;
}
.s02 .m-q_if_condition_check_note li:before {
    font-family: "Material Icons";
    content: '\e5ca';
    margin-right: var(--space-0_5);
    width: 1.5rem;
    text-align: center;
    position: relative;
    top: 0.1em;
}
.s02 .m-q_b_date_area {
    margin-top: var(--space-0_5);
}
.s02 .m-q_who_drive_img {
    margin-block: var(--space-1);
    text-align: center;
}
.s02 .m-q_who_drive_img img {
    width: 100%;
}
.s02 .m-q_ins_age_nashi_info_text_list_title {
    margin-block: var(--space-0_25) var(--space-0_5);
}
.s02 .m-q_ins_age_note > div {
    margin-top: var(--space-1);
}
.s02 .m-q_ins_age_note > div.m-q_ins_age_mt2,
.s02 .m-q_ins_child_age_question.m-q_ins_age_mt2 {
    margin-top: var(--space-2);
}
.s02 .m-q_ins_child_age_area,
.s02 .m-q_ins_child_age_item{
    margin-top: var(--space-1);
}
.s02 .m-q_ins_child_age_no {
    padding-inline: var(--space-1);
}
.s02 .m-q_ins_child_age_no:before {
    font-family: "Material Icons";
    content: '\e5ca';
    margin-right: var(--space-0_5);
    position: relative;
    top: 0.1em;
}
/** 運転者の表 **/
.m-driver_range_area {
    width: 100%;
    border-block: 1px solid var(--color-green);
    margin-top: var(--space-3);
}
.m-driver_range {
    width: 100%;
    color: var(--color-black);
}
.m-driver_range thead th.m-untensha {
    width: 60%;
}
.m-driver_range thead th.m-hoshohani {
    width: 40%;
}
.m-driver_range thead th,
.m-driver_range tbody td {
    padding: var(--space-0_5);
    text-align: center;
    vertical-align: middle;
    border: 1px solid var(--color-stroke-gray);
}
.m-driver_range tbody td.m-text_left {
    text-align: left;
}
.m-driver_range thead th {
    background-color: var(--color-light-blue);
}
.m-driver_range thead th:first-child,
.m-driver_range tbody td:first-child {
    border-left: none;
}
.m-driver_range thead th:last-child,
.m-driver_range tbody td:last-child {
    border-right: none;
}
/** 運転者の表 **/
.s02 .m-q_type_plate_anser_table {
    width: 100%;
    border-block: 1px solid var(--color-green);
    margin-bottom: var(--space-1);
}
.s02 .m-q_type_plate_anser {
    width: 100%;
    color: var(--color-black);
}
.s02 .m-q_type_plate_anser tbody th,
.s02 .m-q_type_plate_anser tbody td {
    padding: var(--space-0_5);
    text-align: left;
    vertical-align: middle;
}
.s02 .m-q_type_plate_anser tbody th {
    background-color: var(--color-light-blue);
    width: 60px;
}
.s02 .m-q_type_plate_anser tbody td {
    display: flex;
    align-items: center;
    gap: var(--space-0_25);
}
.s02 .m-q_type_plate_anser tbody th:first-child,
.s02 .m-q_type_plate_anser tbody td:first-child {
    border-left: none;
}
.s02 .m-q_type_plate_anser tbody th:last-child,
.s02 .m-q_type_plate_anser tbody td:last-child {
    border-right: none;
}
.s02 .m-q_type_plate_anser_area .m-q_type_plate_anser_btn {
    padding-inline: var(--space-2);
}
.s02 .m-q_katashiki_question_area .m-q_katashiki_question_area_inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-0_5);
}
.s02 .m-question_katashiki_warn {
    color: var(--color-orange);
    margin-bottom: var(--space-0_25);
}
.s02 .m-q_katashiki_anser_table {
    width: 100%;
    border-block: 1px solid var(--color-green);
    margin-bottom: var(--space-1);
}
.s02 .m-q_katashiki_anser {
    width: 100%;
    color: var(--color-black);
}
.s02 .m-q_katashiki_anser tbody th,
.s02 .m-q_katashiki_anser tbody td {
    padding: var(--space-0_5);
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid var(--color-stroke-gray);
    border-bottom: 1px solid var(--color-stroke-gray);
}
.s02 .m-q_katashiki_anser tbody th {
    background-color: var(--color-light-blue);
    width: 100px;
}
.s02 .m-q_katashiki_anser tbody th:first-child,
.s02 .m-q_katashiki_anser tbody td:first-child {
    border-left: none;
}
.s02 .m-q_katashiki_anser tbody th:last-child,
.s02 .m-q_katashiki_anser tbody td:last-child {
    border-right: none;
}
.s02 .m-q_katashiki_anser_area .m-q_katashiki_unknown_area {
    margin-block: var(--space-1);
    background-color: var(--color-blk-beige);
    padding: var(--space-1);
}
.s02 .m-q_katashiki_anser_area .m-q_katashiki_chg_btn {
    padding-inline: var(--space-2);
}
.s02 .m-q_check_cartype_area .m-q_check_cartype {
    gap: 0.5rem;
}
.s02 .m-q_check_cartype_area .m-q_check_cartype .m-q_check {
    width: 100%;
}
.s02 .m-q_check_cartype_area .m-q_check_cartype .m-q_check label {
    display: inline-flex;
}
.s02 .m-waibiki_question {
    margin-top: var(--space-0_5);
}
.s02 .m-q_fukushisharyoKakuNinKeka_info_area {
    margin-top: var(--space-1);
}
.s02 .m-q_expire_date_info_area {
    margin-bottom: var(--space-1);
}
/* 保存ボタン */
.s02 .m-btn-hozon {
    margin-top: var(--space-minus1);
}
.s02 .m-edit-area {
    padding-inline: var(--space-2);
}
.s02#for_correct .m-edit_font_strong {
    color: var(--color-orange);
}
/************* shinki02 **********/

/************* shinki03 **********/
.s03 .m-kakekin_area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: solid 1px var(--color-gray);
}
.s03 .m-kakekin_title {
    display: flex;
    align-items: center;
}
.s03 .m-amount {
    font-size: var(--font-size-kakekin);
    font-weight: var(--font-weight-bold);
}
.s03 .m-unit {
    font-size: var(--font-size-sm);
}
.s03 .m-q_pay_period_area {
    margin-top: var(--space-1);
}
.s03 .m-q_pay_period_area .m-q_pay_period_title {
    margin-bottom: var(--space-0_25);
}
.s03 .m-q_pay_period_area .m-q_pay_period_radio {
    flex-wrap: nowrap;
}
.s03 .m-q_pay_period_area .m-q_pay_period {
    width: 50%;
}
.s03 .m-waribiki_area {
    margin-top: var(--space-2);
}
.s03 .m-waribiki_area .m-waribiki_title {
    color: var(--color-green);
    font-weight: var(--font-weight-bold);
    text-align: center;
    margin-bottom: var(--space-0_25);
}
.s03 .m-waribiki_area #m-discount {
    border-block: solid 1px var(--color-green);
    padding-inline: var(--space-1);
}
.s03 #m-discount li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--space-0_5);
    border-bottom: solid 1px var(--color-stroke-gray);
}
.s03 #m-discount li:last-child {
    border-bottom: none;
}
.s03 #m-discount li a{
    display: flex;
}
.s03 .m-ctabtn_area {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: var(--space-2);
}
.s03 .m-ctabtn_area.m-bottom {
    margin-top: var(--space-4);
}
.s03 .m-ctabtn_area .m-moushikomi,
.s03 .m-ctabtn_area .m-hozon
{
    width: 100%;
    padding-inline: var(--space-3);
}
.s03 .m-ctabtn_area .m-moushikomi_link {
    width: 100%;
    text-align: center;
}
.s03 .m-ctabtn_area .m-moushikomi_link + .m-hozon {
    margin-top: var(--space-2);
}
.s03 .m-edit
{
    width: 100%;
    padding-inline: var(--space-3);
}
.s03 .m-mitsumorijoken {
    padding-inline: var(--space-0_5);
}
.s03 .m-mitsumorijoken .m-edit {
    margin-top: var(--space-1);
}
.s03 .m-hosho_area {
    margin-top: var(--space-4);
}
.s03 .m-hosho {
    margin-top: var(--space-1);
    padding-inline: var(--space-0_5);
}
.s03 .m-hosho_section {
    font-size: var(--font-size-lg);
}
.s03 .m-hosho_area .m-hosho_section {
    margin-top: var(--space-6);
}
.s03 .m-mitsumorijoken_area .m-hosho_section {
    margin-top: var(--space-3);
}
.s03 .m-hosho_section.top {
    margin-top: var(--space-2);
}
.s03 .m-hosho_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-0_5);
}
.s03 .m-hosho_title span{
    color: var(--color-green);
}
.s03 .m-hosho_title a {
    display: flex;
}
.s03 .m-hosho_items {
    /*background-color: #FFFEFC;*/
    /*padding: var(--space-0_25);*/
    /*border-radius: 8px;*/
}
.s03 .m-hoshoKikan_row {
    display: flex;
    gap: 8px;
}
.s03 .m-hoshoKikan_date {
    min-width: 9rem;
}
.s03 .m-hosho_item {
    padding: var(--space-0_5);
    padding-top: 0;
}
.s03 #blk_untenshanenreijoken .m-hosho_item:not(:has(span)),
.s03 #blk_kodomotokuyaku .m-hosho_item:not(:has(span)) {
    padding-left: var(--space-1);
}
.s03 .m-blue .m-hosho_title {
    padding: var(--space-0_5);
    background-color: var(--color-light-blue);
}
.s03 .m-blue .m-hosho_title span{
    color: var(--color-black);
}
.s03 .m-blue .m-hosho_item {
    padding: var(--space-0_5);
}
.s03 .m-mitsumorijoken_area .m-blue .m-hosho_item {
    padding-left: var(--space-1);
}
.s03 .m-hosho_item .plane_text {
    padding-left: var(--space-0_5);
}
.s03 .m-hosho_item .plane_text strong.amount{
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
}
.s03 .m-area_title {
    color: var(--color-green);
    font-weight: var(--font-weight-bold);
    border-bottom: solid 1px var(--color-green);
    font-size: var(--font-size-title);
}
.s03 #sharyohoshotypedetail {
    border-block: solid 1px var(--color-green);
}
.s03 #sharyohoshotypedetail li {
    display: flex;
    align-items: center;
    padding: var(--space-0_5);
    border-bottom: solid 1px var(--color-stroke-gray);
    gap: var(--space-1);
}
.s03 #sharyohoshotypedetail li:last-child {
    border-bottom: none;
}
.s03 #sharyohoshotypedetail li .sharyodetail_icon img{
    width: 90px;
    height: 50px;
}
.s03 #sharyohoshotypedetail li .sharyodetail_text{
    flex: 0 0 70%;
    font-size: var(--font-size-sm);
}
.s03 #sharyohoshotypedetail .m-border {
    border: solid 1px var(--color-gray);
    font-size: var(--font-size-sm);
    padding: var(--space-0_25);
}
/** お車の補償で無しの場合 **/
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi {
    /*background-color: var(--color-stroke-gray);*/
}
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon img {
    filter: grayscale(100%);
    opacity: 0.8;
}
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_text{
    color: var(--color-disable_font-gray);
}
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon {
    position: relative;
    display: inline-block;
}
/* バツ印 */
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon::before,
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 1px;
    background: var(--color-black);
    transform-origin: center;
    z-index:1
}
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.s03 #sharyohoshotypedetail li.m-sharyodetailnashi .sharyodetail_icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.s03 .m-driver_range_icon {
    text-align: center;
    margin-top: var(--space-1);
    margin-bottom: -2rem;
}
.s03 .m-roadservice_check,
.s03 .m-roadservice_service {
    padding-inline: var(--space-0_5);
}
.s03 .m-roadservice_check {
    margin-top: var(--space-1_5);
}
.s03 .m-roadservice_check li {
    padding-left: var(--space-1_5);
    margin: 0 0 var(--space-0_5);
    position: relative;
}
.s03 .m-roadservice_check li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background: no-repeat left center / 22px 22px url(../img/roadservice_check.svg);
}
.s03 .m-roadservice_item {
    border: solid 1px var(--color-black);
    border-radius: 8px;
    padding: var(--space-0_5);
    margin-bottom: var(--space-0_5);
}
.s03 .m-roadservice_item:last-child {
    margin-bottom: 0;
}
.s03 .m-roadservice_item,
.s03 .m-roadservice_item a{
    display: flex;
    align-items: center;
}
.s03 .m-roadservice_item .m-roadservice_icon img {
    width: 40px;
    height: 38px;
}
.s03 .m-roadservice_item .m-roadservice_text {
    font-size: var(--font-size-sm);
    margin-left: var(--space-0_25);
}
.s03 .m-roadservice_item .m-roadservice_question {
    justify-content: end;
    flex: 1;
    display: flex;
    padding-right: var(--space-0_5);
}
.s03 .m-mybike .m-hosho_section .question_icon {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}
.s03 .m-mybike .m-hosho_section .question_icon a{
    display: flex;
}
.s03 .m-mybike .m-mybike_hosho {
    color: var(--color-green);
    margin-bottom: var(--space-0_25);
}
.s03 .m-mybike .m-hosho_title span{
    color: var(--color-black);
}
.s03 .m-mitsumorijoken_area .m-area_title {
    margin-top: var(--space-5);
}
/* プルダウン */
.s03 span.select {
    position: relative;
    display: flex;
    width: 100%;
    cursor: pointer;
}
.s03 span.select::after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 24px;
    width: var(--icon-select_triangle-size);
    height: var(--icon-select_triangle-size);
    transform: translateY(-50%);
    background-image: url(../img/pulldown_arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.s03 select {
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    border-radius: 8px;
    padding: var(--space-0_5) var(--space-1);
    width: 100%;
    font-size: var(--font-size-base);
    font-weight: normal;
    cursor: pointer;
    align-items: center;
    height: var(--btn-height-base);
    border: solid 1px var(--color-gray);
    background: var(--color-white);
    color: var(--color-black);
}
.s03 select:hover {border: solid 1px var(--color-green);}
.s03 select:valid {
    border: solid 1px var(--color-green);
    background: var(--color-light-blue);
}
.s03 select:disabled {
    background-color: var(--color-stroke-gray);
    color: var(--color-disable_font-gray);
    cursor: not-allowed;
}
.s03 select:required:invalid {
    color: var(--color-disable_font-gray);
}
.s03 select option[value=""] {
    color: var(--color-disable_font-gray);
}
/* プルダウン */
/* ラジオボタン */
.s03 .has_check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-0_5);
}
.s03 .has_check .choice {
    width: 100%;
}
.s03 .has_check.col_2 .choice {
    flex: 2;
}
.s03 .has_check .choice label {
    display: flex;
    align-items: center;
    width: 100%;
    height: var(--btn-height-base);
    padding: 0 var(--space-0_5);
    border: solid 1px var(--color-gray);
    border-radius: 8px;
    background: var(--color-white);
    color: var(--color-black);
    font-weight: normal;
    cursor: pointer;
}
.s03 .has_check .choice label::before {
    content: '';
    width: var(--icon-radio-size);
    height: var(--icon-radio-size);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: var(--space-0_5);
    position: relative;
    top: 1px;
}
.s03 .has_check .choice label::before {
    background-image: url("../img/radio_unchecked.svg");
}
.s03 .has_check .choice input[type="radio"]:checked + label::before {
    background-image: url("../img/radio_checked.svg");
}
.s03 .has_check .choice input[type="radio"]:checked + label {
    border: solid 1px var(--color-green);
    background: var(--color-light-blue);
}
.s03 .has_check .choice label:hover {border: solid 1px var(--color-green);}
.s03 .note {
    border: solid 1px var(--color-green);
    padding: var(--space-1);
    border-radius: 8px;
}
.s03 .note_warning {
    display: flex;
    gap: 4px;
    border: solid 1px var(--color-orange);
    color: var(--color-orange);
    padding: var(--space-1);
    border-radius: 8px;
    margin-top: var(--space-2);
    font-size: var(--font-size-sm)
}
.s03 .note_warning img{
    width: var(--icon-s03_icon-size);
    height: var(--icon-s03_icon-size);
}
.s03 .note_warning span{
    color: var(--color-orange);
}
.s03 .question_icon a:after {
    width: var(--icon-s03_icon-size);
    height: var(--icon-s03_icon-size);
    top:0;
}
.s03 .m-mitsumorijoken_area .m-hosho_unknown {
    margin-left: var(--space-0);
}
.s03 .m-hosho_unknown {
    display: flex;
    align-items: center;
    color: var(--color-orange);
    margin-left: var(--space-0_25);
}
.s03 .m-hosho_unknown img {
    width: var(--icon-s03_icon-size);
    height: var(--icon-s03_icon-size);
}
.s03 footer {
    padding-bottom: 120px;
}
.s03 #floating_footer {
    position: fixed;
    bottom: 0;
    background: var(--color-white);
    z-index: 10;
    width: 100%;
    box-shadow: 0 -3px 4px -2px rgba(0, 0, 0, 0.25);
}
.s03 #floating_footer .m-flex_area {
    display: flex;
    padding: var(--space-0_5);
}
@media screen and (max-width: 375px) {
    .s03 #floating_footer .m-amount {
        font-size: 1.25rem;
    }
}
.s03 #floating_footer .m-flex_area .m-kakekin_area {
    display: block;
    border-bottom: none;
    width: 50%;
}
.s03 #floating_footer .m-flex_area .m-kakekin_area .m-kakekin_title {
    font-size: var(--font-size-sm);
}
.s03 #floating_footer .m-flex_area .m-moushikomi,
.s03 #floating_footer .m-flex_area .m-edit {
    width: 50%;
}
.s03 #floating_footer .m-flex_area .m-edit {
    padding-inline: var(--space-0);
}
.s03.monthly .monthly, .s03.yearly .yearly {
    display: inline-block;
}
.s03.monthly .yearly, .s03.yearly .monthly {
    display: none;
}
/************* shinki03 **********/

/* PCのみ */
@media screen and (min-width: 768px) {
    /************* shinki01 **********/
    /*.s01 .m-btn_area_title {*/
    /*    text-align: center;*/
    /*}*/
    /************* shinki01 **********/
    /************* shinki02 **********/
    .s02 .m-q_who_drive_img {
        text-align: left;
    }
    .s02 .m-q_who_drive_img img {
        width:70%;
    }
    .s02 .m-q_type_plate_anser tbody th {
        width:100px;
    }
    .s02 .m-q_katashiki_anser tbody th {
        width: 140px;
    }
    .s02 .m-edit-area {
        padding-inline: var(--space-8);
    }
    /************* shinki02 **********/

    /************* shinki03 **********/
    .s03 #floating_footer .m-flex_area {
        max-width: 700px;
        margin: 0 auto;
    }
    .s03 .note_warning {
        font-size: var(--font-size-base);
    }
    .s03 .note_warning img{
        margin-top: 2px;
    }
    /************* shinki03 **********/
}