@charset "UTF-8"; /* line 7, counceling.scss */ #expense_treatment #pickupSec { margin-top: 60px; } /* line 9, counceling.scss */ #expense_treatment #pickupSec, #expense_treatment .counceling_table { /*display: none;*/ } /* line 11, counceling.scss */ #expense_treatment .feeSec .tit.titCmn { cursor: inherit; } /* line 15, counceling.scss */ #expense_treatment.top #councelingContents .listWrap { justify-content: flex-start; } /* line 19, counceling.scss */ #councelingContents { /*.titleMain { max-width: 1200px; margin: 0 auto 4em; padding-left: 100px; position: relative; border-top: 4px solid $mC; text-align: left; min-height: 90px; border-bottom: 1px solid rgba($bdC, .5); padding-block: 1.25em; box-sizing: border-box; em { font-family: $jpHamD; font-size: 30px; line-height: 1.25; font-weight: 500; letter-spacing: .025em; text-align: justify; width: 100%;} &::before{ content: ""; width: 60px; height: 53px; background: url("../img/cmn/logomark.svg") no-repeat; background-size: 100% auto; position: absolute; top: .75em; left: 1.15em;} span { font-size: 70%;} }*/ } /* line 26, counceling.scss */ #councelingContents .sec { max-width: 1100px; margin: auto; clear: both; /*.tMc { background: $sC2; @include flexCenter; display: inline-flex; font-size: 18px; color: #fff; @include br(20); padding: .15em 1.5em;}*/ } @media only screen and (max-width: 750px) { /* line 26, counceling.scss */ #councelingContents .sec { max-width: 100%; padding: 0 5%; } } /* line 27, counceling.scss */ #councelingContents .sec:not(:last-child) { margin-bottom: 5em; } @media only screen and (max-width: 750px) { /* line 27, counceling.scss */ #councelingContents .sec:not(:last-child) { margin-bottom: 5em; } } /* line 28, counceling.scss */ #councelingContents .sec .read { line-height: 2.8; text-align: justify; } /* line 29, counceling.scss */ #councelingContents .sec .read.readM { font-size: .95em; line-height: 2.2; } /* line 30, counceling.scss */ #councelingContents .sec .read.readS { font-size: .8em; line-height: 1.8; } /* line 32, counceling.scss */ #councelingContents .sec .draw { max-width: 1000px; margin: auto; line-height: 1; } @media only screen and (max-width: 750px) { /* line 32, counceling.scss */ #councelingContents .sec .draw { max-width: 100%; } } /* line 33, counceling.scss */ #councelingContents .sec .ph { border-radius: 20px; box-sizing: border-box; line-height: 1; overflow: hidden; } @media only screen and (max-width: 750px) { /* line 33, counceling.scss */ #councelingContents .sec .ph { border-radius: 15px; } } /* line 34, counceling.scss */ #councelingContents .sec .ph.wBorder { border: 1px solid rgba(102, 69, 69, 0.25); } /* line 35, counceling.scss */ #councelingContents .sec .ph + .cap { margin-top: 1em; } /* line 36, counceling.scss */ #councelingContents .sec .ph.sdw { overflow: visible; } /* line 37, counceling.scss */ #councelingContents .sec .ph.sdw img { border-radius: 20px; position: relative; z-index: 5; } @media only screen and (max-width: 750px) { /* line 37, counceling.scss */ #councelingContents .sec .ph.sdw img { border-radius: 15px; } } /* line 40, counceling.scss */ #councelingContents .sec .cap { font-size: 90%; line-height: 1.8; } /* line 41, counceling.scss */ #councelingContents .sec .cap.capS { font-size: 80%; opacity: .8; } /* line 42, counceling.scss */ #councelingContents .sec .cap.block { margin-top: 1em; } /* line 43, counceling.scss */ #councelingContents .sec .cap.r { text-align: right; } /* line 44, counceling.scss */ #councelingContents .sec .cap.l { text-align: justify; } /* line 45, counceling.scss */ #councelingContents .sec .cap.c { text-align: center; } @media only screen and (max-width: 750px) { /* line 47, counceling.scss */ #councelingContents .sec .cap.r_sp { text-align: right; } /* line 48, counceling.scss */ #councelingContents .sec .cap.l_sp { text-align: justify; } /* line 49, counceling.scss */ #councelingContents .sec .cap.c_sp { text-align: center; } } /* line 53, counceling.scss */ #councelingContents .sec .listWrap li { line-height: 2.2; text-align: justify; } @media only screen and (max-width: 750px) { /* line 53, counceling.scss */ #councelingContents .sec .listWrap li { line-height: 2.0; } } /* line 54, counceling.scss */ #councelingContents .sec .listWrap li .read { font-size: 16px; flex-grow: 1; /*margin-bottom: 1.25em;*/ font-family: "YakuHanJP", "Noto Sans JP", sans-serif; } @media only screen and (max-width: 750px) { /* line 54, counceling.scss */ #councelingContents .sec .listWrap li .read { font-size: 15px; } } /* line 56, counceling.scss */ #councelingContents .sec .listWrap li .ph { margin-top: auto; } /* line 57, counceling.scss */ #councelingContents .sec .listWrap li .cap { margin-top: 1em; display: block; } /* line 60, counceling.scss */ #councelingContents .sec .linkList { column-gap: 33px; grid-row-gap: 2.5em; justify-content: flex-start; } @media only screen and (max-width: 750px) { /* line 60, counceling.scss */ #councelingContents .sec .linkList { column-gap: 20px; grid-row-gap: 1.5em; } } /* line 61, counceling.scss */ #councelingContents .sec .linkList li { display: flex; flex-direction: column; flex-wrap: wrap; align-self: stretch; } /* line 63, counceling.scss */ #councelingContents .sec .linkList li .ph { width: 100%; height: 180px; } @media only screen and (max-width: 750px) { /* line 63, counceling.scss */ #councelingContents .sec .linkList li .ph { height: 100px; } } /* line 64, counceling.scss */ #councelingContents .sec .linkList li .cap { margin-bottom: 1em; } /* line 65, counceling.scss */ #councelingContents .sec .linkList li .feeBtn { margin-top: auto; } /* line 68, counceling.scss */ #councelingContents .sec .text { text-align: left; /*overflow: hidden;*/ } /* line 70, counceling.scss */ #councelingContents .sec .text > *:not(:last-child) { margin-bottom: 1em; } /* line 74, counceling.scss */ #councelingContents .sec p strong, #councelingContents .sec li strong { color: #e23565; font-weight: 600; font-size: 107%; } /* line 75, counceling.scss */ #councelingContents .sec p u, #councelingContents .sec li u { background: linear-gradient(-90deg, rgba(248, 181, 215, 0.5) 0%, rgba(221, 223, 243, 0.5) 100%); text-decoration: none; background-size: 100% 100%; padding: 0 .25em .15em; display: inline; } @media only screen and (max-width: 750px) { /* line 75, counceling.scss */ #councelingContents .sec p u, #councelingContents .sec li u { padding-bottom: 0; } } /* line 76, counceling.scss */ #councelingContents .sec p u a, #councelingContents .sec li u a { font-weight: 500; display: inline; } /* line 80, counceling.scss */ #councelingContents .sec ul.liTa-l li .cap { text-align: left; } /* line 85, counceling.scss */ #councelingContents .sec .phWrap a, #councelingContents .sec li a { display: inline-block; text-align: left; } /* line 86, counceling.scss */ #councelingContents .sec .phWrap a .cap, #councelingContents .sec li a .cap { padding-left: 1.5em; position: relative; color: #664545; } /* line 87, counceling.scss */ #councelingContents .sec .phWrap a .cap::before, #councelingContents .sec li a .cap::before { content: "\f138"; font-family: "Font Awesome 6 Pro"; color: #e23565; font-weight: 900; position: absolute; left: 0; top: 0; line-height: inherit; transition: .4s all; } /* line 90, counceling.scss */ #councelingContents .sec .phWrap a:hover .cap, #councelingContents .sec li a:hover .cap { color: #e23565; } /* line 91, counceling.scss */ #councelingContents .sec .phWrap a:hover .cap::before, #councelingContents .sec li a:hover .cap::before { left: .15em; } /* line 96, counceling.scss */ #councelingContents .sec .linkBtn { min-width: 220px; height: 42px; margin: auto; font-size: 18px; } @media only screen and (max-width: 750px) { /* line 96, counceling.scss */ #councelingContents .sec .linkBtn { min-width: 180px; height: 38px; font-size: 16px; } } /* line 97, counceling.scss */ #councelingContents .sec .linkBtn a { background: #e23565; color: #fff; border-radius: 30px; padding: 0 3em; width: auto; display: inline-flex; } /* line 102, counceling.scss */ #councelingContents .sec .feeBtn { width: 100%; height: 32px; margin: 1.5em auto 0; font-size: 15.5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } @media only screen and (max-width: 750px) { /* line 102, counceling.scss */ #councelingContents .sec .feeBtn { height: 36px; font-size: 15px; } } /* line 103, counceling.scss */ #councelingContents .sec .feeBtn a { background: #fff; color: #e23565; border: 1px solid #e23565; border-radius: 20px; padding: 0 3em; width: auto; display: inline-flex; } /* line 106, counceling.scss */ #councelingContents .sec .feeBtn a:hover { opacity: 1; background: #e23565; color: #fff; border: 1px solid #fff; } /* line 112, counceling.scss */ #councelingContents .sec .titBr { background: #e23565; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; font-size: 18px; color: #fff; border-radius: 20px; padding: .15em 1.5em; } @media only screen and (max-width: 750px) { /* line 112, counceling.scss */ #councelingContents .sec .titBr { font-size: 18px; } } /* line 113, counceling.scss */ #councelingContents .sec .titBr.bgSc { background: #c7a155; } /* line 116, counceling.scss */ #councelingContents .sec .phL::before, #councelingContents .sec .phL::after, #councelingContents .sec .phR::before, #councelingContents .sec .phR::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; overflow: hidden; } /* line 119, counceling.scss */ #councelingContents .sec .phL .phWrap, #councelingContents .sec .phL .ph { float: left; margin-right: 3.5em; } /* line 120, counceling.scss */ #councelingContents .sec .phL .phWrap .ph, #councelingContents .sec .phL .ph .ph { float: none; margin-right: 0; } /* line 124, counceling.scss */ #councelingContents .sec .phR .phWrap, #councelingContents .sec .phR .ph { float: right; margin-left: 3.5em; } /* line 125, counceling.scss */ #councelingContents .sec .phR .phWrap a, #councelingContents .sec .phR .ph a { display: block; } /* line 126, counceling.scss */ #councelingContents .sec .phR .phWrap .ph, #councelingContents .sec .phR .ph .ph { float: none; margin-left: 0; } @media only screen and (max-width: 750px) { /* line 131, counceling.scss */ #councelingContents .sec .phL .phWrap, #councelingContents .sec .phL .ph, #councelingContents .sec .phR .phWrap, #councelingContents .sec .phR .ph { float: none; margin: auto; width: 100%; margin-bottom: 1.5em; } /* line 132, counceling.scss */ #councelingContents .sec .phL .phWrap .ph, #councelingContents .sec .phL .ph .ph, #councelingContents .sec .phR .phWrap .ph, #councelingContents .sec .phR .ph .ph { float: none; margin-right: auto; margin-bottom: 0; } /* line 136, counceling.scss */ #councelingContents .sec .phL_sp .phWrap, #councelingContents .sec .phL_sp .ph { float: left; margin-right: 1em; margin-bottom: 1em; width: 48%; margin-top: .5em; } /* line 137, counceling.scss */ #councelingContents .sec .phL_sp .phWrap .ph, #councelingContents .sec .phL_sp .ph .ph { float: none; margin: 0; width: 100%; margin-top: 0; } /* line 138, counceling.scss */ #councelingContents .sec .phL_sp .phWrap .ph + .cap, #councelingContents .sec .phL_sp .ph .ph + .cap { font-size: 80%; } /* line 143, counceling.scss */ #councelingContents .sec .phR_sp .phWrap, #councelingContents .sec .phR_sp .ph { float: right; margin-left: 1em; margin-bottom: 1em; width: 48%; margin-top: .5em; } /* line 144, counceling.scss */ #councelingContents .sec .phR_sp .phWrap .ph, #councelingContents .sec .phR_sp .ph .ph { float: none; margin: 0; width: 100%; margin-top: 0; } /* line 145, counceling.scss */ #councelingContents .sec .phR_sp .phWrap .ph + .cap, #councelingContents .sec .phR_sp .ph .ph + .cap { font-size: 80%; } } /* line 152, counceling.scss */ #councelingContents .sec.intro { /*overflow: hidden;*/ display: flow-root; } /* line 155, counceling.scss */ #councelingContents .feeSec { margin-bottom: 5em; } @media only screen and (max-width: 750px) { /* line 155, counceling.scss */ #councelingContents .feeSec { margin-bottom: 5em; } } /* line 158, counceling.scss */ #councelingContents .movieSec { position: relative; } @media only screen and (max-width: 750px) { /* line 158, counceling.scss */ #councelingContents .movieSec { padding: 0; } } /* line 159, counceling.scss */ #councelingContents .movieSec .movieIc { width: 150px; margin-top: -70px; left: 20px; margin-bottom: 20px; z-index: 10; } /* line 160, counceling.scss */ #councelingContents .movieSec .listWrap { grid-row-gap: 2em; } /* line 161, counceling.scss */ #councelingContents .movieSec .listWrap.col1 { width: 720px; margin: auto; } @media only screen and (max-width: 750px) { /* line 161, counceling.scss */ #councelingContents .movieSec .listWrap.col1 { width: 100%; } } /* line 162, counceling.scss */ #councelingContents .movieSec .listWrap.col1 .list { width: 100%; } /* line 165, counceling.scss */ #councelingContents .movieSec .movieWrapper { width: 100%; /*max-width: 560px; margin: auto;*/ } /* line 166, counceling.scss */ #councelingContents .movieSec .movieWrapper .movieWrap { width: 100%; height: 0; padding-top: 56.25%; position: relative; } /* line 167, counceling.scss */ #councelingContents .movieSec .movieWrapper .movieWrap iframe { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; width: 100%; height: 100%; } /* line 170, counceling.scss */ #councelingContents .movieSec .chapter { font-size: .9em; margin-top: 1em; } /* line 188, counceling.scss */ #councelingContents .tit { font-size: 24px; line-height: 1.5; text-align: justify; margin-bottom: .75em; /*width: 100%;*/ box-sizing: border-box; position: relative; } /* line 189, counceling.scss */ #councelingContents .tit span { font-size: 70%; margin-right: 1em; border-radius: 20px; padding: .15em 1em; } /* line 190, counceling.scss */ #councelingContents .tit span.bgMc { background: #e23565; color: #fff; } /* line 192, counceling.scss */ #councelingContents .tit.titCmn { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; padding-left: 1.5em; padding-bottom: .25em; margin-bottom: 1.5em; width: 100%; } /* line 193, counceling.scss */ #councelingContents .tit.titCmn::before { content: ""; width: 7px; height: 100%; background: #e23565; border-radius: 10px; position: absolute; top: -.15em; left: 0; } /* line 195, counceling.scss */ #councelingContents .tit.titLineDot { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 28px; color: #e23565; border-bottom: 4px dotted #e23565; padding-bottom: .5em; margin-bottom: 1.5em; /*width: 100%;*/ } /* line 196, counceling.scss */ #councelingContents .tit.titC { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; padding-left: 1.75em; margin-bottom: .75em; /* サイズは文字依存で可変 */ width: 100%; --d: 1.15em; /* 直径 */ --w: .25em; /* リングの太さ */ /*--gap: .4em;*/ /* 丸とテキストの隙間 */ /*padding-left: calc(var(--d) + var(--gap));*/ /* 折り返し時もインデント維持 */ /*&::before, &::after{ content: ""; @include br100; position: absolute; } &::before{ width: 24px; height: 24px; @include grd45; top: 4px; left: 0;} &::after{ width: 14px; height: 14px; background: #fff; top: 9px; left: 5px;}*/ } /* line 204, counceling.scss */ #councelingContents .tit.titC::before { content: ""; position: absolute; left: 0; /* 1lh = 要素の line-height。行ボックスの中央にくる */ top: calc((1lh - var(--d)) / 1.75); width: var(--d); height: var(--d); border-radius: 50%; background: linear-gradient(-135deg, #f8b5d7 0%, #dddff3 100%); /* 中を抜いて輪郭だけ残すマスク */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 0); } /* line 212, counceling.scss */ #councelingContents .tit.titB { border: 3px solid #e23565; font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; background: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; padding: .15em 2em; border-radius: 50px; margin: auto; margin-bottom: 1.5em; } /* line 213, counceling.scss */ #councelingContents .tit.wBorderDot { border-bottom: 1px dashed rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 214, counceling.scss */ #councelingContents .tit.wBorder { border-bottom: 1px solid rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 215, counceling.scss */ #councelingContents .tit.wBorderDot2 { border-bottom: 2px dotted rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 216, counceling.scss */ #councelingContents .tit.wBorder2 { border-bottom: 2px solid rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 217, counceling.scss */ #councelingContents .tit.wBorderDot3 { border-bottom: 3px dotted rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 218, counceling.scss */ #councelingContents .tit.wBorder3 { border-bottom: 3px solid rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 219, counceling.scss */ #councelingContents .tit.wBorderDot4 { border-bottom: 4px dotted rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 220, counceling.scss */ #councelingContents .tit.wBorder4 { border-bottom: 4px solid rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 221, counceling.scss */ #councelingContents .tit.wBorderDot5 { border-bottom: 5px dotted rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 222, counceling.scss */ #councelingContents .tit.wBorder5 { border-bottom: 5px solid rgba(102, 69, 69, 0.5); padding-bottom: .75em; } /* line 223, counceling.scss */ #councelingContents .tit.wBorderDotBlock { border-block: 1px dashed rgba(102, 69, 69, 0.5); padding-block: .75em; } /* line 224, counceling.scss */ #councelingContents .tit.wBorderBlock { border-block: 1px solid rgba(102, 69, 69, 0.5); padding-block: .75em; } /* line 225, counceling.scss */ #councelingContents .tit.titRibbon { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; font-size: 28px; text-align: center; background: #e23565; color: #fff; padding: .2em 2em; margin-bottom: 1em; width: calc(100% + 24px); margin-inline: -12px; } /* line 226, counceling.scss */ #councelingContents .tit.titRibbon::before, #councelingContents .tit.titRibbon::after { content: ""; position: absolute; top: calc(100% + 0px); background: #664545; width: 12px; height: 12px; } /* line 227, counceling.scss */ #councelingContents .tit.titRibbon::before { right: calc(100% - 12px); clip-path: polygon(0 0, 100% 100%, 100% 0); } /* line 228, counceling.scss */ #councelingContents .tit.titRibbon::after { left: calc(100% - 12px); clip-path: polygon(0 0, 0 100%, 100% 0); } /* line 231, counceling.scss */ #councelingContents .check { padding-left: 2em; position: relative; font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 18px; } /* line 232, counceling.scss */ #councelingContents .check::before { content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 145%; color: #e23565; position: absolute; top: -.25em; left: 0; } @media only screen and (max-width: 750px) { /* line 19, counceling.scss */ #councelingContents { /*.titleMain { max-width: 100%; margin: 0 auto 2em; padding-left: 55px; border-top: 4px solid $mC; min-height: 80px; padding-block: 1.25em; em { font-size: 22px; line-height: 1.25; padding-right: .5em;} &::before{ width: 36px; height: 32px; top: .75em; left: .5em;} }*/ } /* line 242, counceling.scss */ #councelingContents .tit { font-size: 20px; line-height: 1.5; margin-bottom: .75em; } /* line 243, counceling.scss */ #councelingContents .tit.titCmn { padding-left: 1.15em; padding-bottom: .25em; margin-bottom: .75em; width: 100%; } /* line 244, counceling.scss */ #councelingContents .tit.titCmn::before { width: 5px; height: 100%; top: -.15em; left: 0; } /* line 246, counceling.scss */ #councelingContents .tit.titLineDot { font-size: 22px; border-bottom: 3px dotted #e23565; padding-bottom: .5em; margin-bottom: 1em; } /* line 247, counceling.scss */ #councelingContents .tit.titC { padding-left: 1.75em; margin-bottom: .75em; --d: 1.15em; /* 直径 */ --w: .25em; /* リングの太さ */ } /* line 250, counceling.scss */ #councelingContents .tit.titC::before { top: calc((1lh - var(--d)) / 1.75); width: var(--d); height: var(--d); border-radius: 50%; background: linear-gradient(-135deg, #f8b5d7 0%, #dddff3 100%); -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 0); } /* line 256, counceling.scss */ #councelingContents .tit.titB { border: 3px solid #e23565; padding: .15em 1.5em; border-radius: 50px; margin-bottom: 1.5em; max-width: calc(100% + 5%); font-size: 18px; } /* line 257, counceling.scss */ #councelingContents .tit.wBorderDot { padding-bottom: .75em; } /* line 258, counceling.scss */ #councelingContents .tit.wBorder { padding-bottom: .75em; } /* line 259, counceling.scss */ #councelingContents .tit.wBorderDot2 { padding-bottom: .75em; } /* line 260, counceling.scss */ #councelingContents .tit.wBorder2 { padding-bottom: .75em; } /* line 261, counceling.scss */ #councelingContents .tit.wBorderDot3 { padding-bottom: .75em; } /* line 262, counceling.scss */ #councelingContents .tit.wBorder3 { padding-bottom: .75em; } /* line 263, counceling.scss */ #councelingContents .tit.wBorderDot4 { padding-bottom: .75em; } /* line 264, counceling.scss */ #councelingContents .tit.wBorder4 { padding-bottom: .75em; } /* line 265, counceling.scss */ #councelingContents .tit.wBorderDot5 { padding-bottom: .75em; } /* line 266, counceling.scss */ #councelingContents .tit.wBorder5 { padding-bottom: .75em; } /* line 267, counceling.scss */ #councelingContents .tit.wBorderDotBlock { padding-block: .75em; } /* line 268, counceling.scss */ #councelingContents .tit.wBorderBlock { padding-block: .75em; } /* line 269, counceling.scss */ #councelingContents .tit.titRibbon { font-size: 22px; text-align: center; padding: .2em 2em; margin-bottom: 1em; width: calc(100% + 24px); margin-inline: -12px; } /* line 270, counceling.scss */ #councelingContents .tit.titRibbon::before, #councelingContents .tit.titRibbon::after { width: 12px; height: 12px; } /* line 271, counceling.scss */ #councelingContents .tit.titRibbon::before { right: calc(100% - 12px); } /* line 272, counceling.scss */ #councelingContents .tit.titRibbon::after { left: calc(100% - 12px); } /* line 275, counceling.scss */ #councelingContents .check { padding-left: 2em; font-size: 16px; } /* line 276, counceling.scss */ #councelingContents .check::before { font-size: 145%; top: -.25em; left: 0; } } /* line 289, counceling.scss */ #councelingContents .box { width: 100%; } /* line 290, counceling.scss */ #councelingContents .box:not(:last-child) { margin-bottom: 2em; } /* line 294, counceling.scss */ #councelingContents .bgPink { background: rgba(226, 53, 101, 0.05); padding: 50px 50px 50px; position: relative; box-sizing: border-box; border-radius: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 750px) { /* line 294, counceling.scss */ #councelingContents .bgPink { padding: 25px; border-radius: 0px; } } /* line 298, counceling.scss */ #councelingContents .boxW { background: #fff; width: 100%; margin: auto; filter: drop-shadow(0px 0px 5px rgba(102, 69, 69, 0.15)); border-radius: 20px; padding: 50px 50px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media only screen and (max-width: 750px) { /* line 298, counceling.scss */ #councelingContents .boxW { width: calc(100% + 6%); margin-inline: -3%; padding: 25px; border-radius: 15px; } } /* line 310, counceling.scss */ #councelingContents .listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; /*justify-content: flex-start;*/ } /* line 311, counceling.scss */ #councelingContents .listWrap.col2 > * { width: calc(100% / 2 - 30px); } /* line 311, counceling.scss */ #councelingContents .listWrap.col2 > .boxW { padding: 25px; margin: 0; } /* line 312, counceling.scss */ #councelingContents .listWrap.col3 > * { width: calc(100% / 3 - 30px); } /* line 312, counceling.scss */ #councelingContents .listWrap.col3 > .boxW { padding: 20px; margin: 0; } /* line 313, counceling.scss */ #councelingContents .listWrap.col4 > * { width: calc(100% / 4 - 25px); } /* line 313, counceling.scss */ #councelingContents .listWrap.col4 > .boxW { padding: 15px; margin: 0; } /* line 314, counceling.scss */ #councelingContents .listWrap.col5 > * { width: calc(100% / 5 - 20px); } /* line 314, counceling.scss */ #councelingContents .listWrap.col5 > .boxW { padding: 12px; margin: 0; } /* line 315, counceling.scss */ #councelingContents .listWrap.jc { column-gap: 2em; row-gap: 1em; } /* line 315, counceling.scss */ #councelingContents .listWrap.jc > * { /*margin: 0 1em 1em;*/ } /* line 316, counceling.scss */ #councelingContents .listWrap.js { column-gap: 2em; row-gap: 1em; } /* line 316, counceling.scss */ #councelingContents .listWrap.js > *:not(:last-child) { /*margin-right: 2em;*/ } /* line 317, counceling.scss */ #councelingContents .listWrap.je { column-gap: 2em; row-gap: 1em; } /* line 317, counceling.scss */ #councelingContents .listWrap.je > *:not(:last-child) { /*margin-right: 2em;*/ } /* line 318, counceling.scss */ #councelingContents .listWrap.jb { column-gap: 0em; row-gap: 1em; } /* line 318, counceling.scss */ #councelingContents .listWrap.jb > *:not(:last-child) { /*margin-right: 2em;*/ } /* line 319, counceling.scss */ #councelingContents .listWrap.jbl { row-gap: .5em; } /* line 319, counceling.scss */ #councelingContents .listWrap.jbl > * { width: 100%; } /* line 319, counceling.scss */ #councelingContents .listWrap.jbl > *:not(:last-child) { /* margin-right: 2em;*/ } @media only screen and (max-width: 750px) { /* line 321, counceling.scss */ #councelingContents .listWrap.col2 > * { width: 90%; margin: auto; } /* line 321, counceling.scss */ #councelingContents .listWrap.col2 > *:not(:last-child) { /*margin-bottom: 3em;*/ } /* line 322, counceling.scss */ #councelingContents .listWrap.col2 > .boxW { width: calc(100% + 6%); margin: 0; margin-inline: -3%; padding: 25px; } /* line 322, counceling.scss */ #councelingContents .listWrap.col2 > .boxW:not(:last-child) { margin-bottom: 2em; } /* line 323, counceling.scss */ #councelingContents .listWrap.col3 > * { width: 90%; margin: auto; } /* line 323, counceling.scss */ #councelingContents .listWrap.col3 > *:not(:last-child) { /*margin-bottom: 3em;*/ } /* line 324, counceling.scss */ #councelingContents .listWrap.col3 > .boxW { width: calc(100% + 6%); margin: 0; margin-inline: -3%; padding: 25px; } /* line 324, counceling.scss */ #councelingContents .listWrap.col3 > .boxW:not(:last-child) { margin-bottom: 2em; } /* line 325, counceling.scss */ #councelingContents .listWrap.col4 > * { width: 90%; margin: auto; } /* line 325, counceling.scss */ #councelingContents .listWrap.col4 > *:not(:last-child) { /*margin-bottom: 3em;*/ } /* line 326, counceling.scss */ #councelingContents .listWrap.col4 > .boxW { width: calc(100% + 6%); margin: 0; margin-inline: -3%; padding: 25px; } /* line 326, counceling.scss */ #councelingContents .listWrap.col4 > .boxW:not(:last-child) { margin-bottom: 2em; } /* line 327, counceling.scss */ #councelingContents .listWrap.col5 > * { width: 90%; margin: auto; } /* line 327, counceling.scss */ #councelingContents .listWrap.col5 > *:not(:last-child) { /*margin-bottom: 3em;*/ } /* line 328, counceling.scss */ #councelingContents .listWrap.col5 > .boxW { width: calc(100% + 6%); margin: 0; margin-inline: -3%; padding: 25px; } /* line 328, counceling.scss */ #councelingContents .listWrap.col5 > .boxW:not(:last-child) { margin-bottom: 2em; } /* line 329, counceling.scss */ #councelingContents .listWrap.col2_sp > * { width: calc(100% / 2 - 10px) !important; margin: 0; } /* line 329, counceling.scss */ #councelingContents .listWrap.col2_sp .ph + .cap { font-size: 80%; margin-top: .75em; } /* line 330, counceling.scss */ #councelingContents .listWrap.col3_sp > * { width: calc(100% / 3 - 10px) !important; margin: 0; } /* line 330, counceling.scss */ #councelingContents .listWrap.col3_sp .ph + .cap { font-size: 80%; margin-top: .75em; } /* line 331, counceling.scss */ #councelingContents .listWrap.jc_sp > * { margin: 0 .75em 1em; } /* line 332, counceling.scss */ #councelingContents .listWrap.jl_sp > *:not(:last-child) { margin-right: 2em; } /* line 333, counceling.scss */ #councelingContents .listWrap.jr_sp > *:not(:last-child) { margin-right: 2em; } } /* line 344, counceling.scss */ #councelingContents .checkList > li { padding-left: 2em; position: relative; font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 22px; } @media only screen and (max-width: 750px) { /* line 344, counceling.scss */ #councelingContents .checkList > li { padding-left: 2em; font-size: 18px; } } /* line 345, counceling.scss */ #councelingContents .checkList > li::before { content: "\f058"; font-family: "Font Awesome 6 Pro"; font-weight: 300; font-size: 145%; color: #e23565; position: absolute; top: -.25em; left: 0; } /* line 347, counceling.scss */ #councelingContents .checkList.font20 > li { font-size: 20px; } /* line 348, counceling.scss */ #councelingContents .checkList.font18 > li { font-size: 18px; } /* line 349, counceling.scss */ #councelingContents .checkList.font16 > li { font-size: 16px; } @media only screen and (max-width: 750px) { /* line 351, counceling.scss */ #councelingContents .checkList.font20_sp > li { font-size: 20px; } /* line 352, counceling.scss */ #councelingContents .checkList.font18_sp > li { font-size: 18px; } /* line 353, counceling.scss */ #councelingContents .checkList.font16_sp > li { font-size: 16px; } /* line 354, counceling.scss */ #councelingContents .checkList.jc, #councelingContents .checkList.je { justify-content: flex-start !important; } } /* line 360, counceling.scss */ #councelingContents .basicList li { text-align: justify; /*&:not(:last-child){ margin-bottom: .5em;}*/ } /* line 362, counceling.scss */ #councelingContents .basicList li::before { /* color: $mC;*/ } /* line 367, counceling.scss */ #councelingContents .beforeafter { justify-content: center; } /* line 368, counceling.scss */ #councelingContents .beforeafter li { position: relative; width: 35%; } /* line 369, counceling.scss */ #councelingContents .beforeafter li .ph { width: 100%; height: 0; padding-top: 62.5%; } /* line 370, counceling.scss */ #councelingContents .beforeafter li .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; } /* line 372, counceling.scss */ #councelingContents .beforeafter li .read { width: 80px; height: 80px; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #fff; position: absolute; top: -20px; left: -20px; } /* line 373, counceling.scss */ #councelingContents .beforeafter li.before { margin-right: 5em; } /* line 373, counceling.scss */ #councelingContents .beforeafter li.before .read { background: #aea4a3; } /* line 374, counceling.scss */ #councelingContents .beforeafter li.after .read { background: #e23565; } /* line 376, counceling.scss */ #councelingContents .beforeafter li:not(:last-child)::before { content: "\f0da"; font-family: "Font Awesome 6 Pro"; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #e23565; left: calc(100% + .45em); font-size: 60px; line-height: 1; font-weight: 900; opacity: .6; } @media only screen and (max-width: 750px) { /* line 382, counceling.scss */ #councelingContents .beforeafter li { width: 100%; } /* line 383, counceling.scss */ #councelingContents .beforeafter li .read { width: 60px; height: 60px; top: -10px; left: -10px; font-size: 15px; } /* line 384, counceling.scss */ #councelingContents .beforeafter li.before { margin-right: 0em; margin-bottom: 3em; } /* line 387, counceling.scss */ #councelingContents .beforeafter li:not(:last-child)::before { content: "\f0dd"; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: calc(100% - .3em); font-size: 60px; text-align: center; } } /* line 402, counceling.scss */ #councelingContents .sec.intro .phMain { float: right; margin-bottom: 2em; margin-left: 3em; position: relative; width: 380px; } /* line 403, counceling.scss */ #councelingContents .sec.intro .phMain span { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 30px; z-index: 1; width: 100%; height: 0; padding-top: 100%; } /* line 404, counceling.scss */ #councelingContents .sec.intro .phMain span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 406, counceling.scss */ #councelingContents .sec.intro .phMain::before { content: ""; width: 100%; height: 100%; background: linear-gradient(-135deg, #f8b5d7 0%, #dddff3 100%); border-radius: 30px; position: absolute; bottom: -10px; right: -10px; display: block; z-index: 0; opacity: .5; } /* line 407, counceling.scss */ #councelingContents .sec.intro .phMain.wide { float: none; width: 850px; margin: 0 auto 3em; } /* line 408, counceling.scss */ #councelingContents .sec.intro .phMain.wide span { height: auto; padding-top: 0; } /* line 409, counceling.scss */ #councelingContents .sec.intro .phMain.wide span img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 413, counceling.scss */ #councelingContents .sec.intro .logo { line-height: 0; left: 0; } @media only screen and (max-width: 750px) { /* line 420, counceling.scss */ #councelingContents .sec.intro .phMain { float: none; margin: 0 auto 2.5em; width: 90%; } /* line 421, counceling.scss */ #councelingContents .sec.intro .phMain span { border-radius: 15px; } /* line 422, counceling.scss */ #councelingContents .sec.intro .phMain::before { border-radius: 20px; bottom: -8px; right: -8px; } /* line 423, counceling.scss */ #councelingContents .sec.intro .phMain.wide { width: 90%; margin: 0 auto 2.5em; } /* line 424, counceling.scss */ #councelingContents .sec.intro .phMain.wide span { height: auto; padding-top: 0; } /* line 425, counceling.scss */ #councelingContents .sec.intro .phMain.wide span img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } } /* line 433, counceling.scss */ #councelingContents .sec.recovery { background: rgba(226, 53, 101, 0.05); padding: 0 50px 50px; position: relative; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; border-radius: 0 0 30px 30px; /*&::after{ content: ""; width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}*/ } /* line 434, counceling.scss */ #councelingContents .sec.recovery .titRibbon { width: calc(100% + 100px + 24px); margin-inline: calc(-50px - 12px); } @media only screen and (max-width: 750px) { /* line 442, counceling.scss */ #councelingContents .sec.recovery { padding: 0 25px 25px; border-radius: 0 0 0px 0px; width: calc(100% - 20px); } /* line 443, counceling.scss */ #councelingContents .sec.recovery .titRibbon { width: calc(100% + 50px + 20px); margin-inline: calc(-25px - 10px); } } /* line 452, counceling.scss */ #councelingContents .feeSec .sec.fee .titC { margin-bottom: 2em; } /* line 455, counceling.scss */ #councelingContents .feeSec .sec.fee table th, #councelingContents .feeSec .sec.fee table td { font-size: 16px; border: 1px solid rgba(179, 162, 162, 0.25); padding: 1.5em 1.5em; } /* line 456, counceling.scss */ #councelingContents .feeSec .sec.fee table th { font-weight: 500; background: rgba(226, 53, 101, 0.05); padding-block: .5em; } /* line 457, counceling.scss */ #councelingContents .feeSec .sec.fee table td { font-size: 18px; } /* line 459, counceling.scss */ #councelingContents .feeSec .sec.fee table thead th, #councelingContents .feeSec .sec.fee table thead td { background: rgba(226, 53, 101, 0.05); } /* line 461, counceling.scss */ #councelingContents .feeSec .sec.fee table.col2 th, #councelingContents .feeSec .sec.fee table.col2 td { width: calc(100% / 2); } /* line 462, counceling.scss */ #councelingContents .feeSec .sec.fee table.col3 th, #councelingContents .feeSec .sec.fee table.col3 td { width: calc(100% / 3); } /* line 463, counceling.scss */ #councelingContents .feeSec .sec.fee table.col4 th, #councelingContents .feeSec .sec.fee table.col4 td { width: calc(100% / 4); } /* line 464, counceling.scss */ #councelingContents .feeSec .sec.fee table.col5 th, #councelingContents .feeSec .sec.fee table.col5 td { width: calc(100% / 5); } /* line 465, counceling.scss */ #councelingContents .feeSec .sec.fee table.col6 th, #councelingContents .feeSec .sec.fee table.col6 td { width: calc(100% / 6); } /* line 466, counceling.scss */ #councelingContents .feeSec .sec.fee table.col7 th, #councelingContents .feeSec .sec.fee table.col7 td { width: calc(100% / 7); } /* line 468, counceling.scss */ #councelingContents .feeSec .sec.fee .capList { margin-top: 2em; } /* line 469, counceling.scss */ #councelingContents .feeSec .sec.fee .capList li { position: relative; padding-left: 1.1em; display: block; } /* line 470, counceling.scss */ #councelingContents .feeSec .sec.fee .capList li::after { content: "※"; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 750px) and (max-width: 750px) { /* line 476, counceling.scss */ #councelingContents .feeSec .sec.fee:not(:last-child) { margin-bottom: 3em; } } @media only screen and (max-width: 750px) { /* line 477, counceling.scss */ #councelingContents .feeSec .sec.fee .titC { margin-bottom: 2em; } /* line 480, counceling.scss */ #councelingContents .feeSec .sec.fee table th, #councelingContents .feeSec .sec.fee table td { font-size: 14px; padding: 1em 1em; } /* line 481, counceling.scss */ #councelingContents .feeSec .sec.fee table th { padding-block: .5em; } /* line 482, counceling.scss */ #councelingContents .feeSec .sec.fee table td { font-size: 15px; } /* line 487, counceling.scss */ #councelingContents .feeSec .sec.fee table.col3 th, #councelingContents .feeSec .sec.fee table.col3 td { width: calc(100% / 3); } /* line 490, counceling.scss */ #councelingContents .feeSec .sec.fee .capList { margin-top: 1.5em; text-align: left; } /* line 491, counceling.scss */ #councelingContents .feeSec .sec.fee .capList li { padding-left: 1.1em; font-size: 14px; line-height: 1.8; text-align: justify; } } /* line 497, counceling.scss */ #councelingContents .feeSec .linkBtn { display: none; } /* line 503, counceling.scss */ #councelingContents .flow .listWrap { align-items: stretch; justify-content: flex-start; column-gap: 26px; } /* line 504, counceling.scss */ #councelingContents .flow .listWrap li { width: calc(100% / 4 - 20px); background: rgba(226, 53, 101, 0.075); border-radius: 20px; padding: 20px 20px; text-align: justify; position: relative; } /* line 506, counceling.scss */ #councelingContents .flow .listWrap li:not(:last-child)::before { content: "\f0da"; font-family: "Font Awesome 6 Pro"; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #e23565; left: calc(100% + 0em); font-size: 46px; line-height: 1; font-weight: 900; } /* line 508, counceling.scss */ #councelingContents .flow .listWrap li em { font-size: 15px; position: relative; display: block; } /* line 509, counceling.scss */ #councelingContents .flow .listWrap li em::before, #councelingContents .flow .listWrap li em::after { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; color: rgba(226, 53, 101, 0.7); position: absolute; bottom: calc(100% + 20px); white-space: nowrap; } /* line 510, counceling.scss */ #councelingContents .flow .listWrap li em::before { content: "STEP"; right: 3.25em; font-size: 14px; line-height: 1; } /* line 511, counceling.scss */ #councelingContents .flow .listWrap li em::after { right: 0em; font-size: 33px; line-height: .8; letter-spacing: -.1em; } /* line 513, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(1) em::after { content: "０１"; } /* line 514, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(2) em::after { content: "０２"; } /* line 515, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(3) em::after { content: "０３"; } /* line 516, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(4) em::after { content: "０４"; } /* line 517, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(5) em::after { content: "０５"; } /* line 518, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(6) em::after { content: "０６"; } /* line 519, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(7) em::after { content: "０７"; } /* line 520, counceling.scss */ #councelingContents .flow .listWrap li:nth-of-type(8) em::after { content: "０８"; } @media only screen and (max-width: 750px) { /* line 526, counceling.scss */ #councelingContents .flow .listWrap { align-items: flex-start; column-gap: 0px; } /* line 527, counceling.scss */ #councelingContents .flow .listWrap li { width: 100%; border-radius: 20px; padding: 15px 20px; } /* line 528, counceling.scss */ #councelingContents .flow .listWrap li:not(:last-child) { margin-bottom: 4em; } /* line 529, counceling.scss */ #councelingContents .flow .listWrap li:not(:last-child)::before { content: "\f0dd"; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: calc(100% - .15em); font-size: 52px; text-align: center; } /* line 531, counceling.scss */ #councelingContents .flow .listWrap li em { font-size: 15px; } /* line 532, counceling.scss */ #councelingContents .flow .listWrap li em::before, #councelingContents .flow .listWrap li em::after { bottom: calc(100% + 20px); } /* line 533, counceling.scss */ #councelingContents .flow .listWrap li em::before { right: 3.25em; font-size: 14px; } /* line 534, counceling.scss */ #councelingContents .flow .listWrap li em::after { font-size: 33px; } } /* line 542, counceling.scss */ #councelingContents .note { background: rgba(255, 248, 241, 0.8); border-radius: 30px; padding: 35px 50px 40px; } /* line 543, counceling.scss */ #councelingContents .note .tit { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; text-align: center; margin: 0 auto 1em; } /* line 545, counceling.scss */ #councelingContents .note .listWrap li { width: 100%; } /* line 546, counceling.scss */ #councelingContents .note .listWrap li::before { color: rgba(102, 69, 69, 0.8); } @media only screen and (max-width: 750px) { /* line 551, counceling.scss */ #councelingContents .note { border-radius: 20px; padding: 25px 20px 20px; width: 94%; margin: auto; } /* line 552, counceling.scss */ #councelingContents .note .tit { margin: 0 auto 1em; } /* line 553, counceling.scss */ #councelingContents .note .listWrap { row-gap: .5em; } /* line 554, counceling.scss */ #councelingContents .note .listWrap li { font-size: 14.5px; } } /* line 574, counceling.scss */ .relatedLink { position: fixed; top: 200px; right: 0; width: 300px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); filter: drop-shadow(3px 3px 3px rgba(102, 69, 69, 0.15)); padding: 20px 25px; z-index: 10000; height: 100%; max-height: calc(100% - 300px); display: flex; flex-direction: column; flex-wrap: wrap; flex-wrap: nowrap; min-height: 0; transform: translateX(100%); transition: transform .5s ease; z-index: 1000; border-radius: 20px 0 0 20px; box-sizing: border-box; } /* line 576, counceling.scss */ .relatedLink.active { transform: translateX(0); } /* line 577, counceling.scss */ .relatedLink .relatedLinkTab { width: 70px; height: 60px; position: absolute; top: 20px; right: 100%; background: #fceef2; cursor: pointer; border: none; border-radius: 30px 0 0 30px; padding-left: .75em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } /* line 578, counceling.scss */ .relatedLink .relatedLinkTab em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; color: #664545; font-size: 12px; line-height: 1; display: block; } /* line 579, counceling.scss */ .relatedLink .relatedLinkTab em::before { content: ""; font-family: "Font Awesome 6 Pro"; font-weight: 300; display: block; font-size: 18px; color: #e23565; margin-bottom: .25em; } /* line 582, counceling.scss */ .relatedLink .t { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; font-size: 16px; border-bottom: 2px dotted #664545; padding-bottom: .5em; margin-bottom: .5em; width: 100%; flex: 0 0 auto; } /* line 583, counceling.scss */ .relatedLink .treatmentCmn { display: flex; flex-direction: column; flex-wrap: wrap; flex: 1 1 auto; min-height: 0; } /* line 584, counceling.scss */ .relatedLink .treatmentCmn .ttl { display: none; } /* line 585, counceling.scss */ .relatedLink .treatmentCmn .listLink { display: none; } /* line 586, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap { text-align: left; flex: 1 1 auto; min-height: 0; } /* line 587, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li { display: block; } /* line 588, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li:not(:last-child) { border-bottom: 1px solid rgba(102, 69, 69, 0.5); } /* line 589, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a { display: block; padding: .75em 0 .75em 1.5em; position: relative; color: inherit; } /* line 590, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a span { display: none; } /* line 591, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a em { display: block; text-align: justify; font-size: 14px; line-height: 1.5; } /* line 592, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a em small { font-size: 80%; display: none; } /* line 594, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a::before { content: "\f138"; font-family: "Font Awesome 6 Pro"; font-weight: 900; line-height: 1; position: absolute; top: 1em; left: 0; transition: .4s all; color: #e23565; } /* line 595, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a:hover { opacity: 1; color: #e23565; } /* line 596, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a:hover::before { left: .25em; } /* line 600, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li.active a { pointer-events: none; opacity: .5; } /* line 601, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li.active a::before { content: "\f137"; color: inherit; } /* line 607, counceling.scss */ .relatedLink .linkBtn { margin-top: 1em; margin-left: auto; width: 200px; height: 40px; font-size: 14px; flex: 0 0 auto; } /* line 608, counceling.scss */ .relatedLink .linkBtn a { background: #e23565; color: #fff; border-radius: 20px; } /* line 609, counceling.scss */ .relatedLink .linkBtn a em { font-family: "YakuHanJP", "HummingProN-M", "FOT-ハミング ProN M"; } /* line 613, counceling.scss */ .relatedLink .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(179, 162, 162, 0.8) !important; } /* line 614, counceling.scss */ .relatedLink .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background: #b3a2a2 !important; } /* line 615, counceling.scss */ .relatedLink .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(102, 69, 69, 0.1) !important; height: 1500px; position: relative; top: -500px; left: 0; } /* line 617, counceling.scss */ .relatedLink .mCSB_inside > .mCSB_container { margin-right: -10px; } /* line 619, counceling.scss */ .relatedLink .mCSB_scrollTools .mCSB_draggerContainer { right: -12px; } @media only screen and (max-width: 750px) { /* line 625, counceling.scss */ .relatedLink { position: absolute; top: 80px; right: 0; width: calc(100% - 60px); padding: 15px 15px; height: 100%; max-height: calc(100vh - 180px); border-radius: 20px 0 0 20px; z-index: 4; } /* line 626, counceling.scss */ .relatedLink.active { z-index: 5; } /* line 627, counceling.scss */ .relatedLink .relatedLinkTab { width: 55px; height: 45px; top: 10px; right: 100%; border-radius: 22px 0 0 22px; padding-left: .75em; } /* line 628, counceling.scss */ .relatedLink .relatedLinkTab em { font-size: 10px; line-height: 1; } /* line 629, counceling.scss */ .relatedLink .relatedLinkTab em::before { font-size: 18px; line-height: 1; margin-bottom: .25em; } /* line 632, counceling.scss */ .relatedLink .t { font-size: 15px; padding-bottom: .5em; margin-bottom: .5em; } /* line 634, counceling.scss */ .relatedLink .treatmentCmn .tit { display: none; } /* line 635, counceling.scss */ .relatedLink .treatmentCmn .listLink { display: none; } /* line 639, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a { padding: .75em 0 .75em 1.5em; } /* line 641, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a em { font-size: 14px; line-height: 1.5; } /* line 642, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a em small { font-size: 80%; display: none; } /* line 644, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a::before { top: 1em; left: 0; } /* line 646, counceling.scss */ .relatedLink .treatmentCmn ul.listWrap li a:hover::before { left: .25em; } /* line 653, counceling.scss */ .relatedLink .linkBtn { margin-top: 1em; width: 180px; height: 36px; font-size: 13px; } /* line 654, counceling.scss */ .relatedLink .linkBtn a { border-radius: 20px; } /* line 663, counceling.scss */ .relatedLink .mCSB_inside > .mCSB_container { margin-right: -10px; } /* line 665, counceling.scss */ .relatedLink .mCSB_scrollTools .mCSB_draggerContainer { right: -12px; } } /* line 679, counceling.scss */ #insurance_treatment aside #insurance_treatmentSec { margin-bottom: 80px; } /* line 684, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .titWrap { display: none; } /* line 697, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap { grid-row-gap: 1em; } /* line 698, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li { width: calc(100% / 4 - 25px); } /* line 699, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a { position: relative; } /* line 700, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a span { display: block; width: 100%; height: 0; padding-top: 56.25%; } /* line 701, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 703, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i { position: absolute; top: 110px; left: -10px; width: 60px; height: 60px; z-index: 10; } /* line 704, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em { text-align: center; margin-top: 1em; width: 100%; } @media only screen and (max-width: 750px) { /* line 733, counceling.scss */ #insurance_treatment aside #insurance_treatmentSec { margin-bottom: 40px; } /* line 743, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents { padding: 20px 25px 20px; } /* line 744, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap { grid-row-gap: 1em; } /* line 745, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li { width: 100%; margin-bottom: 0; } /* line 746, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li:not(:last-child) { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #b3a2a2; } /* line 748, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a span { padding-top: 65%; margin-bottom: .75em; border-radius: 20px; } /* line 749, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a i { top: auto; left: auto; width: 50px; height: 50px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-left: -.25em; } /* line 750, counceling.scss */ #insurance_treatment #topContents #insurance_treatmentSec .wrapper .wrap .insurance_treatment_tabsSec .treatmentCmn.insurance_treatment_contents ul.listWrap li a em { text-align: justify; margin-top: 0em; width: calc(100% - 58px); font-size: 20px; } } /* line 766, counceling.scss */ #expense_treatment.worries #topContents, #expense_treatment.medical_care #topContents { display: flex; justify-content: flex-start; flex-wrap: wrap; max-width: 1200px; margin: auto; column-gap: 2em; grid-row-gap: 2.5em; /*&::after{ content: ""; width: 50%;}*/ /*.o-footWrap { width: calc((100% / 4 - 1.5em) * 2); @include flexS; .treatmentCmn { width: calc(100% / 2 - 1.5em);} }*/ } /* line 771, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn, #expense_treatment.medical_care #topContents .treatmentCmn { display: block; width: calc(100% / 4 - 1.5em); } /* line 772, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl, #expense_treatment.medical_care #topContents .treatmentCmn .ttl { font-size: 19px; border-bottom: 1px dotted #b3a2a2; padding-bottom: .5em; margin-bottom: .5em; } /* line 773, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a { display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; /*i { margin-right: .5em; position: absolute; top: calc(160px + .75em); left: 0; transition: .4s all; &::after{ content:"\f138"; font-family:"Font Awesome 6 Pro"; font-weight: 900;} }*/ } /* line 774, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a span, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a span { width: 100%; height: 0; padding-top: 160px; border-radius: 20px; margin-bottom: .75em; filter: drop-shadow(0px 0px 5px rgba(102, 69, 69, 0.1)); } /* line 775, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a span img, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 780, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a em, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; color: #664545; padding-left: 1.5em; width: 100%; text-align: justify; word-break: break-all; position: relative; } /* line 781, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a em::after, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a em::after { content: "\f138"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: 0; left: 0; transition: .4s all; color: #e23565; } /* line 785, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a:hover em::after, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a:hover em::after { left: .25em; } /* line 790, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn p.listLink, #expense_treatment.medical_care #topContents .treatmentCmn p.listLink { display: none; } /* line 795, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap { display: flex; flex-direction: column; flex-wrap: wrap; text-align: left; } /* line 796, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li { width: 100%; font-size: 15px; line-height: 1.8; /*&:not(:last-child){ margin-bottom: .15em;}*/ } /* line 798, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a { color: inherit; display: block; position: relative; box-sizing: border-box; padding-left: 1.1em; padding-block: .15em; } /* line 799, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a::before, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a::before { content: "\f054"; font-family: "Font Awesome 6 Pro"; position: absolute; top: .75em; left: 0; transition: .4s all; color: #e23565; font-size: 70%; font-weight: 900; } /* line 800, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a span, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a span { display: none; } /* line 801, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a em, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a em { font-weight: 500; } /* line 802, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a:hover, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a:hover { color: #e23565; } /* line 812, counceling.scss */ #expense_treatment.womens_troubles #topContents { max-width: 1200px; margin: auto; } /* line 813, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn { display: flex; } /* line 814, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: auto; column-gap: 2.5em; grid-row-gap: 1.5em; } /* line 815, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li { width: calc(100% / 3 - 1.75em); display: flex; flex-direction: column; flex-wrap: wrap; text-align: left; font-size: 18px; line-height: 1.8; } /* line 816, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; /*i { margin-right: .5em; position: absolute; top: calc(160px + .75em); left: 0; transition: .4s all; &::after{ content:"\f138"; font-family:"Font Awesome 6 Pro"; font-weight: 900;} }*/ } /* line 817, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a span { display: block; width: 100px; height: 0; padding-top: 100px; border-radius: 20px; margin-bottom: .75em; filter: drop-shadow(0px 0px 5px rgba(102, 69, 69, 0.1)); } /* line 818, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 823, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; color: #664545; padding-left: 1.5em; width: calc(100% - 120px); text-align: justify; word-break: break-all; position: relative; } /* line 824, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a em::after { content: "\f138"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: 0; left: 0; transition: .4s all; color: #e23565; } /* line 828, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a:hover em::after { left: .25em; } /* line 838, counceling.scss */ #expense_treatment.worries #categoryContents, #expense_treatment.medical_care #categoryContents { max-width: 1200px; margin: auto; } /* line 839, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn, #expense_treatment.medical_care #categoryContents .treatmentCmn { display: flex; } /* line 840, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn .ttl, #expense_treatment.medical_care #categoryContents .treatmentCmn .ttl { display: none; } /* line 841, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn p.listLink, #expense_treatment.medical_care #categoryContents .treatmentCmn p.listLink { display: none; } /* line 842, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: auto; column-gap: 2.5em; grid-row-gap: 1.5em; } /* line 843, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li { width: calc(100% / 3 - 1.75em); display: flex; flex-direction: column; flex-wrap: wrap; text-align: left; font-size: 18px; line-height: 1.6; } /* line 844, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; position: relative; } /* line 845, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a span, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a span { display: block; width: 100px; height: 0; padding-top: 100px; border-radius: 12px; /*margin-bottom: .75em;*/ filter: drop-shadow(0px 0px 5px rgba(102, 69, 69, 0.1)); } /* line 846, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a span img, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 848, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a em, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a em { font-family: "YakuHanJP", "HummingProN-D", "FOT-ハミング ProN D"; color: #664545; padding-left: 1.5em; width: calc(100% - 120px); text-align: justify; word-break: break-all; position: relative; } /* line 849, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a em::after, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a em::after { content: "\f138"; font-family: "Font Awesome 6 Pro"; font-weight: 900; position: absolute; top: 0; left: 0; transition: .4s all; color: #e23565; } /* line 850, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a em small, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a em small { font-size: 77%; } /* line 854, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a:hover em::after, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a:hover em::after { left: .25em; } @media only screen and (max-width: 750px) { /* line 872, counceling.scss */ #expense_treatment.worries #topContents, #expense_treatment.medical_care #topContents { max-width: 86%; margin: auto; column-gap: 0em; /*grid-row-gap: 3.5em;*/ grid-row-gap: 0em; } /* line 873, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn, #expense_treatment.medical_care #topContents .treatmentCmn { /*width: calc(100% / 2 - 1.5em);*/ width: 100%; } /* line 874, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn:not(:last-child), #expense_treatment.medical_care #topContents .treatmentCmn:not(:last-child) { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px dotted #b3a2a2; } /* line 875, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl, #expense_treatment.medical_care #topContents .treatmentCmn .ttl { font-size: 20px; padding-bottom: 0em; margin-bottom: .75em; border-bottom: 0; } /* line 876, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a { align-items: center; justify-content: space-between; /*i { top: calc(180px + .65em); &::after{} }*/ } /* line 877, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a span, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a span { width: 100px; height: 0; padding-top: 100px; border-radius: 20px; margin: 0; } /* line 878, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a span img, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a span img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; } /* line 883, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a em, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a em { padding-left: 1.5em; width: calc(100% - 120px); } /* line 888, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn .ttl a:hover em::after, #expense_treatment.medical_care #topContents .treatmentCmn .ttl a:hover em::after { left: .25em; } /* line 893, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn p.listLink, #expense_treatment.medical_care #topContents .treatmentCmn p.listLink { display: none; } /* line 895, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li { font-size: 16px; line-height: 1.8; } /* line 896, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a { padding-left: 1.1em; padding-block: .15em; } /* line 897, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a::before, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a::before { top: .75em; left: 0; font-size: 70%; } /* line 898, counceling.scss */ #expense_treatment.worries #topContents .treatmentCmn ul.listWrap li a span, #expense_treatment.medical_care #topContents .treatmentCmn ul.listWrap li a span { display: none; } /* line 908, counceling.scss */ #expense_treatment.womens_troubles #topContents { max-width: 86%; margin: auto; } /* line 910, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap { width: 100%; column-gap: 0em; /*grid-row-gap: 2em;*/ grid-row-gap: 0em; } /* line 911, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li { width: 100%; font-size: 18px; line-height: 1.6; } /* line 912, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li:not(:last-child) { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom: 1px dotted #b3a2a2; } /* line 913, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a { justify-content: space-between; /*i { top: calc(160px + .75em); &::after{} }*/ } /* line 914, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a span { width: 100px; height: 0; padding-top: 100px; border-radius: 20px; margin-bottom: 0em; } /* line 918, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a em { padding-left: 1.5em; width: calc(100% - 120px); } /* line 923, counceling.scss */ #expense_treatment.womens_troubles #topContents .treatmentCmn ul.listWrap li a:hover em::after { left: .25em; } /* line 933, counceling.scss */ #expense_treatment.worries #categoryContents, #expense_treatment.medical_care #categoryContents { max-width: 86%; margin: auto; } /* line 935, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn .ttl, #expense_treatment.medical_care #categoryContents .treatmentCmn .ttl { display: none; } /* line 936, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn p.listLink, #expense_treatment.medical_care #categoryContents .treatmentCmn p.listLink { display: none; } /* line 937, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap { column-gap: 0em; /*grid-row-gap: 2em;*/ grid-row-gap: 0em; } /* line 938, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li { width: 100%; font-size: 18px; line-height: 1.6; } /* line 939, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li:not(:last-child), #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li:not(:last-child) { padding-bottom: 1.25em; margin-bottom: 1.25em; border-bottom: 1px dotted #b3a2a2; } /* line 941, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a span, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a span { width: 100px; height: 0; padding-top: 100px; border-radius: 20px; margin-bottom: 0em; } /* line 942, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a em, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a em { padding-left: 1.5em; width: calc(100% - 120px); } /* line 947, counceling.scss */ #expense_treatment.worries #categoryContents .treatmentCmn ul.listWrap li a:hover em::after, #expense_treatment.medical_care #categoryContents .treatmentCmn ul.listWrap li a:hover em::after { left: .25em; } } /* line 965, counceling.scss */ #councelingContents .tableWrap table th, #councelingContents .tableWrap table td { padding: 5px 1em !important; border: 1px solid #e0d1d1 !important; } /* line 966, counceling.scss */ #councelingContents .tableWrap table th { white-space: nowrap; font-weight: 500; } @media print, screen and (min-width: 751px) { /* line 969, counceling.scss */ #councelingContents .tableWrap table td { white-space: normal !important; } } /* line 977, counceling.scss */ .linkVisante { margin-right: 30px; } /* line 978, counceling.scss */ .linkVisante img { width: 100%; height: auto; } /* line 979, counceling.scss */ .linkVisante a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-decoration: underline; } /* line 980, counceling.scss */ .linkVisante span { width: 100px; margin-right: -35px; z-index: 10; } /* line 981, counceling.scss */ .linkVisante em { font-size: 16px; font-size: 1rem; line-height: 1.7rem; font-weight: 500; background: rgba(255, 228, 207, 0.3); padding: 10px 20px 10px 50px; border-radius: 8px; } @media only screen and (max-width: 750px) { /* line 977, counceling.scss */ .linkVisante { margin-right: 0px; } /* line 983, counceling.scss */ .linkVisante span { width: 100px; margin-right: -35px; margin-top: -35px; } /* line 984, counceling.scss */ .linkVisante em { font-size: 14px; font-size: 0.875rem; line-height: 1.4875rem; padding: 10px 20px 10px 50px; width: calc(100% - 100px + 35px); } } /* line 990, counceling.scss */ .mp4 { overflow: hidden; } /* line 991, counceling.scss */ .mp4 .mp4Wrap { width: 100%; height: 0; padding-top: 56.25%; position: relative; } /* line 992, counceling.scss */ .mp4 .mp4Wrap video { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; width: 100%; height: 100%; } /* line 999, counceling.scss */ .tableWrap.picoway table { width: 100%; background: #fff; } /* line 1000, counceling.scss */ .tableWrap.picoway table td { padding: 2px 8px; border: 1px solid #e0d1d1; } /* line 1001, counceling.scss */ .tableWrap.picoway table td strong { font-weight: 600; } /* line 1002, counceling.scss */ .tableWrap.picoway table td:first-child { white-space: nowrap; background: #faefee; } /* line 1004, counceling.scss */ .tableWrap.picoway table tr:first-child { background: #f0c6c2; font-size: 80%; } /* line 1005, counceling.scss */ .tableWrap.picoway table tr:first-child td { padding: 6px 0; } /* line 1006, counceling.scss */ .tableWrap.picoway table tr:first-child td:first-child { padding-left: 8px; background: #f0c6c2; } /* line 1010, counceling.scss */ .tableWrap.picoway table td:not(:first-child) { text-align: center; } /* line 1011, counceling.scss */ .tableWrap.picoway table td:nth-of-type(n + 4) { width: 7%; } /* line 1012, counceling.scss */ .tableWrap.picoway table td span { font-size: 80%; display: block; } /* line 1015, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(n + 4) { color: #fff; } /* line 1016, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(4) { background: #cf3b52; } /* line 1017, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(5) { background: #7161a1; } /* line 1018, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(6) { background: #00ac9a; } /* line 1019, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(7) { background: #00abeb; } /* line 1020, counceling.scss */ .tableWrap.picoway table tr:first-child td:nth-of-type(8) { background: #000000; } /* line 1027, counceling.scss */ #expense_treatment.medical_care .feeSec, #expense_treatment.worries .feeSec { margin-bottom: 5em !important; } @media only screen and (max-width: 750px) { /* line 1027, counceling.scss */ #expense_treatment.medical_care .feeSec, #expense_treatment.worries .feeSec { margin-bottom: 5em !important; padding: 0 5%; } } /* line 1028, counceling.scss */ #expense_treatment.medical_care .feeSec .linkBtn, #expense_treatment.worries .feeSec .linkBtn { display: none; }