html { height:100%; min-height:100%; width:100%; }
body { height:100%; min-height:100%; width:100%; min-width:1200px; color:#333; background:#fff; padding:0; position:relative; -webkit-overflow-scrolling:touch; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }

td, th { color:#333; font-size:1em; }

a:link { color:#555; text-decoration:none; outline-style:none; border-bottom:1px dashed #ccc; }
a:visited { color:#555; text-decoration:none; border-bottom:1px dashed #ccc; }
a:hover { color:#8fc21f; cursor:pointer; }

.pc_no { display:none; }
.tc { text-align:center; }

.flex { display:flex; flex-flow:row wrap; justify-content:space-between; position: relative; }
.flex.rowre { flex-flow: row-reverse wrap; }
.flex.jcfs { justify-content:flex-start; }
.flex.jcc { justify-content:center; }
.flex.aic { align-items: center; }
.flex.aifs { align-items: flex-start; }
.flex.aife { align-items: flex-end; }
.flex .fg1 { flex-grow: 1; }


.mb0 { margin-bottom:0; }
.mb16 { margin-bottom:1rem; }
.mb24 { margin-bottom:1.5rem; }
.mb32 { margin-bottom:2rem; }

.mr0 { margin-right:0; }
.mr16 { margin-right:1rem; }
.mr24 { margin-right:1.5rem; }
.mr32 { margin-right:2rem; }

.mt0 { margin-top:0; }
.mt16 { margin-top:1rem; }
.mt24 { margin-top:1.5rem; }
.mt32 { margin-top:2rem; }

.ma { margin: auto; }


.w100 { width: 100%; margin-right:0 !important; margin-left:0 !important; }
.w95 { width: 95%; }
.w90 { width: 90%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w47 { width: 47%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w33 { width: 33%; }
.w32 { width: 32%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w22 { width: 22%; }
.w20 { width: 20%; }
.w19 { width: 19%; }
.w18 { width: 18%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }

input.w75 { min-width:17.5rem; }
input.w50 { min-width:15rem; }
input.w33 { min-width:10rem; }
input.w25 { min-width:7.5rem; }
input.w20 { min-width:6rem; }
input.w10 { min-width:3rem; }
input.w5 { min-width:1.5rem; }


.r04 { border-radius:0.25rem; }
.r08 { border-radius:0.5rem; }
.r16 { border-radius:1rem; }

#loader-bg { height:100%; width:100%; position:fixed; top:50%; left:50%; background:#fff; transition:.5s; z-index:100000; transform:translate(-50%,-50%); }
.spinner { position:absolute; top:calc(50% - 0.5em); left:calc(50% - 35px); width:70px; text-align:center; opacity:0.5; }
.spinner > div { width:1em; height:1em; margin:0 0.1em; background:#8fc21f; border-radius:100%; display:inline-block; animation:sk-bouncedelay 1.4s infinite ease-in-out both;}
.spinner div:nth-of-type(1) { animation-delay:-0.32s;}
.spinner div:nth-of-type(2) { animation-delay:-0.16s;}
@keyframes sk-bouncedelay { 0%, 80%, 100% { transform:scale(0);} 40% { transform:scale(1.0);}}



.contents { position:relative; width:1160px; padding:0; text-align:left; margin:0 auto; line-height:1.5; box-sizing:border-box; }
.link, a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".zip"], a[href^="#"] {  display: inline-block; padding:0 0 0 15px; background:url(../img/i_arrow_g01.svg) 3px center /5px no-repeat; }



/*校正用*/
div.test, a.test { display: none; }
body.test div.test, body.test a.test { display: block; }



/*--HEADER/--*/
.header { width:100%; position:absolute; top:40px; left:0; z-index:1000; }

.ht { display:block; width:1160px; padding:5px 25px; height:60px; margin:0 0 30px 0; background:#fff; background:rgba(255,255,255,0.9); box-sizing:border-box; border-radius:50px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-shadow:rgba(255,255,255,0.8) 1px 1px 0, rgba(255,255,255,0.8) -1px 1px 0, rgba(255,255,255,0.83) 1px -1px 0, rgba(255,255,255,0.8) -1px -1px 0; }
.ht a { margin-left:30px; padding:0 0 0 30px; color:#555; line-height:1.5; text-decoration:none; border:none; }
.ht a:hover { text-decoration:underline; }
.ht .title { float:left; width:350px; height:50px; margin:0; padding:0; background:url(../img/t_logo.svg) center center /cover no-repeat; text-indent:-5000px; }
.ht .address { float:right; display:block; padding:8px; line-height:1.25; font-size:0.9em; }
.ht .tel { float:right; font-size: 1.5em; background:url(../img/i_tel.svg) left center /24px no-repeat; line-height:34px; position: relative; }
.ht .contact { float:right; line-height:50px; background:url(../img/i_contact.svg) left center /22px no-repeat; }
.ht .access { float:right; line-height:50px; background:url(../img/i_access.svg) left center /24px no-repeat; }
.ht .tel::after { content: "※電話番号のおかけ間違いにご注意ください"; font-size: 0.7rem; color:#f55; position: absolute; left:0; bottom:-0.75rem; white-space: nowrap; line-height:1; }


.hm { width:1160px; height:50px; position:relative; margin:0; padding:0; list-style:none; background:#8fc21f; background:rgba(143,194,31,0.85); border-radius:50px; box-shadow:0 2px 5px rgba(0,0,0,0.1); box-sizing:border-box; }
.hm li { position:absolute; display:block; z-index:9999; }
.hm .m01 { width:140px; top:0; left:0; }
.hm .m02 { width:260px; top:0; left:140px; }
.hm .m03 { width:230px; top:0; left:400px; }
.hm .m04 { width:230px; top:0; left:630px; }
.hm .m05 { width:150px; top:0; left:860px; }
.hm .m06 { width:150px; top:0; left:1010px; }

.hm li a { display:block; background:url(../img/i_arrow_w01.svg) 20px center /10px no-repeat; color:#fff; text-decoration:none; padding:0 0 0 45px; line-height:50px; font-size:1.2em; border:none; text-shadow:rgba(143,194,31,0.8) 1px 1px 0, rgba(143,194,31,0.8) -1px 1px 0, rgba(143,194,31,0.83) 1px -1px 0, rgba(143,194,31,0.8) -1px -1px 0; }
.hm li:hover > a, .hm li a:hover, .hm li a:active { background:rgba(108,164,7,0.9) url(../img/i_arrow_w01.svg) 20px center /10px no-repeat; text-shadow:rgba(110,168,24,0.8) 1px 1px 0, rgba(110,168,24,0.8) -1px 1px 0, rgba(110,168,24,0.83) 1px -1px 0, rgba(110,168,24,0.8) -1px -1px 0; }
.hm .m01 a { border-radius:50px 0 0 50px; }
.hm .m06 a { border-radius:0 50px 50px 0; }
.hm li ul {position:absolute; width:100%; list-style:none; top:100%; left:0; margin:0; padding:0; background:#fff; box-sizing:border-box; }
.hm .m01 ul { }
.hm .m02 ul { width:200%; }
.hm .m02 ul li { width:50%; float:left; }
.hm .m03 ul { width:200%; }
.hm .m03 ul li { width:50%; float:left; }
.hm .m03 ul li:nth-child(1) a, .hm .m03 ul li:nth-child(2) a { font-size:20px; }
.hm .m04 ul { }
.hm .m05 ul { width:300%; left:-100%; }
.hm .m05 ul li { width:50%; float:left; }
.hm .m06 ul { width:200%; left:-100%; }

.hm li ul li{ position:relative; overflow:hidden; width:100%; height:0; color:#fff; transition:ease-out 0.5s; }
.hm li ul li a { display:block; background:url(../img/i_arrow_g01.svg) 15px center /6px no-repeat; color:#555; font-size:15px; padding:10px 5px 10px 30px; line-height:1.5; text-align:left; font-weight:normal; border-radius:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-shadow:none; }
.hm li ul li:last-child a { }
.hm li ul li:hover a{ background:#e9f3d2 url(../img/i_arrow_g01.png) 15px center /6px no-repeat; background:rgba(233,243,210,1) url(../img/i_arrow_g01.svg) 15px center /6px no-repeat; text-shadow:none; }
.hm li:hover ul { background:rgba(255,255,255,0.95); box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.hm li:hover ul li{ overflow:visible; height:42px; transition:ease-out 0.3s; }
.hm li:hover ul:after { border:6px solid transparent; border-bottom-color:rgba(255,255,255,0.95); border-top-width:0; width:0; top:-6px; content:""; display:block; left:25%; margin-left:-6px; position:absolute;}
.hm .m02:hover ul:after,.hm .m03:hover ul:after { left:25%; }
.hm .m04:hover ul:after { left:50%; }
.hm .m05:hover ul:after { left:50%; }
.hm .m06:hover ul:after { left:75%; }
.hm .m03:hover ul li:nth-child(1), .hm .m03:hover ul li:nth-child(2) { height:50px; }
.hm li:hover ul li:first-child{ border-top:0; }
.hm li:hover ul li:last-child{ border-bottom:0; }
.hm li:hover ul li:last-child a{ /* border-radius:0 0 5px 5px !important;*/ }


/*-- 校正用追加CSS --*/
body.test02 .ht { display:flex; flex-flow:row nowrap; justify-content:space-between; width:1160px; padding:5px 15px 5px 25px; height:60px; margin:0 0 30px 0; background:#fff; background:rgba(255,255,255,0.9); box-sizing:border-box; border-radius:50px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-shadow:rgba(255,255,255,0.8) 1px 1px 0, rgba(255,255,255,0.8) -1px 1px 0, rgba(255,255,255,0.83) 1px -1px 0, rgba(255,255,255,0.8) -1px -1px 0; }
body.test02 .ht a { margin:0; padding:0 0 0 30px; color:#555; line-height:1.5; text-decoration:none; border:none; }
body.test02 .ht a:hover { text-decoration:underline; }
body.test02 .ht .title { display:block; width:350px; height:50px; margin:0; padding:0; background:url(../img/t_logo.svg) no-repeat; text-indent:-5000px; }
body.test02 .ht .address { order:1; float:none; display:block; white-space:nowrap; padding:8px; line-height:1.25; font-size:0.9em; }
body.test02 .ht .tel { order:2; float:none; line-height:50px; font-size: 1.5em; background:url(../img/i_tel.svg) left center /24px no-repeat; background-size:24px; }
body.test02 .ht .contact { order:3; float:none; line-height:50px; background:url(../img/i_contact.svg) center center /30px no-repeat; background-size:22px; text-indent:-10rem; overflow:hidden; }
body.test02 .ht .access { order:4; float:none; line-height:50px; background:url(../img/i_access.svg) center center /30px no-repeat; background-size:24px; text-indent:-10rem; overflow:hidden; }


/*--サイト内検索--*/
.search_box { position:fixed; top:0; right:0; padding:0; width:100%; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; z-index:1200; }
.search_box form { padding:0.25rem; margin:0; background:#8fc21f; border-radius:0 0 0 0.75rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:300px; }
.search_box input { background:#fff; line-height:1.5rem; padding:0.25rem 1rem; margin:auto; border:none; box-sizing:border-box; font-size:1rem; border-radius:0.5rem 0 0 0.5rem; width:calc(100% - 3.5rem); }
.search_box button { width:3.5rem; height:2rem; border:none; background:url(../img/i_search.svg) center center /30px no-repeat; border-radius:3px 0.5rem 0.5rem 3px; cursor:pointer; }
.search_box button:hover { background:#6ca407 url(../img/i_search.svg) center center /30px no-repeat; }

body.test02 .search_box { display:none; }


/*--サイト内検索02--*/
.search_box02 { order:5; position:relative; top:0; right:0; padding:0; display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; z-index:1200; }
.search_box02 form { padding:2px; margin:0; background:#8fc21f; border-radius:2rem; display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; max-width:220px; }
.search_box02 input { background:#fff; line-height:1.5rem; padding:0.25rem 1rem; margin:auto; border:none; box-sizing:border-box; font-size:1rem; border-radius:1rem 0 0 1rem; width:calc(100% - 2.5rem); }
.search_box02 button { width:2.5rem; height:2rem; border:none; background:url(../img/i_search.svg) center center /24px no-repeat; border-radius:0 1rem 1rem 0; cursor:pointer; }
.search_box02 button:hover { background:#6ca407 url(../img/i_search.svg) center center /24px no-repeat; }



.sp_menu, .hm_sp { display:none; }


/*--MAIN_PHOTO/--*/
.maximage { display:block; position:absolute; width:100% !important; /*height:600px !important; text-align:center;*/ height:600px;  overflow:hidden !important; border-radius:0 0 1000px 1000px/0 0 150px 150px; box-sizing: border-box; z-index:1; }
.maximage.pc { display:block; }
.maximage.sp { display:none; }

.bg_slider { display:block; position:absolute; width:100% !important; height:600px !important; text-align:center; overflow:hidden !important; border-radius:0 0 1000px 1000px/0 0 150px 150px; box-sizing: border-box; z-index:1;}
.bg_slider > div { left:50% !important; transform: translate(-50%, 0); background-size:101%; background-position: center center; background-repeat:no-repeat !important; min-width:1400px; min-height:600px; }
.bg_slider.sp { display:none; }
.bg_slider.pc { display:block; }

#preloadedImages { width:0px; height:0px; display:inline; overflow: hidden;
background-image:url(https://www.kitahari-mc.jp/common/img/p001b_pc.webp);
background-image:url(https://www.kitahari-mc.jp/common/img/p002b_pc.webp);
background-image:url(https://www.kitahari-mc.jp/common/img/p004b_pc.webp);
background-image:url(https://www.kitahari-mc.jp/common/img/p001b_sp.webp);
background-image:url(https://www.kitahari-mc.jp/common/img/p002b_sp.webp);
background-image:url(https://www.kitahari-mc.jp/common/img/p004b_sp.webp);
}

.t_heart { position:absolute; top:240px; right:0; width:400px; height:320px; background:url(../img/t_heart.png) center center /cover no-repeat; z-index:1000; }


/*--SIDE/--*/
.side { position:absolute; width:250px; top:210px; left:0; z-index:100; }


/*--外来受付時間--*/
.time_box { background:#fff; background:rgba(255,255,2551,0.9); border:1px solid #eee; padding:15px; margin-bottom:20px; border-radius:15px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.time_box .title { padding:0 0 0 25px;background:url(../img/i_time.svg) left center /20px no-repeat; font-size:1.4em;}
.time_box .time { border-top:1px solid #eee; margin:5px -15px 0 -15px; padding:5px 10px 0 14px; }
.time_box strong { color:#6ca407; font-weight:normal; }
.time_box .text01, .time_box .text02 { font-size:1.4em; overflow:hidden; line-height:1.25; }
.time_box .text01 span { font-size:0.75em; }
.time_box .text03 { font-size:1.2em; overflow:hidden; }
.time_box .notice { border-top:1px solid #eee; margin:5px -15px 10px -15px; padding:10px 10px 0 14px; display:block; font-size:0.8em }
.time_box ul { margin:0; padding:0; list-style:none; }
.time_box li { }
.time_box li a { display:block; padding:5px 5px 5px 25px; color:#fff; font-size:1.1em; background:#8fc21f url(../img/i_arrow_w01.svg) 13px center /5px no-repeat; border-bottom:1px solid #fff; text-decoration:none; }
.time_box li a:hover { background:#6ca407 url(../img/i_arrow_w01.svg) 13px center /5px no-repeat; }
.time_box li:first-child a { border-radius:5px 5px 0 0; }
.time_box li:last-child a { border-radius:0 0 5px 5px; }


/*臨床研修医・専攻医*/
.b_recruit01 { margin:0 0 20px 0; padding:3px; list-style:none; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); background:linear-gradient(to bottom, #1b9d3f, #8fc21f); }
.b_recruit01 li { border-radius:12px; background: url(../img/bg_recruit01.jpg) top 40% center /cover no-repeat; background-color:rgba(255,255,255,0.3); background-blend-mode:lighten;}
.b_recruit01 li a { display:block; font-size:1.4em; letter-spacing:1px;  color:#555; text-decoration:none; border:none; position:relative; line-height:1.5; padding:0.5rem 1rem; height: 7.5rem; box-sizing: border-box; }
.b_recruit01 li a:hover { color:#8fc21f; mix-blend-mode: multiply; }


.b_recruit03 { display: none; }


.b_covid { display: block; padding:15px; margin:0 0 20px 0; border:3px solid #f55 !important; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); overflow:hidden; }
.b_jmhyogo { display: block; margin:0 auto 3rem auto; text-decoration: none; border-bottom: none !important; box-shadow:0 1rem 0.5rem -0.75rem rgba(0,0,0,0.05); max-width:42rem; }



.b_recruit02 { margin:0 0 20px 0; padding:0; list-style:none; background:url(../img/bg_recruit2024.webp) right center /cover no-repeat; border:3px solid #f8d6a0; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); overflow:hidden; }
.b_recruit02 li {}
.b_recruit02 li a { display:block; height:60px; line-height:60px; padding:0 15px; color:#555; text-decoration:none; background:none; border:none; }
.b_recruit02 li:first-child { border-radius:12px 12px 0 0; }
.b_recruit02 li:last-child { border-radius:0 0 12px 12px; }
.b_recruit02 li a:hover { color:#8fc21f; }


/*医師募集 index_sample.html*/
.b_recruit01b { margin:0 0 30px 0; padding:3px; list-style:none; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); background:linear-gradient(to bottom, #1b9d3f, #8fc21f); }
.b_recruit01b li:first-child { border-radius:12px 12px 0 0; border-bottom:1px solid #cfe59c; background:#e9f3d2; }
.b_recruit01b li:last-child { border-radius:0 0 12px 12px; background:#e9f3d2; }
.b_recruit01b li a { display:block; height:60px; line-height:60px; padding:0 15px 0 35px ; font-size:1.4em; letter-spacing:1px; /*color:#fff;*/ color:#555; text-decoration:none; border:none; position:relative; }
.b_recruit01b li:hover { background:#dcecb7; }
.b_recruit01b li a::after{ content:""; position:absolute; display:block; left:12px; top:50%; margin:-5px 0 0 0; width:8px; height:8px; border-top:2px solid #1b9d3f; border-right:2px solid #1b9d3f; transform:rotate(45deg); }

.side .b_box { margin-bottom: 15px; }
.side .b_box a { display:inline-block; width:47%; background:#fff; margin:2px; padding:10px 5px; overflow:hidden; border-radius:800px/300px; border:1px solid #eee; box-shadow:0 2px 5px rgba(0,0,0,0.1); box-sizing:border-box; }
.side .b_box a img { width:100%; }
.side .b_box a:hover { border:1px solid #fff; }

/*--サイドバナー/--*/
.b_jc2240 { display:flex; align-items:center; border:1px solid #eee !important; background:url(../img/JC2240.jpg) 15px center /50px no-repeat; margin:0 0 15px 0; padding:15px 15px 15px 80px ; font-size:1.2em; line-height:1.25em; letter-spacing:1px; text-decoration:none; position:relative; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.b_hpcj { display:flex; align-items:center; border:1px solid #eee !important; background:url(https://www.kitahari-mc.jp/files/31189.JPG) 10px center /60px no-repeat; margin:0 0 15px 0; padding:9px 15px 9px 80px ; font-size:1em; line-height:1.25em; letter-spacing:1px; text-decoration:none; position:relative; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); min-height:80px; }
.b_cch, .b_text { display:flex; align-items:center; border:1px solid #eee !important; margin:0 0 15px 0; padding:15px 15px 15px 40px ; font-size:1.2em; line-height:1.25em; letter-spacing:1px; text-decoration:none; position:relative; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.b_cch::after , .b_text::after { content:""; position:absolute; display:block; left:12px; top:50%; margin:-5px 0 0 0; width:8px; height:8px; border-top:2px solid #8fc21f; border-right:2px solid #8fc21f; transform:rotate(45deg); }
.b_ianda { display:flex; align-items:center; border:1px solid #eee !important; background:url(https://www.kitahari-mc.jp/files/33320.jpg) 10px center /80px no-repeat; margin:0 0 15px 0; padding:9px 15px 9px 100px; font-size:1.2em; line-height:1.25em; letter-spacing:1px; text-decoration:none; position:relative; border-radius:15px; box-sizing:border-box; box-shadow:0 2px 5px rgba(0,0,0,0.1); min-height:80px; }




/*--ARTICLE/--*/
.article { position:absolute; width:870px; top:630px; right:0; z-index:1000; }



.guide_box { padding:0; margin:0 0 40px 0; height:210px; box-sizing:border-box; border-radius:50px; z-index:1000; }
.guide_box a { opacity:0.80; display:block; width:23%; height:210px; float:left; text-align:center; padding:0; background-size:cover; text-decoration:none; color:#fff; margin:0 1%; box-shadow:0 2px 5px rgba(0,0,0,0.1); border-radius:100px 100px 100px 100px/40px 40px 40px 40px; border:none; box-sizing:border-box; }
.guide_box a:hover { opacity:1;}
.guide_box .icon { width:90px; height:90px; margin:30px auto 15px auto; }
.guide_box .m01 .icon { background:url(../img/i_guide01.svg) center center /cover no-repeat; }
.guide_box .m02 .icon { background:url(../img/i_guide02.svg) center center /cover no-repeat; }
.guide_box .m03 .icon { background:url(../img/i_guide03.svg) center center /cover no-repeat; }
.guide_box .m04 .icon { background:url(../img/i_guide04.svg) center center /cover no-repeat; }
.guide_box span { font-size:1.2em; line-height:1.25; margin-bottom:20px; text-shadow:rgba(110,168,24,0.8) 1px 1px 0, rgba(110,168,24,0.8) -1px 1px 0, rgba(110,168,24,0.83) 1px -1px 0, rgba(110,168,24,0.8) -1px -1px 0; text-align:center; }
.guide_box a:hover span { /*color:#ff0;*/ font-weight:bold; }

.guide_box .m01 { background:url(../img/bg_guide01.png) center center /cover;}
.guide_box .m02 { background:url(../img/bg_guide02.png) center center /cover;}
.guide_box .m03 { background:url(../img/bg_guide03.png) center center /cover;}
.guide_box .m04 { background:url(../img/bg_guide04.png) center center /cover;}


/*--INFO/--*/
.info_box { position:relative; margin-bottom:30px; padding:0 10px; }

.info_box .tab { padding:0; margin:0 0 -1px 0; list-style-type:none; }
.info_box .tab li { display:block; }
.info_box .tab li a { display:block; width:49%; margin:0; padding:5px 5px 3px 45px; font-size:1.4em; color:#888; text-decoration:none; outline:none; outline-style:none; background:#eee url(../img/i_info.svg) 10px center /20px no-repeat; border:1px solid #eee; box-sizing:border-box; border-radius:15px 15px 0 0; transition:ease-out 0.5s; }
.info_box .tab li a br { display:none; }
.info_box .tab01 a { float:left; }
.info_box .tab02 a { float:right; }
.info_box .tab li.selected a { display:block; padding:6px 5px 6px 45px; margin-top:-3px; color:#555; background:#fff url(../img/i_info.svg) 10px center /26px no-repeat; border:1px solid #eee; border-bottom:0; z-index:50; box-shadow:0 -1px 2px 0 rgba(0,0,0,0.1); transition:ease-out 0.5s; }

.info_box .panel { padding:20px; margin:0; border:1px solid #eee; box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:100; border-radius:0 0 15px 15px; }
.info_box .panel li { list-style-type:none; padding:5px 15px 2px 15px; margin:0; color:#333; }
.info_box .panel dl { padding:0; margin:0 0 10px 0; line-height:1.5; }
.info_box .panel dl dt { position:relative; float:left; width:9em; color:#888; font-size:0.9em; padding:0 0 0 2.5em; margin:0; box-sizing:border-box; }
.info_box .panel dl dd { margin-left:9em; text-indent:0; }
.info_box .panel dl a { padding:0; background:none; }
.info_box .panel .more { display:block; text-align:right; font-size:0.9em; line-height:1em; }
.info_box .panel .more a { background:url(../img/i_arrow_g01.svg) left center /6px no-repeat; padding-left:15px; border:none; }
.info_box .panel .more a:hover { opacity:0.7; }

.i_new { position:absolute; left:-1em; background:#f93; width:3em; padding:0.5em; margin:0 0.5em; color:#fff; font-weight:bold; text-align:center; border-radius:50px/30px; font-size:0.6em; line-height:1; z-index:9999; }


/*--FOOTER/--*/
.footer { font-size:0.9em; padding:0 10px; }

.fm { float:left; width:auto; margin:0; padding:0; list-style:none; clear:both; }
.fm li { float:left; margin:0; padding:5px 0; }
.fm li a { display:block; padding:0 15px; margin:0 -1px 0 0; background:none; text-decoration:none; color:#555; border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:none; }
.fm li a:hover { text-decoration:underline; }

.copyright { float:right; padding:5px 0; margin:0; text-align:right; }


.gotop { position:fixed; bottom:100px; right:0; display:block; width:50px; height:50px; background:rgba(143,194,31,0.9) url(../img/i_gotop.svg) center center /24px no-repeat !important; text-indent:-5000px; margin:0; padding:0; border:0 !important; outline:none !important; border-radius:40px 0 0 40px; z-index:2000; }
.gotop:hover { opacity:0.70; }



/*--TEMPLATE--*/
.temp .header { }
.temp .maximage { height:320px !important; background-position:center center; }
.temp .maximage img { width:100vw; }
.temp .mc-cycle, .temp div.mc-image { height:300px !important; background-position:center center; }
:root .temp .mc-cycle, .temp div.mc-image { }
.temp .skippr { height:300px !important; }
.temp .skippr>div { height:300px; }
.temp .side { /*position:relative; top:200px; float:left;*/ }
.temp .article { position:relative; top:210px; float:right; }


.text_box { padding:0 3% !important; margin-bottom:30px; min-height:500px; line-height:1.8; border:1px solid #eee; background:#fff; background:rgba(255,255,255,0.9); box-sizing:border-box; border-radius:15px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.text_box td, .text_box th { }
.text_box img.head { margin:-20px -3.2% 0 -3.2% !important; width:106.4%; }


.navibar { margin:0; padding:10px 0; font-size:0.8em; line-height:1.5; color:#666; }
.navibar ul { padding: 0; }
.navibar li { list-style-type:none; display:inline; padding:0; }
.navibar li em { font-weight:bold; font-style:normal; }
.navibar .arrow { padding:0 0 0 15px; background:url(../img/i_arrow01.svg) 3px center /5px no-repeat; }

.uc { color:#8fc21f; text-align:center; margin:150px 0; }
hr { margin:1em -3%;}


/*---- INDEX ----*/
.index_box { float:left; width:46%; padding:0 0 15px 0; margin:0 1% 15px 2%; border-bottom:1px solid #eee; }
.index_box .title { margin-bottom:0; background:url(../img/i_arrow_g01.svg) left top calc(1.5rem - 10px) /10px no-repeat; }
.index_box .title:hover { }
.index_box .update { float:right; width:auto; padding:2px; font-size:12px; color:#999; text-align:right; display:none; }
.index_box .icon { float:left; margin:0 10px 10px -20px; }
.index_box .icon img { /*width:100%; height:auto;*/ border:1px solid #eee; }
.index_box .title a, .index_box .icon a { padding:0; background:none; }

.index_box .comment { padding:0 10px 0 20px; font-size:1em; overflow:hidden; position:relative; }
.index_box .comment font[size="+1"] { font-size:1em; }
.index_box .comment h3 { font-size:1.2em; margin-bottom:1em; border-left:0; padding-left:0; }

.index_box .more { margin:10px 0 0 0; display:none; }
.index_box .more a { float:right; display:block; width:6em; padding:3px 3px 3px 25px; font-size:0.8em; border:1px solid #eee; overflow:hidden; border-radius:30px; background:#fff url(../img/i_arrow_g01.svg) no-repeat 10px center; text-decoration:none; transition:ease-out 0.5s; }
.index_box .more a:hover { background-color:rgba(233,243,210,1); color:#555 }



/*サイトマップ*/
.sitemap { list-style:none; }
.sitemap li { list-style:none; margin-bottom:1em; }
.sitemap li a { padding:0 0 0 15px; background:url(../img/i_arrow_g01.svg) 3px center /5px no-repeat; font-size:1.2em; }
.sitemap li ul { padding:0 0 0 1em; }
.sitemap li ul li { padding:0; margin:0; }
.sitemap li ul li a { padding:0; background:none; font-size:1.0em; border:none; }
.sitemap li ul li a:before { content:"┣ "; color:#ccc; }
.sitemap li ul li:last-child a:before { content:"┗ "; color:#ccc; }


.page_navi { position:fixed; top:0; width:250px; margin:0; padding:0; list-style:none; display:none; }
.page_navi li { width:auto !important; margin:0 0 3px 0; font-size:0.9em; display:inline-block; }
.page_navi li h4 { display:block !important; width:250px; margin:20px 0 10px 0 !important; padding:3px 10px 3px 30px !important; box-sizing:border-box; }
.page_link li h4 { display:block !important; margin:20px 0 10px 0 !important; }
.page_navi li h4 a, .page_link li h4 a { display:block; background:none !important; width:95%; padding:0 !important; border-bottom:1px dashed #555; /*border:none !important;*/ }
.page_navi li h4 a:hover, .page_link li h4 a:hover { color:#333; border:none; margin-bottom:1px; }
.page_navi li.on a { color:#8fc21f !important; border:none; font-weight:bold; }
.page_navi li.on h4 a { color:#000 !important; margin-bottom:1px; }

.page_link { margin:0; padding:0; list-style:none;  }
.page_link li { width: auto;  margin-bottom:0.5rem; }
.page_link li a[href^="#"] {  display: inline-block; padding:0 0 0 15px; background:url(../img/i_arrow_g01.svg) top 0.5rem left 0.2rem /5px no-repeat; }


/*--iframe アスペクト比 --*/
div.iframeWrap {position:relative; width:100%; }
div.iframeWrap iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
div.fb_iframe_widget {position:relative; width:100%;}
div.fb_iframe_widget iframe {position:absolute; top:0; left:0; width:100% !important; height:100% !important;}



/*言語ボタン*/

.index_box .b_lang { border:1px solid #8fc21f; padding:0.25em 1em 0.25em 1.5em; float:right; line-height:1.5; background:url(../img/i_arrow_g01.svg) 0.5em center /8px no-repeat; border-radius:5px; }
h1 { position:relative; }
h1 .b_lang { border:1px solid #fff; color:#fff; font-size:1.2em; padding:0.2em 1em 0.2em 1.5em; position:absolute; right:1em; bottom:0.5em; background:rgba(143,194,31,0.5) url(../img/i_arrow_w02.svg) 0.5em center /8px no-repeat; border-radius:5px; }
.index_box .b_lang:hover, h1 .b_lang:hover { color:#fff; background:#6ca407 url(../img/i_arrow_w02.svg) 0.5em center /8px no-repeat; }




/*-- 拡大縮小 --*/
#zoom_box { z-index:1000; cursor:pointer; position:fixed; display:flex; flex-flow:row-reverse wrap; top:80px; left:-6em; width:8.5em; height:auto; background:#8fc21f; border-radius:0 15px 15px 0; box-shadow:0 2px 5px rgba(0,0,0,0.2);}
#zoom_box .title { top:0; padding:10px 0; font-size:1.2em; line-height:2em; color:#fff; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; white-space:nowrap; }
#zoom_box .title img { width:1.2em; height:1.2em; vertical-align:middle; margin-bottom:0.25em; }
#zoom_box .slide-inner { padding:0.5em; }
#zoom_box .slide-inner button { padding:1em 0.25em; width:4em; font-size:1.1em; margin:5px 0; border-radius:10px; border:none; box-shadow: 0 2px 5px rgba(0,0,0,0.1); box-sizing:border-box; }
#zoom_box .slide-inner button:hover { color:#e55; }
#zoom_box .slide-inner button:active { margin:7px 0 3px 0; box-shadow:none; cursor:pointer;}
#zoom_box .slide-inner button.active { background:#8fc21f; }



/*---- 患者総合サポートセンター ----*/

body.ptsc .index_box { border-bottom:none; }
body.ptsc .index_box h3 { padding: 0.25rem 0.5rem 0.25rem 2rem; margin: 0 -5px 1rem -5px; line-height:1.5; background:#f8d6a0 url(https://www.kitahari-mc.jp/common/img/i_arrow_w02.svg) 15px center /8px no-repeat; border-radius:20px; border:3px solid #fff; }
body.ptsc .index_box h3.title .comment { display:block; font-size:0.9rem; padding:0; font-weight:normal }
body.ptsc .index_box a:hover { color:#555 !important; }
body.ptsc .index_box ul { text-shadow:1px 1px 0 rgba(255,255,255,1); }
.title_box h1 .comment ul { display:none; }
.title_box h1 .comment ul + br { display:none; }


body.ptsc h2.ptsc { border:none; margin:0 auto -2rem auto; position:relative; text-align:center; }
body.ptsc h2.ptsc span { display:inline-block; background:#fff; padding:0.5rem; }
body.ptsc h2.ptsc + div { background:#fff url(https://www.kitahari-mc.jp/files/34107.jpg) bottom center /100% no-repeat; padding:3rem 1rem 2rem 1rem; border:5px solid #e9f3d2; border-radius:2rem; overflow:visible; }

body.ptsc h2.ptsc + div .clear { clear:both; }


/*---- 患者総合サポートセンター 20231215反映 ----*/
body.ptsc.test {  }
body.ptsc .index_box { display: none; }
body.ptsc .ptsc_box .index_box { display: block; float:none; height: auto !important; margin:0 !important; padding:0 !important; width:48%; }
body.ptsc .ptsc_box { display: flex; flex-flow: row wrap; justify-content: space-between; }
body.ptsc .index_box h3 { margin:0 0 1rem 0; }
body.ptsc .index_box .comment { padding: 0; }

@media screen and (max-width:640px) {
body.ptsc .ptsc_box .index_box { width:100%; }
}

.aligncenter {display:block; margin:0 auto; }
.alignright { float:right; margin:0 0 1.5rem 2rem; position:relative; z-index:1; }
.alignleft { float:left; margin:0 2rem 1.5rem 0; position:relative; z-index:1; }
img.alignright, img.alignleft {width:100%; max-width:160px; margin: auto; }



@media screen and (max-width:640px) {
body.ptsc h2.ptsc { margin:0 auto -3rem auto; }

.aligncenter { display:block;margin: 0 auto;}
.alignright { float:none; display:block; margin:0 auto 1rem auto; }
.alignleft { float:none; display:block; margin:0 auto 1rem auto; }

}



/*CONTACT FORM*/
form.form { margin:0; }
form p { margin:0.5em 0; padding:0; }
input, textarea { font-size:1.4em; padding:0.25em 0.5rem; line-height:1.5; border:1px solid #bbb; border-radius:5px; box-sizing:border-box;}
input.long { width:300px; box-sizing:border-box; }
textarea.long { width:100%; font-size:1.2em; line-height:1.3; margin:0; box-sizing:border-box; }
input[type="submit"] { width:auto; padding:0.5em 1.5rem; border:none; border-radius:5px; background:#8fc21f; color:#fff; font-size:1.4em; letter-spacing:0.1rem; box-sizing:border-box; -webkit-appearance:none; }
input[type="submit"]:hover { background-color:#afe23f !important; cursor:pointer; }
.required { color:#c33; }
.error { color:#c33; }

input[type="submit"], input[type="button"], select, textarea { -webkit-appearance:none; padding:0.5em 1rem;}
input[type="radio"], input[type="checkbox"] { margin:0 0.25rem 0 0; }
input.back { background:#ccc; color:#333; }
::placeholder{ color:#777 }
.w100 { width: 100%; }
.w50 { width: 50%; min-width:15rem; }
.w33 { width: 33%; min-width:10rem; }
.w25 { width: 25%; min-width:7.5rem; }
.w20 { width: 10%; min-width:6rem; }
.w10 { width: 10%; min-width:3rem; }

select { position:relative; text-align:left; border-radius:5px; background:#fff url(../img/i_pulldown.svg) right center /30px no-repeat; font-size:1.2em; padding:0.5rem 1.5rem 0.5rem 0.5rem; line-height:1.5; border:1px solid #bbb; box-sizing:border-box; }
select:disabled, select.disabled { border:1px solid #ccc; color:#ccc; color:silver; background:none; z-index:auto; }


/*各種申し込みフォーム*/
body.form { min-width:280px; }
body.form .contents { width:100%; max-width:800px; }
body.form .copyright { float: none; text-align: center; }


body.form .ht { width:auto; padding:1rem; height:auto; margin:0; box-sizing:border-box; border-radius:0; box-shadow:none; text-shadow:none; }
body.form .ht a { margin-left:0; padding:0; }
body.form .ht .title { float:none; display: block; width:100%; max-width:350px; height:50px; margin:auto; padding:0; background:url(../img/t_logo.svg) center center /contain no-repeat; text-indent:-5000px; }
body.form .tbl02 th, body.form .tbl02 td { line-height:1.8; }

body.form input[type="submit"] { margin: auto; }
body.form .error { border:3px solid #c33; padding:0 0.5rem; }

.hissu { display:inline-block; background: #c33; color:#fff; margin:-0.15rem 0 0 0; padding:0 0.25rem; font-size:0.7rem; border-radius:0.25rem; }
.ninni { display:inline-block; background: #aaa; color:#fff; margin:-0.15rem 0 0 0; padding:0 0.25rem; font-size:0.7rem; border-radius:0.25rem; }


.stepBar { display: flex; max-width: 280px; position: relative; margin:0 auto 1rem auto!important; padding:0; text-align: center;}
.stepBar li { font-size:1rem; list-style: none; position: relative; width: 33.333%;}
.stepBar li::after { background: rgba(143,194,31,0.4); content: ""; width: calc(100% - 2rem); height: 6px; position: absolute; left: calc(-50% + 1rem); top:calc(1rem - 3px );}
.stepBar li:first-child::after { display: none;}
.stepBar li span { background: rgba(143,194,31,0.4); color: #ffffff; display: inline-block; height: 2rem; margin-bottom: 5px; line-height: 2rem; width: 2rem; border-radius: 50%;}
.stepBar .visited:after { background:rgba(143,194,31,1);}
.stepBar .visited span { background:rgba(143,194,31,1);}

body.form .tbl02 td { min-width:180px; box-sizing:border-box; }
body.form .tbl02 th[rowspan] { white-space: nowrap; }

.l_double { border-top:3px double #ddd; }

input.is_dpicker + img.ui-datepicker-trigger { max-width:20px; margin-left:-2rem; margin-right:1rem !important; }
input.is_dpicker { padding-right:2.5rem; width:11rem; }


@media screen and (max-width:640px) {
tbody th { background:#fff; white-space:normal !important; }
.tbl02 th { text-align:left !important; background:#f6f6f6; display:inline-block; width:100% !important; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:5px 2%; line-height:1.5 !important; margin-bottom:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.tbl02 td { display: inline-block; width:96%; float:left; word-break:break-all !important; word-wrap:break-word !important; padding:2% !important; line-height:1.5 !important; margin-bottom:-1px; }
}



/*職員向けサイト*/
body.for_staff { min-width:280px; }
body.for_staff .contents { width:100%; max-width:1000px; }
body.for_staff .copyright { float: none; text-align: center; }

body.for_staff .ht { width:auto; padding:1rem; height:auto; margin:0; box-sizing:border-box; border-radius:0; box-shadow:none; text-shadow:none; }
body.for_staff .ht a { margin-left:0; padding:0; }
body.for_staff .ht .title { float:none; display: block; width:100%; max-width:350px; height:50px; margin:auto; padding:0; background:url(../img/t_logo.svg) center center /contain no-repeat; text-indent:-5000px; }
body.for_staff .tbl02 th, body.for_staff .tbl02 td { line-height:1.8; }

body.for_staff input[type="submit"] { margin: auto; }
body.for_staff .error { border:3px solid #c33; padding:0 0.5rem; }

body.for_staff .info_box { padding:0; margin:0; border:0px solid #eee; z-index:100; }
body.for_staff .info_box dl { padding:0; margin:0 0 10px 0; line-height:1.5; }
body.for_staff .info_box dl dt { position:relative; float:left; width:9em; color:#999; font-size:0.9em; padding:0 0 0 2.5em; margin:0; box-sizing:border-box; }
body.for_staff .info_box dl dd { margin-left:9em; text-indent:0; }
body.for_staff .info_box dl a { padding:0; background:none; }
body.for_staff .info_box .more { display:block; text-align:right; font-size:0.9em; line-height:1em; }
body.for_staff .info_box .more a { background:url(../img/i_arrow_g01.svg) left center /6px no-repeat; padding-left:15px; border:none; }
body.for_staff .info_box .more a:hover { opacity:0.7; }

body.for_staff .index_area { display:flex; flex-flow:row wrap; justify-content:flex-start; }
body.for_staff .index_box { width:33%; float:none; padding:0 1%; margin:0; border: none; box-sizing: border-box; }
body.for_staff .index_box h3.title { font-size: 1.2rem; background:url(../img/i_arrow_g01.svg) left top calc(1.2rem - 10px) /10px no-repeat;  }
body.for_staff .index_box .comment { font-size: 0.8rem; line-height: 1.25; display:none; }

body.for_staff.info .index_box { width:50%; padding-bottom:0.5rem;  }
body.for_staff.info .index_box h3.title { border-top: 1px solid #eee; padding-top: 0.75rem;  background:url(../img/i_arrow_g01.svg) left top calc(1.7rem - 10px) /10px no-repeat; }
body.for_staff.info .index_box .update { display: block; text-align: left; padding:0 0 0.25rem 1rem; width:100%; box-sizing: border-box; }

@media screen and (max-width:640px) {
body.for_staff .index_box { width:48%; margin:0 !important;  }
body.for_staff .index_box h3.title { font-size: 1rem !important; background:url(../img/i_arrow_g01.svg) left top calc(1rem - 7px) /8px no-repeat; padding-left: 1rem;  }
body.for_staff.info .index_box { width:100%;  }

body.for_staff .info_box dl { margin:0 0 20px 0; }
body.for_staff .info_box dl dt { float:none; width:auto; padding:0; }
body.for_staff .info_box dl dd { margin-left:0; font-weight:bold; text-indent:0; }
}
@media screen and (max-width:480px) {
body.for_staff .index_box { width:100%; margin:0 !important;  }
}


.caption { display: inline-block;  font-size: 0.8rem; line-height: 1.5;} 

ul.nomarker { list-style: none; }


@media print {

html { background:none; height:auto; min-height:auto; }
body { background:none; margin:0; padding:0; }

/*▼ALL▼*/
.contents { width:99%; background:none; padding:0; margin:0; line-height:1.8; }

.header { background:none; height:0; padding:0; margin:0; display:none; }
.skippr { background:none; height:0; padding:0; margin:0; display:none; }
.side { background:none; height:0; padding:0; margin:0; display:none; }
.article, .temp .article { float:none; width:100%; top:0; }


h1 { background:none; color:#333; border-bottom:5px solid #ccc; }
.text_box { padding:0; box-shadow:none; }

.index_title { padding:5px 0 5px 0; background:none; }


.tbl01 { border:2px solid #ccc; border-collapse:collapse; margin-bottom:20px; }
.tbl01 th, .tbl01 td { border:2px solid #ccc; }

.sns { display:none; }

.b_box, .fm { display:none; }

}