body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
p,
ul,
li,
table,
tr,
th,
td,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
    vertical-align: bottom;
}

.grid {
    width: 100%;
}

.top_img {
    width: 100%;
}
.menu_aria{
    background-color: #ffffff;
    width: 100%;
    height: 50px;
}
.menu {
    background-color: #ffffffcc;
    width: 100%;
    
    height: auto;
    position: fixed;
    z-index: 10;
/*position: fixed;で独立したエリアを親の幅に合わせる*/
    /* width: inherit; */
}

.menu_contents .menu_PC {
    display: none;
}

.menu_contents .menu_sp ul {
    list-style: none;
    background-color: rgba(35, 71, 149, 0.955);
}

.menu_contents .menu_sp ul li {
    height: 50px;
    background-color: rgb(12, 12, 121);
    border: solid 0.1px #ffffff5a;
    font-size: 16px;
    padding-left: 10px;
    display: flex;
    align-items: center;

}

.menu_contents .menu_sp ul .accessaria {
    padding: 15px;

}

.menu_contents .menu_sp ul .accessaria li {
    padding-left: 60;
    border: solid 1px #ffffff5a;
    text-align: center;
    display: flex;
    justify-content: center;

}

.menu_contents .menu_sp ul .accessaria li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
}

.menu_contents .menu_sp ul .accessaria li a img {
    width: 30px;
}

.menu_contents .menu_sp ul li a{
    color: #ffffff;
    width: 100%;
    height: 100%;
    display:flex ;
    align-items: center;
    text-decoration: none;
}


.hospital_info .hospital_img {
    width: 100%;
}

.hospital_info .hospital_img img {
    width: 100%;
    height: 200px;
}

.hospital_info div {
    width: 100%;
    background-color: rgba(42, 83, 218, 0.849);
}


.hospital_info div dt{
    padding: 10px 10px;
    font-size: 1.3em;
}

.hospital_info div dd {
    padding: 2px 10px;
    font-size: 1em;
}

.menu_contents .menu_sp {
    position: absolute;
    opacity: 0;
    transition: 5s;
    display: none;
}

.menu_contents {
    position: relative;

}

.menu_contents .menu_sp.active {
    display: initial;
    z-index: 10;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;

    width: 100%;
overflow:auto;
height: 100vh;
}

header .logo {
    width: 150px;
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

header .logo  img{
    width: 150px;
}

/*背景画像をカルーセルで動かす設定*/
.top{
    padding-bottom: 16.5%;
    background-size: cover;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 200px;
}
.img_1 {
    
   
    background-image: url(../img/topimg4.webp);
    
} 
.img_2 {
   
   
    background-image: url(../img/topimg2.webp);
   
} 
.img_3 {
    
   
    background-image: url(../img/topimg1.webp);
    
} 

.information {
    width: 100%;
}

.info_contents {
    width: 100%;
}

.info_contents ul {
    list-style: none;
    display: flex;

}

.info_contents {
    display: flex;
    width: 100%;
}

.info_contents div {
    display: flex;
    flex-grow: 1;
    position: relative;
}


.info_contents div:nth-of-type(2)::after {
    position: absolute;
    top: 30px;
    left: 100%;
    content: "";
    background-color: #a6a6a6;
    width: 1px;
    height: 65%;

}



.info_contents div:nth-of-type(2)::before {
    position: absolute;
    top: 30px;
    right: 100%;
    content: "";
    background-color: #a6a6a6;
    width: 1px;
    height: 65%;
}


.info_contents div a {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: #2a2a2a;
    font-size: 17px;
    text-decoration: none;
    font-size: 2vh;

}

.info_contents div a .icon {
    display: flex;
    justify-content: center;
    background-color: #fefefe00;
}

.info_contents div {
    display: flex;
    justify-content: center;
}


.info_contents div:hover {
    background-color: #463dce;
    transition: 1s;
}

.info_contents div a span{
    padding-bottom:7px;
}




a .icon {
    fill:#434343;
}

a:hover .icon{
    fill:#ffffff;
}

.info_contents div:hover span {
    color: #ffffff;
   
}

.information {
    display: flex;
    flex-direction: column;
}

.news {
    background-color: #e2e2e2;
    width: 100%;
}

.news_contener {
    padding: 20px;
}

.news_contents {
    display: flex;
    /* flex-direction: column; */

}

.cancer,
.care,
.robot,
.private {
    /* width: 80%; */
    width: 100%;
    flex-grow: 1;
}

.news_contents a {
    width: 100%;
    /* width: auto; */
    display: flex;
    flex-direction: column;
    justify-content: center;

}

/* .slick-dots {
    left: 50%;
    transform: translateX(-50%);
  } */
.news_contents a img {
    width: 90%;
    height: 150px;
    object-fit: cover;

}

.news_contents a div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
}

.news_contents a span {
    text-align: center;
    width: auto;
    padding: 10px;
    font-size: 2vh;
}

.news_contener h1 {
    padding-top: 30px;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    font-size: 3vh;
}

.news_contener h1::before {
    content: '';
    border-top: 4px solid #111248;
    display: block;
    position: absolute;
    width: 50px;
    left: calc(50% - 25px);
    /*50pxのボーダーラインを左から真ん中に持ってくる*/
    bottom: 0;
    padding-bottom: 10px;
}

/*newsのカルーセルの矢印設定*/
.slick-arrow {

    width: 7vh !important;
    height: 7vh !important;
    position: absolute !important;
    top: 40% !important;
    z-index: 2 !important;
}

