@charset "utf-8";

/* 共通 */
.post .category {
    color: #fff;
    padding: 0.1em 0.5em;
    font-size: 0.8em;
    text-decoration: none;
}

.post .category:hover {
    background: #fff;
}

.post .cateBlue {
    background: #5AA1D8;
    border: 1px solid #5AA1D8;
}

.post .cateGreen {
    background: #4AB56B;
    border: 1px solid #4AB56B;
}

.post .cateRed {
    background: #CB1C1D;
    border: 1px solid #CB1C1D;
}

.post .cateYellow {
    background: #ECA012;
    border: 1px solid #ECA012;
}

.post .cateBlue:hover {
    color: #5AA1D8;
}

.post .cateGreen:hover {
    color: #4AB56B;
}

.post .cateRed:hover {
    color: #CB1C1D;
}

.post .cateYellow:hover {
    color: #ECA012;
}

.post .item {
    border-top: 1px solid #868686;
    padding: 1.5em 0.5em;
}

.post .item:last-child {
    border-bottom: 1px solid #868686;
}

.post .date {
    padding-right: 0.5em;
}

.post .title {
    font-size: 1.1em;
    display: inline-block;
}

a.telNumber {
    text-decoration: none;
    vertical-align: baseline;
}

a.telNumber:hover {
    opacity: 0.5;
}

/*header*/
.header .topBox {
    background: #efefef;
    padding: 0.5em;
}

.header .topBox strong {
    font-weight: normal;
    font-size: 0.8em;
}

.header .fontSize button {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    border: 3px solid #3E4145;
    background: #fff;
}

.header .fontSize button:hover {
    cursor: pointer;
}

.header .fontSize button:hover,
.header .fontSize button.choosing {
    background: #3E4145;
    color: #fff;
}

.header .spTopBox {
    display: none;
}

.logo {
    border-bottom: 1px solid #CB1C1D;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
}

.logo a {
    text-decoration: none;
}

.logo a:hover {
    opacity: 0.5;
}

.logo img {
    display: block;
    max-width: 150px;
    margin: 0 auto;
}

.logo img:hover {
    opacity: 1.0;
}

.logo p {
    font-size: 1.6em;
    padding-left: 0.5em;
}

.add p {
    color: #868686;
    padding-right: 0.5em;
}

.header .in,
.footer .in {
    width: 98%;
    max-width: 1400px;
}

.header .add {
    margin: 0 auto;
}

.header .logoArea {
    margin: 0 auto;
}

.header img.heartra {
    width: 60px;
    margin-left: 0.5em;
}

.header .infoBox>.left:last-child {
    padding-left: 1.0em;
}

.header .info .title {
    background: #5AA1D8;
    color: #fff;
    text-align: center;
    /* padding: 2.8em 0.5em; */
}

.header .info .title a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 2.8em 0.5em;
}

.header .info .title i {
    font-size: 2.0em;
}

.header .info .conte {
    padding-left: 0.5em;
}

.header .info .conte p.mainTxt {
    font-size: 1.3em;
}

.header .info .conte .subTxt {
    padding: 0.5em 0;
}

.header .info .conte .subTxt ul.rice li {
    font-size: 0.8em;
}

.header .info .conte .subTxt th,
.header .info .conte .subTxt td {
    padding: 0.25em 1.0em;
    border: 1px solid #fff;
    font-size: 0.8em;
}

.header .info .conte .subTxt th {
    text-align: left;
    background: #C6D9F0;
}

.header .info .conte .subTxt tr:last-child th {
    font-size: 0.55em;
}

.header .info .conte .subTxt td {
    background: #eef5fb;
}

/* footer */
.footer.big {
    border-top: 8px solid #cb1c1d;
}

.footer .phone .mainTxt p {
    font-size: 1.2em;
}

.footer .phone .mainTxt i {
    color: #5AA1D8;
    font-size: 1.5em;
    padding: 0 0.3em;
}

.footer .phone .subTxt p {
    font-size: 0.95em;
}

.footer .phone .subTxt p.b {
    padding-left: 1.0em;
}

.header .info .conte p.b a,
.header .info .conte .subTxt td a,
.footer .phone .mainTxt p a,
.footer .phone .subTxt p.b a {
    font-weight: bold;
    text-decoration: none;
}

.footer .phone .subTxt p:first-child {
    width: 260px;
}

.footer .time {
    margin-top: 1.0em;
    border: 1px solid #5AA1D8;
}

.footer .time .title {
    background: #5AA1D8;
    padding: 0.5em 1.0em;
    color: #fff;
}

.footer .time .conte {
    padding: 0.5em 1.0em;
}

.footer .time .conte p.b {
    font-size: 1.3em;
}

.footer .time .conte ul.rice li {
    font-size: 0.8em;
}

.footer .map .cell {
    vertical-align: top;
    padding-right: 4.0em;
}

.footer .map .cell:last-child {
    padding-right: 0;
}

.footer .map ul.arrow>li:nth-of-type(n+2) {
    padding-top: 0.5em;
}

.footer .map ul.dot li a {
    font-size: 0.9em;
}

small {
    display: block;
    background: #CB1C1D;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    padding: 0.5em;
}

ul.maru small {
    background: none;
    color: #333;
    text-align: left;
    font-size: 0.9em;
    padding: 0.2em;
}

span.txt {
    background: none;
    color: #333;
    text-align: left;
    font-size: 0.8em;
    padding: 0.5em;
    /* color: #CB1C1D; */
    padding-left: 0;
    padding-right: 0;
}

/* top */


.swiper-container {
    width: 100%;
    height: 600px;
}

