@charset "UTF-8";
/* CSS Document */

@keyframes slideranim{
0%{
filter: blur(30px);
transform: scale(1.6);
opacity: 0;
}
100%{
filter: blur(0);
transform: scale(1);
opacity: 1;
}
}

@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}


@keyframes svg {
0% {
fill: transparent;
stroke-dashoffset: 1600px;
}
80% {
fill: transparent;
}
100%{
stroke-dashoffset: 0;
fill: #FFF;
}
}


/*PC*/
@media print, screen and (min-width: 768px) {


/*index
-----------------------------------------------*/
#hospital .idx_list{
display: flex;
flex-wrap: wrap;
}

#hospital .idx_list li{
width: 31.333%;
margin-right: 2%;
margin-bottom: 2%;
}

#hospital .idx_list li:nth-child(3n){
margin-right: 0;
}


/*message
-----------------------------------------------*/
#hospital .message_ttl_s{
font-size: 25px;
font-weight: bold;
line-height: 1.5;
letter-spacing: .12em;
color:#0b60b0;
margin-bottom: 30px;
}

#hospital .message_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin-top: 80px;
}

#hospital .message_list li{
width: 45%;
}

#hospital .message_list li .img{
margin-bottom: 10px;
}

#hospital .message_list li .img img{
border-radius: 10px;
overflow: hidden;
}

#hospital .message_list li h4{
text-align: right;
line-height: 1.5;
font-size: 16px;
}

#hospital .message_list li h4 span{
font-size: 22px;
}

#hospital .message_list li:nth-child(2){
width: 50%;
}

#hospital .message_list li .doctor_profile {
width: 100%;
border: 1px solid #0B60B0;
border-radius: 10px;
padding:20px 25px;
box-sizing: border-box;
}

#hospital .message_list li .doctor_profile h5{
font-size: 18px;
line-height: 1;
margin: 0 0 30px;
color: #0B60B0;
}

#hospital .message_list li .doctor_profile h6{
font-size: 14px;
line-height: 1;
margin: 0 0 10px;
color: #0B60B0;
}

#hospital .message_list li .doctor_profile dl{
display: flex;
flex-wrap: wrap;
font-size: 1rem;
margin-bottom: 40px;
}

#hospital .message_list li .doctor_profile dl dt{
width:20%;
}

#hospital .message_list li .doctor_profile dl dd{
width:80%;
border-left: 1px solid #d1d1d1;
box-sizing: border-box;
padding-left:1rem;
}

#hospital .message_list li .doctor_profile .dot_list li{
width: 100%;
}

/*history
-----------------------------------------------*/
#hospital .history_list{

}

#hospital .history_list li{
width: 100%;
border: 1px solid #0B60B0;
border-radius: 10px;
padding: 20px 25px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
list-style-type: none;
}

#hospital .history_list li .img_box{
width:30%;
margin:0 0 10px;
}

#hospital .history_list li .img_box .img{
width: 80%;
margin: 0 auto;
}

#hospital .history_list li .img_box .img img{
border-radius: 10px;
overflow: hidden;
}

#hospital .history_list li .img_box h3{
font-size: 20px;
font-weight: 500;
text-align: center;
}

#hospital .history_list li .img_box h3 span{
font-size: 16px;
margin-right: 10px;
}

#hospital .history_list li .img_box p{
text-align: center;
}

#hospital .history_list li dl{
width:60%;
display: flex;
flex-wrap: wrap;
font-size: 1rem;
margin-bottom: 40px;
}

#hospital .history_list li dl dt{
width:25%;
}

#hospital .history_list li dl dd{
width:75%;
border-left: 1px solid #d1d1d1;
box-sizing: border-box;
padding-left:1rem;
}

#hospital .history_list li li{
width: 100%;
}


/*floor_map
-----------------------------------------------*/
#hospital .fl_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 4%;
}

#hospital .fl_box .box2{
width: 48%;
}

#hospital .fl_box .box3{
width: 32%;
}

#hospital .fl_box .box5{
width:18.4%;
}

#hospital .fl_box .box100{
width:100%;
}

#hospital .fl_box .img{
margin-bottom: 10px;
}

#hospital .fl_box .img img{
border-radius: 10px;
overflow: hidden;
}

#hospital .fl_box .fl_ttl{
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
text-align: center;
}


