/* ========================================================= */
/* ========================= common ======================== */
/* ========================================================= */
.base-n {
    width: 1000px;
    margin: 0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    padding-top: 10px;
    border-radius: 10px;
}

/*
.base-n {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    padding-top: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.base-n img {
    max-width: 100%;
    height: auto;
}

.base-n table {
    width: 100%;
    table-layout: auto;
    word-break: break-word;
}

.base-n * {
    word-break: break-word;
    overflow-wrap: break-word;
} */

/* ========================================================= */
/* ========================= access ======================== */
/* ========================================================= */
.access-map {
    width: 80%;
}

/* ========================================================= */
/* ======================== sitemap ======================== */
/* ========================================================= */
.sitemap-title, .sitemap-list {
    width: 90%;
    font-size: 1.2em;
    padding: 3% 3% 1% 0;
    border-top: 3px solid #226787;
    margin-bottom: 0;
}
.sitemap-title:not(:first-of-type), .sitemap-list:not(:first-of-type) {
    margin-top: 10%;
}
.sitemap-title {
    border-bottom: 1px solid #e0e0e0;
}
.sitemap-title ::before {
    color: #226787;
    font-family: "Material Icons Round";
    content: "\eaaa";
    font-size: 120%;
    vertical-align: middle;
    margin-right: 0.5em;
}
.sitemap-title:hover a {
    color: #226787;
}
@-webkit-keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes ping{0%{-webkit-transform:scale(.2);transform:scale(.2);opacity:.8}80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}
.sitemap-title:hover ::before {
    -webkit-animation:ping .8s ease-in-out infinite both;animation:ping .8s ease-in-out infinite both
}

.sitemap-list ::before {
    color: #226787;
    font-family: "Material Icons Round";
    content: "\e8ef";
    font-size: 120%;
    vertical-align: middle;
    margin-right: 0.5em;
}
.sitemap-list:hover a {
    color: #333;
}

.sitemap-nav {
    position: relative;
    left: 10px;
    padding-left: 2%;
    border-left: 1px solid #e0e0e0;
}

.sitemap-item {
    list-style: none;
}
.sitemap-item ::before {
    color: #226787;
    font-family: "Material Icons Round";
    content: "\eaaa";
    font-size: 120%;
    vertical-align: middle;
    margin-right: 0.5em;
}
.sitemap-item:hover ::before {
    -webkit-animation:ping .8s ease-in-out infinite both;animation:ping .8s ease-in-out infinite both
}
.sitemap-item:hover a {
    color: #226787;
}
/* ========================================================= */
/* ======================== /sitemap ======================= */
/* ========================================================= */


/* ========================================================= */
/* ======================= consultation ==================== */
/* ========================================================= */
.consultation-timetable {
    font-size: 110%;
    text-align: center;
    border-collapse:collapse;
    margin: 3% 3vw;
    border-radius: 5px;
    box-shadow: var(--shadow-small);
}
.consultation-timetable th, .consultation-timetable td {
    padding: 0 10px;
}
.consultation-timetable th {
    font-weight: lighter;
    background-color: #ffa400;
}
.consultation-timetable tr {
    background-color: #fff;
}
.consultation-timetable tr:first-child>*:first-child {
    border-radius: 5px 0 0 0;
}
.consultation-timetable tr:first-child>*:last-child {
    border-radius: 0 5px 0 0;
}
.consultation-timetable tr:last-child>*:first-child {
    border-radius: 0 0 0 5px;
}
.consultation-timetable tr:last-child>*:last-child {
    border-radius: 0 0 5px 0;
}

.consultation-timetable tr:not(:first-child) td:first-child {
    font-size: 65%;
}

.consultation-annotation {
    font-size: 80%;
    max-width: 500px;
}


/* ========================================================= */
/* ======================= /consultation =================== */
/* ========================================================= */


/* ========================================================= */
/* =================== checkup(dock) ======================= */
/* ========================================================= */
.checkup-indent {
    text-indent: -1em;
    margin-left: 1.5em;
}

