@charset "UTF-8";

/* ************************************** _
タイトル：maintenance-inspection.css
概要：車検・点検用css
更新：2021.10.01
_ ************************************** */


/* 点検メニュー
---------------------------------------------------------------------------- */
.TenkenOverview .TenkenOverviewAnchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 80px auto;
    gap: 15px;
}

.TenkenOverview .TenkenOverviewAnchor li {
    /* margin-left: 2.7027027027%; */
    /* width: 17.8378378378%; */
    width: calc((100% - 15px * 4) / 5);
}

.TenkenOverview .TenkenOverviewAnchor li:first-child {
    margin-left: 0;
}

.TenkenOverview .TenkenOverviewAnchor li a {
    border-radius: 0 0 10px 10px;
    color: #fff;
    display: block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    font-display: swap;
    line-height: 1;
    padding: 15px 5px 33px 5px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0.075em;
}

.TenkenOverview .TenkenOverviewAnchor li a::before {
    border-top: 2px solid #fff;
    bottom: 22px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 16px;
}

.TenkenOverview .TenkenOverviewAnchor li a::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: 10px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 16px;
}

.TenkenOverview .TenkenOverviewAnchor li a:hover {
    filter: brightness(1.2);
}

.TenkenOverview .TenkenOverviewAnchor li a:hover,
.TenkenOverview .TenkenOverviewAnchor li a:active,
.TenkenOverview .TenkenOverviewAnchor li a:focus {
    text-decoration: none;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1 {
    background-color: rgba(38, 178, 89, 0.85);
}

/* .TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:focus {
    background-color: #cd0811;
} */

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6 {
    background-color: rgba(159, 203, 65, 0.85);
}

/* .TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:focus {
    background-color: #cd0811;
} */

.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6 {
    background-color: rgba(241, 149, 39, 0.85);
}

/* .TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:focus {
    background-color: #cd0811;
} */

.TenkenOverview .TenkenOverviewAnchor li a.tenken-year {
    background-color: rgba(38, 166, 229, 0.85);
}

/* .TenkenOverview .TenkenOverviewAnchor li a.tenken-year:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-year:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-year:focus {
    background-color: #cd0811;
} */

.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture {
    background-color: rgba(235, 109, 166, 0.85);
}

/* .TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:focus {
    background-color: #cd0811;
} */

@media screen and (max-width: 768px) {
    .TenkenOverview .TenkenOverviewAnchor {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 60px auto;
    }

    .TenkenOverview .TenkenOverviewAnchor li {
        /* margin-top: 10px; */
        /* width: 31.5315315315%; */
        width: calc((100% - 15px * 4) / 3);
    }

    /* .TenkenOverview .TenkenOverviewAnchor li:nth-of-type(-n+3) {
        margin-top: 0;
    } */

    .TenkenOverview .TenkenOverviewAnchor li a {
        font-size: calc(5 * (100vw - 320px) / 448 + 1.3rem);
        padding: 10px 5px 28px 5px;
    }

    .TenkenOverview .TenkenOverviewAnchor li a::before {
        bottom: 15px;
    }

    .TenkenOverview .TenkenOverviewAnchor li a::after {
        border-top-width: 8px;
        bottom: 5px;
    }
}

@media screen and (max-width: 480px) {
    .TenkenOverview .TenkenOverviewAnchor {
        margin: 40px auto;
        gap: 10px;
    }

    .TenkenOverview .TenkenOverviewAnchor li {
        width: calc((100% - 10px) / 2);
    }
}

.TenkenInspection_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.TenkenInspection_category .TenkenInspection_category__item {
    /* border: 10px solid #c3c3c3; */
    border: 2px solid #c3c3c3;
    border-radius: 1.5rem;
    overflow: hidden;
    /* margin-top: 20px; */
}

/* .TenkenInspection_category .TenkenInspection_category__item:first-child {
    margin-left: 0;
    margin-top: 0;
} */

.TenkenInspection_category .TenkenInspection_category__item.full {
    width: 100%;
}

.TenkenInspection_category .TenkenInspection_category__item.half {
    /* margin-left: 2.7027027027%; */
    /* width: 48.6486486486%; */
    width: calc((100% - 20px)/2);
}

.TenkenInspection_category .TenkenInspection_category__item.third {
    /* margin-left: 2.7027027027%; */
    /* width: 31.5315315315%; */
    width: calc((100% - 20px * 2)/3);
}

.TenkenInspection_category.tenken-month .TenkenInspection_category__item {
    border-color: #ecf5d9;
}

.TenkenInspection_category.tenken-month .TenkenInspection_category__title {
    background-color: #ecf5d9;
}

.TenkenInspection_category.tenken-after6 .TenkenInspection_category__item {
    border-color: #fcead4;
}

.TenkenInspection_category.tenken-after6 .TenkenInspection_category__title {
    background-color: #fcead4;
}

.TenkenInspection_category.tenken-year .TenkenInspection_category__item {
    border-color: #d4edfa;
}

.TenkenInspection_category.tenken-year .TenkenInspection_category__title {
    background-color: #d4edfa;
}

.TenkenInspection_category.tenken-manufacture .TenkenInspection_category__item {
    border-color: #fbe2ed;
}

.TenkenInspection_category.tenken-manufacture .TenkenInspection_category__title {
    background-color: #fbe2ed;
}

.TenkenInspection_category .TenkenInspection_category__title {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    font-display: swap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 3px 0;
    /* padding: 0 10px 10px 10px; */
    text-align: center;
    width: 100%;
    line-height: 2.2;
    letter-spacing: 0.075em;
}

.TenkenInspection_category .TenkenInspection_list {
    background-color: #fff;
    margin: 0;
    /* padding: 10px; */
}

.TenkenInspection__inner {
    padding: 25px 30px;
}

.TenkenInspection__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media screen and (max-width: 1366px) {
    .TenkenInspection_category .TenkenInspection_category__title {
        line-height: 1.6;
    }
}

@media screen and (max-width: 768px) {
    .TenkenInspection_category {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
    }

    .TenkenInspection_category .TenkenInspection_category__title {
        font-size: 1.6rem;
    }

    /* .TenkenInspection_category .TenkenInspection_category__item {
        border: 8px solid #c3c3c3;
        margin-top: 15px;
    } */

    /* .TenkenInspection_category .TenkenInspection_category__item:first-child {
        margin-left: 0;
        margin-top: 0;
    } */

    .TenkenInspection_category .TenkenInspection_category__item.full {
        width: 100%;
    }

    .TenkenInspection_category .TenkenInspection_category__item.half,
    .TenkenInspection_category .TenkenInspection_category__item.third {
        /* margin-left: 0; */
        width: 100%;
    }

    .TenkenInspection_category.tenken-month .TenkenInspection_category__title {
        padding: 3px;
    }
}

@media screen and (max-width: 480px) {
    .TenkenInspection__inner {
        padding: 20px;
    }

    .TenkenInspection__row {
        align-items: baseline;
        flex-direction: column;
        gap: 10px;
    }

    .TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
        width: 50%;
        margin: auto;
    }

    .TenkenInspection_category .TenkenInspection_category__item {
        border-radius: 1.0rem;
    }

    .TenkenInspection_category .TenkenInspection_category__title {
        font-size: 1.5rem;
    }
}

.TenkenMonth .TenkenMonth_lead {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.0rem;
    font-weight: 700;
    font-display: swap;
    text-align: center;
    background-color: #f5f5f5;
    margin: 30px auto;
    padding: 10px;
    letter-spacing: 0.05em;
    border-radius: 0.5rem;
}

.TenkenMonth .TenkenMonth_lead span {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 3.2rem;
    font-weight: 700;
    font-display: swap;
    padding: 0 5px;
}

.TenkenMonth .TenkenMonthContents_icon-discription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.TenkenMonth .TenkenMonthContents_icon-discription li {
    margin-left: 20px;
}

