#sub_visual{position:relative; text-align:center; margin-top:-8rem; padding-top:8rem; height:58rem; background-position:center; background-repeat:no-repeat; background-size:cover;display: -webkit-flex; display: flex;flex-direction:column; justify-content:center; align-items:center;} #sub_visual:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0); content:"";} #sub_visual section{position:relative; z-index:4;} #sub_visual section h2{ font-size:3.6em;color:var(--color-main); line-height:1.3em; font-family: "GmarketSans", sans-serif;} #sub_visual section h4{ font-size:2em; line-height:1.3em; } #sub_visual section p{ font-size:1.4em; letter-spacing:.1em;} @media (max-width:850px){ #sub_visual{height:40vw; margin-top: 0; padding-top:0} #sub_visual section h2{ font-size:1.8em; } #sub_visual section h4{ font-size:1.3em; } #sub_visual section p{ font-size:.8em; } } .sub_container {padding:80px 0; z-index:1; } .sub_container.skin_page{ padding:0; } .pageContent{ --c-main: var(--color-main); --c-sub: var(--color-sub); --c-sub2: var(--color-sub2); --c-bg: var(--color-bg); --c-sbg: #f6f6f6; --c-sbg2: #F9F9F9; --c-dark: #b28448; --c-light: #fae0b2; --c-red: #d02222; --c-gra: var(--color-gra); } .pageContent{ font-size:2.5rem; line-height:150%; position:relative; zoom:1; word-break:keep-all;} .pageContent:after {display:block;visibility:hidden;clear:both;content:""} .pageContent .fmm{font-family:"Noto Serif KR", sans-serif;} @media (max-width:1200px){ .sub_container {padding:5vw 0; margin:0 4vw; width:auto;} } @media (max-width:750px){ .pageContent{ font-size:1em; } } .pageContent h3, .pageContent h4, .pageContent h5, .pageContent h6{position:relative; margin:0; line-height:140%;} .pageContent h3{font-size: 5rem; }/*60px*/ .pageContent h4{font-size: 4.9rem;}/*55px*/ .pageContent h5{font-size: 3.6rem;}/*40px*/ .pageContent h6{font-size: 2.9rem;}/*30px*/ @media (max-width:750px){ .pageContent h3{font-size:1.4em; } .pageContent h4{font-size:1.3em; } .pageContent h5{font-size:1.2em; } .pageContent h6{font-size:1.1em; } } .pageContent .bold{font-weight:600} .pageContent .fine{font-weight:300} .pageContent .tc{text-align:center;} .pageContent .tl{text-align:left} .pageContent .tr{text-align:right} .pageContent .tj{text-align:justify} .pageContent img{max-width:100%} .pageContent p{padding:.3em 0; } .pageContent .dib{display:inline-block;} .pageContent .js_bg{background-size:cover; background-position:center; } .pageContent ul{padding:0; margin:0; list-style-type: none; } .pageContent li{position:relative; margin:.3em 0; text-align:left; line-height:140%; padding-left:1.5em; } .pageContent ul > li:before{position:absolute; left:0; content:"•"; overflow:hidden; text-align:center; width:1em; } .pageContent ol{padding:0 0 0 0; list-style-type: none; counter-reset:sign-num;} .pageContent ol > li:before{position:absolute; left:0; counter-increment:sign-num; content:counter(sign-num)'.'; overflow:hidden; text-align:center; text-align:right; width:1.2em; } .pageContent ul.uls_1 > li:before{content:"\e674"; font-family:'iconfont'; color:#ae8a66; } .pageContent ol.ols_1 > li{padding-left:2em} .pageContent ol.ols_1 > li:before{content:'0'counter(sign-num); width:1.4em; height:1.4em; border-radius:50%; background:#ae8a66; color:#FFF;text-align:center; } .pageContent ol.ols_2 > li{ padding:.5em 1em .5em 3em ; margin:.5em 0; border:.1em solid #CCC; border-radius: 2em; background-color: var(--c-sbg2);} .pageContent ol.ols_2 > li:before{content:'0'counter(sign-num)'.'; width:1.5em; left:1em; } .pageContent ul.uls_2 > li{padding-left:2em} .pageContent ul.uls_2 > li:before{content: "\ee609";font-family: "iconfont"; width:1.2em } .pageContent ul.uls_3{display:inline-block} .pageContent ul.uls_3 > li{padding-left:0} .pageContent ul.uls_3 > li:before{display:none;} .pageContent ul.uls_3 > li span{display: block;border:.1em solid #CCC;padding:.4em 2em; border-radius:2em; background:rgba(68, 48, 36,.25)} .pageContent ul.svg_icon{--c:#CCCCCC} .pageContent ul.svg_icon > li{padding-left:1.5em} .pageContent ul.svg_icon > li:before { content: ''; position: absolute; left: 0; top: .2em; background:var(--c); width: 1em; /* SVG 雱堧箘 */ height: 1em; /* SVG 雴掛澊 */ fill: currentColor; /* 順勳灛 旮€鞛� 靸夓儊 靷毄 */ mask: url('data:image/svg+xml;utf8,'); mask-size: contain; /* 毵堨姢韥� 韥赴 臁办爼 */ mask-repeat: no-repeat; /* 氚橂车 氚╈ */ } .pageContent ul.center{display: flex; justify-content: center; align-items: center; flex-direction: column;} .pageContent ol[data-list-type="bracket"] {counter-reset:bracket;} .pageContent ol[data-list-type="bracket"] > li {padding-left:2em;counter-increment:bracket;} .pageContent ol[data-list-type="bracket"] > li:first-child {margin-top:0;} .pageContent ol[data-list-type="bracket"] > li:before {content:'('counter(bracket)')';display:block;position:absolute;left:0; width:1.4em; } .pageContent ol[data-list-type="hangul"] { padding-left:2em} .pageContent ol[data-list-type="hangul"] > li{ padding-left:0; } .pageContent ol[data-list-type="hangul"] > li:before{display:none; } .pageContent ol[data-list-type="hangul"] > li {list-style:hangul;} .pageContent ol[data-list-type="decimal"] { padding-left:2em} .pageContent ol[data-list-type="decimal"] > li{ padding-left:0; } .pageContent ol[data-list-type="decimal"] > li:before{display:none; } .pageContent ol[data-list-type="decimal"] > li {list-style:decimal;} .pageContent ol[data-list-type="decimal-circle"] {counter-reset:decimal-circle;} .pageContent ol[data-list-type="decimal-circle"] > li {padding-left:2em; counter-increment:decimal-circle;} .pageContent ol[data-list-type="decimal-circle"] > li:before {position:absolute; content:counter(decimal-circle); left:0;width:1.4em;height:1.4em;font-size:1em;line-height:1.4em;text-align:center;text-indent:-1px;white-space:nowrap;border-radius:50%;border:1px solid #666;} @media (min-width:751px){ .pageContent .w2{ display: -webkit-flex; display: flex; justify-content:space-between; flex-flow:wrap;} .pageContent .w2 > li{width:49%; } } .pageContent u{text-decoration:underline; text-decoration-thickness: 0.05em;text-underline-position: under; } .pageContent .link{text-decoration:underline; color:#1d70bd} .pageContent i{font-style:italic; } .pageContent .iconfont{font-style:normal; } .pageContent em{font-style:italic; } .pageContent small{font-size:.8em; opacity:.8} .pageContent .small{font-size:.8em; opacity:.8} .pageContent big{font-size:1.2em } .pageContent .big{font-size:1.2em } .pageContent sub .pageContent sup {font-size:.8em;} .pageContent dl.dl{overflow:hidden; position:relative; margin:10px 0} .pageContent dl.dl dt{float:left;clear:both; padding-bottom:6px; } .pageContent dl.dl dd{_display:inline-block;overflow:hidden;padding-bottom:6px; zoom:1} .pageContent dl.dl dd:after{display:block;clear:both;content:''} .cfM{color:var(--c-main); } .cfS{color:var(--c-sub); } .cfS2{color:var(--c-sub2); } .cfD{color:var(--c-dark); } .cfL{color:var(--c-light); } .cfGra{color:var(--c-gra); } .cfm2{color:#00487a; } .cfB{color:#000; } .cfh{color:#a6a6a6; } .cfr{color:#F44; } .cfb{color:#1c8cc1; } .cfb1{color:#3d8cb9; } .cfb2{color:#243e86; } .cfg{color:#3db9ac; } .cfy{color:#ffcc00; } .cfw{color:#FFF; } .cbM{background:var(--c-main); color:#FFF; } .cbS{background:var(--color-sub); color:#FFF; } .cbD{background:var(--c-dark); color:#FFF; } .cbL{background:var(--c-light);} .cbH{background:var(--c-bg); } .cbGra{background:var(--c-gra);color:#FFF; } .cbB{background:#000; color:#FFF;} .cbr{background:#F44; color:#FFF;} .cbr2{background:#D9F3FF; } .cbb{background:#39F; color:#FFF;} .cbg{background:#3db9ac; color:#FFF;} .cby{background:#ffcc00;} .cbw{background:#fff;} .pageContent .nmt{margin-top:0;} .pageContent .round{display:inline-block; border-radius:1em; } .pageContent .under_line{position: relative; z-index: 1;} .pageContent .under_line:before{position:absolute; left:0; right:0; bottom: 0; height: 0.4em; background-color:#C6ECFF; content: ""; z-index:-1} .pageContent .fw100{font-weight:100} .pageContent .fw300{font-weight:300} .pageContent .fw350{font-weight:350} .pageContent .fw400{font-weight:400} .pageContent .fw500{font-weight:500} .pageContent .fw600{font-weight:600} .pageContent .fw700{font-weight:700} .pageContent .fw800{font-weight:800} .pageContent .fw900{font-weight:900} .pageContent .op0{ opacity:0} .pageContent .op1{ opacity:.1} .pageContent .op2{ opacity:.2} .pageContent .op3{ opacity:.3} .pageContent .op4{ opacity:.4} .pageContent .op5{ opacity:.5} .pageContent .op6{ opacity:.6} .pageContent .op7{ opacity:.7} .pageContent .op8{ opacity:.8} .pageContent .op9{ opacity:.9} .pageContent .ls-05{ letter-spacing:-.05em} .pageContent .ls-1{ letter-spacing:-.1em} .pageContent .ls-2{ letter-spacing:-.2em} .pageContent .ls-3{ letter-spacing:-.3em} .pageContent .ls-4{ letter-spacing:-.4em} .pageContent .ls-5{ letter-spacing:-.5em} .pageContent .ls1{ letter-spacing:.1em} .pageContent .ls2{ letter-spacing:.2em} .pageContent .ls3{ letter-spacing:.3em} .pageContent .ls4{ letter-spacing:.4em} .pageContent .ls5{ letter-spacing:.5em} .pageContent .ls6{ letter-spacing:.6em} .pageContent .ls7{ letter-spacing:.7em} .pageContent .ls8{ letter-spacing:.8em} .pageContent .ls9{ letter-spacing:.9em} .pageContent .ls10{ letter-spacing:1em} .pageContent .pd-1{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-2{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-3{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-4{padding-top:.4em; padding-bottom:.4em} .pageContent .pd-5{padding-top:.5em; padding-bottom:.5em} .pageContent .pd-6{padding-top:.6em; padding-bottom:.6em} .pageContent .pd-7{padding-top:.7em; padding-bottom:.7em} .pageContent .pd-8{padding-top:.8em; padding-bottom:.8em} .pageContent .pd-9{padding-top:.9em; padding-bottom:.9em} .pageContent .pd1{padding-top:1em; padding-bottom:1em} .pageContent .pd1-5{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd2{padding-top:2em; padding-bottom:2em} .pageContent .pd2{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd3{padding-top:3em; padding-bottom:3em} .pageContent .pd4{padding-top:4em; padding-bottom:4em} .pageContent .pd5{padding-top:5em; padding-bottom:5em} .pageContent .pd6{padding-top:6em; padding-bottom:6em} .pageContent .pd7{padding-top:7em; padding-bottom:7em} .pageContent .pd8{padding-top:8em; padding-bottom:8em} .pageContent .pd9{padding-top:9em; padding-bottom:9em} .pageContent .pd10{padding-top:10em; padding-bottom:10em} .pageContent .pd12{padding-top:12em; padding-bottom:12em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.2em; padding-right:.2em} .pageContent .pdw-3{padding-left:.3em; padding-right:.3em} .pageContent .pdw-4{padding-left:.4em; padding-right:.4em} .pageContent .pdw-5{padding-left:.5em; padding-right:.5em} .pageContent .pdw-6{padding-left:.6em; padding-right:.6em} .pageContent .pdw-7{padding-left:.7em; padding-right:.7em} .pageContent .pdw-8{padding-left:.8em; padding-right:.8em} .pageContent .pdw-9{padding-left:.9em; padding-right:.9em} .pageContent .pdw1{padding-left:1em; padding-right:1em} .pageContent .pdw1-5{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw2{padding-left:2em; padding-right:2em} .pageContent .pdw2-5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw3{padding-left:3em; padding-right:3em} .pageContent .pdw4{padding-left:4em; padding-right:4em} .pageContent .pdw5{padding-left:5em; padding-right:5em} .pageContent .pdw6{padding-left:6em; padding-right:6em} .pageContent .pdw7{padding-left:7em; padding-right:7em} .pageContent .pdw8{padding-left:8em; padding-right:8em} .pageContent .pdw9{padding-left:9em; padding-right:9em} .pageContent .pdw10{padding-left:10em; padding-right:10em} .pageContent .pdw12{padding-left:12em; padding-right:12em} @media (max-width:750px){ .pageContent .pd-1{padding-top:.05em; padding-bottom:.05em} .pageContent .pd-2{padding-top:.1em; padding-bottom:.1em} .pageContent .pd-3{padding-top:.15em; padding-bottom:.15em} .pageContent .pd-4{padding-top:.2em; padding-bottom:.2em} .pageContent .pd-5{padding-top:.25em; padding-bottom:.25em} .pageContent .pd-6{padding-top:.3em; padding-bottom:.3em} .pageContent .pd-7{padding-top:.35em; padding-bottom:.35em} .pageContent .pd-8{padding-top:.4em; padding-bottom:.4em} .pageContent .pd-9{padding-top:.45em; padding-bottom:.45em} .pageContent .pd1{padding-top:.5em; padding-bottom:.5em} .pageContent .pd1-5{padding-top:.75em; padding-bottom:.75em} .pageContent .pd2{padding-top:1em; padding-bottom:1em} .pageContent .pd2{padding-top:1.25em; padding-bottom:1.25em} .pageContent .pd3{padding-top:1.5em; padding-bottom:1.5em} .pageContent .pd4{padding-top:2em; padding-bottom:2em} .pageContent .pd5{padding-top:2.5em; padding-bottom:2.5em} .pageContent .pd6{padding-top:3em; padding-bottom:3em} .pageContent .pd7{padding-top:3.5em; padding-bottom:3.5em} .pageContent .pd8{padding-top:4em; padding-bottom:4em} .pageContent .pd9{padding-top:4.5em; padding-bottom:4.5} .pageContent .pd10{padding-top:5em; padding-bottom:5em} .pageContent .pd12{padding-top:6em; padding-bottom:6em} .pageContent .pdw-1{padding-left:.1em; padding-right:.1em} .pageContent .pdw-2{padding-left:.1em; padding-right:.1em} .pageContent .pdw-3{padding-left:.15em; padding-right:.15em} .pageContent .pdw-4{padding-left:.2em; padding-right:.2em} .pageContent .pdw-5{padding-left:.25em; padding-right:.25em} .pageContent .pdw-6{padding-left:.3em; padding-right:.3em} .pageContent .pdw-7{padding-left:.35em; padding-right:.35em} .pageContent .pdw-8{padding-left:.4em; padding-right:.4em} .pageContent .pdw-9{padding-left:.45em; padding-right:.45em} .pageContent .pdw1{padding-left:.5em; padding-right:.5em} .pageContent .pdw1-5{padding-left:.75em; padding-right:.75em} .pageContent .pdw2{padding-left:1em; padding-right:1em} .pageContent .pdw2{padding-left:1.25em; padding-right:1.25em} .pageContent .pdw3{padding-left:1.5em; padding-right:1.5em} .pageContent .pdw4{padding-left:2em; padding-right:2em} .pageContent .pdw5{padding-left:2.5em; padding-right:2.5em} .pageContent .pdw6{padding-left:3em; padding-right:3em} .pageContent .pdw7{padding-left:3.5em; padding-right:3.5em} .pageContent .pdw8{padding-left:4em; padding-right:4em} .pageContent .pdw9{padding-left:4.5em; padding-right:4.5} .pageContent .pdw10{padding-left:5em; padding-right:5em} .pageContent .pdw12{padding-left:6em; padding-right:6em} } .pageContent .w1em{width:1em;} .pageContent .w2em{width:2em;} .pageContent .w3em{width:3em;} .pageContent .w4em{width:4em;} .pageContent .w5em{width:5em;} .pageContent .w6em{width:6em;} .pageContent .w7em{width:7em;} .pageContent .w8em{width:8em;} .pageContent .w9em{width:9em;} .pageContent .w10em{width:10em;} .pageContent .w12em{width:12em;} .pageContent .w15em{width:15em;} .pageContent .w18em{width:18em;} .pageContent .w20em{width:20em;} @media (max-width:750px){ .pageContent .w10em{width:7em;} } .pageContent .w10p{width:10%;} .pageContent .w20p{width:20%;} .pageContent .w30p{width:30%;} .pageContent .w40p{width:40%;} .pageContent .w50p{width:50%;} .pageContent .w60p{width:60%;} .pageContent .w70p{width:70%;} .pageContent .w80p{width:80%;} .pageContent .w90p{width:90%;} .pageContent .w100p{width:100%;} .pageContent .lh-8{ line-height:.8em} .pageContent .lh-9{ line-height:.9em} .pageContent .lh1{ line-height:1em} .pageContent .lh11{ line-height:1.1em} .pageContent .lh12{ line-height:1.2em} .pageContent .lh13{ line-height:1.3em} .pageContent .lh14{ line-height:1.4em} .pageContent .lh15{ line-height:1.5em} .pageContent .lh16{ line-height:1.6em} .pageContent .lh17{ line-height:1.7em} .pageContent .lh18{ line-height:1.8em} .pageContent .lh19{ line-height:1.9em} .pageContent .lh20{ line-height:2em} .pageContent .lh30{ line-height:3em} .pageContent .lh40{ line-height:4em} .pageContent .title{z-index:1; margin:0; padding:.3em 0; font-weight:300 ; overflow:hidden; margin-bottom:.5em; color: var(--c-sub); } .pageContent .title:after{ display:block;font-size: 2rem; color: #bebebe; letter-spacing: .1em; margin-top:1em; line-height:.2em; content:"YONSEI BODAM MEDICAL CLINIC"; } .pageContent .title2{z-index:1; margin:0; padding:.3em 0;margin-bottom: .5em;font-weight: 800;color: var(--c-sub);} .pageContent .title2:before{display: inline-block;width:.15em; vertical-align:middel; height:.8em; margin-right:.3em; background-color: #DEDEDE; content:""} .pageContent .title2 p{font-size: 2.5rem; position: absolute;bottom:.5em;right: 0;line-height: 1.2em; font-weight: normal;} @media(max-width:750px){ .pageContent .title2 p{font-size: 1.2rem; } } .pageContent .title3{z-index:1; margin:0; padding:.3em 0;margin-bottom: .5em;font-weight: 800;} .pageContent .title3 b{display: inline-block; padding:0 .6em; background-color: var(--c-main); color: var(--color-aga); border-radius: .3em;} .pageContent .title4{z-index:1; margin:0; padding:.3em 0;margin-bottom: .5em;} .pageContent .title4 b{position: relative;display: inline-block; padding:0 1em 0 .6em; background-color: var(--c-sub); color: var(--color-aga); border-radius: .3em;} .pageContent .title4 i{position: absolute; right:-1.4em;background:#FFF; top:50%; transform: translateY(-50%); border:.1em solid var(--c-sub); padding:.4em; display: inline-block;width:2em; height:2em; border-radius:50%; } .pageContent .title4 i img{display:block} @media (max-width:750px){ .pageContent .title:after{ display:block;font-size: 1rem; } } .pageContent section{position:relative;} .pageContent article{position:relative;} .full_img{position:relative; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img img{max-width:none} .full_img_bg{position:absolute; top:0; bottom:0; overflow:hidden; z-index:-1; left:50%; width:200vw; margin-left:-100vw; text-align:center; } .full_img_bg img{max-width:none} .pageContent .full_bg{position:absolute; top:0; left:50%; bottom:0; width:100vw; margin-left:-50vw; background-position:center; background-repeat:no-repeat; z-index:-1;} .pageContent .full_bg.cover{background-size:cover; } .pageContent .full_bg.fixed{background-attachment:fixed;} .pageContent .full_bg.fixed_sc{background-attachment:fixed;} .full_width_bg{background-position: center; background-repeat: no-repeat;} @media (max-width:1200px){ .pageContent .full_bg{ margin-left:-4vw; left:0; background-size:cover; } .pageContent .mcover{background-size:cover; } .full_width_bg{background-size:cover; } } .table_s{width:100%;border-top:2px solid #555;} .table_s thead th{padding:.6em;border:1px solid #ccc; border-top:2px solid #555; border-bottom:2px solid #555; font-weight:500;} .table_s thead td{padding:.6em; border:1px solid #ccc;border-top:2px solid #555; border-bottom:2px solid #555; font-weight:500;} .table_s tbody th{padding:.6em; border:1px solid #ccc;text-align:center; } .table_s tbody td{padding:.6em; border:1px solid #ccc; } .table_s tfoot th{padding:.6em; border:1px solid #ccc; background:#FFE} .table_s tfoot td{padding:.6em; border:1px solid #ccc; background:#FFE} .table_s{border-left:2px solid transparent;border-right:2px solid transparent} @media (max-width:750px){ .table_sc{width:100%; position:relative; overflow-x:auto;} .table_sc .table_s{width:auto; white-space: nowrap;} .table_s thead th{ padding:.5em .3em; } .table_s thead td{ padding:.3em; } .table_s tbody th{ padding:.3em; } .table_s tbody td{ padding:.3em; } } .table_s.fixed{table-layout:fixed} .page_header{position:relative; text-align:center; margin-bottom:40px;} .page_header h2{ font-family:"nanum myeongjo"; font-weight:600} .page_header h2:before{display:block; width:1px; height:2em; background:#333; margin:0 auto; content:"";} .comma{font-size:1.1em;} .comma:before, .comma:after{ display:inline-block; font-size:2em; font-family:"iconfont"; color:#1a5da8; vertical-align:middle;} .comma:before{content:"\e6de"; margin-top:-2%; margin-right:1%; } .comma:after{content:"\e6df" ; margin-left:1%;} .brackets{position:relative; padding:0 1em ; text-align:center; } .brackets:before{position:absolute;border:.1em solid #DDD; border-right:0; width:.6em; top:.5em; left:1em; bottom:.5em; content:"";} .brackets:after{position:absolute;border:.1em solid #DDD; border-left:0; width:.6em; top:.5em; right:1em; bottom:.5em; content:"";} .pageContent .wave{display:inline-block; } .pageContent .wave:after{margin-top:0; display:block;height: 0.2em;background:linear-gradient(135deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%),linear-gradient(45deg, transparent, transparent 45%, #888, transparent 55%, transparent 100%);background-size: 0.4em 0.4em;background-repeat: repeat-x, repeat-x;content: '';} .lrbox dt{width:48%;} .lrbox dd{width:50%;} @media (max-width:750px){ .lrbox{display:block;} .lrbox dt{width:auto;} .lrbox dd{width:auto; margin-top:5vw; text-align:center;} } .st1{position: relative; border-radius: 1em; overflow: hidden;} .ss1 dt{border-radius: 10em; overflow: hidden; width:40%; margin:0 5%;height:34rem;} .ss1 dd{ width:50%} .ss2{width:calc(10em *4); margin:0 auto} .ss2 dd{width:8em; height:8em; border-radius:50%; margin:1em; background:#FFF;text-align:center; box-shadow:.2em .2em 0 #F0F0F0} .ss2.bg2 dd{ background:#FFF; box-shadow:.2em .2em 0 rgba(231,231,231,.5)} .ss4{padding:1.5em; background:#F9F9F9; border-radius: 1em;} .s3_1 .ss5{background:url(/sub/img/3_1_12.jpg) center no-repeat; padding:3em 0;border-radius: 1em;} .s3_1 .ss5 h3{color: var(--c-sub); } .s3_1 .ss5 h3 strong{display: inline-block;border-radius: .3em;border:1px solid #BDBDBD; padding: 0 .4em; background-color: var(--c-sbg2);} .s3_1 .ss5 ul{margin-top: 1em; font-size:1.44em; ;} @media (max-width:750px){ .s3_1 .ss5{background-size:cover; padding:2em 1; } .s3_1 .ss5 ul{font-size:1em;} } .ss6{border-top: 1px solid #000; text-align: left; } .ss6 dt{border-bottom: 1px solid #000; font-size: 3.5rem;font-weight: 700;padding:.3em 0em; } .ss6 dd{padding:1em 0; font-size: 3rem; line-height:1.4em;} .ss6 dd ul{ } .ss6 dd ul li{} .ss6 dd ul.svg_icon > li{border: 1px solid #8A8A8A; border-radius: 2em;padding:.3em; padding-left:2.5em} .ss6 dd ul.svg_icon > li::after{position: absolute; left:2em; width:.06em; top: .5em; background-color: #D9D9D9; height: 1em; content: "";} .ss6 dd ul.svg_icon > li::before{ left:.5em; top:.5em;} .s3_1 .ss7{} .s3_1 .ss7 dd{width:32%; background-color: var(--c-main); border-radius: .6em;text-align: center; } .s3_1 .ss7 dd h6{font-size: 3.6rem;font-weight: 700;color: #FFF;padding:.4em} .s3_1 .ss7 dd article{background-color: var(--c-sbg2); border-radius: .6em; padding:1em; border: 1px solid #8A8A8A;} .s3_1 .ss7 dd article p{height: 5em; display: flex; justify-content: center; flex-direction: column;} .s3_1 .ss7 dd article p:first-of-type{border-bottom: 1px solid #C1C1C1;} .s3_1 .ss7 dd article p:last-of-type{border-top: 1px solid #C1C1C1;} .s3_1 .ss7 dd article ul{ padding:1em 0;font-size:.9em; height:8em; display: inline-block; } .s3_1 .ss7 dd:nth-child(1) article ul{ padding-top:1.5em;} .s3_1 .ss7 dd:nth-child(3) article ul{ padding-top:2em;} .ss8{} .ss8 dd{background-color:var(--c-sbg); width:49%; border-radius:.6em; padding:1.5em} .ss8 dd h5{font-weight: 700; margin-bottom: .7em;} .s3_1 .ss9 dd{width: 33%; margin-top: 2em;} .s3_1 .ss9 dd h5{font-weight: 700; margin-top: 1em;} @media (max-width:750px){ .ss1{display: block;} .ss1 dt{width: auto;height:17rem; margin:0} .ss1 dt img{width: 100%; height: 100%; object-fit: cover;} .ss1 dd{margin-top:1em; margin-left:0; width: 100%; text-align: center;} .ss3 dd{width:48%; margin:1%;} .ss3 dd img{width:7em} .ss2{width:auto; } .ss2 dd{width:7em; height:7em; margin:.5em;} .ss2.mw4 dd{width:6em; height:6em; margin:.3em;} .s3_1 .ss5 p{font-size: 1em;} .ss6{} .ss6 dt{font-size: 1.2em;} .ss6 dt img{width: 1em;} .ss6 dd{padding:1em;font-size: 1em; display: block; } .ss6 dd p{margin-right: 0; margin:0; padding:0} .s3_1 .ss7{display: block;} .s3_1 .ss7 dd{width:100%; text-align: left; margin:1em 0} .s3_1 .ss7 dd h6{font-size: 1.6rem; text-align: center;} .s3_1 .ss7 dd article{background-color: var(--c-sbg2); border-radius: .6em; padding:1em;} .s3_1 .ss7 dd article p{padding: 1em 0; height:2em;} .s3_1 .ss7 dd article ul{padding:.5em 0;font-size:1em; height:auto} .s3_1 .ss7 dd:nth-child(1) article ul{ padding-top:.5em;} .s3_1 .ss7 dd:nth-child(3) article ul{ padding-top:.5em;} .s3_1 .ss9 dd{width: 48%; margin:1%; } .s3_1 .ss9 dd img{width: 7em} .s3_1 .ss9 dd h5{font-weight: 700; margin-top: 1em;} .ss8{display: block;} .ss8 dd{ width:100%; margin:1rem 0;} } .s2_1 .ss9{background-color: var(--c-sbg2); border: 1px solid var(--c-sub); padding:2em; padding-top:4em; border-radius: 1em; text-align:center; margin-top:4em;} .s2_1 .ss9 dl{position: absolute;top: 0; left:0; right:0; transform: translateY(-50%);} .s2_1 .ss9 dl dd{margin:0 .5em; border: 1px solid #000; border-radius: 50%;} .ss10{} .ss10 dd{width:32%;padding:1.5em .5em .5em .5em; border-radius:2em; border:.1em solid #CCC; background-color: var(--c-sbg2); margin-top:6em} .ss10 dd i{position: absolute; top:-6em; left:50%; transform: translateX(-50%); margin:0 auto; width:5em; height:5em; border-radius: 50%; border:.1em solid var(--c-sub2); background-color: var(--c-sbg2); padding:.5em;} .ss10 dd strong{font-size:1.3em; display: inline-block; border-bottom:1px solid #8A8A8A; color: var(--c-sub2);} .ss10 dd article{margin-top: 1em; height:calc(100% - 2.5em); padding: 1em; border-radius: 2em; background-color: var(--color-aga); border:.1px solid var(--c-sub2);} .ss10 dd article h5{font-weight: 700; line-height: 1.2em;} .ss10 dd article h5::after{display: block;width: 1em;height: .15em; margin: .3em auto;background-color: var(--c-sub2); content: "";} .ss10 dd article h5 small{line-height: 1.3em;display: block; font-size: .6em;} .ss11{display: flex; justify-content: space-between; flex-flow: wrap; gap: 1em; text-align:center;} .ss11 dd{width: 8em; flex-grow: 1;} .ss11 dd figure{position: relative; width: 8em; margin: 0 auto;border-radius: 50%;overflow: hidden; border:1px solid #8a8a8a; box-shadow: .2em .2em 0 rgba(231,231,231,.5);} .ss11 dd p{margin-top: 1em;} .ss11.w6 dd{width: 7em; flex-grow: 1;} .ss11.w6 dd figure{width: 6em;} @media (max-width:750px){ .ss10{display:block;} .ss10 dd{width:100%;padding:1.5em .5em .5em .5em; border-radius:1em; margin-top:3em} .ss10 dd i{position: absolute; top:-2em; left:2em; transform: translateX(0); } .ss11.mw4 dd{width: 5.8em; flex-grow: 0;} .ss11.mw4 dd figure{width:100%; margin: 0 auto; } } .ss12{position: relative; display: flex; justify-content: space-between;flex-flow: wrap; margin:0 3em} .ss12 dt{position: absolute;width:8em; height:8em; background-color: var(--color-aga); border-radius: 50%;display: flex;flex-direction:column; justify-content:center; padding:1em; top: 50%; left:50%; transform: translate(-50%,-50%); box-shadow: .1em .1em 1em rgba(0,0,0,.3); z-index: 2;} .ss12 dd{width:48%; margin:1%; border:.1em solid var(--c-sub2); padding:1.5em; background-color: var(--c-sbg); border-radius:1em; color: var(--c-sub2); position: relative;} .ss12 dd:nth-of-type(2n-1){text-align: left; padding-left:3em;} .ss12 dd:nth-of-type(2n){text-align: right; padding-right:3em;} .ss12 dd b{position: absolute;font-size:4em;line-height:1em; top:50%; transform: translateY(-50%); color:#FFF; text-shadow: 0 0 .2em var(--c-sub2);} .ss12 dd h5{font-weight: 700;} .ss12 dd:nth-of-type(2n-1) b{left:-.8em;} .ss12 dd:nth-of-type(2n) b{right:-.8em;} .ss13{position: relative; display: flex; justify-content: space-between;} .ss13 dd{width: 49%;border: 1px solid #8A8A8A;background:#FFF; border-radius:1em; padding:1em;display: flex; justify-content: space-between;} .ss13 dd figure{width:6em;text-align: center;} .ss13 dd article{width:calc(100% - 8em); display: flex;flex-direction: column;justify-content: center;} .ss13 dd h6{font-weight: 700; color:var(--c-sub2);} .ss14{padding:2em; border: 1px solid #8A8A8A; background:#FFF; border-radius:1em; text-align: center;} .ss14:after{width:6em; height:6em; background: url(/sub/img/3_3_icon3.png); background-size: contain; content:"";display: inline-block; position: absolute; top:50%; transform: translateY(-50%); right:2em; color:var(--c-sub2);} .ss15{position: relative; display: flex; justify-content: space-between; flex-flow: wrap; background-color: var(--c-sbg2); border: 1px solid #8A8A8A; padding:2em; border-radius: 1em;} .ss15 dl:nth-child(1){ text-align: center; border-bottom: 1px solid #8A8A8A; font-size:1.2em; padding-bottom: 1em; width: 100%;} .ss15 dl:nth-child(2), .ss15 dl:nth-child(3){width: 49%; background-color: var(--color-aga); padding:2em; border-radius: .6em; margin-top: 1em; border:1px solid #8A8A8A} .ss15 dl dt{font-size:1.2em; color: var(--c-sub2); font-weight: 700;padding-bottom:.5em;} .ss15 dl dd p{font-size:.9em;} .ss16{border: .1em solid #ccc; background-color: #FFF; padding:2em 3em; border-radius:0 2em 2em 2em; margin-top: 2em;} .ss16 h5{position: absolute;background-color: var(--c-sub); color: var(--color-aga); top: 0; left:-.6em; transform: translateY(-50%); padding:.2em 1em; border-radius: 2em;} .ss17{} .ss17 dd{border:1px solid #8A8A8A; background-color: var(--c-sbg); padding:1em 2em; border-radius: 2em 0 2em 0; margin-top: 1em; display: flex; justify-content: space-between;} .ss17 dd figure{width: 6em;padding-right: 1em;} .ss17 dd article{width: calc(100% - 6em);} .ss18{border: 1px solid #8A8A8A; background-color: #FFF; padding:1em 2em; border-radius: 2em 0 2em 0;} .ss18 dl{margin: 1em 0;} .ss18 dl dt{width: 10em; border: 1px solid #8A8A8A; font-weight: 800; text-align: center; display: flex;flex-direction: column;justify-content: center; background: rgb(238, 246, 255);} .ss18 dl dd{width: calc(100% - 12em); } .ss19{margin:1em 0;} .ss19 dt{width: 15em;border:1px solid #8A8A8A;border-radius: 1em; overflow: hidden; z-index: 2;} .ss19 dd{width: 20em; display: flex;flex-direction: column;justify-content: center; margin: 0 2em;} .ss19 dd h6{position: relative; font-weight: 700; color: var(--c-sub2);} .ss19 dd h6:before{position: absolute;top: .6em; left:-2.5em; width:2em; height:.1em; background-color: var(--c-sub); content:""} .ss19 dd h6:after{position: absolute;top:.6em; left:-.5em; margin-top:-.1em; width:.3em; height:.3em; border-radius: 50%; background-color: var(--c-sub); content:""} .ss19.dtr dd{text-align: right;} .ss19.dtr dd h6:before{left:auto; right:-2.5em} .ss19.dtr dd h6:after{left:auto; right:-.5em } .ss20 dd{width: 48%;} .ss20 dd figure{position: relative; border-radius: 1em; overflow:hidden; margin-bottom: .6em;border:1px solid #8A8A8A;} .line_box{padding:2em 4em; border:1px solid #888; background:#F6F6F6; text-align: center;} @media (max-width:750px){ .ss13{position: relative; display: block; } .ss13 dd{width: 100%; margin:1em 0} .ss13 dd figure{width:6em;text-align: center;} .ss13 dd article{width:calc(100% - 8em); display: flex;flex-direction: column;justify-content: center;} .ss13 dd h6{font-weight: 700; color:var(--c-sub2);} .ss14{padding:2em; text-align: left; padding-right:5em} .ss14:after{width:4em; height:4em; right:1em; } .ss15{display: block; padding:1em;} .ss15 dl:nth-child(1){ } .ss15 dl:nth-child(2), .ss15 dl:nth-child(3){width: 100%; margin:1em 0; padding:1em; } .ss16{ padding:1em 2em; } .ss18{ padding:1em 1em; border-radius: 2em 0 2em 0;} .ss18 dl{margin: .5em 0; display:block; } .ss18 dl dt{width: auto; display:block; padding:.5em; margin-bottom:.5em;} .ss18 dl dd{width: auto } .ss19 dt{width:8em;height:5em} .ss19 dd{width: calc(100% - 10em); margin: 0; margin-left: 2em;} .ss19.dtr dd{text-align: left;} .ss19.dtr dd h6:before{left:-2.5em; right:auto} .ss19.dtr dd h6:after{left:-.5em ; right:auto} } #medical{position: relative; top: -4em;;} .tabs{ gap:1em; position:sticky; top:9rem; text-align: center; z-index:10} .tabs dd{flex-grow: 1; flex-basis: 1; font-size: 1.2em; background-color: #FFF; margin-left:-1px; border:1px solid #8A8A8A; cursor: pointer;border-radius: 1em;} .tabs dd a{display: block;padding: .4em; color:#8A8A8A; } .tabs dd.active{background-color: #8A8A8A; color: var(--color-aga);} .tabs dd.active a{color: var(--color-aga);} @media(max-width:750px){ .tabs{ gap:.3em; top:7rem;} .tabs dd{font-size: 1em; font-weight:700; } } .table_s2{position: relative;width: 100%; text-align: center; --c-red:#0078A4} .table_s2 thead th{background-color: #8A8A8A; border: 4px solid #FFF; color:#FFF; padding:.3em;} .table_s2 thead tr th:first-child{border-radius: 1em 0 0 0;} .table_s2 thead tr th:last-child{border-radius: 0 1em 0 0;} .table_s2 tbody th{background-color: #E3E3E3; border: 4px solid #FFF; font-weight:700; padding:.3em;} .table_s2 tbody td{background-color: #fff; border: 4px solid #FFF; background-color: #F9F9F9; } .table_s2.tdl tbody td{text-align: left;padding-left:.5em} .table_s2 tbody .tl{padding-left:.5em} .table_s2.t1:after{position: absolute; left:0; bottom:0; height:2.4em;right:0; border:5px solid var(--color-main); content:""} .table_s2.t1 tbody tr:nth-last-child(1) td{font-weight:700; color:var(--color-main);} .table_s2.t2:after{position: absolute; left:0; bottom:0; height:4.7em;right:0; border:5px solid var(--color-main); content:""} .table_s2.t2 tbody tr:nth-last-child(1) td{font-weight:700; color:var(--color-main);} .table_s2.t2 tbody tr:nth-last-child(2) td{font-weight:700; color:var(--color-main);} .table_s2.t3:after{position: absolute; width:12.2em; bottom:0; top:0; right:0; border:5px solid var(--color-main); border-radius: 0 1em 0 0; content:""} .table_s2.t3 tbody tr td:nth-last-child(1){font-weight:700; color:var(--color-main);} @media(max-width:750px){ .table_s2.t1:after{height:2.6em; border-width:3px; } .table_s2.t2:after{height:5.1em; border-width:3px; } .table_s2.t3:after{ width:6em;border-width:3px; } } /* .table_s2.t1 tbody tr:nth-of-type(4){border:5px solid var(--c-red);border-left:5px solid var(--c-red);} .table_s2.t1 tbody tr:nth-of-type(4) td{font-weight:700; color:var(--c-red);} .table_s2.t2 tbody tr:nth-of-type(3){border-top:5px solid var(--c-red);border-right:5px solid var(--c-red);border-left:5px solid var(--c-red);} .table_s2.t2 tbody tr:nth-of-type(4){border-bottom:5px solid var(--c-red);border-right:5px solid var(--c-red);border-left:5px solid var(--c-red);} .table_s2.t2 tbody tr:nth-of-type(3) td{font-weight:700; color:var(--c-red);} .table_s2.t2 tbody tr:nth-of-type(4) td{font-weight:700; color:var(--c-red);} .table_s2.t3 thead th:last-child{border:5px solid var(--c-red); border-bottom:0} .table_s2.t3 tbody td:nth-of-type(3){font-weight:700; color: var(--c-red);border-right:5px solid var(--c-red);border-left:5px solid var(--c-red);} .table_s2.t3 tbody tr:last-child td:nth-of-type(3){border-bottom:5px solid var(--c-red);} */ .scom #mt {padding:4em 0} .scom #mt header{display:none;} .scom #mt > dl{background:#FFF; padding:2em; margin:0; border-radius:2em;} .scom #mt .full_width_bg{background-color:#F2F2F2;} @media(max-width:750px){ .scom #mt {padding:1em 0} .scom #mt > dl{ margin:1em; border-radius:1em;} .scom #mt dl{ font-size:1.1em;} .scom #mt dl ul{font-size: .9em;} } .s7_3 table{width: 100%; border-spacing: 5px; border-collapse:separate; border-radius: 2em 2em 0 0 ; overflow: hidden; margin-top: 2em;} .s7_3 table thead th{background-color: #8A8A8A; color:#FFF; font-weight:700; padding:.67em;} .s7_3 table tbody th{background-color: #E3E3E3; font-weight:700; padding:.67em;} .s7_3 table tbody th.sth{background-color: #BDCEF2; font-weight:700; padding:.67em;} .s7_3 table tbody td{background-color: #F9F9F9; padding:.67em;} .s7_3 table tbody td span{font-size: .8em;}