#hospital .fl_box .fl_txt{
line-height: 1.4;
font-size: 14px;
margin-bottom: 10px;
}

#hospital .fl_box .fl_txt100{
width: 100%;
line-height: 1.6;
font-size: 14px;
margin-bottom: 10px;
}




/*thoughts
-----------------------------------------------*/
#hospital .thoughts_img{
border-radius:20px;
overflow: hidden;
margin: 0 0 60px;
}

#hospital .thoughts_txt{
margin-bottom: 60px;
}

#hospital .thoughts_txt span{
font-weight: bold;
}

#hospital .thoughts_redtxt{
font-size: 20px;
margin-bottom: 60px;
text-align: center;
color:rgb(11, 96, 176);
}

#hospital .rogo_wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

#hospital .rogo_wrap .rogo_img{
width: 200px;
}

#hospital .rogo_wrap .rogo_box{
width:calc(100% - 280px);
}

#hospital .rogo_wrap .rogo_box p{
margin-bottom: 20px;
}

#hospital .rogo_wrap .rogo_box h6{
font-size: 16px;
text-align: right;
}

#hospital .rogo_wrap .rogo_box h6 span{
font-size: 20px;
}

/*renkei
--------------------------------------*/
#hospital .renkei_illust{
width: 80%;
margin: auto;
}

#hospital .renkei_btn_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#hospital .renkei_btn_list li{
width: 48%;
}

#hospital .renkei_btn_list li a{
width: 100%;
max-width: 100%;
}

/*features
--------------------------------------*/
#hospital .features_steplist{
display: flex;
flex-wrap: wrap;
}

#hospital .features_steplist li{
width: 31.333%;
margin-right: 2%;
margin-bottom: 2%;
}

#hospital .features_steplist li:nth-child(3n){
margin-right: 0;
}

#hospital .features_crlist{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 60px;
}

#hospital .features_crlist li{
border: 2px solid #008dcf;
padding: 10px;
box-sizing: border-box;
width: 48%;
margin-right: 2%;
font-weight: bold;
line-height: 1;
color: #008dcf;
text-align: center;
}

#hospital .navi_img{
float: right;
width: 220px;
margin:0 0 30px 30px; 
}

#hospital .tegeka_box{
background: rgba(0,0,0,.02);
padding: 20px;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 20px;
color: #008dcf;
}

#hospital .features_illust{
width: 80%;
margin:0 auto 60px;
}



}
/*sp*/
@media only screen and (max-width: 767px) {


/*index
-----------------------------------------------*/
#hospital .idx_list{
}

#hospital .idx_list li{
width: 100%;
margin-bottom:15px;
}

#hospital .idx_list li:last-child{
margin-bottom:0;
}


/*message
-----------------------------------------------*/
#hospital .message_ttl_s{
font-size: 18px;
font-weight: bold;
line-height: 1.5;
letter-spacing: .12em;
color:#0b60b0;
margin-bottom: 30px;
}

#hospital .message_list{
margin-top: 40px;
}

#hospital .message_list li{
width: 100%;
margin-bottom: 20px;
}

#hospital .message_list li .img{
margin-bottom: 10px;
}

#hospital .message_list li .img img{
border-radius: .6rem;
overflow: hidden;
}

#hospital .message_list li h4{
text-align: center;
line-height: 1.5;
font-size: 12px;
}

#hospital .message_list li h4 span{
font-size: 16px;
}

#hospital .message_list li .doctor_profile {
width: 100%;
border: 1px solid #0B60B0;
border-radius: 10px;
padding:20px 25px;
box-sizing: border-box;
}

#hospital .message_list li .doctor_profile h5{
font-size: 16px;
line-height: 1;
margin: 0 0 20px;
color: #0B60B0;
}

#hospital .message_list li .doctor_profile h6{
font-size: 14px;
line-height: 1;
margin: 0 0 10px;
color: #0B60B0;
}

#hospital .message_list li .doctor_profile dl{
font-size: 14px;
margin-bottom: 20px;
}

#hospital .message_list li .doctor_profile dl dt{
width:100%;
border-top: 1px solid #d1d1d1;
padding-top: 5px;
}

#hospital .message_list li .doctor_profile dl dd{
width:100%;
padding-bottom: 5px;
box-sizing: border-box;
}

#hospital .message_list li .doctor_profile .dot_list li{
width: 100%;
}

