@charset "UTF-8"; /* line 18, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents { max-width: 1200px; margin: auto; filter: drop-shadow(3px 3px 3px rgba(102, 69, 69, 0.15)); background: #fff; border-radius: 15px; padding: 20px 30px 10px; } /* line 19, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; justify-content: space-between !important; } /* line 20, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li { width: calc(100% / 4); margin-bottom: .5em; } /* line 21, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a { color: #664545; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: .5em 0; } /* line 22, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a span, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a span { width: 60px; height: 60px; border-radius: 10px; display: none; } /* line 23, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a i, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i { width: 46px; height: 46px; background: #f09ab2; position: relative; border-radius: 50%; /*margin-right: .5em;*/ } /* line 24, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; width: 80%; height: 80%; background: #fff; } /* line 26, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a em, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 18px; line-height: 1.5; width: calc(100% - .25em - 50px); white-space: normal; } /* line 27, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a em small, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em small { font-size: 14px; } /* line 29, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a:hover, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a:hover { opacity: 1; color: #f09ab2; /*text-decoration: underline;*/ } /* line 31, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.bruise a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.bruise a i::before { mask: url("../img/ic/bruise.svg") no-repeat center/contain; } /* line 32, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.skin_tumor a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.skin_tumor a i::before { mask: url("../img/ic/skin_tumor.svg") no-repeat center/contain; width: 70%; height: 70%; } /* line 33, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.breast_reconstruction a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.breast_reconstruction a i::before { mask: url("../img/ic/breast_reconstruction.svg") no-repeat center/contain; } /* line 34, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.inverted_nipple a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.inverted_nipple a i::before { mask: url("../img/ic/inverted_nipple.svg") no-repeat center/contain; } /* line 35, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.injury a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.injury a i::before { mask: url("../img/ic/injury.svg") no-repeat center/contain; width: 92%; height: 92%; } /* line 36, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.burn a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.burn a i::before { mask: url("../img/ic/burn.svg") no-repeat center/contain; } /* line 37, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.scar a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.scar a i::before { mask: url("../img/ic/scar.svg") no-repeat center/contain; } /* line 38, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.scratch a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.scratch a i::before { mask: url("../img/ic/scratch.svg") no-repeat center/contain; } /* line 39, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.ulcer a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.ulcer a i::before { mask: url("../img/ic/ulcer.svg") no-repeat center/contain; } /* line 40, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.ingrown_nail a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.ingrown_nail a i::before { mask: url("../img/ic/ingrown_nail.svg") no-repeat center/contain; } /* line 41, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.acne a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.acne a i::before { mask: url("../img/ic/acne.svg") no-repeat center/contain; } /* line 42, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li.drooping_eyelid a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li.drooping_eyelid a i::before { mask: url("../img/ic/drooping_eyelid.svg") no-repeat center/contain; } @media only screen and (max-width: 750px) { /* line 54, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents { max-width: 94%; border-radius: 15px; padding: 10px 15px 10px; } /* line 56, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li { width: calc(100% / 1); margin-bottom: .25em; } /* line 57, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a { padding: .25em 0; } /* line 58, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a span, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a span { width: 40px; height: 40px; border-radius: 8px; display: none; } /* line 59, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a i, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i { width: 40px; height: 40px; } /* line 60, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a i::before, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i::before { width: 80%; height: 80%; } /* line 62, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a em, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em { font-size: 16px; width: calc(100% - .5em - 40px); } /* line 63, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a em small, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em small { font-size: 13px; } /* line 65, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.insurance_treatment .treatmentCmn.insurance_treatment_contents ul.listWrap li a:hover, .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a:hover { opacity: 1; color: #f09ab2; } } /* line 92, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks, .expense_treatment_tabsSec .megamenu ul.directLinks { display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 20px; max-width: 1100px; margin: 0 auto 2em; } /* line 93, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li, .expense_treatment_tabsSec .megamenu ul.directLinks li { width: calc(100% / 4 - 20px); height: 50px; } /* line 94, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li a, .expense_treatment_tabsSec .megamenu ul.directLinks li a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #fff; border-radius: 15px; filter: drop-shadow(1px 1px 1.5px rgba(102, 69, 69, 0.15)); width: 100%; height: 100%; } /* line 95, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li a em, .expense_treatment_tabsSec .megamenu ul.directLinks li a em { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; } @media only screen and (max-width: 750px) { /* line 108, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks, .expense_treatment_tabsSec .megamenu ul.directLinks { grid-row-gap: 10px; max-width: 100%; margin: 0 auto 1em; } /* line 109, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li, .expense_treatment_tabsSec .megamenu ul.directLinks li { width: calc(100% / 2 - 5px); height: 40px; } /* line 110, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li a, .expense_treatment_tabsSec .megamenu ul.directLinks li a { border-radius: 10px; filter: drop-shadow(1px 1px 1.5px rgba(102, 69, 69, 0.15)); } /* line 111, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li a em, .expense_treatment_tabsSec .megamenu ul.directLinks li a em { font-size: 13px; line-height: 1.5; } /* line 115, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .megamenu ul.directLinks li.womens_troubles a em, .expense_treatment_tabsSec .megamenu ul.directLinks li.womens_troubles a em { white-space: nowrap; transform: scaleX(0.85); } } /* line 124, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap, .expense_treatment_tabsSec .tabcontentsWrap { position: relative; } /* line 125, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab, .expense_treatment_tabsSec .tabcontentsWrap ul.tab { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: flex-end; position: relative; z-index: 5; } /* line 126, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist { width: 380px; height: 60px; cursor: pointer; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; color: #fff; border-radius: 12px 12px 0 0; position: relative; overflow: hidden; padding-left: 85px; transition: .4s all; opacity: .5; } /* line 127, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist:not(:last-child), .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist:not(:last-child) { margin-right: 1em; } /* line 128, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::before, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::before, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::after { content: ""; } /* line 129, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::before, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::before { width: 70px; height: 100%; background: url("../img/cmn/logomark_only_white.svg") no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 5px; opacity: .2; } /* line 130, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::after { width: 120px; height: 120px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 10px; background-size: contain !important; z-index: 0; opacity: 0; transition: .4s all; } /* line 131, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist em, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist span, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist em, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist span { filter: drop-shadow(1px 1px 2px rgba(102, 69, 69, 0.2)); position: relative; z-index: 2; } /* line 132, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist em, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 18px; line-height: 1.5; } /* line 133, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist em strong, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist em strong { font-size: 120%; } /* line 135, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist span, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist span { font-family: "YakuHanJP", "TsukuBRdGothicStd-M", "FOT-筑紫B丸ゴシック Std M"; font-size: 11px; line-height: 1.5; margin-left: .25em; } /* line 136, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.worries, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.worries { background: #c7a155; } /* line 136, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.worries::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.worries::after { background: url("../img/cmn/bnr_worriestPh.webp") no-repeat; } /* line 137, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.medical_care, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.medical_care { background: #664545; overflow: visible; } /* line 137, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.medical_care::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.medical_care::after { background: url("../img/cmn/bnr_medical_carePh.webp") no-repeat; margin-top: -.25em; } /* line 138, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.womens_troubles, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.womens_troubles { background: #d94f4d; } /* line 138, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.womens_troubles::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.womens_troubles::after { background: url("../img/cmn/bnr_womens_troublesPh.webp") no-repeat; } /* line 139, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist:hover, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.active, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist:hover, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.active { /*height: 76px;*/ opacity: 1; } /* line 140, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist:hover::after, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.active::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist:hover::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.active::after { opacity: 1; } @media only screen and (max-width: 750px) { /* line 148, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist { width: calc(100% / 3 - (10px + (6px / 3))); /*height: 70px;*/ height: 55px; border-radius: 10px 10px 0 0; padding-left: 0px; flex-wrap: wrap; align-items: center; } /* line 149, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist:not(:last-child), .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist:not(:last-child) { margin-right: 8px; } /* line 150, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::before, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::before { width: 70px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 5px; opacity: .2; display: none; } /* line 151, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist::after { width: 60px; height: 60px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; bottom: calc(100% - 10px); display: none; } /* line 152, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist em, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist em { font-size: 16px; line-height: 1.25; } /* line 153, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist em strong, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist em strong { font-size: 120%; } /* line 155, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist span, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist span { font-size: 8px; line-height: 1.5; margin-left: .0em; margin-top: .25em; display: none; } /* line 156, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.worries, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.worries { overflow: visible; } /* line 157, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.worries.medical_care::after, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.worries.medical_care::after { margin-top: -.0em; } /* line 158, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap ul.tab li.tablist.worries.womens_troubles, .expense_treatment_tabsSec .tabcontentsWrap ul.tab li.tablist.worries.womens_troubles { overflow: visible; } } /* line 169, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents { padding: 20px 0; position: relative; max-width: 1200px; margin: auto; z-index: 1; } /* line 170, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents::after { content: ""; width: calc(100% + 2.5em); height: calc(100% + 0em); position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; z-index: 0; border-radius: 20px; } /* line 171, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.worries, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.worries { /*background: $mC2;*/ } /* line 171, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.worries::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.worries::after { background: #c7a155; } /* line 171, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.worries .treatmentCmn .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.worries .treatmentCmn .ttl a i::before { background: #c7a155; } /* line 171, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.worries .listLink a em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.worries .listLink a em::after { color: #c7a155; } /* line 172, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.medical_care, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.medical_care { /*background: $mC3;*/ } /* line 172, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.medical_care::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.medical_care::after { background: #664545; } /* line 172, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.medical_care .treatmentCmn .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.medical_care .treatmentCmn .ttl a i::before { background: #664545; } /* line 172, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.medical_care .listLink a em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.medical_care .listLink a em::after { color: #664545; } /* line 173, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.womens_troubles, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.womens_troubles { /*background: $mC4;*/ } /* line 173, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.womens_troubles::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.womens_troubles::after { background: #d94f4d; } /* line 175, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn { max-width: 1200px; margin: auto; filter: drop-shadow(3px 3px 3px rgba(102, 69, 69, 0.15)); position: relative; z-index: 5; } /* line 176, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn { background: #fff; border-radius: 15px; padding: 15px 30px 10px; } /* line 177, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 178, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub::after { content: ""; width: calc(100% / 5 - 12px); display: block; padding: 0 .5em; box-sizing: border-box; } /* line 179, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist { width: calc(100% / 5 - 12px); height: 50px; background: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; opacity: .6; transition: .4s all; margin-bottom: 15px; cursor: pointer; position: relative; padding: 0 .5em; border-radius: 8px; } /* line 180, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist::after { content: ""; clip-path: polygon(0 0, 50% 100%, 100% 0); width: 18px; height: 12px; background: #fff; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; bottom: 0; opacity: 0; transition: .4s all; } /* line 181, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist em { color: #664545; line-height: 1.25; font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; white-space: normal; } /* line 182, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover { opacity: 1; } /* line 183, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active::after, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover::after { opacity: 1; bottom: -11.5px; } @media only screen and (max-width: 750px) { /* line 169, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents { padding: 12.5px 0; max-width: 100%; } /* line 192, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents::after { width: calc(100% + 0em); height: calc(100% + 0em); border-radius: 0px; } /* line 197, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn { max-width: 94%; } /* line 198, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn { border-radius: 12.5px; padding: 15px 15px 10px; } /* line 200, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub::after { width: calc(100% / 3 - 6px); padding: 0 .5em; } /* line 201, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist { width: calc(100% / 3 - 6px); height: auto; min-height: 45px; margin-bottom: 10px; padding: .25em .25em; border-radius: 8px; } /* line 202, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist::after { width: 12.5px; height: 8px; } /* line 203, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist em { line-height: 1.25; font-size: 14px; } /* line 205, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active::after, #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist.active::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents ul.tabSub li.tabSublist:hover::after { bottom: -8px; } } /* line 212, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn { text-align: left; } /* line 213, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; } /* line 214, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li { width: calc(100% / 4 - 1em); margin-right: 1em; margin-bottom: 1em; } /* line 215, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a { color: #664545; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* line 216, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a span, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a span { width: 60px; height: 60px; border-radius: 10px; filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.15)); } /* line 217, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em { width: calc(100% - .75em - 60px); line-height: 1.25; white-space: normal; font-size: 16px; font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; } /* line 218, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em small, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em small { font-size: 80%; letter-spacing: 0; } /* line 221, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active { position: relative; } /* line 222, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active::after { content: "現在のページです"; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; color: #e23565; width: 100%; text-align: center; filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white); } /* line 223, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active a, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li.active a { pointer-events: none; opacity: .25; } @media only screen and (max-width: 750px) { /* line 233, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap { width: 100%; } /* line 234, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li { width: calc(100% / 1); margin-right: 0em; margin-bottom: 0em; } /* line 235, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li:not(:last-child), .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li:not(:last-child) { margin-bottom: .5em; } /* line 237, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a span, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a span { width: 40px; height: 40px; border-radius: 8px; } /* line 238, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em { width: calc(100% - .5em - 40px); font-size: 14.5px; line-height: 1.25; } /* line 239, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em small, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn ul.listWrap li a em small { font-size: 86%; } } /* line 247, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.active, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.active { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* line 248, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl { margin-bottom: 1em; } /* line 249, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a { color: #664545; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } /* line 250, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a span, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a span { display: none; } /* line 251, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i { width: 36px; height: 36px; position: relative; margin-right: .75em; } /* line 252, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; width: 100%; height: 100%; } /* line 254, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 24px; line-height: 1.5; } /* line 257, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink { margin-top: -.75em; } /* line 258, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a { color: #664545; } /* line 259, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em { font-weight: 500; font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; } /* line 260, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em::after { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: relative; margin-left: .5em; right: 0; transition: .4s all; } /* line 264, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a:hover em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a:hover em::after { right: -.25em; } /* line 269, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents ul.listWrap, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents ul.listWrap { border-top: 1px dotted #b3a2a2; padding-top: 1.5em; } /* line 277, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.skincare .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.skincare .ttl a i::before { mask: url("../img/ic/skincare.svg") no-repeat center/contain; } /* line 278, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.wrinkle .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.wrinkle .ttl a i::before { mask: url("../img/ic/wrinkle.svg") no-repeat center/contain; } /* line 279, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.faces .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.faces .ttl a i::before { mask: url("../img/ic/faces.svg") no-repeat center/contain; } /* line 280, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.body .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.body .ttl a i::before { mask: url("../img/ic/body.svg") no-repeat center/contain; } /* line 281, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.diet .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.diet .ttl a i::before { mask: url("../img/ic/diet.svg") no-repeat center/contain; } /* line 282, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.breast .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.breast .ttl a i::before { mask: url("../img/ic/breast.svg") no-repeat center/contain; } /* line 283, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.tattoo .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.tattoo .ttl a i::before { mask: url("../img/ic/tattoo.svg") no-repeat center/contain; } /* line 284, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.aga .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.aga .ttl a i::before { mask: url("../img/ic/aga.svg") no-repeat center/contain; } /* line 285, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.medical_artmake .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.medical_artmake .ttl a i::before { mask: url("../img/ic/medical_artmake.svg") no-repeat center/contain; } /* line 286, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.instillation .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.instillation .ttl a i::before { mask: url("../img/ic/instillation.svg") no-repeat center/contain; } /* line 287, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.laser .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.laser .ttl a i::before { mask: url("../img/ic/laser.svg") no-repeat center/contain; } /* line 288, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.surgery .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.surgery .ttl a i::before { mask: url("../img/ic/surgery.svg") no-repeat center/contain; } /* line 289, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.anesthesia .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.anesthesia .ttl a i::before { mask: url("../img/ic/anesthesia.svg") no-repeat center/contain; } /* line 290, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.beatiful_skin .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.beatiful_skin .ttl a i::before { mask: url("../img/ic/beatiful_skin.svg") no-repeat center/contain; } /* line 291, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.supplement .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.supplement .ttl a i::before { mask: url("../img/ic/supplement.svg") no-repeat center/contain; } /* line 292, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.medical_cosmetics .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.medical_cosmetics .ttl a i::before { mask: url("../img/ic/medical_cosmetics.svg") no-repeat center/contain; } @media only screen and (max-width: 750px) { /* line 299, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.active, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents.active { display: flex; flex-direction: column; flex-wrap: wrap; } /* line 300, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl { margin-bottom: .75em; width: 100%; order: 0; } /* line 301, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a { justify-content: space-between; } /* line 303, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i { width: 30px; height: 30px; margin-right: .0em; } /* line 304, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i::before, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a i::before { width: 100%; height: 100%; } /* line 306, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .ttl a em { font-size: 20px; line-height: 1.25; width: calc(100% - .25em - 30px); } /* line 309, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink { margin-top: 1.5em; border-top: 1px dotted #b3a2a2; padding-top: .5em; width: 100%; text-align: right; order: 2; } /* line 311, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em { font-size: 14px; font-weight: 400; } /* line 312, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a em::after { margin-left: .5em; right: 0; } /* line 316, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a:hover em::after, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents .listLink a:hover em::after { right: -.25em; } /* line 321, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents ul.listWrap, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents .treatmentCmn.expense_treatment_contents ul.listWrap { padding-top: 1em; order: 1; } } /* line 332, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents { padding-top: 25px; } /* line 338, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents ul.listWrap li a em, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents ul.listWrap li a em { white-space: normal; } @media only screen and (max-width: 750px) { /* line 360, style_tabcontents.scss */ #grobalNav .drawer-nav ul.drawer-menu li.expense_treatment .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents, .expense_treatment_tabsSec .tabcontentsWrap .tabcontents.womens_troubles .treatmentCmn.womens_troubles_contents { padding-top: 10px; } } @keyframes fadeInTabsContents { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; } } /* line 391, style_tabcontents.scss */ [data-tab-content], [data-tab-content2] { display: none; } /* line 392, style_tabcontents.scss */ [data-tab-content].active, [data-tab-content2].active { display: block; animation: fadeInTabsContents 0.7s ease 0s 1 normal; } /*[data-tab-content].active .tabSub, [data-tab-content2].active .tabSub { display: none;} [data-tab-content].active .tabSub, [data-tab-content2].active .tabSub{ display: block; animation: fadeInTabsContents 0.7s ease 0s 1 normal;}*/