@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
-----------------------------------------------*/
#outpatient .idx_list{
display: flex;
flex-wrap: wrap;
}

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

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


/*first-visit
-----------------------------------------------*/
#outpatient .flex_wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 60px;
}

#outpatient .flex_wrap .txt_box{
width: 55%;
}

#outpatient .flex_wrap .txt_box2{
width: 100%;
}

#outpatient .flex_wrap .img{
width: 40%;
}

#outpatient .flex_wrap .img img{
border-radius: 10px;
overflow: hidden;
}

#outpatient .flow_list{
position: relative;
}

#outpatient .flow_list::before{
content: "";
height: 100%;
width: 6px;
background: #153b91;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

#outpatient .flow_list li{
border: 1px solid #153b91;
border-radius: 10px;
background: #fff;
position: relative;
padding: 30px;
margin-bottom: 30px;
}

#outpatient .flow_list li:last-child{
margin-bottom: 0;
}

#outpatient .flow_list li .fl_r{
float: right;
width: 40%;
margin: 0 0 30px 30px;
}

#outpatient .flow_list li .fl_r img{
border-radius: 10px;
overflow: hidden;
}


/*re-examination
-----------------------------------------------*/
#outpatient .henko_dl{
margin-top: 30px;
}

#outpatient .henko_dl dt{
font-size: 36px;
font-weight: bold;
margin-bottom: 20px;
line-height: 1;
color:#0b60b0;
}

#outpatient .henko_dl dd{
line-height: 1;
}


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

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

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

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


/*first-visit
-----------------------------------------------*/
#outpatient .flex_wrap{
width: 100%;
margin: 0 0 40px;
}

#outpatient .flex_wrap .txt_box{
width: 100%;
margin-bottom: 20px;
}

#outpatient .flex_wrap .txt_box2{
width: 100%;
}

#outpatient .flex_wrap .img{
width:80%;
margin: auto;
}

#outpatient .flex_wrap .img img{
border-radius: .6rem;
overflow: hidden;
}

#outpatient .flow_list{
position: relative;
}

#outpatient .flow_list::before{
content: "";
height: 100%;
width: 6px;
background: #153b91;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}

#outpatient .flow_list li{
border: 1px solid #153b91;
border-radius: 10px;
background: #fff;
position: relative;
padding: 15px;
margin-bottom: 20px;
}

#outpatient .flow_list li:last-child{
margin-bottom: 0;
}

#outpatient .flow_list li .fl_r{
width: 60%;
margin: 0 auto 30px;
}

#outpatient .flow_list li .fl_r img{
border-radius: 10px;
overflow: hidden;
}


/*re-examination
-----------------------------------------------*/
#outpatient .henko_dl{
margin-top: 30px;
}

#outpatient .henko_dl dt{
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
line-height: 1;
color:#0b60b0;
}

#outpatient .henko_dl dd{
font-size: 14px;
line-height: 1.6;
}

}