.TenkenMonth .TenkenMonthContents_icon-discription li:first-child {
    margin-left: 0;
}

.TenkenMonth .TenkenMonthContents_icon-discription li .icon-month1,
.TenkenMonth .TenkenMonthContents_icon-discription li .icon-month6 {
    margin-right: 0;
}

.TenkenMonth .TenkenMonthContents .icon-month,
.TenkenMonth .TenkenMonthContents .icon-month1,
.TenkenMonth .TenkenMonthContents .icon-month6 {
    border-radius: 9px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    text-align: center;
    width: 18px;
    line-height: 1.2;
}

.TenkenMonth .TenkenMonthContents .icon-month {
    margin-right: 3px;
}

.TenkenMonth .TenkenMonthContents .icon-month1 {
    background-color: #26b259;
    margin-right: 10px;
}

.TenkenMonth .TenkenMonthContents .icon-month1+.icon-month6 {
    margin-left: -7px;
    margin-right: 10px;
}

.TenkenMonth .TenkenMonthContents .icon-month6 {
    background-color: #9fcb41;
    margin-right: 10px;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item {
    display: block;
}

/* .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(1) {
    margin-left: 0;
    margin-top: 0;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: 0;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(4) {
    margin-left: 0;
} */

.TenkenMonth .TenkenMonthContents .TenkenInspection_list.DefaultList {
    /* padding: 10px 10px 10px 35px; */
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
    /* padding: 10px; */
    /* float: right; */
}

.TenkenInspection_category__inner {
    padding: 20px 30px;
}

.TenkenInspection_category__row {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1366px) {
    .TenkenMonth .TenkenMonth_lead {
        font-size: 1.8rem;
        padding: 8px;
    }

    .TenkenMonth .TenkenMonth_lead span {
        font-size: 2.8rem;
    }
}

@media screen and (max-width: 768px) {
    .TenkenMonth .TenkenMonth_lead {
        font-size: 1.6rem;
        padding: 5px;
    }

    .TenkenMonth .TenkenMonth_lead span {
        font-size: 2.6rem;
    }

    .TenkenMonth .TenkenMonthContents_icon-discription {
        margin-bottom: 15px;
    }

    /* .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item {
        margin-top: -10px;
    }

    .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(1) {
        margin-top: 0;
    }

    .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(2) {
        margin-top: -10px;
    }

    .TenkenMonth .TenkenMonthContents .TenkenInspection_list.DefaultList {
        padding: 10px 10px 10px 30px;
    } */
    /* 
    .TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
        padding: 10px;
        float: right;
    } */
}

@media screen and (max-width: 480px) {
    .TenkenMonth .TenkenMonth_lead {
        font-size: 1.5rem;
    }

    .TenkenMonth .TenkenMonth_lead span {
        font-size: 2.4rem;
    }

    .TenkenMonth .TenkenMonthContents_icon-discription {
        display: block;
    }

    .TenkenMonth .TenkenMonthContents_icon-discription li {
        margin-left: 0;
    }

    .TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
        float: none;
        padding-bottom: 0;
        text-align: center;
    }
}

.TenkenAfter6 .TenkenInspection_category__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.TenkenAfter6 .TenkenAfter6_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    /* padding: 10px; */
}

.TenkenAfter6 .TenkenAfter6_list li {
    /* margin-left: 2.8037383178%; */
    /* width: 31.4641744548%; */
    width: 33%;
}

/* .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(3n+1) {
    margin-left: 0;
} */

/* .TenkenAfter6 .TenkenAfter6Plus5_list {
    padding: 10px;
} */

.TenkenAfter6 .PriceComparisonTable th,
.TenkenAfter6 .PriceComparisonTable td {
    padding: 18px 9px;
}

.TenkenAfter6 .PriceComparisonTable th {
    border-right: 1px solid #c3c3c3;
    width: 25.6666666667%;
}

.TenkenAfter6 .PriceComparisonTable th:nth-of-type(1) {
    width: 23%;
}

.TenkenAfter6 .PriceComparisonTable th:nth-of-type(4) {
    border-right-width: 0;
}

@media screen and (max-width: 768px) {
    /* .TenkenAfter6 .TenkenAfter6_list {
        padding: 10px;
    } */

    .TenkenAfter6 .TenkenAfter6_list li {
        /* margin-left: 2.8037383178%; */
        width: 50%;
    }

    /* .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(3n+1) {
        margin-left: 2.8037383178%;
    }

    .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(2n+1) {
        margin-left: 0;
    } */
}

@media screen and (max-width: 480px) {
    /* .TenkenAfter6 .TenkenAfter6_list {
        padding: 10px;
    } */

    .TenkenAfter6 .TenkenAfter6_list li {
        margin-left: 0;
        width: 100%;
    }

    .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .TenkenAfter6 .PriceComparisonTable {
        display: block;
    }

    .TenkenAfter6 .PriceComparisonTable tbody,
    .TenkenAfter6 .PriceComparisonTable tr,
    .TenkenAfter6 .PriceComparisonTable th,
    .TenkenAfter6 .PriceComparisonTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .TenkenAfter6 .PriceComparisonTable tr:first-of-type {
        display: none;
    }

    .TenkenAfter6 .PriceComparisonTable th:first-of-type {
        padding: 9px;
        width: 100%;
    }

    .TenkenAfter6 .PriceComparisonTable td {
        padding: 9px;
        position: relative;
        width: 100%;
    }

    .TenkenAfter6 .PriceComparisonTable td::before {
        display: inline-block;
        font-size: 1.4rem;
        margin-right: 1em;
    }

    .TenkenAfter6 .PriceComparisonTable td:nth-of-type(1)::before {
        content: "軽乗用車：";
    }

    .TenkenAfter6 .PriceComparisonTable td:nth-of-type(2)::before {
        content: "5ナンバー車：";
    }

    .TenkenAfter6 .PriceComparisonTable td:nth-of-type(3)::before {
        content: "3ナンバー車：";
    }

    .TenkenAfter6 .TenkenAfter6Plus5_contents .PriceComparisonTable td:nth-of-type(1)::before {
        content: "料金：";
    }
}

.TenkenYear .PriceComparisonTable th,
.TenkenYear .PriceComparisonTable td {
    padding: 18px 9px;
}

.TenkenYear .PriceComparisonTable th {
    border-right: 1px solid #c3c3c3;
    width: 25.6666666667%;
}

.TenkenYear .PriceComparisonTable th:nth-of-type(1) {
    width: 23%;
}

