@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  company.scss
  企業情報に関する記述
/////////////////////////////////////////// */
/*=================================
  company
=================================*/
.page--company .company__message {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message {
    background: #f5ed9d;
  }
  .page--company .company__message::after {
    width: 50%;
    height: 100%;
    content: "";
    background: #f5f2ef;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
  }
}
.page--company .company__message .container {
  display: flex !important;
}
@media only screen and (max-width: 768px) {
  .page--company .company__message .container {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container {
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    flex-direction: row-reverse;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
}
@media only screen and (min-width: 769px) and (max-width: 768px) {
  .page--company .company__message .container {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__message .container {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--company .company__message .container {
    padding: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container div,
.page--company .company__message .container figure {
    width: 50%;
    max-width: 640px;
  }
}
@media only screen and (max-width: 768px) {
  .page--company .company__message .container div {
    padding: 20px;
    background: #f5f2ef;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__message .container div {
    padding: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--company .company__message .container div {
    padding: 45px 0 45px 50px;
  }
}
.page--company .company__message .container div h2 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--company .company__message .container div h2 {
    line-height: 1.4;
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .page--company .company__message .container div h2::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.4) * 0.5em);
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container div h2 {
    line-height: 1.3;
  }
  .page--company .company__message .container div h2::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 1.3) * 0.5em);
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__message .container div h2 {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .page--company .company__message .container div h2 br:nth-of-type(2) {
    display: none;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--company .company__message .container div h2 {
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
.page--company .company__message .container div p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container div p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--company .company__message .container div p:nth-of-type(n+2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container div p:nth-of-type(n+2) {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .page--company .company__message .container figure {
    padding: 20px 20px 0 20px;
    background: #f5ed9d;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__message .container figure {
    display: flex;
    align-items: flex-end;
  }
}
.page--company .company__message .container figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.page--company .company__profile {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--company .company__profile {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__profile {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--company .company__profile {
    padding: 100px 80px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__profile > dl {
    max-width: 900px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
  }
}
.page--company .company__profile > dl > dt,
.page--company .company__profile > dl > dd {
  line-height: 1.4;
}
@media print, screen and (min-width: 769px) {
  .page--company .company__profile > dl > dt,
.page--company .company__profile > dl > dd {
    border-top: 1px solid #fff;
  }
  .page--company .company__profile > dl > dt:nth-of-type(1),
.page--company .company__profile > dl > dd:nth-of-type(1) {
    border-top: none;
  }
}
.page--company .company__profile > dl > dt {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  padding: 15px;
  background: #f3eca0;
}
@media only screen and (max-width: 768px) {
  .page--company .company__profile > dl > dt {
    font-size: 1.6rem;
    border-top: 1px solid #fff;
  }
  .page--company .company__profile > dl > dt:nth-of-type(1) {
    border-top: none;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__profile > dl > dt {
    width: 16.6667%;
    max-width: 150px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__profile > dl > dt {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .page--company .company__profile > dl > dt {
    font-size: 2rem;
  }
}
.page--company .company__profile > dl > dd {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  padding: 15px 20px;
  background: #f5f2ef;
}
@media print, screen and (min-width: 769px) {
  .page--company .company__profile > dl > dd {
    width: 83.3333%;
    max-width: 750px;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
  }
}
.page--company .company__profile > dl > dd dl dt:nth-of-type(n+2) {
  margin-top: 10px;
}
.page--company .company__bnr {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--company .company__bnr {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__bnr {
    margin-top: 20px;
  }
}
.page--company .company__bnr a {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.page--company .company__bnr a:hover {
  opacity: 0.6;
}
.page--company .company__bnr a::before {
  content: "";
  display: block;
  padding-top: 21.875%;
}
.page--company .company__bnr a img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
}
.page--company .company__cm {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--company .company__cm {
    padding: 0px 20px 50px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__cm {
    padding: 0px 30px 100px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--company .company__cm {
    padding: 0px 80px 100px;
  }
}
.page--company .company__cm__heading::after {
  display: none;
}
.page--company .company__cm__heading::before {
  display: block;
  content: "";
  background: url("../images/home/history-icon-tv.svg") no-repeat;
  background-size: contain;
  max-width: 100px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--company .company__cm__heading::before {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__cm__heading::before {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .page--company .company__cm__list {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--company .company__cm__list {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
  }
  .page--company .company__cm__list > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
}
.page--company .company__cm__list li {
  position: relative;
}
.page--company .company__cm__list li::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.page--company .company__cm__list li > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.page--company .company__cm__list li > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .page--company .company__cm__list li {
    width: 100%;
  }
  .page--company .company__cm__list li:nth-child(n+2) {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--company .company__cm__list li {
    width: 48%;
  }
  .page--company .company__cm__list li:nth-child(n+3) {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--company .company__cm__list li {
    width: 32%;
  }
}/*# sourceMappingURL=company.css.map */