.swiper-slide {
    text-align: center;
    color: #fff;
    font-size: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.swiperSlide1 {
    /* background-image: url('../img/top/slide01.jpg'); */
    background-image: url('../img/top/slide04.jpg');
}

.swiperSlide2 {
    background-image: url('../img/top/slide02.jpg');
    background-position: center;
    background-size: contain !important;
    background-repeat: no-repeat;
    height: 100%;
    /* width: 100%; */
    background-color: white;
}

.swiper-slide.swiperSlide2 img {
    width: auto !important;
    height: 600px !important;
    object-fit: cover;
}

.swiperSlide3 {
    background-image: url('../img/top/slide03.png');
    background-size: contain;
    background-color: white;
    /* background-position: 21%; */
}

/* .slider{
    position: relative;
}
.slider img.heartra{
    position: absolute;
    bottom: -5px;
    right: 10%;
    max-width: 200px;
} */
.usefulBtn {
    max-width: 1100px;
    margin: 0 auto;
}

.usefulBtn a {
    background: #efefef;
    text-decoration: none;
    padding: 1.0em;
    margin: 0 1%;
    width: 31.333%;
}

.usefulBtn a:hover {
    opacity: 0.5;
}

.usefulBtn a:nth-of-type(n+4) {
    margin-top: 1.0em;
}

.usefulBtn a .cell {
    vertical-align: middle;
}

.usefulBtn a img {
    max-width: 90px;
    min-width: 90px;
}

.usefulBtn a div {
    padding: 0 0.5em;
}

.usefulBtn a strong,
.usefulBtn a i {
    color: #4AB56B;
    font-size: 1.2em;
}

.usefulBtn a p {
    font-size: 0.9em;
}

.grayBg {
    background: #efefef;
    padding: 2.0em 0;
}

.grayBg .cell {
    vertical-align: top;
}

.top .post {
    background: #fff;
    padding: 2.0em;
    width: 40%;
    max-width: 560px;
    min-width: 313px;
}

.top .post .item {
    margin-left: 1.5em;
}

.top .banner {
    padding-left: 2.0em;
}

.top .banner a {
    display: block;
    text-decoration: none;
    background: #fff;
    border-radius: 10px;
    padding: 1.0em 1.3em;
    margin-top: 1.0em;
    min-width: 355px;
}

.top .banner a:hover {
    opacity: 0.5;
}

.top .banner .title,
.top .banner i {
    color: #5AA1D8;
    font-size: 1.2em;
    line-height: 2.2;
}

.top .banner a.recruit {
    padding: 0;
    border-radius: 0;
    background: none;
    margin-top: 0em;
}

.top .banner a.recruit p {
    font-size: 0.9em;
}

.top .banner a.recruit .whiteBg {
    background: #fff;
    border-radius: 10px 10px 0 0;
    padding: 1.0em 1.3em;
}

.top .banner a.recruit .title,
.top .banner a.recruit i {
    line-height: 2.2;
    font-size: 1.5em;
}

.top .banner a.recruit .title {
    padding: 0 0.5em;
}

.top .banner a.recruit img.illust {
    max-width: 60px;
}

.top .banner a.recruit img.illust:hover {
    opacity: 1.0;
}

.recruit_list {
    line-height: 2.0rem;
    padding-left: 1rem;
    align-items: center;
    list-style: none;
}

.recruit_list li {
    display: flex;
    align-items: center;
    position: relative;
    margin: 10px 0;
}

ul.recruit_list {
    list-style-position: inside !important;
}

ul.recruit_list>li::before {
    font-family: FontAwesome;
    content: "\f138";
    padding-right: 0.3rem;
    font-size: 1.3rem;
}

ul.recruit_list>li::before {
    color: #5AA1D8;
}

.recruit_list a {
    text-decoration: none;
    padding-left: 0.6rem;
    font-size: 1.1rem;
}

.recruit_list a:hover {
    color: #79171C;
    font-weight: 700;
}

.ul-fl {
    display: flex;
    line-height: 1.8;
}

.li-fl {
    padding-left: 1rem;
    line-height: 1.8;
}

/* sub */
.sub h2~* {
    margin-left: 0.8rem;
}

/* .sub h3 ~ *:not(h3):not(table){
    margin-left: 0.8rem;
} */
.sub h2 {
    margin-bottom: 1.0em;
}

.sub h3 {
    background: #F5D8C8;
    padding: 0.2em 0.5em;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
}

.sub h4 {
    color: #79171C;
    margin-top: 1.0em;
    margin-bottom: 0.2em;
}

.sub h5 {
    color: #aaa;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
}

/* sideMenu */
.sideBox {
    width: 18%;
    margin-right: 2%;
}

ul.sideMenu {
    border: 2px solid #5AA1D8;
}

ul.sideMenu a {
    display: block;
    text-decoration: none;
}

ul.sideMenu li {
    border-top: 1px solid #5AA1D8;
}

ul.sideMenu li:first-child {
    border: none;
}

ul.sideMenu>li>a {
    background: #5AA1D8;
    color: #fff;
    padding: 1.0em 2.0em;
    text-align: center;
}

ul.sideMenu>li>a:hover {
    background: #C6D9F0;
}

ul.sideMenu ul li {
    position: relative;
}

ul.sideMenu ul a {
    padding: 1.0em 2.0em 1.0em 0.8em;
    font-size: 0.9em;
}

ul.sideMenu ul a::after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f138";
    right: 10px;
    color: #C6D9F0;
}

ul.sideMenu ul li.current {
    border-right: 1px solid #5aa1d8;
}

ul.sideMenu ul li.current a,
ul.sideMenu ul a:hover {
    background: #eef5fb;
    color: #5AA1D8;
}

ul.sideMenu ul li.current a {
    font-weight: bold;
}

.sub {
    padding-bottom: 5.0em;
}

.sub .mainBox {
    width: 80%;
    margin-bottom: 80px;
}

.sub .archiveBtn .left {
    width: 33.333%;
}

.sub .archiveBtn .left:nth-child(3n+1) {
    clear: both;
}