/*history
-----------------------------------------------*/
#hospital .history_list{

}

#hospital .history_list li{
width: 100%;
border: 1px solid #0B60B0;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
list-style-type: none;
}

#hospital .history_list li .img_box{
width:80%;
margin:0 auto 20px;
}

#hospital .history_list li .img_box .img{
width: 80%;
margin: 0 auto;
}

#hospital .history_list li .img_box .img img{
border-radius: .6rem;
overflow: hidden;
}

#hospital .history_list li .img_box h3{
font-size: 16px;
font-weight: 500;
text-align: center;
}

#hospital .history_list li .img_box h3 span{
font-size: 12px;
margin-right: 10px;
}

#hospital .history_list li .img_box p{
text-align: center;
}

#hospital .history_list li dl{
width:100%;
font-size: 14px;
}

#hospital .history_list li dl dt{
width:100%;
border-top:1px solid #d1d1d1;
padding:5px 0 0 ;
box-sizing: border-box;
}

#hospital .history_list li dl dd{
width:100%;
padding:0 0 5px;
box-sizing: border-box;
}

#hospital .history_list li li{
width: 100%;
}


/*floor_map
-----------------------------------------------*/
#hospital .fl_box{
margin-bottom:30px;
}

#hospital .fl_box .box2{
width: 100%;
margin-bottom: 20px;
}

#hospital .fl_box .box3{
width: 80%;
margin: 0 auto 15px;
}

#hospital .fl_box .box5{
width: 80%;
margin: 0 auto 15px;
}

#hospital .fl_box .box100{
width:100%;
}

#hospital .fl_box .img{
margin-bottom: 10px;
}

#hospital .fl_box .img img{
border-radius: 10px;
overflow: hidden;
}

#hospital .fl_box .fl_ttl{
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
text-align: center;
}


#hospital .fl_box .fl_txt{
line-height: 1.4;
font-size: 14px;
margin-bottom: 10px;
}

#hospital .fl_box .fl_txt100{
width: 100%;
line-height: 1.6;
font-size: 14px;
margin-bottom: 10px;
}




/*thoughts
-----------------------------------------------*/
#hospital .thoughts_img{
border-radius:20px;
overflow: hidden;
margin: 0 0 30px;
}

#hospital .thoughts_txt{
margin-bottom: 30px;
}

#hospital .thoughts_txt span{
font-weight: bold;
}

#hospital .thoughts_redtxt{
font-size: 20px;
margin-bottom: 60px;
text-align: center;
color:rgb(11, 96, 176);
}

#hospital .rogo_wrap{
}

#hospital .rogo_wrap .rogo_img{
width: 180px;
margin: 0 auto 20px;
}

#hospital .rogo_wrap .rogo_box{
width:100%;
}

#hospital .rogo_wrap .rogo_box p{
margin-bottom: 20px;
}

#hospital .rogo_wrap .rogo_box h6{
font-size: 12px;
text-align: center;
}

#hospital .rogo_wrap .rogo_box h6 span{
font-size: 16px;
}

/*renkei
--------------------------------------*/
#hospital .renkei_illust{
width: 100%;
margin: auto;
}

#hospital .renkei_btn_list{
}

#hospital .renkei_btn_list li{
width: 100%;
margin-bottom: 15px;
}

#hospital .renkei_btn_list li:last-child{
margin-bottom: 0;
}

#hospital .renkei_btn_list li a{
width: 100%;
max-width: 100%;
}

/*features
--------------------------------------*/
#hospital .features_steplist{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#hospital .features_steplist li{
width: 48%;
margin-bottom: 2%;
}

#hospital .features_crlist{
width: 100%;
margin:0 auto 30px;
}

#hospital .features_crlist li{
border: 2px solid #008dcf;
padding: 10px;
box-sizing: border-box;
width: 100%;
font-size: 14px;
font-weight: bold;
line-height: 1;
color: #008dcf;
text-align: center;
margin-bottom: 10px;
}

#hospital .navi_img{
width: 40%;
margin:0 auto 20px; 
}

#hospital .tegeka_box{
background: rgba(0,0,0,.02);
padding: 20px;
box-sizing: border-box;
border: 1px solid #ddd;
border-radius: 20px;
color: #008dcf;
}

#hospital .features_illust{
width: 100%;
margin:0 auto 30px;
}

}