@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600&display=swap');

body {
  position: relative;
  background: transparent;
}

body:before {
  position: fixed;
  content: '';
  width: 100%;
  height: 100vh;
  background: url(company_image/Earth.jpg) center bottom / cover;
  z-index: -1;
}


main {
  padding-top: 2rem;
}

.responsive-image {
  max-width: 70%; /* 画像の最大幅を親要素の幅に合わせる */
  height: auto; /* 画像の高さを自動調整 */
  display: block;
  margin: 0 auto; /* 画像を中央に配置 */
}

.image-philosophy {
  text-align: center;
  margin: 20px 0; /* 画像の上下に余白を追加 */
}

/*概要テーブル*/
table {
  font-size: 13px;
  border-collapse: collapse;
  width: 90%; /* 表を横に伸ばす */
    table-layout: fixed; /* セルの幅を固定 */
    margin:0 auto;
}



td {
  border: 1px solid #ddd;
  padding: 8px;
  word-wrap: break-word; /* テキストを折り返す */
}

td.q {
  width: 30%; /* 質問列の幅を設定 */
  text-align: center;
  background-color:aliceblue;
  font-weight: bold;
  
}

td.a {
  width: 70%; /* 答え列の幅を設定 */
}

.company_block{
  padding-top:60px;
}

.company{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:3px solid grey;
  border-radius: 25px;
  background-color: white;
  margin:30px;
}

.company ul{
  padding:0;
}

.spacebook-logo {
  max-width: 70%; /* 画像の最大幅を親要素の幅に合わせる */
  height: auto; /* 画像の高さを自動調整 */
  display: block;
  margin: 0 auto; /* 画像を中央に配置 */
  padding:10px 10px 25px 10px;
}




.philosophy a{
  display: block; /* リンクをブロック要素に変更 */
  width: 100%; /* 親要素の幅に合わせる */
  color: black;
  font-size: 25px;
  margin:0 auto;
}

.philosophy h1 {
  position: relative;
  border: 3px solid grey;
  border-radius: 25px;
  background-color: white;
  margin: 50px;
  text-align: center;
  -webkit-box-shadow:5px 5px 10px 1px gray;
          box-shadow:5px 5px 10px 1px gray;
}



.philosophy h1 a:hover {
  color: inherit; /* ホバー時に文字色を透明に設定 */
}

.philosophy h1 a:hover::before {
  opacity: 0; /* ホバー時に表示 */
}

.philosophy h1 a:hover::after {
  display: none;
}



/**/


.service ul {
  display: block;
  height: 200px;
}

.service-icon {
width: 90%; /* アイコンの幅を設定 */
height: auto; /* 高さを自動調整 */

}

.service {
  padding-top: 30px;
}


/**/
.service ul li {
  padding:5px 5px;
}

.service ul li a {
  background-color: white;
  border: 3px solid gray;
  color: gray;
  font-weight: bold;
  text-align: center;
  border-radius: 10px; /* 枠線を丸くする */
  width: auto;
  height: auto;
  margin-top: 0;
  aspect-ratio: inherit;
  padding-block: 0;
  font-size: 1.9rem;
}

.service ul li a::before {
  border-radius: 10px;
}

/**/
.service ul li a img {
  display: none; /* 画像を非表示にする */
  }


/**/

.service-text {
  margin:0;
  padding-bottom:7px;
}

.service_title {
text-align: center;
padding-top:20px;
}

.service ul li:hover a {
  color: inherit; /* ホバー時に文字色を透明に設定 */
}

.service ul li:hover a::before {
  opacity: 0; /* ホバー時に表示 */
}

.service ul li:hover .service-text {
  background: inherit;
  background-clip: inherit;
  color: inherit;
}


.philosophy{
  margin-bottom: 11rem;
  padding-bottom: 10px;
}

.block_a{
  background-color: whitesmoke;
}

.block_b{
  background-color: #000033;
}

footer{
  background-color: #000033;
}

.footer-line{
  border-top: 1px solid white;
}