.sub .archiveBtn a {
    display: block;
    border: 1px solid #868686;
    border-left: 8px solid #4AB56B;
    text-align: center;
    text-decoration: none;
    padding: 2.0em 1.0em;
    font-size: 1.1em;
    margin: 0.2em;
}

.sub .archiveBtn .left:nth-of-type(-n+3) a {
    margin-top: 0;
}

.sub .archiveBtn .left:nth-child(3n+1) a {
    margin-left: 0;
}

.sub .archiveBtn .left:nth-child(3n) a {
    margin-right: 0;
}

.sub .archiveBtn a:hover {
    background: #4AB56B;
    color: #fff;
    border-left: 8px solid #3b9055;
}

.sub a.guideBook {
    vertical-align: top;
    background: #ecf7f0;
    color: #868686;
    padding: 0 0.8em 0.1em;
    margin: 0 0.2em;
    text-decoration: none;
    border: 1px solid #ecf7f0;
}

.sub a.guideBook:hover {
    background: #fff;
    color: #4AB56B;
}

.sub .contactInfo {
    border: 1px solid #aaa;
    padding: 1.5em 2.0em;
    display: inline-block;
}

.sub .copy {
    color: #5AA1D8;
    font-size: 1.3em;
}

.greeting .cell {
    vertical-align: top;
}

.greeting .president {
    width: 28%;
    max-width: 270px;
}

.greeting .name {
    text-align: right;
    font-size: 1.2em;
}

.greeting .comment p {
    padding-left: 2.0em;
}

.philosophy p.small {
    text-align: right;
}

.history table.type01 tr td:first-child {
    max-width: 122px;
    min-width: 122px;
}

.history table.type02 th {
    max-width: 115px;
    min-width: 115px;
}

.doctor .itemBox .item:nth-child(n+2) {
    margin-top: 0.5em;
}

.doctor .item .name {
    padding-right: 2%;
    width: 22%;
}

.doctor .item .profile {
    width: 78%;
}

.doctor .item .profile table.type03 th {
    width: 85px;
}

.doctor .fullTime .item {
    border: 1px solid #cccccc;
    padding: 1.0em;
    border-radius: 5px;
}

.doctor .fullTime img {
    max-width: 104px;
    min-width: 104px;
    margin: 0 auto;
    display: block;
}

.doctor .fullTime .name p:nth-child(2) {
    padding-bottom: 0.5em;
}

.doctor .fullTime .name p:nth-child(2),
.doctor .partTime .name p:last-child {
    font-size: 1.5em;
}

.doctor .partTime .item {
    border-top: 1px solid #cccccc;
    padding: 1.0em;
}

.doctor .partTime .item:first-child {
    border: none;
}

.doctor .partTime .name {
    max-width: 200px;
    min-width: 200px;
}

.doctor .partTime .profile table.type03 th {
    text-align: center;
}

.nurse .managerGreeting .cell {
    vertical-align: top;
}

.nurse .managerGreeting .comment p {
    padding-right: 2.0em;
}

.nurse .managerGreeting .manager {
    max-width: 200px;
    min-width: 200px;
}

.nurse .managerGreeting .manager p {
    text-align: right;
}

.nurse .group .cell {
    padding: 0 0.2em;
}

.nurse .group img {
    max-width: 240px;
}

.nurse .group .balloon {
    vertical-align: top;
    padding-left: 0.5em;
}

.nurse .group .balloon img {
    max-width: 150px;
}

.nurse .levelUp {
    background: #ecf7f0;
    padding: 2.0em;
    border-radius: 10px;
}

.nurse .levelUp .flow {
    counter-reset: number;
}

.nurse .levelUp>p.b {
    font-size: 1.2em;
}

.nurse .levelUp p.copy {
    font-size: 1.2em;
    text-align: center;
    position: relative;
    padding: 1em;
    border-top: solid 2px #4AB56B;
    border-bottom: solid 2px #4AB56B;
    margin-top: 1.0em;
}

.nurse .levelUp p.copy::before,
.nurse .levelUp p.copy::after {
    content: '';
    position: absolute;
    top: -7px;
    width: 2px;
    height: -webkit-calc(100% + 14px);
    height: calc(100% + 14px);
    background-color: #4AB56B;
}

.nurse .levelUp p.copy::before {
    left: 7px;
}

.nurse .levelUp p.copy::after {
    right: 7px;
}

.nurse .flow .item {
    position: relative;
    margin-left: 3.0em;
    background: #fff;
    padding: 3em 1.0em 3em 3.0em;
    border-top: 1px solid #3b9055;
}

.nurse .flow .item:first-child {
    border-top: none;
}

.nurse .flow .title {
    font-size: 1.2em;
    color: #4AB56B;
}

.nurse .flow p.num {
    background: #4AB56B;
    color: #fff;
    width: 90px;
    height: 90px;
    border-radius: 90px;
    text-align: center;
    padding-top: 1.5em;
    line-height: 1.2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    margin: auto;
}

.nurse .flow p.num::after {
    counter-increment: number;
    content: counter(number);
    display: block;
    font-size: 1.3em;
}

.nurse .flow .triangle {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #3b9055;
    position: absolute;
    z-index: 999;
    left: -25px;
    bottom: -10px;
}

.nurse table.type01 th {
    font-weight: bold;
    background: #ecf7f0;
}

.nurse .grayBox {
    background: #efefef;
    padding: 1.5em 2.0em;
    border-radius: 10px;
}

.nurse .grayBox h5 {
    margin-top: 0;
}

.nurse table.month tbody th {
    width: 40px;
}

.nurse .societyPic .table {
    width: 100%;
}

.nurse .societyPic .cell {
    text-align: center;
    width: 50%;
    vertical-align: top;
    padding: 0 0.5em;
}