.checkup-table {
    margin: 3% 3vw;
    border-radius: 10px;
    box-shadow: var(--shadow-small);

    border-spacing: 0;
    border: none;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.checkup-table tr>*{
    border: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.checkup-table th, .checkup-table td {
    padding: 8px 5px;
    border: 1px solid #fff;
}
.checkup-table th {
    font-size: 90%;
    font-weight: lighter;
    background-color: #086B9C;
    color: #fff;
}
.checkup-table td {
    font-size: 90%;
    vertical-align:top;
}
.checkup-table tr {
    background-color: #DBDBDB;
}
.checkup-table td:nth-of-type(1){
    background-color: #BFBFBF;
    width: 25%;
}
.checkup-table tr:first-child>*:first-child {
    border-radius: 10px 0 0 0;
}
.checkup-table tr:first-child>*:last-child {
    border-radius: 0 10px 0 0;
}
.checkup-table tr:last-child>*:first-child {
    border-radius: 0 0 0 10px;
}
.checkup-table tr:last-child>*:last-child {
    border-radius: 0 0 10px 0;
}

.checkup-td-heading {
    font-size: 110%;
    color: #086B9C;
    margin: 0;
    position: relative;
    left: -10px;
    line-height: 1;
}
.checkup-td-text {
    margin: 0 0 1em 1em;
}
.checkup-td-heading::before {
    font-family: "Material Symbols Rounded";
    content: "\e5df";
    font-size: 200%;
    vertical-align: middle;
}

/* ========option======== */
.checkup-option-top {
    position: relative;
    width: 100%;
    height: 100%;
}
.checkup-option-top h1 {
    position: absolute;
    bottom: 40%;
    right: 5%;
    z-index: 1;
    color: #fff;
    font-weight: lighter;
    padding-left: 4vw;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    border-bottom: solid 3px #fff;
}
.checkup-option-top h1::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 30px;
    bottom: -1.5px;
    top: 38px;
    left: -30px;
    border-right: 4px solid #fff;
    transform: skew(-45deg);
    z-index: 1;
}
.checkup-option-list .page-annotation {
    margin-top: 10px;
    margin-bottom: 5px;
}
.checkup-option-appointment {
    position: relative;
    margin-top: 5px;
    text-align: left;
}
.checkup-option-appointment::before {
    color: palevioletred;
    content: "(—v—\–ñ)";
    font-weight: lighter;
    font-size: clamp(.75rem, 2vw, 1rem);
    position: absolute;
    top: -1.5em;
}
.checkup-option-pricing {
    text-align: right;
}
.checkup-option-annotation {
    padding: 8% 0;
}
.checkup-option-annotation .page-annotation-heading {
    display: flex;
    justify-content: space-evenly;
}
.checkup-option-text {
    margin-top: 2%;
    margin-bottom: 5%;
}
.checkup-option-noamount .page-annotation-heading {
    justify-content: flex-start;
    margin-left: 2em;
}
.checkup-option-noamount .page-text {
    margin-left: 3em;
    width: 85%;
}
/* ========/option======== */

/* ========kenshin======== */
.checkup-kenshin-top {
    position: relative;
    width: 100%;
    height: 100%;
}
.checkup-kenshin-top h1 {
    position: absolute;
    bottom: 10%;
    right: 5%;
    z-index: 1;
    color: #fff;
    font-weight: lighter;
    padding-left: 4vw;
    font-size: clamp(1.5rem, 5vw, 2.5rem);
    border-bottom: solid 3px #fff;
}
.checkup-kenshin-top h1::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 30px;
    bottom: -1.5px;
    left: -27px;
    border-right: 4px solid #fff;
    transform: skew(30deg);
    z-index: 1;
}

