* {
    font-size: clamp(0.8rem,3vw,1rem);
}
:root {
    --arrow_width:100px;
    --arrow_color:#2F4B9E;
}
.order_contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(1366px, 96%);
    margin: auto;
    gap: 0.5rem;
    
}
.order_contents ul li {
    /* font-size: clamp(0.9rem,3vw,1rem); */
}
.procedure_area {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--arrow_color);
    border-radius: 10px;
    background-color: #fff !important;
}
.procedure_heading {
    font-size: 1.25rem;
}
.explanation_area {
    width: 100%;
    font-size: 1rem;
}
.explanation_container {
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
}
.flex_text {
    width: 60%;
}
.flex_img {
    width: calc(40% - 1rem);
}
.explanation_link {
    color: #00f !important;
}
.explanation_link:hover {
    font-weight: bold;
}
/* 下矢印指定　ここから */
.next_arrow {
    width: var(--arrow_width);
    height: calc(var(--arrow_width) * calc(1 / 2));
    position: relative;
}
.next_square {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 30%;
    background-color: var(--arrow_color);
}
.next_triangle {
    position: absolute;
    top: 30%;
    left: 0;
    width: 0;
    height: 0;
    border-left: calc(var(--arrow_width) / 2) solid transparent;
    border-right: calc(var(--arrow_width) / 2) solid transparent;
    border-top: calc(var(--arrow_width) / 3) solid var(--arrow_color);
}
/* 下矢印指定　ここまで */
.order_detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(1366px, 96%);
    margin: auto;
}
.tabs {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.tabs_item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    width: 50%;
    height: 3em;
    background-color: #e9f0f6;
    border-bottom: 1px solid #2589d0;
    cursor: pointer;
}
.tabs_item.active {
    background-color: #fff !important;
    border: 1px solid #2589d0;
    border-width: 5px 1px 0 1px;
}
.tab_contents {
    display: none;
    flex-direction: column;
    width: 100%;
    padding: 1rem;
    border: 1px solid #2589d0;
    border-width: 0 1px 1px 1px;
}
.tab_contents.active {
    display: flex;
}
.tab_contents_item {
    width: 100%;
}
.tab_contents_item:not(:last-child) {
    border-bottom: 1px dashed #333;
}
.order_title {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
}
.order_img {
    width: 3rem;
}
.order_text {
    width: fit-content;
    font-size: 1.25rem;
    text-decoration: underline;
}
.mail_container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 1em 0;
}
.mail_item {
    width: 50%;
    min-width: 500px;
    padding: 0 1rem;
}
.mail_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0.5em 1em;
    background-color: #4d80dd;
    border-radius: 999px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: clamp(1rem, 1.8vw,1.5rem);
    transition: all 0.3s ease-out;
    /* padding: 0.5em 1em; */
}
.mail_link:hover {
    background-color: #3861ad;
    scale: 1.1;
}
.mail_list {
    counter-reset: my-counter;
    list-style-type: none;
}
.list_item {
    padding-left: 1.5em !important;
    position: relative;;
}
.list_item::before {
    content: "(" counter(my-counter) ")";
    counter-increment: my-counter;
    position: absolute;
    top: 0;
    left: 0;
}
.phone_number {
    font-size: 2rem;
    font-weight: bold;
}
.download_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1em;
}
.download_item {
    display: flex;
    flex-direction: column;
    min-width: 350px;
}
.fax_img {
    width: min(350px, 90%);
}
.fixed_text_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(1366px, 94%);
    margin: auto;
    gap: 1em;
}
.fixed_text_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.fixed_table th,
.fixed_table td {
    border: none !important;
}
.fixed_table th {
    padding: 0 !important;
}
.fixed_table td {
    padding: 0.5 0 !important;
}
.fixed_text_title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: bold;
}
.fixed_text_preamble {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fixed_text_preamble div {
    font-size: clamp(0.85rem, 3vw, 1.5rem);
}
.fixed_table_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.fixed_table .color1 {
    color: #f1592a !important;
    background-color: #fdd1b0;
    border: 4px solid #fdd1b0 !important;
}
.fixed_table .color2 {
    color: #2e3192 !important;
    background-color: #abe1fa;
    border: 4px solid #abe1fa !important;
}
.fixed_table .color3 {
    color: #00a651 !important;
    background-color: #cce7d4;
    border: 4px solid #cce7d4 !important;
}
.fixed_table .color4 {
    color: #ec008c !important;
    background-color: #f9c0c8;
    border: 4px solid #f9c0c8 !important;
}
.fixed_table .color5 {
    color: #fff !important;
    background-color: #a283b5;
    border: 4px solid #a283b5 !important;
}
.fixed_table .color6 {
    color: #fff !important;
    background-color: #60bebc;
    border: 4px solid #60bebc !important;
}
.font_size_small {
    font-size: clamp(0.8rem,3vw,1rem);
}
td.fixed_text {
    font-size: clamp(0.7rem, 2vw, 1rem);
    min-width: 8em;
    writing-mode: vertical-rl;
    color: #333333 !important;
    border-left: 4px solid #333 !important;
    border-bottom: 4px solid #333 !important;
}
td.fixed_text.mourning {
    font-size: clamp(0.55rem, 2vw, 1rem);
    min-width: 9em;
}
td.fixed_text:last-child.border_color2 {
    border-right: 4px solid #abe1fa !important;
}
td.fixed_text:last-child.border_color4 {
    border-right: 4px solid #f9c0c8 !important;
}
td.fixed_text:last-child.border_color5 {
    border-right: 4px solid #a283b5 !important;
}
td.fixed_text:last-child.border_color6 {
    border-right: 4px solid #60bebc !important;
}
td.border_color1 {
    border-color: #fdd1b0 !important;
}
td.border_color2 {
    border-color: #abe1fa !important;
}
td.border_color3 {
    border-color: #cce7d4 !important;
}
td.border_color4 {
    border-color: #f9c0c8 !important;
}
td.border_color5 {
    border-color: #a283b5 !important;
}
td.border_color6 {
    border-color: #60bebc !important;
}
/* 2026年　改良　ここから */
.link_container {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0.5em 0;
    gap: 0 1em;
}
.tab_change {
    display: block;
    width: fit-content;
    padding: 0.5em 1em;
    font-weight: bold;
    color: #333;
    background-color: #eee;
    border: 1px solid #aaa;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.tab_change:hover {
    color: #fff;
    font-weight: bold;
    background-color: #2F4B9E;
}
/* 2026年　改良　ここまで */
    @media (max-width:800px) {
        .explanation_container {
            flex-direction: column;
            align-items: center;
        }
        .flex_text {
            width: 100%;
        }
        .flex_img {
            width: min(450px,calc(100% - 1.25rem));
        }
        td.fixed_text {
            min-width: 7em;
        }
        td.fixed_text.mourning {
            min-width: 7em;
        }
        
    }
        @media (max-width:480px) {
            td.fixed_text {
                min-width: 6em;
            }
            td.fixed_text.mourning {
                min-width: 6em;
            }
        }