@charset "UTF-8";
   .text-center {
text-align: center;
} body {
line-height: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
font-style: normal;
background: #fff;
color: #231815;
font-size: 16px;
overflow-x: hidden;
display: none;
} a {
color: #231815;
}
a:hover {
color: #231815;
}
img {
pointer-events: none;
}
figure {
margin: 0;
}
.mincho {
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;
}
.poppins {
font-family: 'poppins', sans-serif;
font-weight: 400;
font-style: normal;
}
.futura {
font-family: futura-pt,sans-serif;
font-weight: 600;
font-style: normal;
}
.mPlus {
font-family: 'M PLUS Rounded 1c',sans-serif;
font-weight: 500;
font-style: normal;
}
.pcOnly {
display: flex;
}
.spOnly {
display: none;
}
.anch {
display: block;
height: 70px;
margin-top: -70px;
visibility: hidden;
}
.pageContainer {
margin-top: 40px;
}
#contentTop.anch {
height: 0;
margin-top: 0;
}
.breadcrumb {
display: flex;
margin: 0 auto 35px !important;
padding: 7px 0;
background: none;
align-items: center;
}
.breadcrumb li {
font-size: 15px;
color: #888;
position: relative; padding-right: 20px; line-height: 1.5;
margin: 0 10px 0 0;
}
.breadcrumb li a {
display: block;
color: #0086a5;
line-height: 1;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
.breadcrumb li:last-child {
margin: 0;
}
.breadcrumb li:not(:last-child)::before {
content: "";
display: block;
width: 5px;
height: 5px; top: 50%;
border-top: solid 2px;
border-right: solid 2px;
transform: rotate(45deg) translateY(-50%);
color: inherit;
border-color: #bbb;
position: absolute;
right: 6px;
} .breadcrumb .home a {
margin-top: -3px;
}
.breadcrumb .home img {
width: 14px;
}
.breadcrumb .bc_current {
margin: 0 8px;
} .container {
width: 95%;
max-width: 1560px;
margin: 0 auto;
padding: 0;
}
.headerCommon {
width: 100%;
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/common/bg_line.jpg) no-repeat;
position: relative;
background-size: 100%;
margin-bottom: 20px;
}
.headerCommon:before {
background-color: rgba(163, 205, 236, .7);
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
}
.headerCommon .commonTitle {
font-size: 34px;
color: #fff;
padding-left: 20px;
display: inline-block;
} header .hdr1 {
display: flex;
margin: 20px 0;
justify-content: space-between;
}
header .hdr1 .logo {
width: 440px;
margin-left: 45px;
}
header .hdr1 .hdrContact {
display: flex;
align-items: center;
margin-right: 60px;
}
header .hdr1 .hdrContact .hdrTel {
display: flex;
width: 250px;
height: 50px;
margin-right: 20px;
background: #0075cc;
border-radius: 50px;
padding: 15px 20px;
box-sizing: border-box;
align-items: center;
}
header .hdr1 .hdrContact .hdrTel img {
width: 25px;
margin-right: 5px;
}
header .hdr1 .hdrContact .hdrTel a {
font-size: 27px;
line-height: 0.7;
color: #fff;
}
header .hdr1 .hdrContact .hdrTel a:hover {
text-decoration: none;
}
header .hdr1 .hdrContact .hdrDtl {
font-size: 15px;
line-height: 1.5;
}
header .hdr1 .hdrContact .hdrDtl .blue {
color: #0075cc;
}
header .hdr1 .hdrContact .hdrDtl .red {
color: #e85d5d;
} @keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.carousel-item-img {
width: 100%;
animation: zoomUp 10s linear 0s 1 normal both;
}
.carousel {
padding-right: 46px;
}
.carousel-inner {
border-radius: 0 0 50px 0;
}
.carousel-item {
position: relative;
}
.carousel-caption {
position: absolute;
bottom: 15px;
left: 60px;
text-align: left;
width: 100%;
max-width: 709px;
padding: 30px;
color: #353535;
transform: translateY(-30px);
}
.carousel-caption h2 {
position: relative;
font-size: 34px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.carousel-caption p {
font-size: 26px;
}
.carousel-caption h2:after {
position: absolute;
content: "";
width: 235px;
height: 3px;
bottom: 0;
left: 0;
}
.carousel-caption.blue {
background: #e2f2f7;
}
.carousel-caption.blue h2:after {
background: #3aabce;
}
.carousel-caption.pink {
background: #ffebeb;
}
.carousel-caption.pink h2:after {
background: #ffa4cd;
}
.carousel-indicators {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
right: 16px;
bottom: 36px;
left: auto;
margin-right: 0;
margin-left: 0;
}
.carousel-indicators li {
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #37b2da;
opacity: 1;
margin: 6px 0;
}
.carousel-indicators .active {
background-color: #37b2da;
}
.carousel,
.carousel-inner,
.carousel-item {
height: 400px;
}
img.carousel-item-img {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.carousel,
.carousel-inner,
.carousel-item {
height: 210px;
}
img.carousel-item-img {
height: 210px;
-o-object-fit: cover;
object-fit: cover;
}
}
.carousel-after__sp {
display: none;
}
.carousel-after__sp .container {
padding: 20px 20px;
}
@media screen and (max-width: 1200px) {
.carousel-after__sp {
display: block;
}
}
.carousel-after__sp h2 {
font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
.carousel-after__sp h2 {
font-size: 1.2rem;
}
}
.carousel-after__sp p {
font-family: fot-tsukuardgothic-std, sans-serif;
font-size: 1.04rem;
} .footerBlock {
border-top: 3px solid #A3CDEC;
border-bottom: 3px solid #A3CDEC;
padding: 50px 0 10px;
}
.kessai_icon{
border-bottom: 3px solid #A3CDEC;
text-align: center;
padding: 30px 0 10px;
}
.kessai_icon p{
font-size: 19px;
font-weight: 600;
margin-top: 10px;
}
@media screen and (max-width: 565px){
.kessai_icon p{
font-size: 14px;
}
}
@media screen and (max-width: 349px){
.kessai_icon p{
font-size: 11px;
}
}
.ftInner {
width: 95%;
max-width: 1145px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.ftLogo {
display: block;
margin-bottom: 25px;
}
.ftLogo img {
width: 440px;
}
.ftLeft figure {
width: 260px;
padding-bottom: 15px;
}
.ftLeft p {
font-size: 15px;
}
.ftRight .consultImg {
width: 560px;
margin-left: 20px;
}
.ftRight .consultImg figcaption {
font-size: 15px;
}
.footerBlock1 {
padding: 52px 0 30px;
background: #f4f4f4;
}
.ftBlockInr {
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
}
.ftBlockLft {
width: calc(100%/2 - 20px);
margin: 0 auto;
}
.footerDef dt {
font-size: 22px;
color: #0075CC;
font-weight: 700;
line-height: 40px;
}
.footerDef dd {
font-size: 18px;
color: #333;
padding-left: 10px;
}
.ftMargin {
margin-bottom: 40px;
}
.blueList li {
font-size: 18px;
display: inline-block;
padding: 0 10px;
position: relative;
}
.blueList li:before {
position: absolute;
content: "";
left: 0;
top: 9px;
background: #66ACE0;
width: 8px;
height: 8px;
border: 1px solid #66ACE0;
border-radius: 50px;
display: inline-block;
}
.footerDef dd dl {
display: flex;
}
.footerDef dd dt {
font-size: 16px;
color: #333;
display: inline-block;
width: 85px;
}
.footerDef dd dd {
font-size: 16px;
display: inline-block;
padding-left: 0;
line-height: 40px;
width: calc(100% - 85px);
}
.footerDef dd p {
font-size: 16px;
}
.ftTitle {
font-size: 22px;
color: #0075CC;
line-height: 21px;
}
.footerDef1 {
padding-top: 25px;
}
.footerDef1 dt {
font-size: 18px;
line-height: 34px;
color: #0075CC;
}
.footerDef1 dd {
font-size: 18px;
padding-left: 10px;
}
.footerDef1 dt.textRed {
color: #E85D5D;
}
.blueList1 {
margin-top: 40px;
}
.blueList1 li {
font-size: 15px;
line-height: 21px;
padding: 0 0 25px 15px;
position: relative;
}
.blueList1 li:before {
position: absolute;
content: "";
left: 0;
top: 5px;
background: #66ACE0;
width: 8px;
height: 8px;
border: 1px solid #66ACE0;
border-radius: 50px;
display: inline-block;
}
.ftCopy {
text-align: center;
font-size: 15px;
color: #5E5E5E;
padding: 25px 0;
} #headerMenu,
.footerBlock2 {
padding-right: 46px;
margin-top: 35px;
transform: rotate(0.03deg);
}
#headerMenu ul,
.footerBlock2 ul {
text-align: right;
margin-bottom: 0;
}
#headerMenu li,
.footerBlock2 li {
position: relative;
display: inline-block;
padding-right: 40px;
}
#headerMenu li a,
.footerBlock2 li a {
font-size: 18px;
text-decoration: none;
transition: unset;
position: relative;
display: block;
}
#headerMenu li a:before,
.footerBlock2 li a:before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 0;
transform: scaleX(0);
transition: transform .5s;
}
#headerMenu li a:hover:before, 
#headerMenu li.current-menu-item a:before,
.footerBlock2 li a:hover:before, 
.footerBlock2 li.current-menu-item a:before {
width: 100%;
left: 0;
right: 0;
border-bottom: 4px solid #0075CC;
transform: scaleX(1);
bottom: -5px;
}
#headerMenu li.current-menu-item:last-child a:before,
.footerBlock2 li.current-menu-item:last-child a:before {
width: 0;
}
#headerMenu li.current-menu-item:last-child a:hover:before,
.footerBlock2 li.current-menu-item:last-child a:hover:before {
width: 100%;
}
#headerMenu li:last-child,
.footerBlock2 li:last-child {
padding-right: 0;
}
.footerBlock2 {
border-bottom: 3px solid #A3CDEC;
padding: 30px 46px 30px 0;
margin-top: 0;
}   .consultBlock {
display: flex;
margin: 125px 0 145px;
justify-content: space-between;
flex-wrap: wrap;
}
.cousultLeft,
.consultRight {
width: 49%;
max-width: 760px;
border: 3px solid #66ACE0;
border-radius: 7px;
}
.consultTitle {
width: 100%;
max-width: 190px;
background: white;
padding: 0 7px;
margin: -25px 0 40px 42px;
font-size: 27px;
font-weight: normal;
}
.consultTitle span {
display: inline-block;
padding-left: 10px;
}
.consultTitle img {
width: 56px;
}
.consultBox {
padding: 0 70px 50px 75px;
}
.consultImg {
padding-bottom: 30px;
}
.consultImg img {
margin-bottom: 20px;
}
.consultImg figcaption {
font-size: 18px;
font-weight: normal;
}
.consultTel {
width: 320px;
margin: 0 auto 25px;
display: block;
}
.consultBox p {
font-size: 18px;
line-height: 34px;
margin-bottom: 0;
}
.consultRight .consultTitle {
max-width: 380px;
margin: -40px 0 40px 42px;
}
.consultRight .consultTitle img {
width: 160px;
}
.consultRight .consultBox {
padding: 0 65px 50px 63px;
}
.consultList {
display: flex;
align-items: center;
padding: 30px 0 20px;
margin: 0;
}
.consultList img {
width: 180px;
border: 1px solid #000;
}
.consultList p {
font-size: 22px;
color: #F7827A;
padding-left: 15px;
} 
.consultBox a {
color: #0075CC;
display: block;
font-size: 18px;
} .cmnTitle {
font-size: 27px;
position: relative;
width: 100%; margin: 0 auto;
background-image: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img4.jpg), url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img5.jpg);
background-position: left center, right center;
background-repeat: no-repeat, no-repeat;
background-size: 40% auto, 40% auto;
}
.cmnTitle span {
display: table;
padding: 0 15px;
text-align: center;
position: relative;
z-index: 2;
background: #fff;
margin: 0 auto;
}  .nishimura {
padding-bottom: 25px;
}
.nishimura a {
text-decoration: none !important;
}
.catList { margin: 40px auto 0;
}
.catList ul {  display: flex;
float: none;
justify-content: center;
flex-wrap: wrap;
align-items: center;
} .catList ul li a {
color: #6d6d6d;
background: #fff;
border: 1px solid #6d6d6d;
padding: 10px 20px;
font-size: 13.69px;
line-height: 1em;
border-radius: 24px;
display: block;
margin: 8px;
transition: all .3s;
text-decoration: none;
}
.catList ul li a.on, .catList ul li a:hover {
color: #fff;
background: #0075cc;
border: 1px solid #0075cc;
}
.postList {
display: flex;
width: 100%;
max-width: 1055px;
margin: 20px auto 50px;
flex-wrap: wrap;
gap: 35px 0;
padding: 0 20px;
box-sizing: border-box; }
.postList.OtoDaPt {
padding-top: 30px;
}
.postList li {
width: 31%;
max-width: 324px;
margin-right: 3.5%;
}
.postList li:nth-child(3n) {
margin-right: 0;
}
.postList li a {
text-decoration: none;
} .postList li .postImg {
margin: 0;
overflow: hidden;
height: 231px;
width: auto;
position: relative;
transition: all 1000ms;
border-radius: 15px;
}
.postList li:hover .postImg {
opacity: 0.7;
}
.postList li .postImg img {
display: block;
transition-duration: 1s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.postList li dl {
display: flex;
justify-content: space-between;
padding: 15px 0 10px;
margin: 0;
}
.postList li dl dt {
font-size: 15px;
font-weight: 600;
font-style: normal;
}
.postList li dl dt.news {
color: #9344c6;
}
.postList li dl dt.orthopedics {
color: #00719e;
}
.postList li dl dt.dermatology {
color: #e85d5d;
}
.postList li dl dd {
font-size: 15px;
color: #919191;
margin: 0;
}
.postList li a .title {
font-size: 17px;
align-items: flex-start;
line-height: 1.6;
font-weight: bold;
}
.postList li a:hover .title {
color: #266b91;
} .medicalInfo { margin: 90px auto 0;
position: relative;
}
.medicalInfo:before {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img6.jpg) no-repeat;
width: 184px;
height: 72px;
background-size: 100%;
left: 85px;
top: -75px;
}
.medicalInfo:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img7.jpg) no-repeat;
width: 80px;
height: 66px;
background-size: 100%;
right: 260px;
top: -75px;
}
.medicalBox {
display: flex;
margin: 150px 0 115px;
}
.medicalLft {
width: 50%;
background: #EDF3FF;
padding: 0 25px 75px 165px;
box-sizing: border-box;
position: relative;
}
.medicalLftBox {
width: 100%;
max-width: 700px;
z-index: 2;
}
.medicalLft figure {
margin: -20px 0 25px;
}
.medicalLft img {
border-radius: 10px; object-fit: cover;
}
.medicalTxt {
font-size: 18px;
color: #00719E;
background: #fff;
text-align: center;
padding: 14px;
border-radius: 50px;
margin-bottom: 30px;
}
.medicalTxt1 {
font-size: 16px;
line-height: 2.3;
margin-bottom: 75px;
}
.medicalLink {
font-size: 20px;
color: #00719E;
width: auto; border: 2px solid #0075CC;
display: inline-flex;
padding: 4px 50px 4px 40px;
justify-content: center;
position: relative;
border-radius: 50px;
background: #fff;
box-sizing: border-box;
z-index: 2;
}
.medicalLink.center {
display: table;
margin: 0 auto;
}
.medicalLink:after {
position: absolute;
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_blue.svg);
right: 20px;
top: 50%;
line-height: 0;
transition: all 0.3s;
width: 10px;
transform: translateY(-50%);
}
.medicalLink:hover {
color: #fff;
border-color: #2d8ebf;
background: #2d8ebf;
text-decoration: none;
}
.medicalLink:hover:after {
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_white.svg);
right: 15px;
}
.medicalLft:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/bg_text.png) no-repeat;
background-size: 100%;
width: 596px;
height: 160px;
right: 10px;
bottom: 0;
} .circle {
position: absolute;
display: inline-block;
width: 100%;
max-width: 192px;
top: -70px;
left: 155px;
}
.circle span {
font-size: 31px;
color: #00719E;
line-height: 1.33;
display: inline-block;
text-align: center;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
.circle img {
width: 100%;
max-width: 192px; }
.medicalRht {
width: 50%;
background: #FFEBEB;
padding: 0 165px 0 25px;
box-sizing: border-box;
position: relative;
z-index: 2;
}
.medicalRht .circle {
left: auto;
right: 98px;
}
.medicalRht .circle span {
color: #E85D5D;
} .medicalRht .medicalTxt {
color: #E85D5D;
}
.medicalRht .medicalLink {
color: #E85D5D;
border: 2px solid #E85D5D;
}
.medicalRht .medicalLink:after {
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_pink.svg);
}
.medicalRht .medicalLink:hover {
background: #E85D5D;
color: #fff;
}
.medicalRht .medicalLink:hover:after {
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_white.svg);
right: 15px;
}
.medicalRht:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/bg_text1.png) no-repeat;
background-size: 100%;
width: 736px;
height: 174px;
right: 0;
bottom: 0; } .topAccess .cmnTitle:before,
.topAccess .cmnTitle:after {
width: 50%;
}
.accessList {
width: 100%;
max-width: 1090px;
margin: 50px auto;
display: flex;
justify-content: space-between;
}
.accessList li {
font-size: 18px;
line-height: 24px;
text-align: center;
position: relative;
padding: 0 22px;
}
.accessList li:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/bg_line.png) no-repeat;
background-size: 100%;
width: 32px;
height: 86px;
top: -12px;
right: -30px;
} .accessList li:last-child:after {
background: none;
}
.accessList li h3 {
font-size: 18px;
}
.accessList li p {
padding-top: 20px;
font-size: 17px;
}
.topMap {
width: 100%;
margin-bottom: 125px;
} .topParking .cmnTitle:before,
.topParking .cmnTitle:after {
width: 695px;
}
.parkingBlock {
width: 100%;
max-width: 1350px;
margin: 50px auto 85px;
}
.parkingBlock ul {
width: 100%;
display: flex; justify-content: center;
align-items: center;
gap: 80px;
}
.parkingBlock li {
position: relative; width: 50%;
}
.parkingBlock li img {
border-radius: 10px;
}
.parkingBlock li p {
color: #0075CC;
font-size: 20px;
text-align: center;
padding-top: 20px;
}
.parkingBlock li:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/bg_arrow.jpg) no-repeat;
background-size: 100%;
width: 20px;
height: 39px; right: -50px;
top: 41%;
transform: translateY(-50%);
}
.parkingBlock li:last-child:after {
background: none;
} nav {
display: block;
position: fixed;
top: 0;
right: -600px;
bottom: 0;
max-width: 600px;
width: 100%;
background: #112d8c;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: all .5s;
transition: all .5s;
z-index: 31;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.open nav {
right: 0;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
nav .inner {
padding: 25px 16px;
max-width: 400px;
width: 100%;
margin: 0 auto;
}
nav .inner ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
position: relative;
margin: 0;
border-bottom: 1px solid #e4e4e4;
}
nav .inner ul li a {
display: block; color: #fff; padding: 1.2em .5em;
text-decoration: none;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition: all .5s;
transition: all .5s;
}
nav .inner ul li a:hover { color: #fff;
-webkit-transition: all .5s;
transition: all .5s;
} .toggle_btn {
display: block;
position: fixed;
background-color: #fff;
-webkit-box-shadow: 1px 1px 7px #00000010;
box-shadow: 1px 1px 7px #00000010;
padding: 28px;
top: 34px;
right: 30px;
width: 30px;
height: 30px;
-webkit-transition: all .5s;
transition: all .5s;
cursor: pointer;
z-index: 50;
}
@media screen and (max-width: 768px) {
.toggle_btn {
top: 16px;
right: 16px;
}
}
.toggle_btn span {
display: block;
position: absolute;
left: 13px;
width: 30px;
height: 4px;
background-color: #333;
-webkit-transition: all .5s;
transition: all .5s;
}
.toggle_btn span:nth-child(1) {
top: 15px;
}
.toggle_btn span:nth-child(2) {
top: 26px;
}
.toggle_btn span:nth-child(3) {
bottom: 15px;
}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
-ms-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-12px) rotate(315deg);
-ms-transform: translateY(-12px) rotate(315deg);
transform: translateY(-12px) rotate(315deg);
}
#mask {
display: none;
-webkit-transition: all .5s;
transition: all .5s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
z-index: 3;
cursor: pointer;
-webkit-transition: all .5s;
transition: all .5s;
}
@media (max-width: 1500px) {
.medicalLft:after { width: 315px;
height: 82px;
}
.medicalRht:after { width: 350px;
height: 90px;
} .topParking .cmnTitle:before, 
.topParking .cmnTitle:after {
width: 59%;
}
} .circleBox {
width: 100%;
max-width: 536px;
margin: -260px auto 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.circleBox .circle {
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
top: unset;
left: unset;
}
.circleBox .circle img {
width: 100%;
max-width: 248px;
position: relative;
height: 248px;
}
.circleBox .circle span {
width: 100%;
text-align: center;
display: inline-block;
font-size: 26px;
line-height: 1.7;
color: #00719E;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.circleBox .circleImage {
width: 100%;
max-width: 235px;
}
.circleBox p {
display: inline-block;
}
.aboutBnr {
padding: 30px 0;
z-index: 1;
position: relative;
display: flex;
align-items: center;
}
.aboutBnr img {
width: 103px;
height: 103px;
}
#about .aboutBlock {
margin: 75px 0 115px;
display: flex;
justify-content: space-between;
}
#about .aboutBlockLft {
width: 49%;
max-width: 730px;
}
#about .aboutBlockRht {
width: 49%;
margin-right: 1.5%;
}
#about .aboutBlockRht dt {
font-size: 27px;
color: #00719E;
padding-bottom: 34px;
}
#about .aboutBlockRht dd p {
font-size: 18px;
color: #333;
line-height: 2;
}
#about .aboutOrtho {
position: relative;
border-top: 100px solid #D7F2F7;
background: #EDF3FF;
padding: 85px 0 110px;
}
#about .aboutOrtho:after {
position: absolute;
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/about/bg_text.png) no-repeat;
background-size: 100%;
width: 596px;
height: 160px;
bottom: -11px;
right: 5px;
}
#about .aboutOrthoInr {
width: 95%;
max-width: 1250px;
margin: 0 auto;
position: relative;
z-index: 1;
}
#about .aboutOrthoList {
display: flex;
padding: 0 50px 0 25px;
box-sizing: border-box;
width: 100%;
justify-content: space-between;
margin-bottom: 40px;
}
#about .aboutOrthoList li:first-child {
width: 	255px;
}
#about .aboutOrthoList li:last-child {
width: 	calc(100% - 315px);
}
#about .aboutOrthoList img {
width: 255px;
height: 268px;
border-radius: 10px;
}
#about .aboutOrthoList figcaption {
padding: 10px 0;
font-size: 16px;
}
#about .aboutOrthoList p {
font-size: 21px;
}
#about .aboutOrthoList dt {
font-size: 27px;
line-height: 1.75;
padding-bottom: 20px;
}
#about .aboutOrthoList dd {
font-size: 18px;
line-height: 2.25;
}
#about .aboutInfo {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#about .aboutInfoLft,
#about .aboutInfoRht {
width: 49%;
border: 1px solid #66ACE0;
border-radius: 5px;
padding: 30px 50px 50px 30px;
box-sizing: border-box;
background: #fff;
}
#about .aboutInfoTitle {
position: relative;
font-size: 24px;
}
#about .aboutInfoTitle.mt {
margin-top: 40px;
}
#about .aboutInfoTitle:after {
content: '';
position: absolute;
width: 187px;
bottom: -14px;
left: 0;
height: 4px;
background: #66ACE0;
}
#about .aboutInfoLft ul,
#about .aboutInfoRht ul {
margin-top: 30px;
}
#about .aboutInfoLft li {
padding: 10px 0 10px 77px;
border-bottom: 1px dotted #919191;
font-size: 18px;
text-indent: -77px;
}
#about .aboutInfoLft li:last-child {
border-bottom: none;
}
#about .aboutInfoRht li {
font-size: 18px;
padding-bottom: 10px;
}
#about .aboutDoctor {
border-top: 100px solid #F9DCE7;
background: #ffebeb;
margin-bottom: 70px;
}
#about .aboutDoctor .circleBox {
max-width: 350px;
margin: -230px 27% 0 auto;
}
#about .aboutDoctor .circleBox p {
order: 1;
}
#about .aboutDoctor .circleBox .circle {
order: 2;
}
#about .aboutDoctor .circleImage {
max-width: 62px;
margin-top: -60px;
}
#about .aboutDoctor .circleBox .circle span {
color: #E85D5D;
}
#about .aboutDoctor .aboutOrthoList li:first-child {
order: 2;
}
#about .aboutDoctor .aboutOrthoList li:last-child {
order: 1;
}
#about .aboutDoctor .aboutInfoLft, 
#about .aboutDoctor .aboutInfoRht {
border: 1px solid #F7827A;
}
#about .aboutDoctor .aboutInfoTitle:after {
background: #F5B1AA;
}
#about .aboutOver .cmnTitle:after,
#about .aboutOver .cmnTitle:before {
top: 12px;
}
#about .overImage {
display: block;
margin: 50px auto 80px;
width: 295px;
height: 64px;
}
#about .aboutOverBox {
width: 95%;
max-width: 970px;
margin: 0 auto 150px;
}
#about .aboutOverBox dl {
border-bottom: 1px solid #66ACE0;
font-size: 20px;
padding: 20px 0;
margin: 0;
display: flex;
align-items: center;
}
#about .aboutOverBox dt {
width: 235px;
color: #999;
display: inline-block;
}
#about .aboutOverBox dd {
width: calc(100% - 242px);
color: #333;
display: inline-block;
margin-bottom: 0;
}
#about .aboutOverBox p {
margin: 0;
}
#about .mapLink {
display: block;
width: 183px;
padding: 5px 0 9px;
text-align: center;
background: #0075CC;
color: #fff;
font-size: 17px;
border-radius: 50px;
margin-top: 15px;
position: relative;
}
#about .mapLink:hover {
text-decoration: none;
color: #fff;
}
#about .mapLink:after {
content: "";
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/about/btn_arr.png) no-repeat;
background-size: 100%;
width: 8px;
height: 18px;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
#about .aboutState {
border-bottom: 3px solid #A3CDEC;
margin-bottom: 40px;
}
#about .aboutState .cmnTitle:after {
width: 650px;
height: 30px;
top: 7px;
}
#about .aboutState .cmnTitle:before {
width: 650px;
height: 30px;
top: 10px;
}
#about .aboutCtn {
font-size: 27px;
line-height: 1.85;
color: #333;
text-align: center;
padding: 60px 0;
}
#about .aboutCtn2 {
font-size: 18px;
text-align: center;
margin: -40px 0 40px;
line-height: 2;
font-weight: 600;
}
#about .aboutStateBox ul {
display: flex;
justify-content: space-between;
margin: 0 0 25px;
}
#about .aboutStateBox ul:last-child {
margin: 0;
}
#about .aboutStateBox ul:nth-child(2n) li:first-child {
order: 1;
}
#about .aboutStateBox ul:nth-child(2n) li:last-child {
order: 2;
width: 55%;
padding: 0 7% 0 0; }
#about .aboutStateBox li:last-child {
display: flex;
width: 59%;
padding-left: 11%;
box-sizing: border-box;
order: 1;
align-items: center;
}
#about .aboutStateBox li:last-child p {
font-size: 18px;
line-height: 2.25;
margin-bottom: 30px;
}
#about .aboutStateBox li:last-child p span {
display: block;
font-size: 24px;
text-align: center;
margin-bottom: 20px;
font-weight: 500;
}
#about .aboutStateBox li:first-child {
position: relative;
display: flex;
width: 40%;
order: 2;
align-items: center;
}
#about .aboutStateBox li:first-child:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to left, transparent 40%, #fff);
}
#about .aboutStateBox ul:nth-child(2n) li:first-child:after {
background-image: linear-gradient(to right, transparent 40%, #fff);
}
#about .aboutStateBox img {
width: 100%;
max-width: 795px;
}
.pageNews {
margin-bottom: 45px;
} #feature.featureIntro {
width: 95%;
max-width: 1560px;
margin: 0 auto;
}
#feature .featureBox1 .cmnTitle span {
padding: 5px 15px;
}
#feature .featureBox1 .cmnTitle span:after {
content: "1";
position: absolute;
background: #0075CC;
color: #fff;
border-radius: 50%;
width: 47px;
height: 47px;
top: 50%;
transform: translate(50%, -50%);
left: 50%;
margin-left: 15px;
font-size: 24px;
font-family: 'poppins', sans-serif;
font-weight: 400;
font-style: normal;
line-height: 2;
}
#feature .featureTtl {
font-size: 27px;
text-align: center;
margin-bottom: 20px;
padding-top: 70px;
line-height: 1.86;
}
#feature .featureText {
font-size: 18px;
line-height: 2.25;
text-align: center;
}
#feature .featureBox1 .medicalRht:after {
width: 736px;
height: 150px;
}
#feature .featureBox1 .medicalLft:after {
width: 596px;
height: 144px;
}
#feature .featureBox2 .cmnTitle span {
padding: 5px 15px;
}
#feature .featureBox2 .cmnTitle span:after {
content: "2";
position: absolute;
background: #0075CC;
color: #fff;
border-radius: 50%;
width: 47px;
height: 47px;
top: 50%;
transform: translate(50%, -50%);
left: 50%;
margin-left: 15px;
font-size: 24px;
font-family: 'poppins', sans-serif;
font-weight: 400;
font-style: normal;
line-height: 2;
}
#feature .featureBlock {
display: flex;
margin-top: 55px;
}
#feature .featureLft {
width: 40%;
}
#feature .featureRht {
width: 60%;
padding-right: 130px;
box-sizing: border-box;
}
#feature .featureRht .text {
font-size: 18px;
line-height: 2.25;
margin-bottom: 42px;
}
#feature .featureRht .medicalLink {
margin-bottom: 45px;
}
#feature .featureList {
display: flex;
justify-content: space-between;
}
#feature .featureList li {
width: 49%;
}
#feature .featureList img {
border-radius: 10px;
}
#feature .featureBox3 {
position: relative;
margin-top: 135px;
padding-bottom: 95px;
} #feature .featureBox3:after {
content: "";
position: absolute;
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/feature/feature_img7.jpg) no-repeat;
background-size: 100%;
width: 184px;
height: 67px;
left: 0;
bottom: 0;
margin-left: 110px;
}
#feature .featureBox3 .cmnTitle span {
padding: 2px 15px;
}
#feature .featureBox3 .cmnTitle span:after {
content: "3";
position: absolute;
background: #0075CC;
color: #fff;
border-radius: 50%;
width: 47px;
height: 47px;
top: 50%;
transform: translate(50%, -50%);
left: 50%;
margin-left: 15px;
font-size: 24px;
font-family: 'poppins', sans-serif;
font-weight: 400;
font-style: normal;
line-height: 2;
}
#feature .featureBox3 .featureLft {
order: 2;
}
#feature .featureBox3 .featureRht {
order: 1;
padding: 0 0 0 350px;
}
#feature .pTop {
padding-top: 45px;
}
#feature .featureImage img {
border-radius: 10px;
max-width: 416px;
} #orthopedic .cmnTitle, .ortho .cmnTitle {
background-image: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img4.jpg), url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img4.jpg);
background-position: left center, right center;
background-repeat: no-repeat, no-repeat;
background-size: 40% auto, 40% auto;
}
#orthopedic .orthoBox1 {
width: 100%;
max-width: 1560px;
margin: 0 auto 35px;
}
#orthopedic .orthoImage {
width: 100%;
max-width: 185px;
margin: 38px auto;
text-align: center;
}
.orthoBlock {
display: flex;
}
.orthoLft {
width: 45%;
order: 2;
}
.orthoRht {
order: 1;
width: 55%;
padding-left: 115px;
box-sizing: border-box;
}
.orthoTitle {
font-size: 27px;
line-height: 1.7;
color: #00719E;
padding-bottom: 40px;
margin: 0;
}
.orthoCtn {
font-size: 18px;
color: #333;
line-height: 2.25;
}
.paratheTitle {
position: relative;
font-size: 27px;
color: #00719E;
text-align: center;
width: 100%;
max-width: 500px;
margin: 0 auto 50px;
line-height: 1.52;
}
.paratheTitle:before {
content: "";
position: absolute;
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/orthopedic/ortho_left.png) no-repeat;
background-size: contain;
width: 19px;
height: 65px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.paratheTitle:after {
content: "";
position: absolute;
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/orthopedic/ortho_right.png) no-repeat;
background-size: contain;
width: 19px;
height: 65px;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.orthoBlockSec1 {
display: flex;
margin-bottom: 70px;
}
.orthoBlockSec1 .orthoSecLft1.orthoOrder2 {
order: 2;
text-align: right;
}
.orthoBlockSec1 .orthoSecRht1.orthoOrder1 {
order: 1;
padding: 0 1% 0 0;
}
.orthoBlockSec1 .orthoSecLft1 {
width: 42%;
}
.orthoBlockSec1 .orthoSecLft1 img {
width: 416px;
border-radius: 10px;
}
.orthoBlockSec1 .orthoSecRht1 {
width: 57%;
padding-left: 1%;
}
.orthoBlockSec1 .orthoSecTitle {
font-size: 27px;
color: #00719E;
line-height: 1.5;
}
.orthoBlockSec1 .orthoSecContent {
line-height: 2.2;
font-size: 18px;
color: #333;
margin-bottom: 0;
}
#orthopedic .orthoBox2 {
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/orthopedic/ortho_bg1.jpg) repeat;
width: 100%;
padding: 80px 0;
margin-bottom: 85px;
}
#orthopedic .orthoInr {
width: 100%;
max-width: 1210px;
margin: 0 auto;
border-radius: 10px;
background: #fff;
}
#orthopedic .orthoBlock1 {
padding: 50px 0px 52px 115px;
box-sizing: border-box;
width: 100%;
display: flex;
margin-bottom: 8px;
}
#orthopedic .orthoBlock1 ul {
width: calc(100% / 3);
}
#orthopedic .orthoBlock1 li {
width: 100%;
padding-bottom: 35px;
}
#orthopedic .orthoBlock1 li:last-child {
padding-bottom: 0;
}
#orthopedic .orthoBlock1 img {
width: 26px;
height: 26px;
}
#orthopedic .orthoBlock1 span {
display: inline-block;
font-size: 20px;
line-height: 1.4;
vertical-align: middle;
}
#orthopedic .orthoBlock2 {
padding: 65px 25px 60px;
box-sizing: border-box;
margin-bottom: 25px;
}
#orthopedic .orthoBlockSec {
display: flex;
border-bottom: 2px dotted #CCE3F5;
padding-bottom: 57px;
margin-bottom: 57px;
}
#orthopedic .orthoBlockSec:last-child {
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 0;
}
#orthopedic .orthoBlockSec .orthoSecLft {
width: 157px;
margin-right: 30px;
}
#orthopedic .orthoBlockSec .orthoSecTtl {
font-size: 27px;
line-height: 1.5;
color: #00719E;
text-align: center;
font-weight: 600;
}
#orthopedic .orthoBlockSec .orthoSecRht {
width: calc(100% - 187px);
}
#orthopedic .orthoBlockSec .orthoSecRht dt {
font-size: 20px;
color: #fff;
background: #A3CDEC;
font-weight: bold;
padding: 5px 0;
border-radius: 50px;
box-sizing: border-box;
width: 118px;
text-align: center;
}
#orthopedic .orthoBlockSec .orthoSecRht dd {
font-size: 18px;
line-height: 2.25;
color: #333;
padding-top: 15px;
margin-bottom: 0;
} 
#orthopedic .orthoBlockSec .orthoSecCtn {
font-size: 20px;
color: #0075CC;
line-height: 1.4;
margin: 0;
}
#orthopedic .orthoBlockSec .orthoSecCtn span {
display: inline-block;
width: 23px;
height: 23px;
border-radius: 50px;
border: 4px solid #66ACE0;
background: #fff;
vertical-align: middle;
margin-right: 5px;
}
#orthopedic .orthoBlock3 {
padding: 65px 40px 50px 57px;
}
#orthopedic .orthoBox3 {
background: #EDF3FF;
margin: 55px auto 60px;
}
#orthopedic .orthoInr1 {
width: 95%;
max-width: 1240px;
margin: 0 auto;
}
#orthopedic .orthoBox3 .orthoPoint1 {
padding-top: 70px;
margin-bottom: 100px;
}
#orthopedic .orthoBox3 .orthoDef {
display: flex;
align-items: flex-start;
margin-bottom: 50px;
}
#orthopedic .orthoBox3 .orthoDef dt {
width: 115px;
margin-right: 35px;
position: relative;
display: inline-block;
}
#orthopedic .orthoBox3 .orthoDef dt img {
width: 115px;
}
#orthopedic .orthoBox3 .orthoDef dt span {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
color: #00719E;
letter-spacing: -1px;
}
#orthopedic .orthoBox3 .orthoDef dd {
width: calc(100% - 155px);
display: inline-block;
margin: 0;
}
#orthopedic .orthoBox3 .orthoPointTtl {
font-size: 27px;
color: #00719E;
line-height: 2.05;
margin-bottom: 5px;
} 
#orthopedic .orthoBox3 .orthoPointCtn {
font-size: 18px;
line-height: 2.25;	
margin-bottom: 0;
}
#orthopedic .orthoBox3 .orthoSlide {
width: 100%;
max-width: 900px;
margin: 0 auto;
}
#csld-1 .container {
padding-top: 58.7% !important;
}
.cslider header {
width: 100%;
float: unset;
}
.img-info {
padding: 0px !important;
background-color: rgba(35, 35, 35, 0.5) !important;
}
article.img-info .img-title {
padding: 14px 0 0px 22px;
margin: 0px 0 16px !important;
}
.csld-thumbnav {
padding: 20px 0 !important;
background: rgba(238,238,238,0.5) !important;
opacity: 1 !important;
}
.orthoSlide .thumbnav.fixed-container:hover, .facilitySlide .thumbnav.fixed-container:hover,
.orthoSlide .thumbnav.fixed-container.current, .facilitySlide .thumbnav.fixed-container.current {
opacity: 0.7 !important;
}
.csld-thumbnav label {
margin-right: 10px !important;
margin-bottom: 10px !important;
}
.csld-thumbnav label:focus-within {
display: block;
}
.fit-cover, 
amp-img.fit-cover img {
object-fit: unset !important;
}
.csld-wrapper {
background: none !important;
}
.orthoSlide .thumbnav.fixed-container,
.facilitySlide .thumbnav.fixed-container{
width: 107px;
height: 73px;
margin: 0;
}
.orthoPointBox ul {
display: flex;
}
.orthoPointBox li {
width: 49%;
margin-right: 2%;
padding-bottom: 60px;
}
.orthoPointBox li:nth-child(even) {
margin-right: 0;
}
.pageCmnTitle {
max-width: 279px;
font-size: 18px;
text-align: center;
margin: 0 auto 15px;
padding: 13px 0;
color: #00719E;
border: 1px solid #0075CC;
border-radius: 50px;
}
.orthoPointBox li img {
border-radius: 10px;
margin-bottom: 25px;
width: 604px;
}
.orthoPointBox li .orhtoPointTxt {
font-size: 16px;
line-height: 2.3;
margin: 0;
} #dermatology .cmnTitle, .dama .cmnTitle {
background-image: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img5.jpg), url(//nsmr-c.com/wp-content/themes/nishimura/images/top/img5.jpg);
background-position: left center, right center;
background-repeat: no-repeat, no-repeat;
background-size: 40% auto, 40% auto;
}
.dama .medicalLink {
color: #E85D5D;
border: 2px solid #E85D5D;
}
.dama .medicalLink:after {
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_pink.svg);
}
.dama .medicalLink:hover {
color: #fff;
border-color: #E85D5D;
background: #E85D5D;
}
.dama .medicalLink:hover:after {
content: url(//nsmr-c.com/wp-content/themes/nishimura/images/top/arr_white.svg);
}
#dermatology .dermaBox1 {  width: 100%;
margin: 0 auto;
}
#dermatology .orthoBlock {
margin-bottom: 35px;
justify-content: space-between;
}
#dermatology .orthoLft {
width: 49%;
max-width: 730px;
}
#dermatology .orthoRht {
padding-left: 1.5%;
width: 49%;
}
#dermatology .dermaImage {
width: 100%;
max-width: 80px;
margin: 42px auto 60px;
text-align: center;
}
#dermatology .orthoTitle {
color: #E85D5D;
padding-bottom: 15px;
}
#dermatology .dermaBox2 {
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/dermatology/derma_bg1.jpg) repeat;
width: 100%;
padding: 80px 0;
margin-bottom: 100px;
}
#dermatology .paratheTitle {
color: #E85D5D;
}
#dermatology .dermaInr {
width: 95%;
max-width: 1210px;
margin: 0 auto;
border-radius: 10px;
background: #fff;
}
#dermatology .dermaBlock1 {
padding: 37px 0px 23px 30px;
box-sizing: border-box;
width: 100%;
margin-bottom: 22px;
}
#dermatology .dermaList .dermaTitle {
color: #F7827A;
font-size: 24px; border: 1px solid #F7827A;
padding: 4px 0;
margin-bottom: 17px;
display: inline-block;
width: 206px;
text-align: center;
}
#dermatology .dermaList ul {
display: flex;
padding-bottom: 35px;
margin-bottom: 0;
}
#dermatology .dermaList li {
width: calc(100% / 5);
}
#dermatology .dermaList li img {
width: 26px;
height: 26px;
}
#dermatology .dermaList li span {
font-size: 20px;
line-height: 1.4;
color: #333;
padding-left: 5px;
vertical-align: middle;
}
#dermatology .dermaBlock2 {
padding: 67px 51px 1px 53px;
}
#dermatology .orthoBlockSec1 .orthoSecTitle {
color: #E85D5D;
margin-bottom: 0;
} #dermatology .dermaBox3 {
background: #FFEBEB;
margin: 100px auto 70px;
padding: 50px 0 60px;
}
#dermatology .dermaInr1 {
width: 95%;
max-width: 910px;
margin: 0 auto;
}
#dermatology .dermaBox3 .dermaDef {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
#dermatology .dermaBox3 .dermaDef dt {
width: 125px;
margin-right: 30px;
position: relative;
display: inline-block;
}
#dermatology .dermaBox3 .dermaDef dt img { 
width: 125px;
}
#dermatology .dermaBox3 .dermaDef dt span {
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
color: #E85D5D;
letter-spacing: 3px;
font-weight: 500;
line-height: 1.5;
width: 100%;
text-align: center;
}
#dermatology .dermaBox3 .dermaDef dd {
width: calc(100% - 155px);
display: inline-block;
margin: 0;
padding-top: 40px;
}
#dermatology .dermaBox3 .dermaPointTtl {
font-size: 27px;
color: #E85D5D;
line-height: 1.7;
margin: 0;
}
#dermatology .dermaBox3 .dermaPointCtn {
font-size: 18px;
line-height: 2.25;
color: #333;
margin: 0;
}
#dermatology .dermaBox4 {
margin-bottom: 75px;
}
#dermatology .dermaInr2 {
width: 95%;
max-width: 1240px;
margin: 0 auto;
}
#dermatology .dermaTitle1 {
font-size: 18px;
text-align: center;
line-height: 2.23;
padding: 45px 0 50px;
margin: 0;
}
#dermatology .pageCmnTitle {
color: #E85D5D;
border: 1px solid #F5B1AA;
}
#dermatology .dermaBoxBg {
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/dermatology/derma_bg1.jpg) repeat;
width: 100%;
padding: 65px 0 75px;
margin: 65px auto 70px;
}
#dermatology .dermaBoxInr {
width: 95%;
max-width: 1410px;
margin: 0 auto;
}
#dermatology .dermaBoxList {
display: flex;
justify-content: space-between;
margin: 0 auto 40px;
}
#dermatology .dermaBoxList li {
width: calc(100% / 4 - 35px);
}
#dermatology .dermaBoxList li a {
display: inline-block;
}
#dermatology .dermaBoxList li img {
border-radius: 10px; margin: 0 auto 10px;
display: block;
}
#dermatology .dermaBoxList .dermaBoxTitel {
font-size: 20px;
line-height: 1.5;
text-align: center;
background: #FFEBEB;
margin-bottom: 5px;
padding: 4px 0;
}
#dermatology .dermaBoxList .dermaBoxCtn {
font-size: 16px;
line-height: 2.35;
background: #fff;
border: 1px solid #F5B1AA;
border-radius: 10px;
padding: 20px 20px 50px 13px;
margin: 15px 0 0;
}
#dermatology .dermaBox5Block {
border: 1px solid #F5B1AA;
background: #fff;
padding: 50px 0 50px 50px;
}
#dermatology .dermaBoxDef {
margin-bottom: 0;
}
#dermatology .dermaBoxDef dt {
font-size: 22px;
line-height: 0.97;
color: #E85D5D;
margin-bottom: 20px;
}
#dermatology .dermaBoxDef .dermaBoxDes {
font-size: 18px;
line-height: 2.57;
margin-bottom: 0;
}
#dermatology .dermaBoxDef .dermaBoxDes img {
width: 19px;
margin-right: 5px;
} #facility .facilitySlide {
width: 100%;
max-width: 900px;
margin: 30px auto 50px;
}
#csld-2 .csld-img, #csld-1 .csld-img {
background-size: cover !important;
} .archive .topCatPost {
margin-bottom: 100px;
} #post_single {
display: flex;
width: 95%;
max-width: 1100px;
margin: 0 auto;
flex-wrap: wrap;
}
#post_single .wrap {
width: 100%;
border-radius: 12px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 18px;
padding: 20px;
background: #fff;
border: 2px solid #E1E8EA;
}
#post_single .wrap a {
color: #0075CC;
text-decoration: underline;
display: inline-block;
}
#post_single .wrap a:hover {
color: #0075CC !important;
}
@media screen and (min-width: 900px) { } #post_single .wrap .single_head, #post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 28px;
font-weight: bold;
line-height: 1.8;
padding: 8px 0 16px;
color: #555;
position: relative;
}
#post_single .wrap .single_head:after, #post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
position: absolute;
width: 350px;
bottom: 0;
left: 0;
content: "";
height: 4px;
background: #c4cfd4;
}
#post_single .wrap h2 , #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 24px;
}
#post_single .wrap h2:after, #post_single .wrap h3:after, #post_single .wrap h4:after, #post_single .wrap h5:after, #post_single .wrap h6:after {
height: 1px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .single_head:after, #post_single .wrap h2:after , #post_single .wrap h3:after {
width: 40%;
}
}
@media screen and (max-width: 900px) {
#post_single .wrap iframe {
max-width: 100%;
height: auto;
}
}
#post_single .wrap p.time {
padding-bottom: 10px;
text-align: right;
color: #858585;
font-size: 14px;
}
#post_single .wrap .cat_date {
display: flex;
justify-content: space-between;
align-items: center;
}
#post_single .wrap .cat_date ul {
display: flex;
}
#post_single .wrap .cat_date ul li {
margin-right: 10px;
}
#post_single .wrap .cat_date a {
display: block;
width: 105px;
color: #fff;
background: #6d6d6d;
text-decoration: none;
text-align: center;
font-size: 16px;
}
#post_single .wrap .cat_date a:hover {
color: #fff !important;
}
#post_single .wrap h3,
#post_single .wrap h4,
#post_single .wrap h5,
#post_single .wrap h6 {
font-family: fot-tsukubrdgothic-std, sans-serif;
font-weight: bold;
line-height: 1.6em;
margin-top: 30px;
}
#post_single .wrap p {
line-height: 2.25em;
font-size: 18px;
margin: 10px 0 28px;
}
#post_single .wrap p.has-small-font-size {
font-size: 85%;
}
#post_single .wrap p.has-medium-font-size {
font-size: 120%;
}
#post_single .wrap p.has-large-font-size {
font-size: 150%;
}
#post_single .wrap p.has-huge-font-size {
font-size: 200%;
}
#post_single .wrap strong {
font-weight: bold;
}
#post_single .wrap .wp-caption {
margin-top: 18px;
}
@media screen and (max-width: 900px) {
#post_single .wrap .wp-caption {
width: auto !important;
}
}
#post_single .wrap .wp-caption .wp-caption-text {
text-align: center;
margin-top: 8px;
}
#post_single .paging {
display: flex;
width: 100%;
margin: 40px auto;
padding: 0;
font-size: 15px;
justify-content: space-between;
}
#post_single .paging .pagePart {
max-width: 50%;
}
@media screen and (max-width: 900px) {
#post_single .paging {
flex-direction: column;
}
#post_single .paging .pagePart {
max-width: 100%;
}
}
#post_single .paging .next a,
#post_single .paging .prev a {
color: #6d6d6d;
display: block;
position: relative;
}
#post_single .paging .next a:hover,
#post_single .paging .prev a:hover {
color: #fc0010;
}
#post_single .paging .next a {
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/common/arrow-l.png) no-repeat;
background-size: 8px 13px;
background-position: left center;
padding-left: 24px;
}
#post_single .paging .prev a {
background: url(//nsmr-c.com/wp-content/themes/nishimura/images/common/arrow-r.png) no-repeat;
background-size: 8px 13px;
background-position: right center;
padding-right: 24px;
text-align: right;
}
#post_single figure, #post_single .wp-block-image {
margin: 18px 0 0;
display: inline-block;
text-align: center;
}
#post_single .is-type-video {
display: block;
} .addtoany_header {
color: #777;
font-size: 17px;
} #errorPage .errorBlock {
width: 95%;
max-width: 1100px;
margin: 0 auto;
}
#errorPage .errorBlock p {
font-size: 18px;
margin-bottom: 30px;
}
#errorPage .errorBlock a {
text-decoration: underline;
}
#errorPage .errorBlock .errText {
margin-bottom: 70px;
}
#page-top {
position: fixed;
display: block;
bottom: -100px;
right: 0;
margin-right: 24px;
z-index: 999;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#page-top.is-show {
bottom: 30px;
}
#page-top .icon-pagetop {
position: relative;
background-color: #2c2c2c;
background-image: url(https://nsmr-c.com/wp-content/themes/nishimura/images/common/icon_totop.png);
background-size: 28px 28px;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: 0.4s;
transition: 0.4s;
}
#page-top .icon-pagetop a {
display: block;
width: 100%;
height: 100%;
}
.icon-circle {
width: 60px;
height: 60px;
border-radius: 50%;
}
@media screen and (max-width: 1350px) and (min-width: 970px) {
#feature .featureBox3 .featureRht {
padding: 0 0 0 100px;
}
}
@media screen and (max-width: 1250px) and (min-width: 970px) { .circle {
width: 100%;
max-width: 120px;
}
.circle span {
font-size: 22px;
}
header .hdr1 .logo {
width: 390px;
margin-left: 20px;
}
header .hdr1 .hdrContact {
margin-right: 20px;
}
header .hdr1 .hdrContact .hdrTel {
width: 207px;
height: 45px;
margin-right: 15px;
}
header .hdr1 .hdrContact .hdrTel img {
width: 17px;
}
header .hdr1 .hdrContact .hdrTel a {
font-size: 24px;
}
header .hdr1 .hdrContact .hdrDtl {
font-size: 14px;
}
#headerMenu {
padding: 0;
}
#headerMenu ul {
display: flex;
justify-content: space-around;
}
#headerMenu li {
padding-right: 0;
}
#headerMenu li a {
font-size: 17px;
}
}
@media (max-width: 970px) {
.no-scroll {
height: 100vh;
overflow: hidden;
}
#contentTop.anch {
height: 70px;
margin-top: -70px;
}
.pcOnly {
display: none;
}
.spOnly {
display: flex;
}
.fase, .fase_left, .fase_right {
opacity: 1 !important;
}
.fase {
bottom: 0 !important;
}
.fase_left {
left: 0 !important;
}
.fase_right {
right: 0 !important;
}
.title1 {
font-size: 26px;
}
.pageContainer {
margin-top: 0;
}
.breadcrumb li {
font-size: 13px;
}
header .hdr1 {
display: block;
justify-content: unset;
}
header .hdr1 .logo { width: 250px;
margin: 0 auto 10px;
text-align: center;
}
header .hdr1 .hdrContact {
display: block;
margin: 0 auto;
}
header .hdr1 .hdrContact .hdrTel {
margin: 0 auto;
}
header .hdr1 .hdrContact .hdrDtl {
width: 280px;
margin: 10px auto 0;
font-size: 14px;
}
.carousel-caption {
left: 5%;
bottom: 0;
max-width: 250px;
padding: 2%;
}
.carousel-caption h2 {
font-size: 16px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.carousel-caption p {
font-size: 13px;
}
.carousel {
padding-right: 10%;
}
.carousel-indicators { right: 4%;
}
#headerMenu {
display: none;
} .consultBlock {
display: table;
margin: 50px auto;
justify-content: unset;
flex-wrap: initial;
}
.cousultLeft, 
.consultRight {
width: 100%;
}
.cousultLeft {
margin-bottom: 50px;
}
.consultTitle {
max-width: 150px;
font-size: 20px;
margin: -20px 0 20px 17px;
}
.consultTitle img {
width: 45px;
}
.consultBox,
.consultRight .consultBox {
padding: 0 15px 25px;
}
.consultImg figcaption {
font-size: 13px;
}
.consultTel {
width: 100%;
max-width: 320px;
text-align: center;
}
.consultBox p {
font-size: 13px;
}
.consultRight .consultTitle {
max-width: 265px;
margin: -20px 0 10px 17px;
}
.consultRight .consultTitle span {
padding: 0 0 0 10px; 
}
.consultRight .consultTitle img {
width: 90px;
}
.consultList {
display: block;
justify-content: unset;
align-items: center;
padding: 10px 0 0;
text-align: center;
}
.consultList p {
font-size: 10px;
padding: 10px 0 0;
}
.consultBox a {
font-size: 13px;
word-break: break-word;
}
.cmnTitle {
font-size: 17px;
background-size: 35% auto, 35% auto;
}
.cmnTitle:before {
width: 100%;
max-width: 225px;
top: 10px;
}
.cmnTitle:after {
width: 100%;
max-width: 225px;
top: 15px;
}
.medicalInfo:before {
width: 100%;
max-width: 92px;
height: 36px;
top: -35px;
left: 65px;
transform: translate(-60px, 0px);
}
.medicalInfo .cmnTitle:before {
width: 100%;
max-width: 210px;
top: 7px;
}
.medicalInfo {
margin-top: 50px;
}
.medicalInfo:after {
width: 100%;
max-width: 40px;
height: 33px;
transform: translate(240px, 45px);
}
.medicalBox {
display: block;
margin: 25px 0 50px;
}
.medicalLft {
width: 100%;
padding: 20px 2.5% 25px;
}
.medicalLftBox {
margin: 0 auto;
}
.medicalRht {
width: 100%;
}
.medicalLft figure {
text-align: center;
margin: 0 0 25px;
}
.medicalTxt {
font-size: 15px;
}
.circle {
margin: 0 auto -30px;
top: 0;
position: relative;
text-align: center;
width: auto;
display: block;
left: 0;
}
.circle img {
max-width: 110px;
height: 110px;
}
.circle span {
font-size: 14px;
}
.medicalLftBox img {
height: auto;
}
.medicalRht .circle {
right: 0;
} .medicalTxt1 {
font-size: 13px;
margin-bottom: 40px;
}
.medicalLink {
text-align: center;
display: table;
margin: 0 auto;
font-size: 12px;
}
.medicalLft:after {
background-size: 100%;
margin-right: 0;
right: 40%;
transform: translateX(40%);
bottom: -55px;
width: 100%;
max-width: 320px;
height: 160px;
} .accessList {
display: block;
justify-content: unset;
margin: 20px auto 30px;
}
.accessList li:after {
display: none;
}
.accessList li {
padding: 0 0 30px;
}
.accessList li h3 {
font-size: 16px;
}
.accessList li p {
padding-top: 0;
font-size: 14px;
margin: 0;
}
.topMap {
margin-bottom: 40px;
}
.catList {
margin: 20px 0 0;
padding: 0 2.5%;
}
.postList {
flex-wrap: wrap;
margin-bottom: 10px;
padding: 0;
gap: 0;
}
.postList.OtoDaPt {
padding-top: 20px;
}
.postList li {
width: 50%;
padding: 0 2.5% 4%;
max-width: 100%;
margin-right: 0;
}
.postList li:last-child {
display: none;
}
.postList li:first-child {
display: block !important;
}
.archive .postList li:last-child {
display: block;
}
.postList li .postImg {
height: 30vw;
}
.parkingBlock {
margin: 20px auto 30px;
}
.parkingBlock ul {
display: block;
justify-content: unset;
text-align: center;
}
.parkingBlock li {
width: 100%;
margin-bottom: 0;
}
.parkingBlock li:after {
right: 50%;
top: unset;
transform: translateX(50%) rotate(90deg);
bottom: -3px;
width: 15px;
height: 29px;
}
.parkingBlock li p {
padding: 15px 0 30px;
font-size: 15px;
}
.postList li a .title {
font-size: 14px;
} .ftInner {
display: block;
justify-content: unset;
}
.ftLeft {
text-align: center;
}
.ftLogo {
margin: 0 auto 20px;
}
.ftLogo img {
width: 95%;
max-width: 320px;
}
.ftLeft figure {
margin: 0 auto;
}
.ftRight .consultImg {
width: 95%;
max-width: 320px;
margin: 20px auto 0;
padding-bottom: 0;
}
.footerBlock1 {
padding: 0;
}
.ftBlockInr {
display: block;
}
.ftBlockLft {
width: 95%;
padding-top: 20px;
}
.footerDef dt {
font-size: 15px;
}
.footerDef dd, .footerDef dd dl dt, .footerDef dd dl dd, .blueList li, .footerDef dd p, .blueList1 li, .postList li dl dt, .postList li dl dd {
font-size: 13px;
}
.footerDef dd dl {
align-items: baseline;
}
.footerDef dd dl dd {
line-height: 1.5;
margin-bottom: 0;
}
.ftMargin {
margin-bottom: 20px;
}
.blueList li:before {
top: 7px;
left: -3px;
}
.ftTitle {
font-size: 15px;
}
.footerDef1 dt,
.footerDef1 dd {
font-size: 13px;
}
.footerDef1 {
padding: 0;
}
.ftCopy {
font-size: 12px;
padding: 10px 0;
}
.footerBlock2 {
padding: 15px 0;
}
.footerBlock2 ul {
text-align: center;
}
.footerBlock2 li {
display: block;
padding-right: 0;
margin-bottom: 20px;
}
.footerBlock2 li a {
font-size: 16px;
display: inline-block;
} .container {
padding: 0;
}
.commonTitle {
font-size: 29px;
padding-left: 10px;
}
.circleBox {
width: 290px;
margin: -150px auto 20px;
text-align: center;
}
.circleBox .circle {
display: block;
margin-bottom: 0;
}
.circleBox .circle span {
font-size: 14px;
}
.circleBox p {
margin: 0;
}
.circleBox .circle img {
max-width: 110px;
height: auto;
}
.circleBox .circle p {
display: block;
}
.aboutBnr {
padding: 10px 0;
}
.aboutBnr img {
width: 80px;
height: 80px;
}
.headerCommon .commonTitle {
font-size: 19px;
padding-left: 10px;
}
#about .aboutBlock {
margin: 30px auto;
display: block;
justify-content: unset;
}
#about .aboutBlockLft {
width: 95%;
max-width: 100%;
margin: 0 auto 20px;
}
#about .aboutBlockRht {
width: 95%;
margin: 0 auto;
}
#about .aboutBlockRht dl {
margin: 0;
}
#about .aboutBlockRht dt {
font-size: 20px;
padding-bottom: 10px;
}
#about .aboutBlockRht dd {
margin: 0;
}
#about .aboutBlockRht dd p {
font-size: 15px;
}
#about .aboutOrtho {
padding: 25px 0 80px;	
}
#about .aboutOrthoList figcaption {
font-size: 14px;
}
#about .aboutOrthoList p {
font-size: 18px;
}
#about .aboutOrtho:before {
width: 150px;
height: 45px;
right: 0;
margin-right: 20px;
}
#about .aboutDoctor .circleBox {
margin: -150px auto 20px;
}
#about .aboutDoctor .circleImage {
margin: 0 auto;
max-width: 65px !important;
}
#about .aboutOrthoInr  {
width: 90%;
}
#about .aboutOrthoList {
display: block;
padding: 0;
justify-content: unset;
margin-bottom: 20px;
}
#about .aboutOrthoList li:first-child {
width: 100%;
text-align: center;
}
#about .aboutOrthoList li:last-child {
width: 100%;
}
#about .aboutOrthoList dt {
font-size: 18px;
}
#about .aboutOrthoList dd {
font-size: 15px;
}
#about .aboutInfo {
display: block;
flex-wrap: unset;
justify-content: unset;
}
#about .aboutInfoLft, 
#about .aboutInfoRht {
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
#about .aboutInfoLft ul, #about .aboutInfoRht ul {
margin-top: 20px;
}
#about .aboutInfoTitle {
font-size: 18px;
}
#about .aboutInfoLft li {
font-size: 15px;
text-indent: -63px;
padding-left: 63px;
}
#about .aboutOrtho:after {
width: 250px;
height: 78px;
bottom: 10px;
right: 10%;
}
#about .aboutDoctor:before {
width: 80px;
height: 70px;
right: 0;
margin-right: 20px;
top: -80px;
}
#about .overImage {
width: 240px;
margin: 20px auto;
height: auto;
text-align: center;
}
#about .overImage img {
width: 295px;
max-width: 100%;
}
#about .aboutInfoRht li {
font-size: 15px;
}
#about .aboutOrtho .circleImage {
max-width: 155px;
}
#about .aboutOverBox {
margin: 0 auto 30px;
}
#about .aboutOverBox dl {
font-size: 14px;
}
#about .aboutOverBox dt {
width: 20%;
margin-right: 15px;
}
#about .aboutOverBox dd {
width: calc(100% - 22%);
}
#about .mapLink {
display: inline-block;
width: 105px;
padding: 2px 0 5px;
font-size: 13px;
margin: 0 0 0 8px;
}
#about .mapLink:after {
display: none;
}
#about .aboutCtn {
font-size: 15px;
padding: 15px 2.5%;
margin-bottom: 0;
}
#about .aboutCtn2 {
font-size: 15px;
margin-top: 0;
padding: 0 2.5%;
}
#about .aboutStateBox li:last-child p span {
font-size: 18px;
margin-bottom: 5px;
}
#about .aboutStateBox li:first-child:after {
display: none;
}
#about .aboutState {
margin-top: 50px;
}
#about .aboutState .cmnTitle:after,
#about .aboutState .cmnTitle:before {
width: 100%;
max-width: 210px;
}
#about .aboutStateBox ul {
display: block;
justify-content: unset;
margin: 0;
}
#about .aboutStateBox li:first-child {
display: block;
width: 95% !important;
margin: 0 auto 20px;
text-align: center;
}
#about .aboutStateBox li:last-child, #about .aboutStateBox ul:nth-child(2n) li:last-child {
display: block;
width: 100%;
padding: 0 2.5%;
box-sizing: border-box;
}
#about .aboutStateBox li:last-child p, #feature .featureRht .text {
font-size: 15px;
line-height: 2;
margin-bottom: 50px;
} #feature .cmnTitle span:after {
display: flex;
justify-content: center;
align-items: center;
}
#feature .cmnTitle:after {
max-width: 105px;
height: 20px;
}
#feature .cmnTitle:before {
max-width: 105px;
}
#feature .featureBox1 .cmnTitle span:after,
#feature .featureBox2 .cmnTitle span:after,
#feature .featureBox3 .cmnTitle span:after {
width: 26px;
height: 26px;
margin-left: 5px;
font-size: 18px;
}
#feature .featureTtl {
font-size: 15px;
padding-top: 15px;
margin-bottom: 10px;
}
#feature .featureText {
width: 95%;
margin: 0 auto;
font-size: 15px;
line-height: 2;
text-align: left;
}
#feature .featureBox1 .medicalBox {
margin: 20px auto 50px;
}
#feature .featureBlock {
display: block;
margin-top: 30px;
}
#feature .featureLft {
width: 100%;
padding-bottom: 20px;
}
#feature .featureRht {
width: 100%;
padding-right: 0;
}
#feature .featureList {
display: block;
justify-content: unset;
}
#feature .featureList li {
width: 95%;
margin: 0 auto;
padding-bottom: 20px;
}
#feature .featureBox2 {
padding: 0 2%;
}
#feature .featureBox3 {
margin: 20px auto 0;
padding: 0 2% 100px;
}
#feature .featureBox3 .featureRht {
padding: 0;
}
#feature .pTop {
padding: 20px 0 0;
}
#feature .featureImage {
margin: 0 auto;
text-align: center;
}
#feature .featureImage img {
width: 100%;
max-width: 320px;
margin: 0 auto;
}
#feature .featureBox3:after {
margin-left: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
#feature .featureBox1 .medicalLft:after {
width: 270px;
height: 70px;
bottom: 0;
} #orthopedic .orthoImage {
margin: 20px auto;
}
.orthoBlock {
display: block;
width: 95%;
margin: 0 auto;
}
.orthoLft {
width: 100%;
margin-bottom: 10px;
}
.orthoRht {
width: 100%;
padding-left: 0;
}
.orthoTitle {
font-size: 18px;
padding-bottom: 5px;
}
.orthoCtn {
font-size: 15px;
}
.paratheTitle {
font-size: 18px;
max-width: 320px;
margin: 0 auto 20px;
width: 95%;
}
.paratheTitle:before,
.paratheTitle:after {
height: 45px;
}
.orthoBlockSec1 {
display: block;
margin-bottom: 10px;
}
.orthoBlockSec1 .orthoSecLft1.orthoOrder2 {
text-align: center;
width: 100%;
}
.orthoBlockSec1 .orthoSecRht1.orthoOrder1 {
width: 100%;
padding: 0;
}
.orthoBlockSec1 .orthoSecTitle {
font-size: 18px;
}
.orthoBlockSec1 .orthoSecContent {
font-size: 14px;
}
.orthoBlockSec1 .orthoSecLft1 {
width: 100%;
text-align: center;
padding-bottom: 20px;
}
.orthoBlockSec1 .orthoSecRht1 {
width: 100%;
padding-left: 0;
}
.orthoPointBox li img {
margin: 0 auto 15px;
display: block;
}
.pageCmnTitle {
margin: 0 auto 10px;
padding: 10px 0;
max-width: 230px;
}
#orthopedic .orthoBox1 {
margin: 0 auto 10px;
}
#orthopedic .orthoBox2 {
padding: 25px 0;
margin-bottom: 20px;
}
#orthopedic .orthoInr {
width: 95%;
}
#orthopedic .orthoBlock1 {
padding: 25px 2.5% 10px;
display: block;
}
#orthopedic .orthoBlock1 ul {
width: 100%;
margin: 0;
}
#orthopedic .orthoBlock1 li,
#orthopedic .orthoBlock1 li:last-child {
padding-bottom: 15px;
}
#orthopedic .orthoBlock1 span {
font-size: 14px;
}
#orthopedic .orthoBlock2 {
padding: 25px 2.5%;
}
#orthopedic .orthoBlockSec {
display: block;
padding-bottom: 20px;
margin-bottom: 20px;
}
#orthopedic .orthoBlockSec .orthoSecLft {
width: 100%;
margin-right: 0;
padding-bottom: 10px;
}
#orthopedic .orthoBlockSec .orthoSecTtl {
font-size: 20px;
}
#orthopedic .orthoBlockSec .orthoSecLft img {
max-width: 95px;
width: 100%;
margin: 0 auto;
display: block;
}
#orthopedic .orthoBlockSec .orthoSecRht {
width: 100%;
}
#orthopedic .orthoBlockSec .orthoSecRht dt {
font-size: 16px;
}
#orthopedic .orthoBlockSec .orthoSecRht dd {
font-size: 14px;
padding-top: 0;
}
#orthopedic .orthoBlockSec .orthoSecCtn {
font-size: 14px;
padding-left: 25px;
text-indent: -25px;
}
#orthopedic .orthoBlock3 {
padding: 25px 2.5% 5px;
}
#orthopedic .orthoBox3 {
margin: 30px auto;
}
#orthopedic .orthoInr1 {
width: 95%;
}
#orthopedic .orthoBox3 .orthoPoint1 {
padding-top: 20px;
margin-bottom: 10px;
}
#orthopedic .orthoBox3 .orthoDef {
display: block;
align-items: unset;
margin-bottom: 20px;
}
#orthopedic .orthoBox3 .orthoDef dt {
display: block;
margin: 0 auto 5px;
}
.csld-thumbnav label {
margin: 10px 10px 0 0 !important;
}
.csld-thumbnav label:last-child,
.csld-thumbnav label:nth-child(3n) {
margin: 10px 0 0 !important;
} #orthopedic .orthoBox3 .orthoDef dd {
width: 100%;
display: block;
margin: 0 auto;
}
#orthopedic .orthoBox3 .orthoPointTtl {
font-size: 18px;
}
#orthopedic .orthoBox3 .orthoPointCtn {
font-size: 14px;
}
article.img-info .img-title {
font-size: 18px !important;
text-align: left;
padding: 10px 0 0px 10px;
margin: 0px 0 10px !important;
}
.orthoPointBox ul {
display: block;
margin: 0;
}
.orthoPointBox li {
width: 100%;
margin-right: 0;
padding-bottom: 15px;
} #dermatology .dermaImage {
margin: 15px auto;
}
#dermatology .orthoBlock {
margin: 0 auto 10px;
}
#dermatology .orthoTitle {
padding-bottom: 0;
}
#dermatology .dermaBox2 {
padding: 30px 0;
margin-bottom: 25px;
}
#dermatology .dermaBlock1 {
padding: 20px 2.5% 0;
}
#dermatology .dermaList .dermaTitle {
font-size: 18px;
margin-bottom: 10px;
}
#dermatology .dermaList ul {
display: block;
padding-bottom: 10px;
}
#dermatology .dermaList li {
width: 100%;
padding-bottom: 10px;
} 
#dermatology .dermaList li span {
font-size: 14px;
}
#dermatology .dermaBlock2 {
padding: 25px 2.5% 2px;
}
#dermatology .orthoBlockSec1 {
margin-bottom: 15px;
}
#dermatology .orthoBlockSec1 .orthoSecLft1 {
padding-bottom: 10px;
}
#dermatology .dermaBox3 {
margin: 25px auto;
padding: 20px 0 10px;
}
#dermatology .dermaBox3 .dermaDef {
display: block;
align-items: unset;
margin-bottom: 10px;
}
#dermatology .dermaBox3 .dermaDef dt {
display: block;
margin: 0 auto;
}
#dermatology .dermaBox3 .dermaDef dd {
width: 100%;
display: block;
padding-top: 10px;
}
#dermatology .dermaBox3 .dermaPointTtl {
font-size: 20px;
}
#dermatology .dermaBox3 .dermaPointCtn {
font-size: 15px;
}
#dermatology .orthoBlockSec1 .orthoSecRht1.orthoOrder1 {
width: 100%;
}
#dermatology .orthoBlockSec1 .orthoSecLft1 {
width: 100%;
}
#dermatology .dermaTitle1 {
font-size: 15px;
padding: 15px 0;
}
#dermatology .dermaBox4 {
margin-bottom: 40px;
}
#dermatology .dermaBoxBg {
padding: 20px 0;
margin: 25px auto;
}
#dermatology .dermaBoxList {
display: block;
justify-content: unset;
margin: 0 auto;
}
#dermatology .dermaBoxList li {
width: 100%;
margin-bottom: 20px;
}
#dermatology .dermaBoxList .dermaBoxTitel {
font-size: 15px;
max-width: 324px;
margin: 0 auto 5px;
}
#dermatology .dermaBoxList .dermaBoxCtn {
font-size: 13px;
}
#dermatology .dermaBox5Block {
padding: 20px 2.5%;
}
#dermatology .dermaBoxDef dt {
margin-bottom: 10px;
font-size: 17px;
}
#dermatology .dermaBoxDef dd {
margin: 0;
}
#dermatology .dermaBoxDef .dermaBoxDes {
font-size: 14px;
padding-left: 20px;
text-indent: -20px;
}
#dermatology .orthoBlockSec1 .orthoSecRht1 {
width: 100%;
}
#dermatology .orthoLft {
width: 100%;
}
#dermatology .orthoRht {
width: 100%;
padding-left: 0;
} #facility .facilitySlide {
width: 95%;
margin: 30px auto 20px;
}
.csld-thumbnav {
padding: 0 0 15px !important;
} #post_single .col-12 {
padding: 0 !important;
}
#post_single .wrap {
padding: 0 2.5%;
}
#post_single .wrap, #post_single .wrap p {
font-size: 16px;
}
#post_single .wrap p {
margin: 10px 0 20px;
}
#post_single .wrap .single_head, #post_single .wrap h2, #post_single .wrap h3, #post_single .wrap h4, #post_single .wrap h5, #post_single .wrap h6 {
font-size: 22px;
}
#post_single .wrap .cat_date {
margin-top: 10px;
flex-wrap: wrap;
}
#post_single .wrap p.time {
margin: 0;
padding-bottom: 0;
}
.addtoany_content {
padding-top: 20px;
}
#errorPage .errorBlock p {
font-size: 15px;
}
}
@media (min-width: 970px) {
.d-lg-none {
display: none!important;
}
}
@media screen and (max-width: 320px) and (min-width: 280px) {
.consultRight .consultTitle {
max-width: 240px;
margin: -20px 0 10px 7px;
padding: 0 5px 0 2px;
}
.consultRight .consultTitle span {
padding: 0;
}
.circleBox {
width: 260px;
}
.paratheTitle {
width: 98%;
font-size: 16px;
}
}
@media (max-width:560px) {
.postList{
flex-direction: column;
}
.postList li{
width: 100%;
}
.postList li .postImg{
height: 231px;
}
}  .splide-wrapper {
width: 100%;
max-width: 900px;
margin: 30px auto 50px;
}
.main-carousel {
margin-bottom: 30px;
}
.splide__slide {
opacity: 0.6;
}
.splide__slide.is-active {
opacity: 1;
}
.splide__slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: none !important;
}