.nurse .societyPic img {
    max-width: 300px;
}

.nurse .inSociety img {
    max-width: 400px;
    padding-right: 1.0em;
}

.nurse .inSociety .cell:last-child img {
    padding-right: 0;
}

.nurse .word .table {
    border-top: 1px dashed #ccc;
    padding-bottom: 1.0em;
}

.nurse .word .table:first-child {
    border-top: none;
}

.nurse .word .cell {
    vertical-align: top;
}

.nurse .word .cell:first-child {
    padding-right: 2.0em;
    width: 70%;
}

.nurse .word img {
    max-width: 400px;
}

.nurse .session .table {
    width: 100%;
    border-top: none;
}

.nurse .session .cell:first-child {
    padding-right: 1.0em;
    width: auto;
}

.nurse .up strong {
    display: block;
    font-size: 1.8em;
}

.nurse .training img {
    max-width: 400px;
}

.nurse .training .cell {
    vertical-align: bottom;
}

.nurse .training p.cell {
    padding-left: 0.5em;
    font-size: 0.9em;
}

.department .human {
    text-align: center;
    display: flex;
    align-items: flex-end;
}

.department .human img {
    max-width: 590px;
}

.department .human .child {}

.department ul.rice {
    text-align: center;
}

.department a {
    vertical-align: baseline;
}

img[usemap] {
    max-width: 100%;
    height: auto;
}

.hours table.type01 {
    width: 100%;
}

.hours table.type01 th {
    background: #efefef;
    font-weight: bold;
}

.hours table.charge th:nth-child(n+3) {
    width: 12%;
}

.mainBox.left.hours ul li {
    padding-left: 1rem;
}

.hospitalization ul.circle li {
    padding-top: 0.5em;
}

.hospitalization ul.circle li div {
    padding-left: 0.65rem;
    text-indent: -0.65rem;
    font-size: 0.9em;
}

.hospitalization ul.circle li span {
    vertical-align: baseline;
}

.hospitalization .pdfLink {
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 1.0em;
    background: #4AB56B;
    border-radius: 5px;
    border: 1px solid #4AB56B;
}

.hospitalization .pdfLink::before {
    font-family: FontAwesome;
    content: "\f105";
    vertical-align: middle;
    padding-right: 0.5em;
}

.hospitalization .pdfLink:hover {
    background: #fff;
    color: #4AB56B;
}

.hospitalization .pdfLink .title {
    font-size: 1.1em;
}

.hospitalization .pdfLink .memo {
    padding-left: 1.0em;
}

.dock .recom .left:first-child {
    width: 70%;
    padding-right: 1.0em;
}

.dock .recom .left:last-child {
    width: 30%;
}

.dock table.dockContent th {
    width: 200px;
    text-align: left;
}

.dock table.type01 th {
    background: #eef5fb;
}

.checkup .various .left,
.checkup .various .right {
    width: 49%;
    padding-bottom: 0.8em;
}

.checkup .various .left ul,
.checkup .various .right ul {
    padding-left: 0.5em;
}

.checkup .various .person {
    border: 1px solid #4AB56B;
}

.checkup .various .company {
    border: 1px solid #5AA1D8;
}

.checkup .various .title {
    padding: 0.5em;
}

.checkup .various .person .title {
    background: #ecf7f0;
}

.checkup .various .company .title {
    background: #eef5fb;
}

.checkup .family .cell {
    vertical-align: top;
}

.checkup .family .cell:last-child {
    width: 200px;
}

.checkup table.type01 {
    width: 100%;
}

.checkup table.type01 th {
    background: #efefef;
    font-weight: bold;
}

/* .checkup .pageLink .table{
    width: 100%;
}
.checkup .pageLink .cell{
    width: 50%;
}
.checkup .pageLink a{
    background: #868686;
    color: #fff;
    padding: 1.5em 1.0em;
    border: 5px solid #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}
.checkup .pageLink a:hover{
    background: #fff;
    border: 5px solid #868686;
    color: #868686;
} */
.postBox .pager {
    margin: 0 auto;
}

.postBox .pager a {
    text-decoration: none;
}

.postBox .pager .left {
    padding: 0 0.2em 0.5em;
    font-size: 1.1em;
}

.postBox .pager span,
.postBox .pager a {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
}

.postBox .pager .current,
.postBox .pager .arrow {
    vertical-align: middle;
}

.postBox .pager .current span {
    background: #efefef;
    display: block;
}

.postBox .pager .arrow a {
    background: #868686;
    color: #fff;
}

.postBox .pager .arrow a:hover {
    background: #efefef;
    color: #868686;
}

.postBox .pager .num a {
    border: 1px solid #aaa;
}

.postBox .pager .num a:hover {
    background: #efefef;
}

.recruit .outLink {
    background: #5AA1D8;
    border-radius: 5px;
    border: 1px solid #5AA1D8;
}

.recruit .outLink a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 1.0em;
    text-align: center;
}

.recruit .outLink a::after {
    font-family: FontAwesome;
    content: "\f35d";
    color: #fff;
    padding-left: 1.5em;
}

.recruit .outLink:hover {
    background: #fff;
}

.recruit .outLink:hover a,
.recruit .outLink:hover a::after {
    color: #5AA1D8;
}

.recruit table.type01 {
    width: 100%;
}

.recruit table.type01 th {
    background: #eef5fb;
    font-weight: bold;
    width: 120px;
}

.recruit table.type01 th p {
    font-weight: bold;
}

.contact a {
    text-decoration: none;
}

.contact a:hover {
    opacity: 0.5;
}

.contact .num .cell {
    font-size: 1.5em;
    vertical-align: baseline;
}

.contact .num.table .cell:last-child {
    font-size: 1.0em;
}

.contact .num i {
    padding: 0 0.5em;
    color: #5AA1D8;
}

