/* CSS Document */ * { margin:0px; padding:0px;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* ============================================================================================================================= 次ページ見出し ============================================================================================================================= */ .nb1, .nb2, .nb3, .nb4, .nb5, .nb6, .nb7, .nb8, .nb9, .nb10, .nb11, .nb12, .nb13, .nb14, .nb15, .nb16, .nb17, .nb18, .nb19, .nb20{ width:100%; height:0; background-size:cover; background-repeat:no-repeat; padding-top:22.22%; margin:0; position:relative;} .nb1{ background-image: url(../img/nh1.jpg);} .nb2{ background-image: url(../img/nh2.jpg);} .nb3{ background-image: url(../img/nh3.jpg);} .nb4{ background-image: url(../img/nh4.jpg);} .nb5{ background-image: url(../img/nh5.jpg);} .nb6{ background-image: url(../img/nh6.jpg);} .nb7{ background-image: url(../img/nh7.jpg);} .nb8{ background-image: url(../img/nh8.jpg);} .nb9{ background-image: url(../img/nh9.jpg);} .nb10{ background-image: url(../img/nh10.jpg);} .nb11{ background-image: url(../img/nh11.jpg);} .nb12{ background-image: url(../img/nh12.jpg);} .nb13{ background-image: url(../img/nh13.jpg);} .nb14{ background-image: url(../img/nh14.jpg);} .nb15{ background-image: url(../img/nh15.jpg);} .nb16{ background-image: url(../img/nh16.jpg);} .nb17{ background-image: url(../img/nh17.jpg);} .nb18{ background-image: url(../img/nh18.jpg);} .nb19{ background-image: url(../img/nh19.jpg);} .nb20{ background-image: url(../img/nh20.jpg);} .nb1 h2, .nb2 h2, .nb3 h2, .nb4 h2, .nb5 h2, .nb6 h2, .nb7 h2, .nb8 h2, .nb9 h2, .nb10 h2, .nb11 h2, .nb12 h2, .nb13 h2, .nb14 h2, .nb15 h2, .nb16 h2, .nb17 h2, .nb18 h2, .nb19 h2, .nb20 h2{ width:100%; color:#000; font-size:3em; padding:12% 0 0; text-align:center; font-family: 'Noto Serif JP', serif; position:absolute; top:0; text-shadow: 2px 2px 10px #FFF , -2px 2px 10px #FFF , 2px -2px 10px #FFF , -2px -2px 10px #FFF;} /*表のTHカラー*/ .th_brue{ color:#039; background-color:#E5EAF5;} .th_green{ color:#063; background-color:#E5F5EA;} .th_orange{ color:#F60; background-color:#FFF5E5;} @media only screen and (max-width: 600px) { .nb1 h2, .nb2 h2, .nb3 h2, .nb4 h2, .nb5 h2, .nb6 h2, .nb7 h2, .nb8 h2, .nb9 h2, .nb10 h2, .nb11 h2, .nb12 h2, .nb13 h2, .nb14 h2, .nb15 h2, .nb16 h2, .nb17 h2, .nb18 h2, .nb19 h2, .nb20 h2{ font-size:1.8em; padding:6% 0 0;} } /* ============================================================================================================================= 次ページレイアウト ============================================================================================================================= */ .n_l-area{ width:75%; margin-right:3%; padding:3em 0;} .n_l-area table{ width:90%; margin:0 auto 2em;} .n_l-area section h3{ font-size:1.7em; color:#FFF; padding:.5em; margin:0 0 1em; font-family: 'Noto Serif JP', serif; background: linear-gradient(to right, #003093, #6ABDE6 80%); } .n_l-area section:nth-of-type(n+3) h3{ margin:2em 0 1em; } .n_l-area section h4{ padding:.3em 0 .3em 1em; margin:1em 0 1em 1.2em; line-height:36px; color:#069; font-weight:bold; font-size:1.2em; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif; border-left:4px solid #069; } .n_l-area p{ margin:0 1.2em 1em;} @media only screen and (max-width: 900px) { .n_l-area{ width:96%; margin-right:auto; padding:3em 0;} .n_l-area table{ width:96%; margin:0 auto 2em;} } /* ============================================================================================================================= あいさつ ============================================================================================================================= */ .greeting p:last-of-type{ font-family: 'Noto Serif JP', serif; font-size:1.2em; text-align:right; } .greeting p:last-of-type span{ font-size:.9em;} .greeting figure{ width:377px; float:right; margin:1em 1em 2em 2em;} @media only screen and (max-width: 700px) { .greeting figure{ float:none; margin:0 0 1em; width:100%; text-align:center;} .greeting figure img{ width:50%;} } @media only screen and (max-width: 600px) { .docter table{ font-size:.8em;} .docter table th, .docter table td{ padding:.5em;} } /* ============================================================================================================================= 透析室 ============================================================================================================================= */ .touseki section:first-of-type figure{ width:80%; margin:0 auto 2em;} .touseki section:first-of-type figure img{ width:100%;} .touseki section:first-of-type p{ font-size:1.1em; margin:0 auto 2em; font-family: 'Noto Serif JP', serif; width:80%;} .touseki section:nth-of-type(2) table, .touseki section:nth-of-type(2) p{ width:90%;} .touseki section:nth-of-type(2) table{ margin:0 auto;} .touseki section:nth-of-type(2) p{ margin:0 auto 2em;} .naka_syasin{ text-align:center; margin:2em 0;} .tekio_kijun li:before, .tekio_kijun2 li:before{ content:'▶'; position:absolute; left:20px;} .tekio_kijun li, .tekio_kijun2 li{ margin:0 1.2em 1em; padding-left:20px;} .tekio_kijun li:before{ color:#06C;} .tekio_kijun2 li:before{ color:#F36;} .wifi{ display:flex; flex-wrap:wrap;} .wifi ul{ width:50%;} .wifi ul li a{ color:#069; text-decoration:underline;} .wifi ul li a{ text-decoration:none;} .wifi figure{ width:48%; margin:0 0 2em 2%;} .wifi figure img{ width:100%;} @media only screen and (max-width: 800px) { .naka_syasin img{ width:90%;} } @media only screen and (max-width: 600px) { .wifi ul{ width:90%;} .wifi figure{ width:60%; margin:0 auto 2em;} } /* ============================================================================================================================= 施設・設備 ============================================================================================================================= */ .setsubi section:first-of-type figure, .setsubi section:nth-of-type(2) figure, .setsubi section:nth-of-type(6) figure{ width:60%; margin:0 auto 2em;} .setsubi section:nth-of-type(3) figure, .setsubi section:nth-of-type(4) figure, .setsubi section:nth-of-type(5) figure{ width:50%; margin:0 auto 2em;} .setsubi section figure img{ width:100%;} .setsubi section p{ margin-bottom:2em !important;} /* ============================================================================================================================= アクセス ============================================================================================================================= */ .moyori table{ width:50%; margin:0 auto 2em;} @media only screen and (max-width: 600px) { .moyori table{ width:90%; } }