.checkup-kenshin-icon {
    color: #000;
    width: 120px;
    font-size: 90%;
}
.checkup-kenshin-text {
    background-color: lightpink;
    width: 100%;
    height: 100%;
    border-radius: 0 30px 30px 0;

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.checkup-kenshin-text p {
    margin: 0;
}
.checkup-kenshin-icon {
    position: relative;
    transform: translateY(-10px);
}
.checkup-kenshin-icon::before {
    font-family: "Material Icons Round";
    font-size: 300%;
    display: block;
    transform: translateY(10px);
}
.checkup-kenshin-person .checkup-kenshin-icon::before {
    content: "\e7fd";
}
.checkup-kenshin-company .checkup-kenshin-icon::before {
    content: "\e0af";
}
.checkup-kenshin-specific .checkup-kenshin-icon::before {
    content: "\e85d";
}

.checkup-kenshin-list .page-annotation {
    display: flex;
    margin-bottom: 10px;
}
.checkup-kenshin-annotation {
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.checkup-kenshin-person .checkup-kenshin-text-top, .checkup-kenshin-specific .checkup-kenshin-text-top {
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkup-kenshin-person .checkup-kenshin-text-top div:first-child, .checkup-kenshin-specific .checkup-kenshin-text-top div:first-child {
    margin-right: 10px;
}
.checkup-kenshin-text-bottom {
    text-align: center;
    font-size: 120%;
    font-weight: bolder;
    line-height: 1;
    margin-bottom: 5%;
}
.checkup-kenshin-company .checkup-kenshin-text-middle {
    transform: translateX(10%);
}
.checkup-kenshin-company .checkup-kenshin-text {
    text-align: center;
}
/* ========/kenshin======== */

/* ========================================================= */
/* ================== /checkup(dock) ======================= */
/* ========================================================= */


/* ========================================================= */
/* =================== checkup(health) ===================== */
/* ========================================================= */
.checkup-health-content {
    background-color: #fff;
    border: 4px solid #226787;
    border-radius: 30px;
    width: 85%;
    margin: 0 auto;
    padding: 5%;
}
.checkup-health-content-title {
    border-left: 15px solid #226787;
    padding-left: .5em;
}
.checkup-health-content-body {
    display: flex;
    color: #226787;
    margin: 5% 0;
}
.checkup-health-content-lead {
    align-items: center;
}
.checkup-health-content-img {
    flex: 3;
}
.checkup-health-content-img img {
    width: 80%;
}
.checkup-health-content-lead-text {
    flex: 7;
}
.checkup-health-content-lead-text > div:last-of-type {
    text-align: right;
}
.checkup-health-content-lead-text-block {
    display: flex;
    align-items: center;
}
.checkup-health-content-lead-text-block-main {
    flex: 5;
    display: flex;
    flex-direction: column;
}
.checkup-health-content-lead-text-block-sub {
    flex: 5;
}
.checkup-health-content-pricing {
    margin: 5% 0;
    border-bottom: 2px solid gray;
    border-bottom-style: dotted;
    justify-content: space-between;
    align-items: end;
}
.checkup-health-content-annotation {
    flex-direction: column;
}
.checkup-health-content-annotation p {
    margin: 0;
    font-size: 80%;
}
/* ========================================================= */
/* ================== /checkup(health) ===================== */
/* ========================================================= */


/* ========================================================= */
/* ======================= kyushin ========================= */
/* ========================================================= */
.kyushin-output {
    position: relative;
    margin: 0 4%;
    margin-top: 5%;
    padding: 4%;
    border-radius: 20px;
    background-color: #ffffff;
    color: #226787;

    text-align: left;
}

.kyushin-output th {
    text-align: left;
}

/* ========table======== */
.kyushin-output .month-table {
    font-size: clamp(.7rem, 1.3vw, 1.2rem);
    width: 98%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 5%;
}
.kyushin-output .month-table th {
    padding: 10px;
    background: #f9f9f9;
    border-top: 1px solid #dddddd;
}
.kyushin-output .month-table td {
    padding: 10px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
/* ========/table======== */

/* ========title======== */
.kyushin-output h2::before {
    font-family: "Material Icons Round";
    content: "\e616";
    font-size: 120%;
    margin-right: .2em;
    vertical-align: middle;
}
.kyushin-output h2 {
    padding: 0.5rem 0.5rem;
    border-bottom: 3px double #226787;
    margin-bottom: 5%;
    font-size: 20px;
    width: 90%;
}
.kyushin-remark {
    width: 35%;
}
/* ========table======== */

/* ========sub table (ym)======== */
.kyushin-output h5 {
    display:inline-block;
    border-bottom: 2px solid #226787;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
}
/* ========sub table (ym)======== */

/* ========================================================= */
/* ======================= /kyushin ======================== */
/* ========================================================= */


/* ========================================================= */
/* ======================= guide =========================== */
/* ========================================================= */
.guide-subheading-block {
    background-color: #74b9da;
    padding: 5% 0;
    padding-left: .5em;
}
.guide-subheading-block * {
    color: #000;
    border-color: #000;
}
.guide-subheading {
    font-weight: 350;
    position: relative;
    z-index: 2;
}
.guide-subtext {
    position: relative;
    width: 90%;
    margin-top: 3%;
    z-index: 2;
}
.guide-circle-right {
    content: "";
    position: absolute;
    bottom: -50%;
    left: 10%;
    width: 180%;
    aspect-ratio: 1 / 1;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}
.guide-circle-left {
    content: "";
    position: absolute;
    top: -50%;
    right: 10%;
    width: 180%;
    aspect-ratio: 1 / 1;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

/* ========guide feature======== */
.guide-feature {
    width: 90%;
    margin: 5% auto;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 10%;
}
.guide-feature div {
    flex: 1;
}
.guide-feature-item {
    border-radius: 15px;
    background-color: #fff;
    border: solid 3px #226787;
    position: relative;
}
.guide-feature-subheading {
    color: #226787;
    font-size: 120%;
    text-align: center;
    margin: 10px 0;
    font-weight: bold;
}
.guide-feature-text {
    width: 90%;
    margin: 0 auto;
    font-size: 80%;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 80%;
}
.guide-feature-img-1 {
    width: 100%;
    max-width: 150px;
    height: auto;
    position: absolute;
    bottom: -10%;
    right: -10%;
}
.guide-feature-img-2 {
    width: 120%;
    max-width: 170px;
    height: auto;
    position: absolute;
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
}
.guide-feature-img-3 {
    width: 100%;
    max-width: 140px;
    height: auto;
    position: absolute;
    bottom: -5%;
    right: 0%;
    rotate: 15deg;
}
/* ========/guide feature======== */


/* ========guide step(common)======== */
.guide-step-item {
    position: relative;
    overflow: hidden;
    padding-bottom: 5%;
    margin-bottom: -1px;
}
.guide-step-subheading {
    font-weight: 400;
    position: relative;
    z-index: 1;
    border-bottom: #086B9C solid 3px;
    width: 90%;
}
.guide-step-subtext {
    position: relative;
    z-index: 1;
    width: 95%;
    margin-left: 1.5em;
}
.guide-step-fade.is-visible {
    position: relative;
    z-index: 2;
}
/* ========/guide step(common)======== */

/* ========guide step right======== */
.guide-step-right-img img {
    width: 75%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-top: 10%;
    position: relative;
    z-index: 2;
}
.guide-step-right-img {
    position: relative;
    margin-bottom: 5%;
}
.guide-step-right-img-label {
    background-color: #226787;
    color: #fff;
    padding: 1% 8%;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    left: 10%;
    bottom: 0;
    transform: translateY(50%)
}
/* ========/guide step right======== */

/* ========guide step left======== */
.guide-step-left-img img {
    width: 75%;
    height: auto;
    display: block;
    margin-right: auto;
    margin-top: 10%;
    position: relative;
    z-index: 2;
}
.guide-step-left-img {
    position: relative;
    margin-bottom: 5%;
}
.guide-step-left-img-label {
    background-color: #226787;
    color: #fff;
    padding: 1% 8%;
    border-radius: 30px;
    position: absolute;
    z-index: 3;
    right: 10%;
    bottom: 0;
    transform: translateY(50%)
}
/* ========/guide step left======== */


/* ========/guide step(last-of-type)======== */
.guide-step-item:last-of-type {
    padding-bottom: 50%;
}
/* ========/guide step(last-of-type)======== */


/* ========guide infection======== */
.guide-infection-item {
    position: relative;
    overflow: hidden;
    margin-bottom: -1px;
}
.guide-infection-img img {
    width: 100%;
    height: auto;
    margin-top: 5%;
    position: relative;
    z-index: 2;
    display: block;
}
.guide-infection-annotation-heading {
    width: 90%;
    background-color: #336699;
    color: #fff;
    text-align: left;
    margin: 0 auto;
    margin-top: 5%;
    font-size: 109%;
    padding: 1% 2%;
}
.guide-infection-annotation-text {
    width: 95%;
    margin: 5% auto;
}
.guide-infection-annotation-subheading {
    text-align: center;
}
/* ========/guide infection======== */

/* ========================================================= */
/* ======================= /guide ========================== */
/* ========================================================= */


/* ========================================================= */
/* ======================= daycare ========================= */
/* ========================================================= */

.daycare-subheading {
    font-weight: 350;
    color: #226787;
    margin-bottom: 3%;
}
.daycare-subtext {
    color: #226787;
}

/* ========daycare policy======== */
.daycare-policy {
    border: 3px solid #226787;
    background-color: #fff;
    border-radius: 15px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.daycare-policy-heading {
    font-size: 110%;
    text-align: center;
    margin: 3% 0;
}
.daycare-policy-subheading {
    color: #226787;
    font-weight: bold;
    width: 85%;
    margin: 1% auto;
}
.daycare-policy-text {
    font-size: 80%;
    width: 85%;
    margin: 1% auto;
}
/* ========/daycare policy======== */


/* ========daycare service======== */
.daycare-service {
    border-radius: 30px;
    color: #226787;
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 3%;
}
div.daycare-service {
    margin-bottom: 10%;
}
.daycare-service-heading {
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}
.daycare-service-item {
    display: flex;
    align-items: center;
    padding-bottom: 3%;
    margin: 3% auto;
}
.daycare-service-item:not(:last-of-type) {
    border-bottom: 1px solid gray;
}
.daycare-service-subheading {
    flex: 3;
    background-color: #226787;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    padding: 2% 1%;
    font-size: 90%;
    margin: 0 5%;
}
.daycare-service-text {
    flex: 7;
    font-size: 90%;
}
/* ========/daycare service======== */


/* ========daycare timeline======== */
.daycate-timeline {
    position: relative;
    z-index: 1;
}
div.daycate-timeline {
    margin-bottom: 10%;
}
.daycare-timeline-item {
    display: flex;
    gap: 10px;
    width: 96%;
    margin: 5% auto;
    align-items: flex-start;

    padding-bottom: 5%;
    border-bottom: 3px solid #226787;
    position: relative;
}
.daycare-timeline-item::after {
    font-family: "Material Symbols Rounded";
    content: "\e923";
    font-size: 1800%;
    vertical-align: middle;
    color: #fff;
    line-height: .8;
    z-index: -1;
    rotate: -90deg;
    position: absolute;
    top: -20%;
    left: 30%;
}
.daycare-timeline-image-block {
    flex: 6;
    position: relative;
}
.daycare-timeline-image-block img {
    width: 100%;
    height: auto;
}
.daycare-timeline-text-block {
    flex: 4;
}
.daycare-timeline-label {
    background-color: #226787;
    color: #fff;
    width: 70%;
    padding: 1%;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 10%;
}
.daycare-timeline-subheading {
    font-size: 130%;
    color: #226787;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5%;
}
.daycare-timeline-text {
    font-size: 80%;
    color: #226787;
}
.daycare-timeline-text p {
    margin: 0;
}
.arrow-down {
    text-align: center;
    margin-bottom: 10%;
}
.arrow-down::before {
    font-family: "Material Symbols Rounded";
    content: "\e5c5";
    font-size: 500%;
    vertical-align: middle;
    color: #226787;
    line-height: .5;
    margin: 0 auto;
}
/* ========/daycare timeline======== */


/* ========daycare feature======== */
.daycare-feature-block {
    background-color: #fff;
    border-radius: 30px;
    padding: 3% 0;
    margin-top: 5%;
}
.daycare-feature-item img {
    width: 70%;
}
.daycare-feature-item {
    margin: 5% 0;
}
.daycare-feature-right-img img {
    display: block;
    margin-left: auto;
}
.daycare-feature-right-img {
    position: relative;
}
.daycare-feature-img-label {
    background-color: #00B0F0;
    color: #fff;
    font-weight: bold;
    line-height: .3;
    padding: 1% 10%;
    padding-left: 3%;
    font-size: 110%;
    position: absolute;
}
.daycare-feature-img-label.is-visible {
    z-index: 2;
}
.daycare-feature-left-img-label {
    rotate: -10deg;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);
    top: 30%;
    left: 3%;
}
.daycare-feature-text-block {
    margin: 5%;
}
.daycare-feature-subheading {
    color: #226787;
    font-weight: bold;
    font-size: 120%;
    margin: 1% 0;
}
.daycare-feature-text p {
    margin: 0;
}
.daycare-feature-left-img img {
    display: block;
    margin-right: auto;
}
.daycare-feature-left-img {
    position: relative;
}
.daycare-feature-right-img-label {
    rotate: -10deg;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 90%);
    top: 20%;
    right: 3%;
}
/* ========/daycare feature======== */

/* ========================================================= */
/* ======================= /daycare ======================== */
/* ========================================================= */


/* ========================================================= */
/* ======================= orientation ===================== */
/* ========================================================= */
.orientation-color {
    color: #000;
}

.orientation-top-img {
    z-index: 2;
    overflow-x: hidden;
    margin-top: 1em;
}
.orientation-top-img-left {
    z-index: 1;
    position: absolute;
    height: 97%;
}
.orientation-top-img-right {
    z-index: 1;
    position: absolute;
    right: 0;
    height: 97%;
}
.orientation-top-img-text {
    z-index: 3;
    position: absolute;
}

.orientation-details-text {
    margin: 1em 1.5em;
}
.orientation-details-text p {
    margin: 0;
}
.orientation-page-heading-lead {
    text-align: center;
    margin: 3% 0;
    text-indent: 0;
}
.orientation-link {
    text-align: center;
}
.orientation-file-link {
    color: #0066cc;
    display: inline-flex;
    align-items: center; /* c’†‰› */
    justify-content: center; /* ‰¡’†‰› */
    text-decoration: underline;
}
.orientation-subheading::before {
    content: "";
    margin-right: 0.1em;
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    height: 30px;
    background-image: url("/assets/img/orientation/icon-tulip.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.orientation-subheading {
    color: #F0609C;
    margin: 0 5%;
    font-weight: bold;
    position: relative;
    padding-bottom: 5px;
    font-size: 120%;
}
.orientation-subheading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: linear-gradient(to right, #F0609C 0%, #F0609C 60%, transparent 100%);
}
.orientation-content {
    font-size: 90%;
}
.orientation-table {
    background-color: #fff;
    width: 95%;
    margin: 0 auto;
}
.orientation-table th {
    background-color: #ff92cc;
    font-weight: 500;
}
.orientation-table td {
    background-color: #E7E6E6;
    padding-left: .5em;
}
.orientation-content-details {
    margin-left: 2em;
}
.orientation-content-details dt {
    font-weight: bold;
}
.orientation-content-details dt:not(:first-of-type) {
    margin-top: 1em;
}
.orientation-content-details dt::before {
    margin-right: 0.4em;
}
.orientation-content-details dd {
    margin-left: 1em;
    letter-spacing: -0.025em;
}
.orientation-content-details ol {
    padding-left: 0rem;
}
.orientation-content-details li {
    list-style-type: none;
    position: relative;
    padding-left: 2em;
}
.orientation-content-details li::before {
    content: "E";
    position: absolute;
    left: 0;
    top: 0;
    transform: none;
    width: 1em;
    text-align: center;
    font-size: 2em;
    line-height: .8;
}
.orientation-schedule-details dt::before {
    content: "\25B6";
}
.orientation-target-details dt::before {
    content: "Z";
}
.orientation-overview-details ol {
    list-style: none;
    counter-reset: item;
    padding-left: 1em;
}
.orientation-overview-details ol > li {
    counter-increment: item;
    position: relative;
    margin: 0.5em 0;
    margin-left: .5em;
}
.orientation-overview-details ol > li::before {
    content: "(" counter(item) ") ";
    font-weight: bold;
}

.orientation-overview-details ol > li > ul {
    list-style-type: disc;
    margin-left: 1.5em;
    padding-left: 1.5em;
}

.orientation-link-btn {
    position: relative;
    display: block;
    background-color: #FFCB25;
    margin: 2em auto;
    width: 80%;
    padding: 15px 0;
    border-radius: 30px;
    text-align: center;
    box-shadow: var(--shadow-small);
}
.orientation-link-btn::after {
    font-family: "Material Symbols Rounded";
    content: "\e5cc";
    font-size: 200%;
    line-height: 1;
    font-weight: bold;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
}

.orientation-content-notes ul {
    padding-left: .2em;
}

.orientation-content-notes li {
    list-style: none;
    padding-left: 1.2em;
    text-indent: -1.5em;
}
.orientation-content-notes li::before {
    content: "œ";
    margin-right: .5em;
}
.orientation-content-contact {
    background-color: #D9D9D9;
    margin: 0 5%;
    padding: 5%;
    display: flex;
    flex-direction: column;
}
.orientation-content-contact-heading {
    width: 70%;
    font-size: 110%;
    font-weight: bold;
    border-bottom: 4px dotted #F0609C;
    margin-bottom: 3%;
    padding-left: .2em;
}
.orientation-content-contact-detail {
    margin-left: 1em;
}
.orientation-tel {
    width: 35%;
}
.orientation-tel::before {
    content: "\01F4DE";
}
.orientation-fax {
    width: 35%;
}
.orientation-fax::before {
    content: "\01F4E0";
}
.orientation-mail {
    width: 35%;
}
.orientation-mail::before {
    content: "\01F4E7";
}
.orientation-bottom-img {
    max-height: 150px;
}
/* ========================================================= */
/* ====================== /orientation ===================== */
/* ========================================================= */