/* .contact .num{
    font-size: 1.5em;
}
.contact .num i{
    padding: 0 0.5em;
    color: #5AA1D8;
} */
.contact .otherNum {
    width: 100%;
}

.contact .otherNum .cell {
    width: 25%;
    background: #efefef;
    border: 4px solid #fff;
    padding: 1.5em 1.0em;
    text-align: center;
}

.contact .otherNum h4 {
    margin-top: 0;
}

.contact .otherNum p {
    font-size: 1.3em;
}

.link ul.arrow li {
    padding-bottom: 1.0em;
}

.privacy .president {
    border: 2px solid #ccc;
    padding: 2.0em;
    display: inline-block;
}

.privacy .president p {
    text-align: right;
}

.privacy ol.brackets {
    padding-bottom: 0.5em;
}

.technology .nutrition ul.num>li {
    padding-bottom: 0.5em;
}

.technology .inspection img {
    max-width: 400px;
}

.technology .inspection .cell {
    vertical-align: bottom;
}

.technology .inspection p.cell {
    padding-left: 0.8em;
}

.society .cell {
    vertical-align: top;
    padding: 0 0.5em;
}

.society ul.circle>li {
    padding-bottom: 0.5em;
}

.society .member {
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2.0em 0;
}

.society .member img {
    max-width: 500px;
}

.clerical a {
    vertical-align: baseline;
}

.clerical ul.dot li {
    padding-bottom: 0.8em;
}

.rehabilitation .visit {
    background: #eef5fb;
    padding: 1.5em;
    border-radius: 15px;
    border: 1px solid #C6D9F0;
    margin-top: 2.0em;
}

.rehabilitation .visit .aboutRehaV .left:first-child {
    width: 60%;
    padding-right: 1.0em;
}

.rehabilitation .visit .aboutRehaV .left:last-child {
    width: 40%;
}

.rehabilitation .visit h4 {
    margin: 0;
    text-align: center;
    color: #3E4145;
}

.rehabilitation .visit h5 {
    color: #5AA1D8;
}

.rehabilitation .visit h5::before {
    font-family: FontAwesome;
    content: "\f069";
    padding-right: 0.5em;
}

.rehabilitation .visit ul.dot * {
    vertical-align: baseline;
}

.rehabilitation .visit ul.dot li {
    padding-bottom: 0.5em;
}

.rehabilitation .visit ul.dot li:last-child {
    padding-bottom: 0;
}

.rehabilitation .visit .user {
    background: #fff;
    padding: 1.0em;
    margin: 1.5em 0;
    border: 1px dashed #cccccc;
}

.rehabilitation .visit .user h5::before {
    content: none;
}

.rehabilitation .visit .user h5 {
    font-size: 1.2em;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 55px;
    margin: 0 auto;
}

.rehabilitation .visit .user h5:before,
.rehabilitation .visit .user h5:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: #5AA1D8;
}

.rehabilitation .visit .user h5:before {
    left: 0;
}

.rehabilitation .visit .user h5:after {
    right: 0;
}

.rehabilitation .visit .user h6 {
    background: #C6D9F0;
    padding: 0.1em 0.5em;
}

.rehabilitation .visit table {
    background: #fff;
}

.rehabilitation .visit ol.brackets li {
    text-indent: 0;
}

.rehabilitation .visit table.fee {
    margin: 0.5em 0 0 1.0em;
}

.rehabilitation #Radiation .cell {
    vertical-align: top;
}

.rehabilitation #Radiation .table .cell:first-child {
    width: 70%;
}

.rehabilitation #Radiation .table .cell:last-child {
    width: 30%;
}

.rehabilitation #Radiation .table .cell p {
    padding-right: 1.0em;
}

.rehabilitation #Radiation .table .cell img {
    max-width: 500px;
}

.online>ul.num>li {
    font-weight: bold;
    font-size: 1.1rem;
    padding-bottom: 1.0em;
    color: #5AA1D8;
}

.online ul.num li span,
.online ul.num li li {
    font-weight: normal;
    font-size: 1.0rem;
    vertical-align: baseline;
    color: #3E4145;
}

.online ul.num ul.triangle,
.online ul.num ol.brackets {
    padding-left: 1.0em;
}

.online ul.num li a {
    margin: 0 0.2em;
    vertical-align: baseline;
}

.online ul.num li .b {
    font-weight: bold !important;
}

.top .twitter {
    padding-left: 2.0em;
    /* max-width: 420px; */
    width: auto;
    text-align: center;
}

.top .twitter p {
    font-size: .8rem;
}

.top .banner {
    max-width: 420px;
}


/* TOPページ病院際_一時表示
========================== */
.mv-top {
    height: auto;
}

.mv-top img {
    height: 900px;
    object-fit: contain;
    padding-top: 10px;
}


/* 医師担当表の小文字 */
.doctor-table-txt {
    background: none;
    color: #333;
    text-align: left;
    font-size: 0.76em;
    padding: 0.5em;
    padding-left: 0;
    padding-right: 0;
}

/* 施設基準 */

.s_list p {
    line-height: 2.0;
    padding-left: 1.0rem;
}

.s_list .dot {
    padding-left: 1.0rem;
}

