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

.titleimg{
background-image:url("../info/images/titleimg.jpg");
background-repeat: no-repeat;
background-size:cover;
background-position:center;
}
.main a:link	{
	text-decoration:underline;
	color:#5283db;
}
.main a:visited	{
	text-decoration:underline;
	color:#9E3BBA;
}

h4 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
  font-size:2.0rem;
  margin:1em 0 0;
}

h4:before, h4:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h4:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h4:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
.gaiyou dl {
display: flex;
flex-flow: row wrap;
width: 100%;
border-top: 1px solid #ccc;
}
.gaiyou dt {
flex-basis: 25%;
padding: 20px;
background-color: #f1f1f1;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.gaiyou dd {
flex-basis: 75%;
padding: 20px;
background-color: #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
@media screen and (max-width: 760px) {
.gaiyou dl {
flex-flow: column;
}
.gaiyou dt {
padding: 10px;
}
.gaiyou dd {
padding: 10px;
border-left: 1px solid #ccc;

}
}
.rinen{
margin:1em 0 3em;
font-size:1.1em;
}
.rinen_ol ol li{
list-style-type: disc;
margin:1em 0 1em 2em;
font-size:1.1em;
}


/*============沿革============*/
.timeline {
  list-style: none;
  margin-top:3em;
}
.timeline > li {
  margin-bottom: 30px;
}

h5{
font-weight: 500;
}
/* for Desktop */
@media ( min-width : 640px ){

  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 150px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #f2f2f2 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #8598cb;
    position: absolute;
    left: 146px;
    top: 24px;
    border-radius: 100%;
  }
  h5{
  margin-top:1.2em;
  }
}
@media ( max-width : 639px ){
h5{
color:#8598cb;
}
.timeline > li {
  margin-bottom: 10px;
}
}
.privacy_waku{
background: #f3f3f3;
border:1px solid #cecece;
padding:2em;
margin:1em 0 3em 0;
}
h6{
  border-bottom: solid 1px #cecece;
  font-weight: 600;
  font-size:1.2em;
}
.privacy_koumoku{
  font-weight: 600;
  font-size:1.1em;
  margin:2em 0 1em 0;
}
.privacy_ol{
margin-left:1.5em;
}
.privacy_ol ol li{
list-style-type: disc;
margin-left:1.5em;
}
.aisatsu{

}

.doctor_photo{
width:70%;
margin:0 auto;
}
@media screen and (min-width: 760px) {

.aisatsu{
display: flex;
}
.doctor_photo{
width:30%;
}
.bun_aisatsu{
width: 65%;
}
}