@charset "utf-8";

body{
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
}

.header{
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center;
}

.header_img{
    text-align: center;
    line-height: 0;
}

.header_sub{
    text-align: center;
    position: relative;
    line-height:0;
}

.header_logo{
    text-align: center;
    position: absolute;
    top: 110px;
    left: 121px;
}

.header_text{
    text-align: center;
    position: absolute;
    top: 106px;
    left: 258px;
}

.main{
    display: flex;
    width: 960px;
    height: auto;

}

.menu{
    display: flex;
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
}

.nav_bar{
    background-color: rgb(209, 198, 198); 
    width: 960px;
    height: 90px;
}

.nav_line{
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  top:0;
  left: 10px;
}

.nav_line img:nth-child(2n){
  height: 55px;
  margin-top: 15.29px;
  margin-bottom: 16.86px;
}

.information{
    display: flex;
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;
}


.information_p{
    width: 675px;
    height: 100%;
    margin-top:33.95px ;
}

.article1{
    font-family: "HGP教科書体" ;
    margin: 35px 0 0 44.9px;
  
}

.article2{
    font-family: "HGP教科書体" ;
    font-size: 16px;
    margin-left: 44.9px;
    margin-top: 29px;
}

.about{
    width: 675px;
    height: 100%;
    margin-top: 105px;
}

.articles{
    display: flex;
    justify-content: flex-start;
}

.about_article1{
    margin: 35px 0 0 44.9px;
}

.about_article{
    margin: 35px 0 0 46px;
}

.articleTopic{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 0 44.9px;
    width: 545px;
}

.about_article_topic1{
    width:151px;
    margin: 39px 0 0 0;
    text-align: center;
}

.about_article_topic2{
    width:151px;
    margin: 39px 0 0 46px;
    text-align: center;
}

.about_article_topic3{
    width:151px;
    margin: 39px 0 0 46px;
    text-align: center;
}

.articleContent{
    display: flex;
}



.about_article_content1{
    font-family: "HGP教科書体";
    line-height: 1.75;
    width: 151px;
    height: 181px;
    margin:34px 0 0 44.9px;
}

.about_article_content2{
    font-family: "HGP教科書体";
    line-height: 1.75;
    width: 151px;
    height: 181px;
    margin:34px 0 0 46.67px;
}

.about_article_content3{
    font-family: "HGP教科書体";
    line-height: 1.75;
    width: 151px;
    height: 210px;
    margin:34px 0 85px 46.67px;

}

.footer{
    display: flex;
    justify-content: flex-start;
    background-color: rgb(7, 119, 217);
    width: 960px;
    height: 129px;
    margin:0;
}

.footer_left{
    display: flex;
    flex-wrap: wrap;
    align-content:space-between ;
    font-size: 14px;
    font-family: "HGP教科書体" ;
    color:white ;
    width: 67px;
    height: 102px;
    margin:12px 57px 0 47px;
}

.footer_center{
    display: flex;
    flex-wrap: wrap;
    align-content:space-between ;
    font-size: 14px;
    font-family: "HGP教科書体" ;
    color:white ;
    width: 94px;
    height: 48px;
    margin:30px 57px 0 0;

}

.footer_right{
    display: flex;
    flex-wrap: wrap;
    align-content:space-between ;
    font-size: 14px;
    font-family: "HGP教科書体" ;
    color:white ;
    width: 81px;
    height: 29px;
    margin:30px 0 0 0;

}

.times{
    position: relative;
    margin: 25px 30px 30px 0 ;
}

.times_info{
    position: absolute;
    top:11px;
    left: 84.31px;
}

.weekdays{
    position: absolute;
    top:61px;
    left: 6.31px;
}

.weekdays_time{
    position: absolute;
    top:47px;
    left: 68.31px;
}

.SaturdayandSunday{
    position: absolute;
    top:44px;
    left: 8px;
}

.SaturdayandSunday_time{
    position: absolute;
    top:34px;
    left: 70px;
}

.Telephoneconsultation{
    position: absolute;
    top:16px;
    left: 86px;
}

.number{
    position: absolute;
    top:56px;
    left: 50px;
}