.hokengai {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.hokengai_box {
    width: calc(100% / 2 - 10px);
    box-sizing: border-box;
    padding: 10px;
}

.hokengai_box table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.hokengai_box td {
    padding: 4px 8px;
}

.hokengai_txt {
    width: 50%;
}

.hokengai_letter {
    width: 15%;
    text-align: right;
}

.hokengai_box td {
    /* padding: 4px 8px; */
    border: 1px solid #ccc;
    text-indent: 0;
    padding: 0.5rem;
}

.hokengai_price {
    width: 20%;
    text-align: right;
}

.kijun:link {
    text-decoration: none;
}

.kijun {
    border-bottom: 2px solid #5AA1D8;
}

.kijun:hover {
    color: #79171C;
}

.kijun_box {
    margin-bottom: 40px;
}

.kijun_txt {
    font-size: .9rem;
    padding-left: 1.6rem;
    padding-top: 8px;
}

.kijun_li {
    line-height: 2;
}

.kijun_li li {
    padding-bottom: 8px;
}

/* 2025.07.18追加 */
/* ====================
看護部
==================== */
.nurse_imgbox {
    display: flex;
    vertical-align: middle;
    gap: 40px;
    margin: 20px auto;
}

.nurse_minibox {
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-around;
}

.nurse_minibox img {
    width: 100%;
    max-height: 300px;
    object-fit: contain;
}

@media screen and (max-width:685px) {
    .nurse_imgbox {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* 2025.07.23追加 */

/* 健康診断 */
.guide {
    vertical-align: top;
    background: #eef5fb;
    padding: .2em;
    font-size: 1.1rem;
    text-decoration: none;
    border: 1px solid #bdd4e7;
    font-weight: 600;
    margin: 8px 0;
    margin-top: 20px;
}

.guide-item {
    display: flex;
    gap: 1rem;
    align-items: baseline;
}

.guide .guide-title,
.guide .guide-law {
    font-size: 1.1rem;
    font-weight: 600;
}

/* 予約ダイヤル */
.reservation-dial .minim {
    padding: 0 16px;
}

.main-flex {
    display: flex;
    justify-content: space-around;
    justify-content: space-between;
    gap: 30px;
}

.reservation-dial.info {
    width: 350px;
}

.reservation-dial.info::after {
    width: 350px;
}

.reservation-dial .right {
    width: 100%;
}

.reservation-dial h3 {
    background-color: #5AA1D8;
    color: #fff;
    padding: 8px;
    text-align: center;
}

.reservation-dial ul {
    padding: 8px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.reservation-dial ul li a {
    text-decoration: none;
    font-size: 1.3rem;
    font-weight: 600;
}

.reservation-dial h3::before {
    content: "";
    background-image: url("../img/top/icon/injection_wh.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

a.telNumber.tel-big {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 0 8px;
    text-decoration: underline 1px solid;
}

@media screen and (max-width: 1182px) {
    .main-flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 365px) {
    .reservation-dial ul {
        flex-direction: column;
    }
}

/* トップページ */
.in.news-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.post.cell.top-news {
    width: 100%;
    max-width: initial;
}

.mini.top-news_li {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.top-news_li02 {
    width: 45%;
}

.twitter-timeline img {
    width: 40px;
    margin: 10px;
}

.clear.news-box {
    width: 50%;
}

.clear.news-box a.moreLink {
    margin-top: 20px;
}

/* 2025.09.10追加_採用情報 */

li.li-flex {
    display: flex;
}

li.li-flex>ul {
    display: flex;
    align-items: center;
}

li.li-flex.space-l {
    padding-left: 2em;
}

ul.square-mark>li.li-flex {
    font-size: inherit;
}

ol.num02 {
    list-style: auto;
    counter-increment: auto;
    padding-left: 1.0em;
}

ol.num03 {
    counter-reset: number;
}

ol.num03>li {
    position: relative;
}

ol.num03>li::before {
    content: counter(number);
    counter-increment: number;
    padding: 0 0.2em;
}

ol.num03>li::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    border: 1px solid #000;
    border-radius: 50%;
}

.recruit table.type01 a {
    text-decoration: none;
    border-bottom: 2px solid #79171C;
}

.recruit table.type01 a:hover {
    color: #79171C;
    font-weight: 700;
    border-bottom: none;
}

table.type01 li {
    list-style: none;
}

.li_link a {
    text-decoration: none;
    border-bottom: 2px solid #79171C;
}

.li_link a:hover {
    color: #79171C;
    font-weight: 700;
}

/* 2025.12.08_追加 */
.regulations-list a {
    text-decoration: none;
}

small.regulations-txt {
    background: none;
    color: #333;
    text-align: left;
    display: inline-block;
    padding-left: 1.2rem;
}

small.regulations-txt:hover {
    color: #79171C;
}

ul.regulations-list.square-mark>li {
    padding-left: 1rem;
    font-size: 1.0rem;
}



/* ===================
デザイン案_260106
=================== */
/* ヘッター掲載info */
.header-info {
    display: flex;
    gap: 1rem;
    align-items: stretch;
}

/* 左2ブロック */
.header-info__main {
    display: flex;
    gap: 1.5rem;
}

.header-info__item {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    font-size: .9rem;
}

.header-info__item .label {
    font-size: .75rem;
    color: #666;
}

.header-info__item .main {
    font-weight: 600;
}

.header-info__item .tel a {
    color: #c83c3c;
    font-weight: 700;
    text-decoration: none;
}

/* 予約・ワクチン（強調） */
.header-info__reserve {
    background: #eaf4ff;
    border: 1px solid #4a90e2;
    padding: .6rem .9rem;
    border-radius: 6px;
    text-align: center;
    min-width: 240px;
}

.header-info__reserve .label {
    font-size: .75rem;
}

.header-info__reserve .tel a {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1f5fa8;
}

.header-info__reserve .time {
    font-size: .75rem;
    color: #555;
}

.header-info__item .label {
    background-color: #5AA1D8;
    color: #fff;
    padding: .2rem 1rem;
    text-align: center;
    font-size: 1.0rem;
}

.header-info__item .label.tel::before {
    font-family: FontAwesome;
    content: "\f095";
    padding-right: 0.3rem;
    font-size: 1.3rem;
    padding-right: .4rem;
}

.header-info__item .label.time::before {
    font-family: FontAwesome;
    content: "\f017";
    padding-right: 0.3rem;
    font-size: 1.3rem;
    padding-right: .4rem;
}

.header-info__item .main {
    font-weight: 600;
    font-size: 1.1rem;
    padding: .6rem 1rem;
    padding-top: .1rem;
}

/* MV */
.top-logo {
    padding-bottom: 2.0rem;
}

.top-hero {
    width: 100%;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.top-hero__inner {
    display: flex;
    align-items: center;
}

.top-hero__mv {
    flex: 6;
    min-width: 0;
}

.top-hero__guide {
    flex: 4;
    padding: 1rem;
}

.outpatient-guide-box {
    background: #faf7f4;
    padding: 80px 0;
}

.outpatient-guide-box .in {
    max-width: 1100px;
    margin: 0 auto;
}

.outpatient-guide h2::after {
    display: none;
}

.outpatient-guide__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 40px;
}

.guide-card,
.outpatient-guide__contact {
    background: #fff;
    border-bottom: solid 2px #cb1c1d;
    padding: 25px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.outpatient-guide__contact,
.guide-card {
    margin-bottom: 10px;
}

.guide-card h3,
.outpatient-guide__contact h3 {
    color: #c83c3c;
    margin-bottom: 0px;
    text-align: left;
    font-weight: 500;
    font-size: 1.2rem;
}

.guide-card_ttl {
    width: 220px;
}

.guide-card_ttl::before {
    content: "";
    display: inline-block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 7px;
    margin-right: 5px;
}

.guide-card_ttl.r-hours-icon::before {
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/icon_outpatient_info01.svg);
}

.guide-card_ttl.closed-icon::before {
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/icon_outpatient_info02.svg);
}

.outpatient-guide__contact .guide-card_ttl::before {
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/icon_outpatient_info03.svg);
}

.outpatient-guide__contact-box {
    display: flex;
    flex-direction: column;
}

.guide-card p {
    font-size: 16px;
    line-height: 1.8;
}

.guide-card p strong {
    font-weight: 600;
    margin-right: 6px;
}

.guide-card .note {
    font-size: 14px;
    margin-top: 10px;
    color: #555;
}

.guide-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.guide-card ul li {
    font-size: 1.1rem;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
    text-align: left;
    font-weight: 500;
}

.guide-card ul li::before {
    content: "○";
    position: absolute;
    left: 0;
    color: #c83c3c;
}

.guide-card ul.reception-hours li::before {
    display: none;
}

.guide-card .reception-hours_txt {
    display: block;
    padding-left: .6rem;
}

.guide-card .reception-hours_txt.ttl {
    color: #c83c3c;
    padding-left: 0;
    font-weight: 300;
}

.guide-card ul li .reception-hours_txt.ttl::before {
    content: "○";
    position: absolute;
    left: 0;
    color: #c83c3c;
}

.outpatient-guide__contact .tel {
    font-size: 2.0rem;
    font-weight: 900;
}

.outpatient-guide__contact .tel a {
    color: #c83c3c;
    text-decoration: none;
    font-weight: 700;
}

.outpatient-guide__contact .time {
    font-size: 1.1em;
    font-weight: 500;
    gap: 10px;
    text-align: center;
}

.outpatient-guide__contact .time span {
    font-size: 2.0rem;
    font-weight: 900;
}

.contact_set {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.contact_set .tel {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.tel-num::before {
    content: "";
    display: block;
    height: 32px;
    width: 21px;
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/icon_tel.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: -28px;
    transform: translateY(-50%);
}

.outpatient-guide__contact .tel .tel-small {
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: 6px;
    color: #c83c3c;
}

.reception-hours_link {
    align-self: flex-end;
    margin-left: auto;
    margin-right: 1rem;
}

/* =====================================================
   レスポンシブ
===================================================== */

@media screen and (max-width: 768px) {

    .top-hero__inner {
        flex-direction: column;
    }

    .outpatient-guide__grid {
        grid-template-columns: 1fr;
    }

    .outpatient-guide-box {
        padding: 60px 20px;
    }

    .guide-card,
    .outpatient-guide__contact {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .guide-card_ttl {
        width: auto;
        margin-bottom: .5rem;
    }

    .guide-card ul {
        width: 100%;
    }

    .guide-card ul li {
        font-size: 1rem;
    }

    .reception-hours_link {
        align-self: flex-end;
        margin-top: .5rem;
        margin-right: 0;
    }

    .outpatient-guide__contact {
        background: #fff3f3;
        /* やさしい赤系 */
        border: 2px solid #c83c3c;
        /* 赤十字トーン */
        border-radius: 8px;
        padding: 20px 16px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    }

    .outpatient-guide__contact .tel {
        font-size: 2.2rem;
        margin-bottom: .3rem;
    }

    .outpatient-guide__contact .time {
        font-size: .95rem;
        opacity: .85;
    }

    .top-hero__guide {
        display: flex;
        flex-direction: column;
    }

    .outpatient-guide__contact {
        order: -1;
    }

    .outpatient-guide__contact {
        margin-bottom: 16px;
    }

}

.top-important {
    background: #fff3f3;
    border-bottom: 2px solid #c83c3c;
    padding: .6rem 0;
}

.important-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.important-item {
    display: flex;
    gap: .6rem;
    align-items: center;
    font-weight: 600;
}

.important-label {
    background: #c83c3c;
    color: #fff;
    font-size: .75rem;
    padding: .2rem .4rem;
    border-radius: 3px;
}

.important-cat {
    font-size: .75rem;
    color: #c83c3c;
}

/* ===================
   お知らせ
=================== */

.top-news {
    background: #f2f2f2;
    padding: 60px 0;
    margin: 60px auto;
}

.top-news>* {
    max-width: 1100px;
    margin: 0 auto;
}

.top-news .news-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #c83c3c;
    margin-bottom: 20px;
}

.news-box {
    margin: auto;
}

.news-tabs {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0 0 -1px;
}

.news-tabs li {
    background: #e0e0e0;
    padding: 10px 20px;
    font-size: .9rem;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    border: 1px solid #ddd;
    border-bottom: none;
}

.news-tabs li.is-active {
    background: #fff;
    font-weight: bold;
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    border-radius: 0 12px 12px 12px;
    padding: 20px 30px;
}

.news-item {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
    align-items: start;
}

.news-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.news-item:last-child {
    border-bottom: none;
}

.news-date {
    font-size: 0.85rem;
    color: #666;
    display: block;
    margin-bottom: 6px;
}

.news-tag {
    display: inline-block;
    font-size: .9rem;
    font-weight: 700;
    padding: 4px 10px;
    color: #fff;
    border-radius: 3px;
    white-space: nowrap;
}

.tag-info {
    background: #4AB56B;
}

.tag-news {
    background: #5AA1D8;
}

.tag-annual {
    background: #ECA012;
}

.tag-bid {
    background: #CB1C1D;
}

.news-text {
    color: #333;
    text-decoration: none;
    line-height: 1.6;
}

.news-text:hover {
    text-decoration: underline;
}

.news-more {
    text-align: right;
    margin-top: 20px;
}

.btn-more {
    background-color: #868686;
    color: #fff !important;
    border: 1px solid #868686;
    padding: 8px 24px;
    border-radius: 20px;
    text-decoration: none !important;
}

.btn-more:hover {
    background-color: #fff !important;
    color: #333 !important;
}

/* X */
/* =========================
   公式SNS
========================= */

.top-sns {
    background: #fff;
    /* border-top: 1px solid #e5e5e5; */
    padding: 20px 0;
}

.sns-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.sns-title {
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

.sns-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.sns-item a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 16px;
    text-decoration: none;
    font-weight: 700;
    border: 2px solid transparent;
    transition: all .2s ease;
    align-items: center;
}

/* X */
.sns-x a {
    border-color: #3E4145;
    color: #fff;
    background-color: #3E4145;
}

.sns-x a:hover {
    background: #fff;
    color: #3E4145;
}

/* YouTube */
.sns-youtube a {
    border-color: #e60012;
    color: #e60012;
}

.sns-youtube a:hover {
    background: #e60012;
    color: #fff;
}

/* Facebook */
.sns-facebook a {
    border-color: #1877f2;
    color: #1877f2;
}

.sns-facebook a:hover {
    background: #1877f2;
    color: #fff;
}

/* Instagram */
.sns-instagram a {
    border-color: #e1306c;
    color: #e1306c;
}

.sns-instagram a:hover {
    background: #e1306c;
    color: #fff;
}

/* SNSについて */
.sns-info a {
    background: #e60012;
    color: #fff;
    border-color: #e60012;
}

.sns-info a:hover {
    opacity: 0.8;
}

.sns-icon {
    font-size: 16px;
}

.sns-icon.x::before {
    content: "";
    display: inline-block;
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/logo-white.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-top: 6px;
}

.sns-icon.x::before {
    content: "";
    display: inline-block;
    background-image: url(../wp/wp-content/themes/kawanishi-jrc/img/top/icon/logo-white.png);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    margin-top: 6px;
}

.sns-item.sns-x:hover .sns-icon.x::before {
    background-image: url(/wp/wp-content/themes/kawanishi-jrc/img/top/icon/logo-black.png);
}

.sns-sub {
    font-weight: 700;
}

/* SP調整 */
@media (max-width: 768px) {
    .sns-inner {
        flex-direction: column;
        align-items: flex-start;
    }
}


.copyright {
    padding: 8px;
    margin-top: 10px;
    background-color: #cb1c1d;
    color: #fff;
    text-align: center;
}

/* -------------------------------
健康診断のご案内
スマホ用 scroll-margin-top（保険）
 -------------------------------*/
/* 健診内容アンカー位置調整 */
[data-checkup-no] {
    scroll-margin-top: 120px;
}

@media (max-width: 768px) {
    [data-checkup-no] {
        scroll-margin-top: 80px;
    }
}

/* -------------------------------
お知らせ一覧
 -------------------------------*/
.sideMenu li.is-current>a {
    background: #eaf4ff;
    font-weight: 700;
    position: relative;
}

.sideMenu li.is-current>a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 60%;
    background: #c83c3c;
    transform: translateY(-50%);
}

.file-icon {
    width: 18px;
    height: auto;
    margin-right: 6px;
    vertical-align: middle;
}

/* お知らせアクティブ表示 */
.sideArchive li a {
    color: #333;
}

.sideArchive li a:hover,
.sideArchive li.current a {
    font-weight: bold;
    color: #c83c3c;
}

.category-lead {
    margin-top: 16px;
    margin-bottom: 24px;
    color: #555;
    line-height: 1.8;
    font-size: 15px;
}

/* -------------------------------
お知らせ詳細
 -------------------------------*/
.topics-detail-box {
    border: 1px solid #ccc;
    padding: 40px;
    margin: 30px 0;
    background: #fff;
}


.topics-pager {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topics-pager a {
    text-decoration: none;
}

.pager-prev,
.pager-next {
    width: 33%;
}

.pager-back {
    width: 33%;
    text-align: center;
}

.pager-prev {
    text-align: left;
}

.pager-next {
    text-align: right;
}

.pager-back .trans {
    background-color: #fff;
    border: 1px solid #cb1c1d;
    border-radius: 50vw;
    padding: .6rem 2rem;
    color: #cb1c1d;
}

.pager-back .trans:hover {
    background-color: #cb1c1d;
    color: #fff;
}

.topics-pager .pager-prev a:hover {
    color: #cb1c1d;
}

.topics-pager .pager-next a:hover {
    color: #cb1c1d;
}

.single-box.sub .mainBox {
    width: 90%;
    margin: 0 auto 80px;
}