.slick-prev:before,
.slick-next:before {
    /* position: absolute!important; */
    /* top:40%!important; */

    font-size: 7vh !important;
    color: rgb(21, 43, 117) !important;
}


.slick-next {
    right: -5px !important;
}

.slick-prev {
    left: -5px !important;
}



footer .footer_logo {
    height: 60%;
    padding: 30px;
}

footer .footer_logo .logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

footer .footer_logo .logo img {
    width: 50%;
}

@media(min-width:768px) {
    header .logo {
        margin-right: 30px;
        width: 220px;

        /* height: 150px; */
    }
    /* .menu_aria .menu_space{
        height: 0;
        width: 220px;
        background-color: #171e79;

    } */

    .menu_aria {
        height: 104px;
        /* width: 220px; */
        /* background-color: #171e79; */

    }
    header .logo img{
        width:100% ;
    }
    /* .menu_aria{
        background-color: #ffffff;
        width: 100%;
        height: 50px;
    } */
    .menu {
        /* width: 100%; */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

    }
    .menu_contents .menu_sp.active{
        display: none;
        /* visibility: hidden; */
    }
    .menu_sp .section{
        display: none;
    }
    .menu_contents .menu_sp,
    .menu_sp ul,
    .menu_sp section {
        display: none;
        visibility: hidden;
    }

    .menu_contents .menu_PC {
        display: flex;
        width: 100%;

    }

    .menu_contents {

        width: 70%;
    }

    .menu_contents .menu_PC ul {
        margin: 30px 0 ;
        width: 100%;
        display: flex;
        /* flex-direction: row;
        align-items: center; */
        /* justify-content:space-around; */
        list-style: none;


    }

    .menu_contents .menu_PC ul a {
        text-decoration: none;
        /* margin-right:20px ; */
    }

    .menu_contents .menu_PC ul li {
        display: flex;
        justify-content: center;
        flex-grow: 1;
        margin-top: 20px;
        position: relative;
        font-size: 2vh;
    }
/*メニューをホバーしたときの下線*/
    .menu_contents .menu_PC ul li:hover:before {
        position: absolute;
        bottom: -10px;
        left: 0;
        /* margin: 0 1rem; */
        /* top:15%;
        left: calc(50% - 121px); */
        /* left: 227.515px; */
        content: "";
        background-color: #171e79;
        width: 100%;
        height: 3px;
    }
/*メニューの仕切り線*/
    .menu_contents .menu_PC ul li::after {
        position: absolute;
        top: 0px;
        left: 0px;
        /* margin: 0 1rem; */
        /* top:15%;
        left: calc(50% - 121px); */
        /* left: 227.515px; */
        content: "";
        background-color: #a6a6a6;
        width: 1px;
        height: 100%;
    }
/*top画像のカルーセルの大きさ調整*/
    /* .top_img .carousel div img {
        height: 70vh;
    } */
    /* .top_img .carousel div img {
        height: 70vh;
    } */
    /*外来案内アイコンが入ってるエリアの位置設定*/
.info_contener{
    position: relative;
    /* width: 100%; */
    height: 25vh;
}
.info_contents{
    background-color: rgba(255, 255, 255, 0.747);
    max-width: 70%;
    height: 25vh;
position: absolute;
top:-40px;
/* left:5%; */
left: 50%;
    transform: translateX(-50%);
    /* -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); */
/* left: calc(50% - 36.5%); */
}
/*外来案内などのアイコンの位置調整*/
.info_contents div a .icon{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}



.news_contener{
    height: 60vh;
    /* display: flex;
    flex-direction: row;

    align-items: center; */
}
.news_contents{
    /* height: 60vh;
    align-items: center; */
    margin-top:30px ;
}
/* .cancer,
.care,
.robot,
.private {
    
    width: 100%;
    height: 60vh;
    flex-grow: 1;
} */
.news_contents a img{
    height: 40vh;
}


.slick-arrow {

    width: 10vh !important;
    height: 10vh !important;
    position: absolute !important;
    top: 50% !important;
    z-index: 2 !important;
}

.slick-prev:before,
.slick-next:before {
    /* position: absolute!important; */
    /* top:40%!important; */

    font-size: 10vh !important;
    color: rgb(21, 43, 117) !important;
}


.slick-next {
    right: -5px!important;
}

.slick-prev {
    left: -5px!important;
}
footer .footer_logo {
    height: 60%;
    padding: 30px;
}

footer .footer_logo .logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

footer .footer_logo .logo img {
    width: 30%;
}
.hospital_info{
    display: flex;
    flex-direction: row;
}
.hospital_info .hospital_img {
    width: 100%;
    /* height: 40px; */
}

.hospital_info .hospital_img img {
    width: 100%;
    /* height: 200px; */
    height: 60vh;
}

.hospital_info div {
    width: 100%;
    background-color: rgba(42, 83, 218, 0.849);
    display: flex;
    flex-direction: row;
    
    align-items: center;

}
.hospital_info div dl{
    width: 100%;

}
.hospital_info div dt{
    padding: 10px 10px;
    font-size: 1.3em;
    text-align: center;
}

.hospital_info div dd {
    text-align: center;
    padding: 2.5px 10px;
    font-size: 1em;
}
   
}
/* @media(min-width:1440px) {
    .menu_aria {
        height: 128px;
       
    }
}
@media(min-width:2560px) {
    .menu_aria {
        height: 128px;
       
    }
} */