@charset "utf-8";


.first_view {
  height: calc(100vh-130px);
  background-color: lightyellow;
  display: flex;
  align-items: center;
  background-image: url(../image/child01.jpg), url(../image/family01.jpg);
  background-repeat: no-repeat;
  background-position: left,right;
}

.first_view_text {
  width: 100%;
  /* max-width: 1200px; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-image:none;
}

.first_view_text h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 30px;
  color: blue;
  padding-left: 40px;
  margin-left: 200px;
  margin-right: 200px;
}

.first_view_text p {
  color: darkmagenta;
  font-size: 14px;
  line-height: 1.4;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
}

.news_box {
  width: 100%;
  background-image: url(../image/img004.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.section_box {
  width: 100%;
  /* max-width: 1200px; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-align: left;
}

.section_box h3 {s
    font-size: 120%;
    color: blue;
    border-left: 10px solid blue;
    border-bottom: 2px solid aqua;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-top:20px;
    margin-left: 20px;
    margin-right: 300px;
}

.section_box p {
  padding-top: 10px;
  padding-left: 50px;
  font-size: 90%;
  color: #000000;
  line-height: 1.3;
  text-align: left;
}

.span p{
  color: red;
}
.section_box a {
  color: blueviolet;
  text-decoration: solid;
}

.oshirase_logo {
  display: block;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding-left: 40px;
  padding-right: 40px;
}

.top_img{
  display: flex;
  margin-left: 50px;
  margin-top: 10px;
  width:400px;
}

.top_img img{
  padding-left: 10px;
}

.news_img{
  display: flex;
  width:100px;
}

/*  */
/* モバイル用設定 */
@media (max-width: 800px) {
  .first_view {
    height: calc(100vh-130px);
    background-color: lightyellow;
    display: flex;
    align-items: center;
    background-image: none;
  }
  .first_view_text h1 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2px;
    font-size: 20px;
  }
  .news_box {
  background-image: none;
}
.section_box h3 {
  margin-right: 20px;
}
.top_img{
  display: block;
  margin-left: 10px;
  margin-top: 50px;
  width:250px;
}