/*-----------------------------------------------------
 トップメッセージ
 ------------------------------------------------------*/

/* メッセージ本体 */
.message {
  padding-top: 45px;
  padding-bottom: 45px;
  
}

/* メッセージのタイトル */
.message-title {
  margin-bottom: 45px;
}

.message-title.company-title {
  margin-bottom: 60px;
}

/* 経営理念 */
.philosofy {
  display: inline-block;
  padding: 30px 0 20px 0;
  line-height: 1.8rem;
}

/* メッセージのテキスト */
.message-text {
  line-height: 1.8rem;
  width: 620px;
  margin: 0 auto;
  text-align: left;
}


/* 会社概要の項目内容 */
.dd-last {
  margin-bottom: 20px;
}

.president {
  max-width: 980px;
  min-width: 700px;
  margin: 0 auto;
}

.president-container {
  padding-top: 45px;
  padding-bottom: 45px;
  width: 96%;
  margin: 0 auto;
}

.president-image {
  width: 240px;
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}

.president-name {
  width: 100%;
  text-align: right;
  clear: left;
}

.president-message-text {
  line-height: 1.8rem;
  margin: 0 auto;
  text-align: left;
}

.philosofy-text {
  font-family: 'Noto Serif JP', serif;
  padding: 90px 0 90px 0;
  font-size: 1.8rem;
  font-weight: 800;
  text-align: center;
}

/*-----------------------------------------------------
 1281px以上のウィンドウ幅
 ------------------------------------------------------*/

 @media only screen and (min-width: 1281px) {

  /* トップ画像 */
  .top-image {
    margin-top: 35px;
    height: auto;
    padding-top: 18%;
  }

  /* トップ画像 */
  .last-image {
    height: auto;
    padding-top: 18%;
    margin-bottom: 35px;
  }
}

.yousetsu .board {
  top: 200px;
}

.yunbo .board {
  top: 200px;
}

.md120 .board {
  top: 200px;
}

.message-br {
  display: inline-block;
  height: 3.0rem;
}


.bcp-inner {
  display: flex;
  min-height: 250px;
  padding-bottom: 30px;
}

.bcp-title {
  margin-bottom: 35px;
  margin-top: 30px;
}

.bcp-mark {
  min-width: 250px;
  width: 20%;
  margin-left: 30px;
}

.bcp-text {
  padding: 0 30px 0 30px;
}


.profile {
  max-width: 740px;
  margin: 0 auto 120px auto;
}

.profile-title {
  width: 130px;
  padding: 0;
}

.table {
  margin: 0;
  margin-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}

.access {
  display: flex;
  height: 450px;
}

.google-map {
  background-color: black;
  flex-basis: 50%;
}

.access-title {
  width: 130px;
  padding: 0;
  vertical-align: top;
}

.access-content {
  margin-left: 5%;
  width: 40%;
  margin-right: 5%;
}

@media only screen and (max-width: 767px) {
  /* トップ画像 */
.top-image {
  height: 300px;
}

.president-container {
  padding-top: 25px;
  padding-bottom: 25px;
  width: 96%;
  margin: 0 auto;
}

.sp-nothing {
  display: none;
}

.top-image .content {
  min-width: 768px;
}

/* メッセージ本体 */
.message {
  padding-top: 30px;
  margin-bottom: 0;
}

/* メッセージのタイトル */
.message-title {
  margin-bottom: 25px;
}

.message-title.company-title {
  margin-bottom: 25px;
}

/* メッセージのテキスト */
.president-message-text {
  line-height: 1.4rem;
}

.profile-title {
  width: 80px;
}

.google-map {
  padding-top: 300px;
}

.access {
  display: block;
  height: auto;
}

.access-title {
  width: 80px;
}

.access-content {
  margin: 0;
  width: 100%;
}

.access-content .content {
  width: 100%;
}

.table {
  margin-bottom: 20px;
  padding-bottom: 20px;
}


/* メッセージのテキスト */
.message-text {
  line-height: 1.2rem;
}

.message-text span {
  display: inline-block;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
  margin-bottom: .2rem;
}

.profile {
  margin: 0 auto 50px auto;
}

.profile {
  padding-top: 0;
}

/* メッセージのテキスト */
.message-text {
  width: 96%;
}

.president {
  max-width:fit-content;
  min-width:fit-content;
  width: 100%;
  margin: 0 auto;
}

.philosofy-text {
  font-family: 'Noto Serif JP', serif;
  padding: 50px 0 50px 0;
  font-size: 1.4rem;
  font-weight: 800;
  text-align: center;
}

.president-image {
  width: 140px;
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}

}