@charset "utf-8";

/*全体*/
.content{
  padding: 0px 0 120px;
}

/*企業理念*/
.phi{
  background: url(../img/bg01.webp) no-repeat center;
  padding: 80px 0%;
  background-size: cover;
}
.phi_inner{
  max-width: 1024px;
  width: 100%;
  margin: auto;
}
.phi p{
  max-width: 850px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: #0099CC40 0 0 20px;
  margin-top: 30px;
}
.content .common_title .jp_title{
  font-size: 4rem;
  color: #000;
}
.content .common_title .jp_title .jp_title--semi{
  font-size: 2.4rem;
}

.group{
  background: url(../img/bg02.webp) no-repeat center;
  padding: 90px 0%;
  background-size: cover;
}
.group_inner{
  max-width: 1024px;
  width: 90%;
  margin: auto;
}
.group_inner.last{
  padding: 60px 0 0;
}
.group_inner.last .center{
  padding-top: 30px;
}
.group_list{
  font-size: 2.4rem;
  gap: 30px;
  display: flex;
  flex-direction: column;
  max-width: 850px;
  width: 100%;
  margin: auto;
  padding: 80px 60px;
  margin-top: 35px;
  background: rgb(255,255,255,0.7);
  font-family: "Noto Serif KR";
  font-weight: bold;
}


@media screen and (max-width: 1279px) {
/* 推奨動作環境1280pxに固定 */
  body {
    width: 1280px;
  }
}
@media screen and (min-width: 767px),print {
  .pagevisual {
    background: url("../../img/mv.webp") no-repeat #DEF3FC right;
  }
  .phi p{
    height: 554px;
  }
}
@media screen and (max-width: 767px) {
  /* スマホ閲覧時、横幅可変 */
  body {
     width: 100%;
 }
  .pagevisual {
    background: url("../../img/sp_mv.webp") no-repeat center;
    background-size: cover;
  } 

  .phi{
    padding: 30px 5%;
  }
  .content .common_title .jp_title{
    font-size: 2.4rem;
  }
  .content .common_title .jp_title .jp_title--semi{
    font-size: 2rem;
    letter-spacing: 3.2px;
  }
  .en_title{
    font-size: 1.8rem;
  }
  /*企業理念*/
  .group{
    padding: 0;
  }
  .group_inner{
    padding: 45px 0%;
  }
  .group_list{
    font-size: 1.8rem;
    gap: 20px;
    padding: 30px 5% 30px 10%;
    text-indent: 0em; 
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
  }

  .phi_inner p{
    padding: 15px 5%;
  }
}

/* 印刷用設定 */
@media print {

}
@page {
  size: A4;
  margin: 5px;
}