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

/******** トップイメージ ********/

#top-img{
  height:167px;
  background:URL(../img/common/39779986.jpg) no-repeat center center;
  background-size:cover;
}


/******** 下層ページ共通コンテンツ ********/

#contents-main{
  max-width:1100px;
  height: auto;
  display: inline-block;
}

#common-content{
  margin-top: 17px;
}

#menu-flow p{
  font-size: 15px;
  text-align: left;
}

#menu-flow p span{
  color:#00d9d9;
}

#menu-tite h2{
  color:#00bfff;
  font-size: 2.625rem;
  font-weight: 300;
  padding-top: 60px;
}

#menu-tite p{
  color:#00bfff;
  font-size: 0.9375rem;
}

.common-blue{
  color:#00a3d8;
}

/******** 各コンテンツ ********/

/* ごあいさつ */
#message-box{
  width: 1100px;
  color:#5a5a5a;
  line-height: 30px;
}

#mess-title-pub{
  border-top: #00bfff solid 1px;
  font-size: 32px;
  padding-top:65px;
  margin:50px 0;
  line-height: 1.3;
}

#mess-contents{
  display: flex;
  display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
  flex-wrap: wrap;
  font-size: 15px;
}

.mess-pic{
  width:300px;
}

.mess-pic p{
  font-size:0.9375rem;
  padding-top:15px;
}

.mess-list{
  width:800px;
}

.mess-list ul li{
  text-align: left;
  margin-left:38px;
}

#mess-details{
  margin: 0 auto;
  font-size: 15px;
  color:#00d9d9;
  cursor:pointer;
  width:100%;
  padding-top:30px;
}

.mess-list-detail{
  display: none;
  height: fit-content;
}

#mess-details-close{
  display: none;
  width:100%;
  margin: 0 auto;
  padding-top:45px;
  font-size: 15px;
  color:#00d9d9;
  cursor:pointer;
}
img.president{
  width: 300px;
}

@media screen and (max-width: 896px) {

  #top-img{
    height:73px;
    background:URL(../img/common/39779986.jpg) no-repeat center center;
  }

  #contents-main{
    width:100vw;
  }

  #message-box{
    width:100vw;
  }

  #menu-flow p{
    padding-left:2.5vw;
  }
  
  #menu-tite h2{
    font-size: 1.8rem;
  }

  #mess-contents{
    display: block;
    flex-wrap: wrap;
    font-size: 13px;
    width:100vw;
  }

  .mess-pic{
    width: 95vw;
    margin: 0 auto;
  }
  
  .mess-pic p{
    font-size:0.9375rem;
    padding-top:15px;
  }

  .mess-list{
    width: 95vw;
    margin: 0 auto;
  }
  
  .mess-list ul li{
    text-align: left;
    margin-left:0;
  }

  .br-cp{
    display: none;
  }
}  

@media screen and (max-width: 896px) and (orientation: landscape) {
  #top-img{
    height:100px;
    background:URL(../img/common/39779986.jpg) no-repeat center center;
  }

  .mess-pic{
    width:50vw;
  }
  
  .mess-pic p{
    font-size:0.9375rem;
    padding-top:15px;
  }


}