@charset "utf-8";
/*======================================================================
【all】
======================================================================*/
/*:::::::::::【背景】::::::::::*/
.back {
  padding: 100px 0;
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {}
@media (max-width:600px) {
  .back {
    padding: 50px 0;
  }
}
@media (max-width:450px) {}
@media (max-width: 400px) {}
/*:::::::::::【横幅】::::::::::*/
.width {
  max-width: 80%;
  margin: 0 auto;
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {}
@media (max-width:600px) {}
@media (max-width:450px) {
  .width {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {}
/*:::::::::::【コンテンツ】::::::::::*/
.contents {
  margin: 100px auto;
  margin-bottom: 0;
}
@media (max-width:1280px) {}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {}
@media (max-width:600px) {
  .contents {
    margin: 50px auto;
    margin-bottom: 0;
  }
}
@media (max-width:450px) {}
@media (max-width: 400px) {}
/*==================================================
活動内容や想い
==================================================*/
/*:::::::::::【全体背景】::::::::::*/
.activities-back, .act-width, .act-contents {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.activities-back {
  position: relative;
  background-image: url("../image/about/katsudou-01.jpg");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
  margin-top: 50px;
}
.act-width {
  height: 100%;
}
/*:::::::::::【コンテンツ】::::::::::*/
.act-contents {
  display: flex;
  height: 100%;
}
/*:::::::::::【イメージ】::::::::::*/
.act-contents .act-img-box {
  width: 50%;
  position: relative;
}
.act-contents .act-img-box img {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-70%, -50%);
}
/*:::::::::::【テキスト】::::::::::*/
.act-text-box-01 {
  width: 50%;
}
.act-text-box-02 {
  background-color: rgba(255, 247, 220, 0.5);
  width: 100%;
  height: 100%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
}
.act-title {}
.act-text-box-02 p {
  width: 70%;
  margin: 0 auto;
  line-height: 2;
}
@media (max-width:1280px) {
  .act-title h3 {
    font-size: 1.8rem;
  }
  .act-contents .act-img-box img {
    top: 60%;
    left: 70%;
    transform: translate(-70%, -60%);
  }
}
@media (max-width:1024px) {
  .act-title h3 {
    font-size: 1.6rem;
  }
}
@media (min-height:1366px) { /*ipad pro*/
  .activities-back {
    height: 50vh !important;
  }
  /*:::::::::::【イメージ】::::::::::*/
  .act-contents .act-img-box img {
    top: 70%;
    left: 70%;
    transform: translate(-70%, -70%);
  }
  /*:::::::::::【テキスト】::::::::::*/
  .act-text-box-01 {
    width: 60%;
  }
}
@media (max-width:900px) {
  .activities-back {
    height: auto !important;
  }
  .act-contents .act-img-box img {
    width: 100%;
    top: 70%;
    left: 100%;
    transform: translate(-100%, -70%);
  }
  /*:::::::::::【テキスト】::::::::::*/
  .act-text-box-01 {
    width: 60%;
  }
  .act-text-box-02 {
    padding: 50px 0;
  }
  .act-title {
    margin-bottom: 50px;
  }
}
@media (max-width:600px) {
  /*:::::::::::【コンテンツ】::::::::::*/
  .act-contents {
    flex-direction: column;
  }
  /* 画像は非表示 */
  .act-img-box {
    display: none;
  }
  /* テキストボックスに背景として画像をセット */
  .act-text-box-01 {
    width: 100%;
    background-image: url("../image/about/katsudou-02.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .act-text-box-02 {
    background-color: rgba(255, 247, 220, 0.6);
    position: relative;
    z-index: 5;
  }
}
@media (max-width:450px) {
  .act-text-box-02 p {
    width: 90%;
  }
}
@media (max-width: 400px) {}
/*==================================================
ピラミッド
===================================*/
/*:::::::::::【全体背景】::::::::::*/
.pyramid-back {
  background-color: transparent; /* ベース色 */
  background-image: radial-gradient(#999 1px, transparent 1px);
  background-size: 20px 20px; /* ドットの間隔 */
  background-repeat: repeat;
}
/*:::::::::::【イメージ】::::::::::*/
.pyramid img {
  display: block;
  width: 40%;
  margin: 0 auto;
}
@media (max-width:1280px) {
  /*:::::::::::【イメージ】::::::::::*/
  .pyramid img {
    width: 50%;
  }
}
@media (max-width:1024px) {}
@media (min-height:1366px) { /*ipad pro*/
  /*:::::::::::【イメージ】::::::::::*/
  .pyramid img {
    width: 70%;
  }
}
@media (max-width:900px) {
  /*:::::::::::【イメージ】::::::::::*/
  .pyramid img {
    width: 70%;
  }
}
@media (max-width:600px) {
  /*:::::::::::【イメージ】::::::::::*/
  .pyramid img {
    width: 80%;
  }
}
@media (max-width:450px) {
  .pyramid-back {
    padding: 20px 0;
  }
  .pyramid img {
    width: 100%;
  }
}
@media (max-width: 400px) {}
/*==================================================
スタッフ紹介
===================================================*/
/*.staff-back {
  position: relative;
}
.staff-back::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 247, 220, 0.5);
  z-index: 2;
}

.s-back-img {
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -50px;
	width: 100px;
}
.staff-width {
	position: relative;
	z-index: 2;
}
*/
/*:::::::::::【コメント】::::::::::*/
.staff-comment-box {
  margin: 150px auto;
  line-height: 2;
  font-size: 1.3rem;
  text-align: center;
}
.iryou {
  font-size: 1.6rem;
  font-weight: 800;
  color: #fd8b9b;
}
.fukushi {
  font-size: 1.6rem;
  font-weight: 800;
  color: #a9da92
}
.kyoiku {
  font-size: 1.6rem;
  font-weight: 800;
  color: #7cd6f3
}
/*:::::::::::【スタッフリスト】::::::::::*/
.staff-list {
  width: 80%;
  margin: 0 auto;
}
.staff-list li {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  position: relative;
  margin-bottom: 100px;
}
.staff-list li:last-of-type {
  margin-bottom: 0;
}
.staff-list dl {
  line-height: 2;
  white-space: nowrap;
  width: 40%;
}
/*:::::::::::【staff別】::::::::::*/
/*
.staff-1 {
	background-image: url("../image/about/s-back-01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.staff-2 {
	background-image: url("../image/about/s-back-02.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.staff-3 {
	background-image: url("../image/about/s-back-03.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.staff-4 {
	background-image: url("../image/about/s-back-04.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
*/
/*:::::::::::【タイトル】::::::::::*/
.staff-list dt {
  font-family: "Kosugi Maru", sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 30px;
}
.staff-list dt span {
  font-size: 1.5rem;
  margin-left: 20px;
}
.pink {
  color: #fd8b9b;
}
.yellow {
  color: #f2c561;
}
.purple {
  color: #9b7ef2;
}
/*:::::::::::【テキスト】::::::::::*/
.staff-list dd {}
.theme {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #42210b;
}
.theme span {
  font-size: 1.3rem;
  font-weight: bold;
}
/*:::::::::::【イメージ】::::::::::*/
.s-img-box {
  position: relative;
  display: inline-block;
  width: 25%; /* 画像と同じ幅にする */
}
.staff-list img {
  width: 100%;
}
@media (max-width:1280px) {}
@media (max-width:1024px) {
  /*:::::::::::【コメント】::::::::::*/
  .staff-comment-box {
    margin: 100px auto;
    line-height: 2;
    font-size: 1.3rem;
    text-align: center;
  }
  /*:::::::::::【スタッフリスト】::::::::::*/
  .staff-list {
    width: 85%;
    margin: 0 auto;
  }
  /*:::::::::::【イメージ】::::::::::*/
  .staff-list img {
    width: 280px;
  }
}
@media (min-height:1366px) { /*ipad pro*/
}
@media (max-width:900px) {
  .staff-width {
    max-width: 90%;
  }
}
@media (max-width:600px) {
  /*:::::::::::【コメント】::::::::::*/
  .staff-comment-box {
    margin: 50px auto;
    font-size: 16px;
  }
  /*:::::::::::【スタッフリスト】::::::::::*/
  .staff-list {
    width: 100%;
    margin: 0 auto;
  }
  .staff-list li {
    flex-direction: column;
    position: relative;
  }
  .staff-list dl {
    width: 100%;
    white-space: wrap;
  }
  /*:::::::::::【テキスト】::::::::::*/
  .staff-list dd {}
  .theme p {
    margin-left: 10px;
  }
  /*:::::::::::【イメージ】::::::::::*/
  .s-img-box {
    width: 100%; /* 画像と同じ幅にする */
  }
  .staff-list img {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width:450px) {}
@media (max-width: 400px) {
  .staff-list dl {
    white-space: wrap;
  }
}
/*==================================================
会社概要
===================================================*/
/*:::::::::::【背景】::::::::::*/
.company-back {
  background: linear-gradient(45deg, #ffe5b4, #fff3e0);
}
.company-contents {
  margin-bottom: 20px;
}
.company-contents iframe {
  width: 100%;
  height: 250px;
}
@media (max-width:450px) {
  .company-contents iframe {
    height: 200px;
  }
}
@media (max-width: 400px) {}