.TenkenYear .PriceComparisonTable th:nth-of-type(4) {
    border-right-width: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category {
    margin-bottom: 10px;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item {
    display: block;
}

/* .TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(1) {
    margin-left: 0;
    margin-top: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(3) {
    margin-left: 0;
} */

/* .TenkenYear .TenkenYearContents .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 35px;
} */

.TenkenYear .TenkenYearContents .TenkenInspection_category__image {
    /* padding: 10px; */
    float: right;
}

/* @media screen and (max-width: 768px) {
    .TenkenYear .TenkenYearContents .TenkenInspection_category__item {
        margin-top: -10px;
    }

    .TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(1) {
        margin-top: 0;
    }

    .TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(2) {
        margin-top: -10px;
    }

    .TenkenYear .TenkenYearContents .TenkenInspection_list.DefaultList {
        padding: 10px 10px 10px 30px;
    }
} */

@media screen and (max-width: 480px) {
    .TenkenYear .TenkenYearContents .TenkenInspection_category__image {
        float: none;
        padding-bottom: 0;
        text-align: center;
        width: 50%;
        margin: auto;
    }

    .TenkenYear .PriceComparisonTable {
        display: block;
    }

    .TenkenYear .PriceComparisonTable tbody,
    .TenkenYear .PriceComparisonTable tr,
    .TenkenYear .PriceComparisonTable th,
    .TenkenYear .PriceComparisonTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .TenkenYear .PriceComparisonTable tr:first-of-type {
        display: none;
    }

    .TenkenYear .PriceComparisonTable th:first-of-type {
        padding: 9px;
        width: 100%;
    }

    .TenkenYear .PriceComparisonTable td {
        padding: 9px;
        position: relative;
        width: 100%;
    }

    .TenkenYear .PriceComparisonTable td::before {
        display: inline-block;
        font-size: 1.4rem;
        margin-right: 1em;
    }

    .TenkenYear .PriceComparisonTable td:nth-of-type(1)::before {
        content: "軽乗用車：";
    }

    .TenkenYear .PriceComparisonTable td:nth-of-type(2)::before {
        content: "5ナンバー車：";
    }

    .TenkenYear .PriceComparisonTable td:nth-of-type(3)::before {
        content: "3ナンバー車：";
    }
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(1),
.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: 0;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(2n+1) {
    margin-left: 0;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__subtitle {
    background-color: #f5f5f5;
    padding: 2px 10px;
    font-size: 1.4rem;
    margin-bottom: 5px;
    text-align: center;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__subtitle.last {
    margin-top: 20px;
}

/* .TenkenManufacture .TenkenSpecial .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 35px;
} */

.TenkenManufacture .TenkenExpendable .TenkenInspection_category__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}

.TenkenManufacture .TenkenExpendable .TenkenInspection_category__item:nth-of-type(1) {
    margin-left: 0;
}

/* .TenkenManufacture .TenkenExpendable .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 35px;
} */

.TenkenManufacture .TenkenFatsOil .TenkenInspection_category {
    margin-bottom: 10px;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_category__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-top: 0;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding: 10px 10px 10px 35px; */
    justify-content: space-between;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_list li {
    /* margin-left: 2.8708133971%; */
    /* width: 48.5645933014%; */
    width: 50%;
}

/* .TenkenManufacture .TenkenFatsOil .TenkenInspection_list li:nth-of-type(2n+1) {
    margin-left: 0;
} */


@media screen and (max-width: 480px) {
    .TenkenManufacture .TenkenSpecial .TenkenInspection_category__subtitle.last {
        margin-top: 10px;
    }

    .TenkenManufacture .TenkenFatsOil .TenkenInspection_list li {
        width: 100%;
    }
}

/* 車検メニュー
---------------------------------------------------------------------------- */
.ShakenOverview .ShakenOverview_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ShakenOverview .ShakenOverview_list__item {
    margin-left: 2.7027027027%;
    max-width: 445px;
    width: 48.6486486486%;
}

.ShakenOverview .ShakenOverview_list__item:first-child {
    margin-left: 0;
}

.ShakenOverview .ShakenOverview_link {
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ShakenOverview .ShakenOverview_link__target {
    border-bottom: 2px solid transparent;
    border-radius: 7px 7px 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-display: swap;
    height: 40px;
    line-height: 1;
    padding: 0 10px 4px;
    position: relative;
    text-align: center;
}

.ShakenOverview .ShakenOverview_link__target::after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top-width: 14px;
    border-top-style: solid;
    bottom: -14px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 26px;
}

.ShakenOverview .ShakenOverview_link__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 134px;
    padding: 20px 15px 20px 15px;
    text-align: center;
}

.ShakenOverview .ShakenOverview_link__txt {
    color: #222;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-display: swap;
    line-height: 1;
    margin-bottom: 10px;
    width: 100%;
}

.ShakenOverview .ShakenOverview_link__name {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 4rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0;
}

.ShakenOverview .ShakenOverview_link.case--web {
    border-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target {
    background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target::after {
    border-top-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
    color: #90c034;
    line-height: 1.2;
    /* font-size: 3rem; */
    font-size: 27px;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__txt {
    color: #222;
}

.ShakenOverview .ShakenOverview_link.case--shop {
    border-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target {
    background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target::after {
    border-top-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__name {
    color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__txt {
    color: #222;
}

.ShakenOverview .ShakenOverview_link:hover,
.ShakenOverview .ShakenOverview_link:active,
.ShakenOverview .ShakenOverview_link:focus {
    text-decoration: none;
}

.ShakenOverview .ShakenOverview_link:hover.case--web,
.ShakenOverview .ShakenOverview_link:active.case--web,
.ShakenOverview .ShakenOverview_link:focus.case--web {
    background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target {
    border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target::after {
    border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__txt {
    color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__txt {
    color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__txt {
    color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop,
.ShakenOverview .ShakenOverview_link:active.case--shop,
.ShakenOverview .ShakenOverview_link:focus.case--shop {
    background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target {
    border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target::after {
    border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__txt {
    color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__txt {
    color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__txt {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .ShakenOverview .ShakenOverview_link__target {
        font-size: calc(2 * (100vw - 414px) / 354 + 1.6rem);
    }

    .ShakenOverview .ShakenOverview_link__description {
        height: 124px;
        padding: 20px 5px 15px 5px;
    }

    .ShakenOverview .ShakenOverview_link__txt {
        /* font-size: calc(4 * (100vw - 414px) / 354 + 1.4rem); */
        font-size: 16px;
    }

    .ShakenOverview .ShakenOverview_link__name {
        /* font-size: calc(16 * (100vw - 414px) / 354 + 2.4rem); */
        font-size: 36px;
    }

    .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
        /* font-size: calc(14 * (100vw - 414px) / 354 + 1.6rem); */
        font-size: 26px;
    }
}

@media screen and (max-width: 480px) {
    .ShakenOverview .ShakenOverview_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ShakenOverview .ShakenOverview_list__item {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .ShakenOverview .ShakenOverview_list__item:first-child {
        margin-top: 0;
    }

    .ShakenOverview .ShakenOverview_link__target {
        padding: 4px 10px 4px;
        height: 33px;
    }

    .ShakenOverview .ShakenOverview_list .target {
        font-size: 1.4rem;
        height: auto;
        padding: 7px 2px 8px;
    }

    .ShakenOverview .ShakenOverview_link__description {
        height: 100px;
    }

    .ShakenOverview .ShakenOverview_link__name {
        font-size: 2.4rem;
    }

    .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
        font-size: 2.0rem;
    }

    .ShakenOverview .ShakenOverview_list .course__description {
        padding: 23px 10px 10px 10px;
    }

    .ShakenOverview .ShakenOverview_list .course__mamoru {
        font-size: 1.6rem;
    }

    .ShakenOverview .ShakenOverview_list .course__name {
        font-size: 2.8rem;
        line-height: 1;
    }

    .ShakenOverview .ShakenOverview_list .course__name span {
        font-size: 2rem;
    }

    .ShakenOverview .ShakenOverview_list .course__txt {
        font-size: 1.5rem;
        margin-bottom: 5px;
    }
}

.ShakenCourse .ShakenCourseAnchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin: 60px auto;
}

.ShakenCourse .ShakenCourseAnchor li {
    width: calc((100% - 15px * 3)/4);
}

.ShakenCourse .ShakenCourseAnchor li a {
    border-radius: 1.5rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.8rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    height: 100%;
    line-height: 1.4;
    padding: 5px 5px 35px 5px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    letter-spacing: 0.075rem;
}

.ShakenCourse .ShakenCourseAnchor li a span {
    display: inline-block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    font-display: swap;
}

.ShakenCourse .ShakenCourseAnchor li a::before {
    border-top: 2px solid #fff;
    bottom: 22px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 16px;
}

.ShakenCourse .ShakenCourseAnchor li a::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    bottom: 10px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 16px;
}

.ShakenCourse .ShakenCourseAnchor li a:hover,
.ShakenCourse .ShakenCourseAnchor li a:active,
.ShakenCourse .ShakenCourseAnchor li a:focus {
    text-decoration: none;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s {
    background-color: rgba(123, 79, 156, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m {
    background-color: rgba(1, 104, 183, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid {
    background-color: rgba(239, 130, 1, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l {
    background-color: rgba(0, 151, 224, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s {
    background-color: rgba(0, 165, 60, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l {
    background-color: rgba(142, 194, 32, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-light {
    background-color: rgba(232, 83, 151, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-light:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-light:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-light:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial {
    background-color: rgba(229, 0, 69, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:focus {
    filter: brightness(1.2);
}

.ShakenCourse .ShakenCourseList__item {
    border: 2px solid #7b4f9c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
    border-radius: 1.5rem;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 30px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
    background-color: #7b4f9c;
    border-radius: 1.0rem 0 1.5rem 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 3rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    line-height: 0.9;
    /* margin-right: 2.7027027027%; */
    min-height: 70px;
    max-width: 390px;
    padding: 4px 20px 8px;
    text-align: center;
    width: 35%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
    display: inline-block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    font-display: swap;
    line-height: 1;
    margin-top: 5px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
    font-size: 1.6rem;
    margin: 0;
    /* padding: 10px 20px 0 0; */
    width: 65.2972972973%;
    padding-right: 40px;
}

.ShakenCourse .ShakenCourseList .cost-type {
    background-color: #ccc;
    border-radius: 5px;
    display: inline-block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    font-display: swap;
    line-height: 1;
    padding: 3px 10px 5px 32px;
    position: relative;
    text-align: center;
    width: 100px;
}

.ShakenCourse .ShakenCourseList .cost-type span {
    background-color: #222;
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: inline-block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    left: 0;
    padding: 3px 0 5px;
    position: absolute;
    top: 0;
    width: 24px;
}

.ShakenCourse .ShakenCourseList .total-cost {
    align-self: center;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    font-weight: 900;
    margin-bottom: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_box {
    padding: 20px 40px 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-right: 2.7027027027%; */
    max-width: 350px;
    /* padding: 20px 0 20px 20px; */
    position: relative;
    width: 32%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
    /* margin-right: 2.7027027027%; */
    /* width: 100px; */
    width: 110px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child {
    margin-bottom: 45px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child::after {
    bottom: -33px;
    content: "＋";
    display: block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:nth-child(2) {
    margin-bottom: 37px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:nth-child(2)::after {
    bottom: -34px;
    content: "＝";
    display: block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
    margin: auto;
    display: flex;
    max-width: 186px;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

/* .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
} */

/* .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price::after {
  border-bottom: 2px solid #7b4f9c;
  bottom: 3px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
} */

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .total-cost {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    margin-bottom: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price {
    color: #cd0811;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 4rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price>span {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2.5rem;
    font-weight: 500;
    font-display: swap;
    font-weight: 900;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_more {
    display: none;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
    /* padding: 20px 15px 20px 0; */
    /* width: 65.2972972973%; */
    width: calc(68% - 30px);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title {
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    font-display: swap;
    line-height: 1;
    margin-bottom: 10px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title .cost-type {
    margin-right: 5px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
    margin-left: 25px;
    position: relative;
    width: calc((100% - 100px) * 0.2125);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
    bottom: 0;
    content: "＋";
    display: block;
    font-size: 2rem;
    left: -23px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child {
    margin-left: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child::before {
    display: none;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
    width: calc((100% - 100px) * 0.15);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
    bottom: 0;
    content: "＝";
    display: block;
    font-size: 2rem;
    left: -23px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child .item {
    background-color: #7b4f9c;
    color: #fff;
    font-weight: bold;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child .price {
    color: #cd0811;
    font-weight: bold;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .item {
    background-color: rgba(123, 79, 156, 0.2);
    line-height: 1;
    margin: 0;
    text-align: center;
    font-size: 13px;
    gap: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .price {
    margin: 0;
    padding: 6px 5px 5px 5px;
    text-align: center;
    font-size: 16px;
    background-color: #f5f5f5;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s {
    border-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_type--title {
    background-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_total--price::after {
    border-bottom-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list li:last-child .item {
    background-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list .item {
    background-color: rgba(123, 79, 156, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m {
    border-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_type--title {
    background-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_total--price::after {
    border-bottom-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list li:last-child .item {
    background-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list .item {
    background-color: rgba(1, 104, 183, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid {
    border-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_type--title {
    background-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_total--price::after {
    border-bottom-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list li:last-child .item {
    background-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list .item {
    background-color: rgba(239, 130, 1, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l {
    border-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_type--title {
    background-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_total--price::after {
    border-bottom-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list li:last-child .item {
    background-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list .item {
    background-color: rgba(0, 151, 224, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s {
    border-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_type--title {
    background-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_total--price::after {
    border-bottom-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list li:last-child .item {
    background-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list .item {
    background-color: rgba(0, 165, 60, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l {
    border-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_type--title {
    background-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_total--price::after {
    border-bottom-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list li:last-child .item {
    background-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list .item {
    background-color: rgba(142, 194, 32, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-light {
    border-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_type--title {
    background-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_total--price::after {
    border-bottom-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list li:last-child .item {
    background-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list .item {
    background-color: rgba(232, 83, 151, 0.2);
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial {
    border-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_type--title {
    background-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_total--price::after {
    border-bottom-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list li:last-child .item {
    background-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list .item {
    background-color: rgba(229, 0, 69, 0.2);
}

@media screen and (max-width: 1366px) {
    .ShakenCourse .ShakenCourseAnchor li a {
        /* font-size: calc(10 * (100vw - 768px) / 432 + 2rem); */
        font-size: 2.8rem;
    }

    .ShakenCourse .ShakenCourseAnchor li a span {
        /* font-size: calc(2 * (100vw - 768px) / 432 + 1.5rem); */
        font-size: 1.5rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
        /* font-size: calc(7 * (100vw - 768px) / 432 + 2.3rem); */
        font-size: 2.8rem;
        width: 34%;
        gap: 3px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
        /* font-size: calc(2 * (100vw - 768px) / 432 + 1.5rem); */
        font-size: 1.5rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
        font-size: 1.5rem;
        padding-right: 30px;
    }

    /* .ShakenCourse .ShakenCourseList .cost-type {
    width: 90px;
  } */

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
        /* padding: 10px 0 10px 10px; */
        width: 32%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
        width: 100px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child {
        margin-bottom: 35px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child::after {
        bottom: -28px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child {
        margin-bottom: 20px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child::after {
        bottom: -29px;
    }

    .ShakenCourse .ShakenCourseList .total-cost {
        font-size: 1.8rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price {
        font-size: 3.4rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price>span {
        font-size: 2.0rem;
        margin-left: 4px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
        width: 55%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /* 
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
        padding: 10px 10px 10px 0;
    } */

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title {
        font-size: 1.6rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title .cost-type {
        margin-right: 5px;
        font-size: 1.4rem;
        padding: 3px 10px 5px 32px;
    }

    .ShakenCourse .ShakenCourseList .cost-type span {
        font-size: 1.6rem;
        padding: 3px 0 3px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
        margin-left: 20px;
        width: calc((100% - 80px) * 0.2125);
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
        font-size: 1.8rem;
        left: -18px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
        width: calc((100% - 80px) * 0.15);
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
        font-size: 1.8rem;
        left: -18px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .item {
        font-size: 1.3rem;
        padding: 5px 3px 3px 3px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .price {
        font-size: 1.6rem;
        padding: 6px 3px 5px 3px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_box {
        padding: 15px 30px 30px;
    }
}

@media screen and (max-width: 768px) {
    .ShakenCourse .ShakenCourseAnchor {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        max-width: 40px auto;
    }

    .ShakenCourse .ShakenCourseAnchor li {
        width: calc((100% - 10px) / 2);
    }

    /* .ShakenCourse .ShakenCourseAnchor li:nth-of-type(-n+2) {
    margin-top: 0;
  }

  .ShakenCourse .ShakenCourseAnchor li:nth-of-type(4n+1) {
    margin-left: 2.7027027027%;
  }

  .ShakenCourse .ShakenCourseAnchor li:nth-of-type(2n+1) {
    margin-left: 0;
  } */

    .ShakenCourse .ShakenCourseAnchor li a {
        /* font-size: calc(3 * (100vw - 320px) / 448 + 2.1rem); */
        font-size: 2.4rem;
        line-height: 1.4;
        padding: 10px 5px 30px 5px;
    }

    .ShakenCourse .ShakenCourseAnchor li a span {
        /* font-size: calc(3 * (100vw - 320px) / 448 + 1.2rem); */
        font-size: 1.5rem;
        /* margin-top: 3px; */
    }

    .ShakenCourse .ShakenCourseAnchor li a::before {
        bottom: 19px;
    }

    .ShakenCourse .ShakenCourseAnchor li a::after {
        border-top-width: 8px;
        bottom: 8px;
    }

    .ShakenCourse .ShakenCourseList__item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-bottom: 15px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
        border-radius: 1.0rem 1.0rem 0px 0px;
        font-size: calc(10 * (100vw - 320px) / 448 + 2rem);
        margin-right: 0;
        min-height: auto;
        max-width: 100%;
        padding: 10px 20px 12px;
        gap: 10px;
        flex-direction: row;
        width: 100%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
        font-size: calc(3 * (100vw - 320px) / 448 + 1.4rem);
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
        font-size: 1.4rem;
        width: 100%;
        padding: 0px 40px;
    }


    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
        margin-right: 0;
        max-width: 400px;
        padding: 0px;
        width: 100%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price::after {
        bottom: -4px;
        width: 90%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .total-cost {
        font-size: 1.8rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price {
        font-size: 3.4rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price>span {
        font-size: 2rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_more {
        background-color: #222;
        border-radius: 20px;
        bottom: -45px;
        color: #fff;
        cursor: pointer;
        display: block;
        font-size: 2.5rem;
        height: 40px;
        line-height: 40px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
        width: 40px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:hover,
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:active,
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:focus {
        background-color: rgba(34, 34, 34, 0.8);
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
        width: 100%;
        padding: 10px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list:first-of-type {
        margin-bottom: 15px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
        /* border: 1px solid #c3c3c3; */
        margin-bottom: 20px;
        margin-left: 0;
        width: 100%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
        bottom: auto;
        left: 0;
        right: 0;
        top: -25px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child::before {
        display: none;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
        width: 100%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child {
        margin-bottom: 0;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
        bottom: auto;
        left: 0;
        right: 0;
        top: -26px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
        width: 35%;
        text-align: center;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
        width: 65%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_box {
        padding: 20px 40px 50px;
        gap: 30px;
        width: 100%;
        flex-direction: column;
    }

    .ShakenChoose .ShakenChoose__lead {
        margin-bottom: 25px;
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_box {
        padding: 20px 10px 50px;
        gap: 60px;
    }

    .ShakenCourse .ShakenCourseList .total-cost {
        font-size: 1.6rem;
    }

    .ShakenCourse .ShakenCourseList__item {
        margin-bottom: 20px;
    }

    .ShakenCourse .ShakenCourseAnchor {
        gap: 5px;
        margin: 30px auto;
    }

    .ShakenCourse .ShakenCourseAnchor li {
        width: calc((100% - 5px) / 2);
    }

    .ShakenCourse .ShakenCourseAnchor li a {
        padding: 5px 2px 24px 2px;
        font-size: 1.8rem;
        height: -webkit-fill-available;
        min-height: 62px;
    }

    .ShakenCourse .ShakenCourseAnchor li a span {
        font-size: 1.2rem;
    }

    .ShakenCourse .ShakenCourseAnchor li a::before {
        border-top: 2px solid #fff;
        width: 13px;
        bottom: 16px;
    }

    .ShakenCourse .ShakenCourseAnchor li a::after {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff;
        width: 10px;
    }

    .ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m>span {
        font-size: 1.1rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_more {
        font-size: 2.2rem;
        height: 35px;
        line-height: 1.5;
        width: 35px;
        bottom: -50px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
        padding: 0 15px;
        font-size: 1.3rem;
    }

    .ShakenCourse .ShakenCourseList .cost-type {
        font-size: 1.4rem;
        padding: 3px 10px 5px 32px;
    }

    .ShakenCourse .ShakenCourseList .cost-type span {
        font-size: 1.4rem;
        padding: 4px 0 4px;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child::after {
        font-size: 2.0rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:nth-child(2)::after {
        bottom: -31px;
        font-size: 2.0rem;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
        width: 35%;
    }

    .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
        width: 55%;
    }
}

.ShakenChoose .ShakenChoose__lead {
    background-color: #f5f5f5;
    color: #cd0811;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 30px;
    text-align: center;
    border-radius: 0.5rem;
}

/* .ShakenChoose .ShakenChooseTab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.ShakenChoose .ShakenChooseTab__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: calc((100% - 15px) / 2);
}

.ShakenChoose .ShakenChooseTab__item:first-child {
    margin-left: 0;
}

.ShakenChoose .ShakenChooseTab__btn {
    background-color: #f5f5f5;
    border-bottom: 3px solid #cd0811;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2rem;
    font-weight: 700;
    font-display: swap;
    height: 100%;
    line-height: 1;
    padding: 20px 10px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    border-radius: 1.5rem 1.5rem 0 0;
}

.ShakenChoose .ShakenChooseTab__btn:hover,
.ShakenChoose .ShakenChooseTab__btn:active,
.ShakenChoose .ShakenChooseTab__btn:focus,
.ShakenChoose .ShakenChooseTab__btn.current {
    background-color: #cd0811;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1366px) {
    .ShakenChoose .ShakenChooseTab__btn {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 768px) {
    .ShakenChoose .ShakenChoose__lead {
        margin-bottom: 25px;
        padding: 15px;
    }

    .ShakenChoose .ShakenChooseTab__btn {
        font-size: 1.6rem;
        height: auto;
        min-height: 56px;
        padding: 9px 5px;
    }
}

@media screen and (max-width: 480px) {
    .ShakenChoose .ShakenChooseTab {
        margin-bottom: 25px;
    }
} */

.ShakenUsageStatus .ShakenUsageStatus_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}

.ShakenUsageStatus .ShakenUsageStatus_list__item {
    /* background-color: #f2f2f2;
  margin-left: 2.7027027027%;
  max-width: 160px;
  width: 14.4144144144%; */
    border: 1px solid #c3c3c3;
    border-radius: 0.5rem;
    width: calc((100% - 15px * 4)/5);
    /* 4列の場合。列数に応じて変更 */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 15px 20px;
    position: relative;
}

/* .ShakenUsageStatus .ShakenUsageStatus_list__item:nth-of-type(6n+1) {
  margin-left: 0;
} */

.ShakenUsageStatus .ShakenUsageStatus_item__name {
    /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  min-height: 60px;
  line-height: 1.25;
  padding: 5px 10px;
  text-align: center; */
    font-size: 15px;
}

.ShakenUsageStatus .ShakenUsageStatus_item__name>.name {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    height: 42px;
}

.ShakenUsageStatus .ShakenUsageStatus_item__image {
    /* background-color: #fff; */
    position: relative;
    text-align: center;
}

.ShakenUsageStatus .ShakenUsageStatus_item__image img {
    width: 100%;
    height: 160px;
    /* 高さ固定 */
    object-fit: cover;
    margin-bottom: 15px;
}

.ShakenUsageStatus .ShakenUsageStatus_item__image>.icon-makasechao,
.ShakenUsageStatus .ShakenUsageStatus_item__image>.icon-star {
    top: 3px;
    position: absolute;
    right: 0;
}

.ShakenUsageStatus .icon-makasechao.text-in {
    margin-right: 3px;
}

.ShakenUsageStatus .icon-makasechao.text-in,
.ShakenUsageStatus .icon-star.text-in {
    position: relative;
    top: auto;
    right: auto;
}

.ShakenUsageStatus .ShakenUsageStatus_item__txt {
    width: 100%;
}

.ShakenUsageStatus .ShakenUsageStatus_item__txt p {
    margin-bottom: 0;
    text-align: center;
}

.ShakenUsageStatus .ShakenUsageStatus_item__col {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 10px;
}

.ShakenUsageStatus .ShakenUsageStatus_item__col:last-child {
    margin-bottom: 0;
}

.ShakenUsageStatus .ShakenUsageStatus_item__txt .type {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 10.0rem;
    padding: 1px 15px;
}

.ShakenUsageStatus .icon-makasechao {
    background-color: #e85397;
    border-radius: 0 0.5rem 0 0.5rem;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 5px 8px;
    position: absolute;
    top: 0;
    right: 0;
}

.ShakenUsageStatus .icon-star {
    color: #222;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1;
    position: absolute;
    top: 6px;
    right: 10px;
}

.ShakenUsageStatus .SupplementList {
    margin-top: 20px;
}

.ShakenUsageStatus .SupplementList li {
    position: relative;
}

@media screen and (max-width: 1366px) {
    .ShakenUsageStatus .ShakenUsageStatus_item__name {
        font-size: calc(2 * (100vw - 768px) / 432 + 1.4rem);
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__txt {
        font-size: calc(2 * (100vw - 768px) / 432 + 1.4rem);
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__txt .type {
        font-size: calc(1 * (100vw - 768px) / 432 + 1.4rem);
    }
}

@media screen and (max-width: 768px) {
    .ShakenUsageStatus .ShakenUsageStatus_list__item {
        /* border: 1px solid #c3c3c3;
    margin-top: 15px;
    max-width: 49%;
    width: 48.6486486486%; */
        width: calc((100% - 15px * 2) / 3);
    }

    /* .ShakenUsageStatus .ShakenUsageStatus_list__item:nth-of-type(6n+1) {
    margin-left: 2.7027027027%;
  }

  .ShakenUsageStatus .ShakenUsageStatus_list__item:nth-of-type(2n+1) {
    margin-left: 0;
  }

  .ShakenUsageStatus .ShakenUsageStatus_list__item:nth-of-type(-n+2) {
    margin-top: 0;
  } */

    .ShakenUsageStatus .ShakenUsageStatus_item__name {
        font-size: 1.4rem;
        padding: 5px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__image>.icon-makasechao,
    .ShakenUsageStatus .ShakenUsageStatus_item__image>.icon-star {
        right: 3px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__txt {
        font-size: 1.4rem;
        padding: 5px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__txt .type {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 480px) {
    .ShakenUsageStatus .ShakenUsageStatus_list {
        margin-bottom: 20px;
        gap: 10px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_list__item {
        width: calc((100% - 10px) / 2);
        padding: 25px 10px 10px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__name>.name {
        font-size: 14px;
        height: 34px;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__txt .type {
        font-size: 1.2rem;
    }

    .ShakenChoose .ShakenChooseTab__btn {
        font-size: 1.4rem;
        height: auto;
        min-height: auto;
        padding: 12px 5px;
        margin-bottom: 0;
    }

    .ShakenUsageStatus .ShakenUsageStatus_item__image img {
        height: 140px;
    }
}

.ShakenExterior .ShakenExterior_item {
    /* border: 10px solid #dfeaf3; */
    /* padding: 0 20px 20px 20px; */
    margin-bottom: 30px;
    border: 1px solid #c3c3c3;
    padding: 40px;
    border-radius: 1.5rem;
}

.ShakenExterior .ShakenExterior_item_brock {
    margin-bottom: 30px;
}

.ShakenExterior .ShakenExterior_item--title {
    background-color: #dfeaf3;
    border-radius: 0 0 10px 0;
    display: block;
    font-family: "Noto Sans Japanese", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    font-display: swap;
    line-height: 1;
    margin: -10px 0 30px -30px;
    max-width: 260px;
    padding: 15px 15px 15px 30px;
    width: 35%;
}

.ShakenExterior .ShakenExterior_item--table-title {
    font-weight: bold;
}

.ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable:first-of-type {
    margin-bottom: 20px;
}

.ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(1) {
    text-align: left;
    width: 70%;
}

.ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(2) {
    width: 30%;
}

.ShakenExterior .ShakenExterior_item.hassui .SupplementList {
    margin-bottom: 0;
}

.ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable tr:nth-of-type(2) th {
    border-left-width: 1px;
}

.ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td {
    width: 23%;
}

.ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(1) {
    text-align: left;
    width: 54%;
}

.ShakenExterior .ShakenExterior_item.body-coating .SupplementList {
    margin-bottom: 0;
}

.ShakenExterior .ShakenExterior_item.bankin .HeadingTitle--hyphen {
    margin-top: 0;
}

.ShakenExterior .ShakenExterior_item.bankin .ImageSideContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_contents {
    margin-right: 2.7027027027%;
    width: calc(100% - 340px - 2.7027027027%);
}

.ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_image {
    width: 340px;
}

.ShakenExterior .ShakenExterior_item.bankin .SupplementList {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .ShakenExterior .ShakenExterior_item {
        /* border-width: 8px; */
        margin-bottom: 30px;
        padding: 30px;
    }

    .ShakenExterior .ShakenExterior_item.bankin .ImageSideContents {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
    }

    .ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_contents {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_contents p:last-child {
        margin-bottom: 0;
    }

    .ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.bankin .HeadingTitle--hyphen {
        margin-top: 20px;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(1) {
        text-align: left;
        width: 70%;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(2) {
        width: 30%;
    }

    .ShakenExterior .ShakenExterior_item.hassui .SupplementList {
        margin-bottom: 0;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td {
        width: 23%;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(1) {
        text-align: left;
        width: 54%;
    }

    .ShakenExterior .ShakenExterior_item--title {
        border-radius: 0 0 10px 10px;
        margin: -8px 0 30px 0;
        max-width: 100%;
        padding: 15px;
        text-align: center;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item--table-title {
        font-weight: bold;
    }
}

@media screen and (max-width: 480px) {
    .ShakenExterior .ShakenExterior_item {
        padding: 30px 20px;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable {
        display: block;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable tbody,
    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable tr,
    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable th,
    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable th,
    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td {
        padding: 9px;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable tr:first-of-type {
        display: none;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td {
        font-size: 1.5rem;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td::before {
        display: inline-block;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(1) {
        background-color: #f2f2f2;
        padding-left: 65px;
        position: relative;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(1)::before {
        background-color: #35363b;
        color: #fff;
        content: "車種";
        display: block;
        font-size: 1.2rem;
        height: auto;
        left: 9px;
        padding: 3px 10px;
        height: 24px;
        position: absolute;
        top: 7px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 10.0rem;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(2) {
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.hassui .PriceComparisonTable td:nth-of-type(2)::before {
        content: "金額：";
    }

    .ShakenExterior .ShakenExterior_item.hassui .SupplementList {
        margin-bottom: 0;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable {
        display: block;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable tbody,
    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable tr,
    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable th,
    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable th,
    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td {
        padding: 9px 7px;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable tr:first-of-type,
    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable th {
        display: none;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td {
        font-size: 1.4rem;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td::before {
        display: inline-block;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(1) {
        background-color: #f2f2f2;
        padding-left: 65px;
        position: relative;
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(1)::before {
        background-color: #35363b;
        color: #fff;
        content: "車種";
        display: block;
        font-size: 1.2rem;
        height: auto;
        left: 9px;
        padding: 3px 10px;
        height: 24px;
        position: absolute;
        top: 7px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 10.0rem;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(2) {
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(2)::before {
        content: attr(data-title);
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(3) {
        width: 100%;
    }

    .ShakenExterior .ShakenExterior_item.body-coating .PriceComparisonTable td:nth-of-type(3)::before {
        content: attr(data-title);
    }

    .ShakenExterior .ShakenExterior_item.bankin .HeadingTitle--hyphen {
        margin-top: 20px;
    }

    .ShakenExterior .ShakenExterior_item_brock {
        margin-bottom: 25px;
    }

    .ShakenExterior .ShakenExterior_item.bankin .ImageSideContents .ImageSideContents_contents {
        margin-right: 0;
    }
}


.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
    width: calc((100% - 100px) * 0.2125);
}

@media screen and (max-width: 1366px) {
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
        width: calc((100% - 80px) * 0.2125);
    }
}

@media screen and (max-width: 768px) {
    .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
        width: 100%;
    }
}

.ShakenCourseItem_details_list .price .text--oss {
    font-size: 0.75em;
    display: block;
    margin-bottom: -5px;
}

@media screen and (max-width: 768px) {
    .ShakenCourseItem_details_list .price .text--oss {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 1em;
    }
}



.WrittenTable,
.PriceComparisonTable,
.PriceSingleTable,
.SpecificationTable {
    border-top: 1px solid #c3c3c3;
    margin-bottom: 10px;
    width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem;
}

.WrittenTable th,
.WrittenTable td,
.PriceComparisonTable th,
.PriceComparisonTable td,
.PriceSingleTable th,
.PriceSingleTable td,
.SpecificationTable th,
.SpecificationTable td {
    border-bottom: 1px solid #c3c3c3;
    font-weight: 500;
}

.WrittenTable th,
.PriceComparisonTable th,
.PriceSingleTable th,
.SpecificationTable th {
    background-color: #f5f5f5;
    border-left: 1px solid #c3c3c3;
}

.WrittenTable th:first-of-type,
.PriceComparisonTable th:first-of-type,
.PriceSingleTable th:first-of-type,
.SpecificationTable th:first-of-type {
    border-left-width: 0;
}

.WrittenTable td,
.PriceComparisonTable td,
.PriceSingleTable td,
.SpecificationTable td {
    border-left: 1px solid #c3c3c3;
}

.col2.WrittenTable th,
.col2.PriceComparisonTable th,
.col2.PriceSingleTable th,
.col2.SpecificationTable th {
    width: 25.7%;
}

.col2.WrittenTable td,
.col2.PriceComparisonTable td,
.col2.PriceSingleTable td,
.col2.SpecificationTable td {
    width: 74.3%;
}

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

    .WrittenTable,
    .PriceComparisonTable,
    .PriceSingleTable,
    .SpecificationTable {
        font-size: 1.5rem;
    }

    .WrittenTable th,
    .WrittenTable td,
    .PriceComparisonTable th,
    .PriceComparisonTable td,
    .PriceSingleTable th,
    .PriceSingleTable td,
    .SpecificationTable th,
    .SpecificationTable td {
        padding: 9px 19px;
    }
}

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

    .WrittenTable th,
    .WrittenTable td,
    .PriceComparisonTable th,
    .PriceComparisonTable td,
    .PriceSingleTable th,
    .PriceSingleTable td,
    .SpecificationTable th,
    .SpecificationTable td {
        padding: 9px;
    }

    .sp-decompose.WrittenTable,
    .sp-decompose.PriceComparisonTable,
    .sp-decompose.PriceSingleTable,
    .sp-decompose.SpecificationTable {
        display: block;
    }

    .sp-decompose.WrittenTable tbody,
    .sp-decompose.WrittenTable tr,
    .sp-decompose.WrittenTable th,
    .sp-decompose.WrittenTable td,
    .sp-decompose.PriceComparisonTable tbody,
    .sp-decompose.PriceComparisonTable tr,
    .sp-decompose.PriceComparisonTable th,
    .sp-decompose.PriceComparisonTable td,
    .sp-decompose.PriceSingleTable tbody,
    .sp-decompose.PriceSingleTable tr,
    .sp-decompose.PriceSingleTable th,
    .sp-decompose.PriceSingleTable td,
    .sp-decompose.SpecificationTable tbody,
    .sp-decompose.SpecificationTable tr,
    .sp-decompose.SpecificationTable th,
    .sp-decompose.SpecificationTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }
}

.WrittenTable th,
.WrittenTable td {
    padding: 18px 38px;
    text-align: left;
    vertical-align: top;
}

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

    .WrittenTable th,
    .WrittenTable td {
        padding: 9px 19px;
    }
}

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

    .WrittenTable th,
    .WrittenTable td {
        padding: 9px;
    }
}

.PriceComparisonTable th,
.PriceComparisonTable td {
    padding: 18px 28px;
    text-align: center;
    vertical-align: middle;
}

.PriceComparisonTable td:first-child {
    border-left-width: 0;
}

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

    .PriceComparisonTable th,
    .PriceComparisonTable td {
        padding: 9px 19px;
    }
}

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

    .PriceComparisonTable th,
    .PriceComparisonTable td {
        padding: 9px;
    }
}

.PriceSingleTable th,
.PriceSingleTable td {
    padding: 18px 28px;
    text-align: center;
    vertical-align: middle;
}

.PriceSingleTable th {
    width: 38%;
}

.PriceSingleTable td {
    width: 62%;
}

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

    .PriceSingleTable th,
    .PriceSingleTable td {
        padding: 9px 19px;
    }
}

@media screen and (max-width: 480px) {
    .PriceSingleTable {
        display: block;
    }

    .PriceSingleTable tbody,
    .PriceSingleTable tr,
    .PriceSingleTable th,
    .PriceSingleTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .PriceSingleTable th,
    .PriceSingleTable td {
        padding: 9px;
    }
}

.SpecificationTable th,
.SpecificationTable td {
    padding: 9px 19px;
    text-align: left;
    vertical-align: top;
}

.SpecificationTable td:first-child {
    border-left-width: 0;
}

@media screen and (max-width: 480px) {
    .SpecificationTable {
        display: block;
    }

    .SpecificationTable tbody,
    .SpecificationTable tr,
    .SpecificationTable th,
    .SpecificationTable td {
        border-left-width: 0;
        display: block;
        width: 100%;
    }

    .SpecificationTable th,
    .SpecificationTable td {
        padding: 9px;
    }

    .SpecificationTable .sub-th {
        background-color: initial;
        border-bottom-width: 0;
        padding-bottom: 0;
    }

    .SpecificationTable .sub-th::after {
        content: "：";
        display: inline;
    }
}


/* 車検
---------------------------------------------------------------------------- */

.SyakenBring_Inner {
    background-color: #f9f9f9;
    padding: 30px 40px;
}

.SyakenBring_Inner .sect_list {
    margin-bottom: 0;
}

.SyakenItem_object {
    width: 80%;
    margin: 40px auto;
    text-align: center;
}

.SyakenItem_number {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    max-width: 240px;
    margin: 30px auto 3px;
    color: #fff;
    align-items: baseline;
    justify-content: center;
    border-radius: 60px;
}

.SyakenItem_number span {
    font-family: "Inter", sans-serif;
    font-size: 40px;
    font-weight: 600;
    padding: 0 5px;
    line-height: 1.35;
}

.SyakenItem_object small {
    margin-bottom: 15px;
}

.TenkenMonth1 .SyakenItem_number {
    background-color: rgba(38, 178, 89);
}

.TenkenMonth6 .SyakenItem_number {
    background-color: rgba(159, 203, 65);
}

.TenkenYear .SyakenItem_number {
    background-color: rgba(38, 166, 229);
}

.TenkenAfter6 .SyakenItem_number {
    background-color: rgba(241, 149, 39);
}

.Syaken .SyakenItem_number {
    background-color: #cd0811;
}

.SyakenItem_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.SyakenItem_list::after {
    content: '';
    width: calc((100% - 20px)/3);
    display: block;
}

.SyakenItem_link {
    width: calc((100% - 20px)/3);
}

.SyakenItem_btn p {
    color: #1b1b1b !important;
    font-size: 18px;
    font-weight: 600;
}

.SyakenItem_rabel {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0.1em;
    font-size: 16px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 内側の白い線（擬似ボーダー） */
    outline: 2px solid #ffffff;
    outline-offset: -5px;
    /* 内側に入れ込む */
    color: #fff;
}

.SyakenItem_rabel--syaken {
    background-color: #cd0811;
}

.SyakenItem_rabel--month1 {
    background-color: rgba(38, 178, 89);
}

.SyakenItem_rabel--month6 {
    background-color: rgba(159, 203, 65);
}

.SyakenItem_rabel--year {
    background-color: rgba(38, 166, 229);
}

.SyakenItem_rabel--after6 {
    background-color: rgba(241, 149, 39);
}

.SyakenItem_btn {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #fff;
    padding: 20px;
    transition: all 0.3s;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    text-decoration: none !important;
    position: relative;
    height: 93px;
    width: 100%;
}

.SyakenItem_btn::after {
    content: '';
    position: absolute;
    background-image: url(../images/service/inspection/shaken/icon_plus_blk.svg);
    width: 16px;
    height: 16px;
    bottom: 10px;
    right: 10px;
}

.SyakenItem_btn:hover,
.SyakenItem_btn:focus {
    border: 1px solid #cd0811;
    transition: all 0.3s;
}

.SyakenItem_btn:hover.SyakenItem_btn p {
    color: #cd0811 !important;
    transition: all 0.3s;
}

.SyakenItem_btn:hover.SyakenItem_btn::after {
    background-image: url(../images/service/inspection/shaken/icon_plus_red.svg);
    transition: all 0.3s;
}



@media screen and (max-width: 980px) {
    .SyakenItem_link {
        width: calc((100% - 10px) / 2);
    }

    .SyakenItem_list::after {
        content: '';
        width: calc((100% - 10px)/2);
        display: block;
    }

    .SyakenItem_btn {
        gap: 12px;
        padding: 10px 20px;
        height: 75px;
    }

    .SyakenItem_rabel {
        font-size: 16px;
        width: 45px;
        height: 45px;
        outline: 1px solid #ffffff;
        outline-offset: -4px;
    }

    .SyakenItem_btn p {
        font-size: 16px;
    }

    .SyakenItem_btn::after {
        width: 14px;
        height: 14px;
        bottom: 8px;
        right: 8px;
        background-size: cover;
    }

    .SyakenItem_number {
        font-size: 20px;
        max-width: 220px;
    }

    .SyakenItem_number span {
        font-size: 32px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 640px) {
    .SyakenItem_object {
        width: 100%;
    }

    .SyakenBring_Inner {
        padding: 25px 20px;
    }

    .SyakenBring_Inner .sect_list li {
        font-size: 15px;
    }

    .SyakenItem_list {
        gap: 5px;
        align-items: center;
    }

    .SyakenItem_link {
        width: calc((100% - 5px) / 2);
    }

    .SyakenItem_list::after {
        content: '';
        width: calc((100% - 5px)/2);
        display: block;
    }

    .SyakenItem_btn {
        padding: 20px 10px;
        gap: 5px;
        height: 70px;
    }

    .SyakenItem_btn img {
        width: 15%;
    }

    .SyakenItem_btn span {
        font-size: 13px;
    }

    .SyakenItem_btn::after {
        width: 10px;
        height: 10px;
        bottom: 5px;
        right: 5px;
    }

    .SyakenItem_number {
        font-size: 16px;
        max-width: 160px;
        margin: 15px auto 5px;
    }

    .SyakenItem_number span {
        font-size: 24px;
    }

    .SyakenItem_object small {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    .SyakenItem_object {
        margin: 20px auto;
    }

    .SyakenItem_btn {
        padding: 5px 10px;
        gap: 10px;
        height: 50px;
    }

    .SyakenItem_btn span {
        font-size: 11px;
        width: 30px;
        height: 30px;
        outline: 1px solid #ffffff;
        outline-offset: -3px;
        font-weight: 500;
        letter-spacing: 0.05em;
    }

    .SyakenItem_btn p {
        font-size: 12px;
        width: calc(100% - 40px);
        line-height: 1.5;
    }
}

@media screen and (max-width: 370px) {
    .SyakenItem_btn span {
        font-size: 11px;
    }

    .SyakenItem_btn {
        padding: 20px 5px;
        gap: 3px;
    }
}

/* ==========================
  モーダル（ポップアップ）
========================== */

.js_modalWrap {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.js_modalBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.js_modalContInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    max-width: 950px;
    background-color: #fff;
    /* max-height: 600px; */
    /* padding: 40px; */
    border-radius: 10px;
}

.js_modalContInner>.js_modalClose+* {
    margin-top: 0;
}

.js_modalClose {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1001;
}

.js_modalClose::before,
.js_modalClose::after {
    content: "";
    display: block;
    width: 100%;
    /*バツ線の長さ*/
    height: 4px;
    /*バツ線の太さ*/
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%;
}

.js_modalClose::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
}

/* ==========================
コンテンツの中身
========================== */

.js_modalWrap {
    display: none;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.js_modalCont h4 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    background-color: #cd0811;
    border-radius: 1.0rem 1.0rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.js_modalCont h4 span {
    font-family: "Inter", sans-serif;
    font-weight: bold;
    padding-right: 14px;
    font-size: 25px;
    letter-spacing: 0.1em;
    line-height: 1;
    position: relative;
    top: 2px;
}

.js_modalContBox {
    padding: 40px;
    background-color: #fff;
    border-radius: 1.0rem;
}

.js_modalContList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 40px;
}

.js_modalContList li {
    width: calc((100% - 40px)/2);
    position: relative;
    padding-left: 25px;
}

.js_modalContList li::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #35363b;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

@media (max-width: 980px) {
    .js_modalContBox {
        padding: 30px;
        max-height: 60vh;
        overflow-y: scroll;
    }

    .js_modalContList li {
        /* width: 42%; */
        font-size: 13px;
    }

    .js_modalCont h4 {
        font-size: 20px;
        padding: 12px 0;
    }

    .js_modalCont h4 span {
        font-size: 22px;
        padding-right: 10px;
        top: 1px;
    }

    .js_modalClose {
        top: -40px;
        right: 5px;
    }

    .js_modalClose::before,
    .js_modalClose::after {
        background-color: #fff;
    }
}

@media (max-width: 640px) {
    .js_modalContBox {
        padding: 20px;
    }

    .js_modalCont h4 {
        font-size: 16px;
        padding: 12px 0;
    }

    .js_modalCont h4 span {
        font-size: 18px;
        padding-right: 8px;
    }

    .js_modalContList li {
        padding-left: 20px;
        width: 100%;
    }

    .js_modalContList li::before {
        width: 12px;
        height: 12px;
    }

    .js_modalClose {
        top: -30px;
        width: 25px;
        height: 25px;
    }

    .js_modalClose::before,
    .js_modalClose::after {
        height: 3px;
    }
}


.month1_modal .js_modalCont h4 {
    background-color: rgba(38, 178, 89);
}

.month6_modal .js_modalCont h4 {
    background-color: rgba(159, 203, 65);
}

.after6_modal .js_modalCont h4 {
    background-color: rgba(241, 149, 39);
}

.year_modal .js_modalCont h4 {
    background-color: rgba(38, 166, 229);
}