@charset "UTF-8";
/*----------------------------------------------------
グローバルナビブレイクポイント
/* ハンバーガーメニューの切り替わるポイント。
----------------------------------------------------*/
/* gnav.jsの変数「gNav_bpoint」も数値を合わせる */
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/* 反転*/
/*----------------------------------------------------
文字幅が指定幅を超えたときに「...」を表示する
----------------------------------------------------*/
/*----------------------------------------------------
ホバーで画像拡大。下記例。li要素にの中に下記のように入れる
----------------------------------------------------*/
/* 
  <li>
    <a href="./about">
      <div class="imageArea">
        <img src="asset/images/home/contents_about_sp.jpg" alt="" class="change">
      </div>                
    </a>
  </li>
*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
親要素よりも幅を超えて表示
----------------------------------------------------*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
左から下線 

//・HTML 基本、下記で統一
//<a class="link_L" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
読み込み
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/* Light/Medium */
/* Regular/Medium */
/* 游明朝体 Regular/Medium */
/* 游明朝体 Demibold */
/* 游明朝体 extrabold */
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* ボタン 「く」の字型*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
/*----------------------------------------------------
グローバルナビブレイクポイント
/* ハンバーガーメニューの切り替わるポイント。
----------------------------------------------------*/
/* gnav.jsの変数「gNav_bpoint」も数値を合わせる */
/*----------------------------------------------------
基本設定
----------------------------------------------------*/
/* ホバー変更はやさ*/
/* ボーダーボックスの変更*/
/* ボーダーボックスの変更*/
/* 反転*/
/*----------------------------------------------------
文字幅が指定幅を超えたときに「...」を表示する
----------------------------------------------------*/
/*----------------------------------------------------
ホバーで画像拡大。下記例。li要素にの中に下記のように入れる
----------------------------------------------------*/
/* 
  <li>
    <a href="./about">
      <div class="imageArea">
        <img src="asset/images/home/contents_about_sp.jpg" alt="" class="change">
      </div>                
    </a>
  </li>
*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
icon回転
----------------------------------------------------*/
/*----------------------------------------------------
親要素よりも幅を超えて表示
----------------------------------------------------*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
左から下線 

//・HTML 基本、下記で統一
//<a class="link_L" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
読み込み
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/* Light/Medium */
/* Regular/Medium */
/* 游明朝体 Regular/Medium */
/* 游明朝体 Demibold */
/* 游明朝体 extrabold */
/*----------------------------------------------------
フォント設定
----------------------------------------------------*/
/*----------------------------------------------------
ボタン

基本のhtml
<a href="" class="btn">
  <span>私たちについて</span>
</a>
----------------------------------------------------*/
/* 右矢印付き 「▶︎」*/
/* ボタン矢印あり 「 ---\ 」*/
/* ボタン 「く」の字型*/
/* '+' ありボタン */
/* hoverするとブワッとかわる */
/*----------------------------------------------------
フェードイン
----------------------------------------------------*/
/*----------------------------------------------------
上下左右に消える
----------------------------------------------------*/
/* 下にスッと消える*/
/* 上にスッと消える*/
/*----------------------------------------------------
上下左右から表示
----------------------------------------------------*/
/* 上から下にフワッと出てくる */
/* 下から上にフワッと出てくる */
/* 左から右にスッと出てくる*/
/* 右から左にスッと出てくる*/
/*----------------------------------------------------
bgが左右から流れ、その後、テキストが表示される。

.bg_fromLeft_toRight {
 @include bg_fromLeft_toRight;
}

html構成
<div class=" target">
  <span>
    <img src="<?php echo get_template_directory_uri(); ?>/assets/images/top/introduction/catch.png" alt="写真も、動画も。無限の可能性を撮る">
  </span>
</div>
----------------------------------------------------*/
/* 左から右に流れる */
/* 右から左に流れる */
/*----------------------------------------------------
ふわふわ 動き続ける
----------------------------------------------------*/
/* 上下にふわふわ */
/*----------------------------------------------------
プラグイン modaal.js  モーダル表示のためのCSS
----------------------------------------------------*/
/*全て共通：hideエリアをはじめは非表示*/
.hide-area {
  display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
button.modaal-close {
  /* デフォルトの閉じるボタンは表示しない */
  display: none;
}

.modaal-close {
  border-radius: initial;
  display: block;
  /* -750 */
  /* 751- */
  /* デフォルトの閉じるボタンを消す*/
}
@media all and (max-width: 751px) {
  .modaal-close {
    top: 20px;
    position: relative;
  }
}
@media all and (min-width: 751px) {
  .modaal-close {
    top: 45px;
    right: 42px;
  }
}
@media all and (min-width: 1080px) {
  .modaal-close {
    right: 10%;
  }
}
.modaal-close:hover {
  opacity: 0.8;
}
.modaal-close::after, .modaal-close::before {
  background: initial;
  opacity: 0;
  width: 0;
  /* 751- */
}
@media all and (min-width: 751px) {
  .modaal-close::after, .modaal-close::before {
    width: 0px;
    height: 0px;
    transition: all 0.7s;
  }
}

.modaal-close:focus::after,
.modaal-close:focus::before,
.modaal-close:hover::after,
.modaal-close:hover::before {
  background: #000000;
  opacity: 0.7;
}

.modaal-wrapper {
  top: 50px;
}

.modaal-inner-wrapper {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .modaal-inner-wrapper {
    padding: 0px 15px 100px;
  }
}
@media all and (min-width: 751px) {
  .modaal-inner-wrapper {
    padding: 0px 40px 100px;
  }
}
@media all and (min-width: 1400px) {
  .modaal-inner-wrapper {
    padding: 0px 169px 100px;
  }
}

.modaal-container {
  border-radius: 10px;
}

.modaal-content-container {
  padding: 0;
  /* 751- */
}
/*----------------------------------------------------
works(modaal表示)
----------------------------------------------------*/
.works_modalBox {
  position: relative;
  overflow: hidden;
  /* 主な仕事 */
  /* ここが魅力 */
  /* コンサル */
  /* 施工管理 */
  /* オペレーター */
  /* 事務職 */
}
.works_modalBox .wrap {
  padding: 30px 15px 0;
  background: url(../images/bg_sp.jpg);
  background-size: cover;
  background-repeat: repeat-y;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .works_modalBox .wrap::before {
    /* iphoneでsafariで背景を固定させるために擬似要素で */
  }
}
@media all and (min-width: 751px) {
  .works_modalBox .wrap {
    padding: 45px 69px 0;
    font-size: 14px;
    background: url(../images/bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
.works_modalBox .mTitleArea {
  margin-bottom: 35px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .mTitleArea {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
  }
}
.works_modalBox .mTitleArea .mTitle {
  position: relative;
  font-weight: bold;
  font-size: 25px;
  letter-spacing: 0.1em;
  line-height: 1.44;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .works_modalBox .mTitleArea .mTitle {
    margin-bottom: 26px;
  }
}
@media all and (min-width: 751px) {
  .works_modalBox .mTitleArea .mTitle {
    font-size: 25px;
    letter-spacing: 0.1em;
    line-height: 1.44;
    font-weight: bold;
  }
  .works_modalBox .mTitleArea .mTitle .mini {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.444;
  }
}
.works_modalBox .mTitleArea .mIntro {
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 2.285;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .mTitleArea .mIntro {
    margin-left: 40px;
  }
}
.works_modalBox .mTitleArea .mIntro .mini {
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 1.916;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .mTitleArea .mIntro .mini {
    font-size: 10px;
    letter-spacing: 0em;
    line-height: 3.2;
  }
}
.works_modalBox .mainW {
  padding-bottom: 40px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .mainW {
    padding-bottom: 32px;
  }
}
.works_modalBox .mainW .mwTitle {
  position: relative;
  margin-bottom: 16px;
  /* 751- */
}
.works_modalBox .mainW .mwTitle::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #101010;
  top: 50%;
  transform: translateY(-50%);
}
.works_modalBox .mainW .mwTitle span {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 3px 8px 5px;
  background-color: #101010;
  color: #00E8FF;
}
@media all and (min-width: 751px) {
  .works_modalBox .mainW .mwTitle {
    font-size: 15px;
    letter-spacing: 0em;
    line-height: 2.133;
    margin-bottom: 21px;
  }
}
.works_modalBox .mainW .lt > li {
  /* -750 */
}
@media all and (max-width: 751px) {
  .works_modalBox .mainW .lt > li {
    margin-bottom: 26px;
  }
  .works_modalBox .mainW .lt > li:last-child {
    margin-bottom: 0px;
  }
}
.works_modalBox .mainW .lt > li .lt_title {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.works_modalBox .mainW .lt > li .lt_text {
  margin-top: 10px;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .mainW .lt > li .lt_text {
    font-size: 12px;
    letter-spacing: 0em;
    line-height: 1.916;
  }
}
.works_modalBox .charm {
  background: url(../images/works/bg_tree_sp.png);
  background-repeat: no-repeat;
  background-size: 346px 168px;
  background-position: top 32px right -100px;
  background-color: #00B7C9;
  padding: 41px 15px 30px;
  /* 751- */
  /* コンテンツが一つの時 */
}
@media all and (min-width: 751px) {
  .works_modalBox .charm {
    background: url(../images/works/bg_tree_pc.png);
    background-repeat: no-repeat;
    background-size: 410px 198px;
    background-position: top 8px right -96px;
    background-color: #00B7C9;
    padding: 19px 70px;
  }
}
.works_modalBox .charm .lt {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .lt {
    display: flex;
  }
}
.works_modalBox .charm .lt > li {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .works_modalBox .charm .lt > li {
    margin-bottom: 29px;
  }
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .lt > li {
    display: flex;
    flex-direction: row-reverse;
  }
  .works_modalBox .charm .lt > li:nth-of-type(2) {
    margin-left: 14px;
  }
  .works_modalBox .charm .lt > li .imgArea {
    z-index: 2;
  }
  .works_modalBox .charm .lt > li .textArea {
    margin-left: 17px;
  }
}
.works_modalBox .charm .charmCont_one {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .charmCont_one {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
  }
  .works_modalBox .charm .charmCont_one .imgArea {
    width: 56.66%;
  }
  .works_modalBox .charm .charmCont_one .textArea {
    width: 35.222%;
    margin-left: 46px;
  }
}
.works_modalBox .charm .textArea {
  color: white;
  overflow: hidden;
}
.works_modalBox .charm .lt_title {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-bottom: 18px;
  position: relative;
  /* 751- */
}
.works_modalBox .charm .lt_title::before {
  content: "";
  position: absolute;
  background: url("../images/works/dotted.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 3px;
  background-repeat: repeat-x;
  left: -10px;
  bottom: -10px;
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .lt_title {
    font-size: 17px;
    letter-spacing: 0.1em;
    line-height: 1.4;
    margin-top: 6px;
    margin-bottom: 21px;
  }
  .works_modalBox .charm .lt_title::before {
    content: "";
    position: absolute;
    background: url("../images/works/dotted.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 288px;
    height: 3px;
    z-index: 1;
    background-repeat: repeat-x;
    bottom: -15px;
  }
}
.works_modalBox .charm .bigText {
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.555;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .bigText {
    margin-bottom: 10px;
  }
}
.works_modalBox .charm .minText {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .works_modalBox .charm .minText {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 751px) {
  .works_modalBox .charm .minText {
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.615;
  }
}
.works_modalBox .modaal-close {
  position: initial;
  background: #3F3F3F;
  width: 100%;
  text-align: center;
  height: 49px;
  padding-top: 15px;
  /* 751- */
}
.works_modalBox .modaal-close img {
  width: 69px;
}
@media all and (min-width: 751px) {
  .works_modalBox .modaal-close {
    border-radius: 50%;
    top: -20px;
    right: -20px;
    height: 105px;
    width: 105px;
    position: absolute;
  }
  .works_modalBox .modaal-close .imgWrap {
    position: relative;
    top: 25px;
    right: 5px;
  }
  .works_modalBox .modaal-close img {
    width: 48px;
  }
}
.works_modalBox .youtubeArea {
  padding-bottom: 40px;
  position: relative;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea {
    padding-bottom: 16px;
  }
}
.works_modalBox .youtubeArea .yWrap {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea .yWrap {
    display: flex;
    align-items: center;
  }
}
.works_modalBox .youtubeArea .imgArea {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea .imgArea {
    max-width: 306px;
  }
}
.works_modalBox .youtubeArea > a {
  display: block;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
  padding: 25px 20px 23px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea > a {
    padding: 7px;
    max-width: 693px;
    margin: 0 auto 0px;
    transition: all 0.5s;
  }
  .works_modalBox .youtubeArea > a:hover {
    opacity: 0.8;
  }
  .works_modalBox .youtubeArea > a:hover .btnText {
    transform: scale(1.3);
  }
}
.works_modalBox .youtubeArea > a .youTitle {
  font-size: 15px;
  letter-spacing: 0.146em;
  line-height: 2.133;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .works_modalBox .youtubeArea > a .youTitle {
    text-align: center;
    margin-bottom: 14px;
  }
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea > a .youTitle {
    margin-left: 34px;
    font-size: 15px;
    letter-spacing: 0.146em;
    line-height: 1.3;
  }
  .works_modalBox .youtubeArea > a .youTitle .mini {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0em;
    line-height: 2.133;
  }
}
.works_modalBox .youtubeArea > a .youText {
  margin-top: 16px;
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 1.666;
}
.works_modalBox .youtubeArea > a p {
  color: white;
}
.works_modalBox .youtubeArea .btnText {
  position: absolute;
  background: linear-gradient(135deg, rgb(0, 183, 201) 0%, rgb(0, 203, 170) 100%);
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  width: 94px;
  height: 94px;
  right: -11px;
  bottom: -30px;
  display: block;
  /* 751- */
}
.works_modalBox .youtubeArea .btnText::after {
  content: "";
  position: absolute;
  background: url("../images/common/text_check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 61px;
  height: 14px;
  left: 50%;
  transform: translateX(-50%);
  top: 33px;
}
@media all and (min-width: 751px) {
  .works_modalBox .youtubeArea .btnText {
    width: 84px;
    height: 84px;
    right: -13px;
    bottom: -21px;
    transition: all 0.3s;
  }
  .works_modalBox .youtubeArea .btnText::after {
    content: "";
    position: absolute;
    background: url("../images/common/text_check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 49px;
    height: 11px;
    transition: all 0.3s;
    left: calc(50% - 5px);
    top: 30px;
  }
}
.works_modalBox.consul .mTitleArea .mTitle::before {
  content: "";
  position: absolute;
  background: url("../images/works/consul/title_en_sp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 115px;
  height: 10px;
  bottom: -15px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.consul .mTitleArea .mTitle::before {
    content: "";
    position: absolute;
    background: url("../images/works/consul/title_en_pc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 646px;
    height: 56px;
    bottom: -15px;
    left: -25px;
  }
}
.works_modalBox.consul .mainW .lt {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.consul .mainW .lt {
    display: flex;
    justify-content: space-between;
  }
}
.works_modalBox.consul .mainW .lt > li {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.consul .mainW .lt > li {
    width: 27.333%;
  }
}
.works_modalBox.consul .charm .lt_title {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.consul .charm .lt_title {
    font-size: 15px;
  }
}
.works_modalBox.consul .charm .imgArea {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.consul .charm .imgArea {
    width: 33.4075%;
  }
}
.works_modalBox.consul .charm .textArea {
  width: 75%;
}
.works_modalBox.consul .charm .textArea.spWide {
  /* -750 */
}
@media all and (max-width: 751px) {
  .works_modalBox.consul .charm .textArea.spWide {
    width: 100%;
  }
}
.works_modalBox.foreman .mTitleArea .mTitle::before {
  content: "";
  position: absolute;
  background: url("../images/works/foreman/title_en_sp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 10px;
  bottom: -15px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.foreman .mTitleArea .mTitle::before {
    content: "";
    position: absolute;
    background: url("../images/works/foreman/title_en_pc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 715px;
    height: 56px;
    bottom: -15px;
    left: -25px;
  }
}
.works_modalBox.foreman .mTitleArea .mIntro {
  max-width: 661px;
}
.works_modalBox.foreman .lt {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.foreman .lt {
    display: flex;
    justify-content: space-between;
  }
}
.works_modalBox.foreman .lt > li {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.foreman .lt > li {
    width: 23.333%;
  }
}
.works_modalBox.operator .mTitleArea .mTitle::before {
  content: "";
  position: absolute;
  background: url("../images/works/operator/title_en_sp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 95px;
  height: 10px;
  bottom: -15px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.operator .mTitleArea .mTitle::before {
    content: "";
    position: absolute;
    background: url("../images/works/operator/title_en_pc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 517px;
    height: 56px;
    bottom: -15px;
    left: -25px;
  }
}
.works_modalBox.operator .mTitleArea .mIntro {
  max-width: 651px;
}
.works_modalBox.operator .lt {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.operator .lt {
    display: flex;
    justify-content: space-between;
  }
}
.works_modalBox.operator .lt > li {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.operator .lt > li {
    width: 23.333%;
  }
}
.works_modalBox.officeworks .mTitleArea .mTitle::before {
  content: "";
  position: absolute;
  background: url("../images/works/officeworks/title_en_sp.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 132px;
  height: 10px;
  bottom: -15px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .mTitleArea .mTitle::before {
    content: "";
    position: absolute;
    background: url("../images/works/officeworks/title_en_pc.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 715px;
    height: 56px;
    bottom: -15px;
    left: -25px;
  }
}
.works_modalBox.officeworks .mTitleArea .mIntro {
  max-width: 744px;
}
.works_modalBox.officeworks .mwTitle {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .mwTitle {
    margin-bottom: 47px;
  }
}
.works_modalBox.officeworks .mwBox {
  /* 751- */
  /* CT⇨センターの意味*/
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .mwBox {
    display: flex;
    align-items: flex-end;
  }
  .works_modalBox.officeworks .mwBox .lt_text {
    margin-left: 13px;
  }
}
.works_modalBox.officeworks .mainW {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .mainW {
    padding-bottom: 76px;
  }
}
.works_modalBox.officeworks .lt {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .lt {
    display: flex;
    justify-content: space-between;
  }
}
.works_modalBox.officeworks .lt > li {
  /* 751- */
}
@media all and (min-width: 751px) {
  .works_modalBox.officeworks .lt > li {
    width: 48%;
  }
}

/*----------------------------------------------------
member(modaal表示)
----------------------------------------------------*/
.member_modalBox {
  position: relative;
  overflow: hidden;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
  /* 魅力 */
  /* 強み */
  /* こんな人 */
  /* メッセージ ,*/
}
.member_modalBox .wrap {
  padding: 30px 15px 0;
  background: url(../images/bg_sp.jpg);
  background-size: cover;
  background-repeat: repeat-y;
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .wrap {
    padding: 64px 50px 0;
    font-size: 14px;
    background: url(../images/bg_pc.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .wrap {
    padding: 64px 60px 0;
  }
}
.member_modalBox .mTitleBox {
  margin-bottom: 40px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .mTitleBox {
    margin-bottom: 72px;
    display: flex;
  }
}
.member_modalBox .mTitle_img {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .mTitle_img {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .mTitle_img {
    width: 41.444%;
  }
}
.member_modalBox .mTitle_textArea {
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .mTitle_textArea {
    margin-left: 35px;
    width: 46.444%;
  }
}
.member_modalBox .mTitle {
  line-height: 2;
  font-weight: middle;
  font-weight: bold;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .mTitle {
    margin-left: -15px;
  }
  .member_modalBox .mTitle span {
    color: white;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 2.125;
    background-color: #00B7C9;
    /* -750 */
  }
}
@media all and (max-width: 751px) and (max-width: 751px) {
  .member_modalBox .mTitle span {
    padding-left: 15px;
    padding-right: 10px;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .mTitle {
    margin-bottom: 63px;
  }
  .member_modalBox .mTitle span {
    font-size: 28px;
    letter-spacing: 0.2em;
    line-height: 1.428;
  }
}
.member_modalBox .mPosi {
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.461;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .mPosi {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.461;
  }
}
.member_modalBox .mName {
  font-size: 24px;
  letter-spacing: 0.1em;
  line-height: 1.458;
  color: #00B7C9;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .mName {
    font-size: 21px;
    letter-spacing: 0.1em;
    line-height: 1.458;
    margin-bottom: 40px;
    position: relative;
  }
  .member_modalBox .mName::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 283px;
    background-color: #101010;
    bottom: -20px;
    left: -35px;
  }
}
.member_modalBox .mFrom {
  font-size: 12px;
  letter-spacing: 0em;
  line-height: 2.583;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .mFrom {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.214;
  }
}
.member_modalBox .charmBox {
  margin-bottom: 40px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .charmBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}
.member_modalBox .c_TextArea {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .c_TextArea {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .c_TextArea {
    width: 59.1115%;
  }
}
.member_modalBox .c_Title {
  color: #00B7C9;
  font-size: 16px;
  letter-spacing: 0.13em;
  line-height: 1.5;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .c_Title {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #00B7C9;
  }
  .member_modalBox .c_Title span {
    font-size: 20px;
    letter-spacing: 0.13em;
    line-height: 1.45;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .c_Title {
    margin-bottom: 14px;
  }
}
.member_modalBox .c_Text {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .c_Text {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.5;
  }
}
.member_modalBox .c_img {
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .c_img {
    width: 35.111%;
  }
}
.member_modalBox .streBox {
  margin-bottom: 40px;
}
.member_modalBox .s_Title {
  color: #00B7C9;
  font-size: 16px;
  letter-spacing: 0.13em;
  line-height: 1.5;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .s_Title {
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #00B7C9;
  }
  .member_modalBox .s_Title span {
    font-size: 20px;
    letter-spacing: 0.13em;
    line-height: 1.45;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .s_Title {
    margin-bottom: 14px;
  }
}
.member_modalBox .s_Text {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .s_Text {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.5;
  }
}
.member_modalBox .person {
  padding-bottom: 40px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .person {
    padding-bottom: 84px;
  }
}
.member_modalBox .p_box {
  background-color: #fff;
  padding: 18px 17px 29px;
  position: relative;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .p_box {
    padding: 20px 16px;
  }
}
.member_modalBox .p_title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .p_title {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
  }
  .member_modalBox .p_title::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 53px;
    background-color: #101010;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .p_title {
    position: absolute;
    top: -45px;
    left: 0;
    font-size: 22px;
    letter-spacing: 0.1em;
    line-height: 1.454;
  }
}
.member_modalBox .p_cont {
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .p_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.member_modalBox .p_img {
  /* -750 */
  /* 751- */
}
@media all and (max-width: 751px) {
  .member_modalBox .p_img {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .p_img {
    width: 27.777%;
  }
}
.member_modalBox .p_text {
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .p_text {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.5;
    width: 67.111%;
  }
}
.member_modalBox .message {
  background: url(../images/member/message.png), linear-gradient(135deg, rgb(0, 203, 170) 0%, rgb(0, 183, 201) 100%);
  background-repeat: no-repeat;
  background-size: 90%, 100%;
  background-position: center top 22px, center;
  padding: 28px 15px 30px;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .message {
    background: url(../images/member/message.png), linear-gradient(135deg, rgb(0, 203, 170) 0%, rgb(0, 183, 201) 100%);
    background-repeat: no-repeat;
    background-size: 444px 56px, 100%;
    background-position: left 15px top 21px, center;
  }
}
.member_modalBox .m_box {
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .m_box {
    margin-left: 50px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_box {
    margin-left: 80px;
  }
}
.member_modalBox .m_title {
  color: white;
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.5;
  /* 751- */
}
@media all and (min-width: 751px) {
  .member_modalBox .m_title {
    margin-bottom: 34px;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.444;
  }
}
.member_modalBox .m_intro {
  font-size: 21px;
  letter-spacing: 0.1em;
  line-height: 1.428;
  font-weight: bold;
  color: white;
  position: relative;
  margin-left: 1em;
  margin-bottom: 27px;
  z-index: 2;
  /* 751- */
}
.member_modalBox .m_intro::before {
  content: "";
  position: absolute;
  background: url("../images/member/tenten.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 11px;
  left: -1em;
}
.member_modalBox .m_intro::after {
  content: "";
  position: absolute;
  background: url("../images/member/tenten.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  height: 11px;
  transform: rotate(-180deg);
}
@media all and (min-width: 751px) {
  .member_modalBox .m_intro {
    margin-bottom: 16px;
  }
}
.member_modalBox .m_textArea {
  color: white;
  position: relative;
  font-size: 13px;
  letter-spacing: 0em;
  line-height: 2.461;
  /* -750 */
  /* 751- */
  /* 人物画像 */
}
@media all and (max-width: 751px) {
  .member_modalBox .m_textArea {
    padding: 23px 17px;
    border: solid 3px white;
  }
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea {
    font-size: 14px;
    letter-spacing: 0em;
    line-height: 2.5;
  }
  .member_modalBox .m_textArea p {
    max-width: 300px;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea p {
    max-width: 450px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea p {
    max-width: 546px;
  }
}
.member_modalBox .m_textArea.taniguchi {
  /* 751- */
}
.member_modalBox .m_textArea.taniguchi::before {
  content: "";
  position: absolute;
  background: url("../images/member/taniguchi/message_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  height: 162px;
  top: -163px;
  right: -20px;
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea.taniguchi::before {
    content: "";
    position: absolute;
    background: url("../images/member/taniguchi/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 300px;
    top: -60px;
    right: -80px;
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea.taniguchi::before {
    content: "";
    position: absolute;
    background: url("../images/member/taniguchi/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 300px;
    top: -130px;
    right: -50px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea.taniguchi::before {
    content: "";
    position: absolute;
    background: url("../images/member/taniguchi/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 453px;
    height: 350px;
    top: -214px;
    right: -50px;
  }
}
.member_modalBox .m_textArea.fukuda {
  /* 751- */
}
.member_modalBox .m_textArea.fukuda::before {
  content: "";
  position: absolute;
  background: url("../images/member/fukuda/message_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 180px;
  height: 172px;
  top: -174px;
  right: -20px;
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea.fukuda::before {
    content: "";
    position: absolute;
    background: url("../images/member/fukuda/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 300px;
    top: -60px;
    right: -80px;
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea.fukuda::before {
    content: "";
    position: absolute;
    background: url("../images/member/fukuda/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 300px;
    top: -130px;
    right: -50px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea.fukuda::before {
    content: "";
    position: absolute;
    background: url("../images/member/fukuda/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 453px;
    height: 350px;
    top: -214px;
    right: -50px;
  }
}
.member_modalBox .m_textArea.moriyama {
  /* 751- */
}
.member_modalBox .m_textArea.moriyama::before {
  content: "";
  position: absolute;
  background: url("../images/member/moriyama/message_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 180px;
  top: -183px;
  right: -10px;
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea.moriyama::before {
    content: "";
    position: absolute;
    background: url("../images/member/moriyama/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 373px;
    height: 270px;
    top: -30px;
    right: -80px;
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea.moriyama::before {
    content: "";
    position: absolute;
    background: url("../images/member/moriyama/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 300px;
    top: -130px;
    right: -50px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea.moriyama::before {
    content: "";
    position: absolute;
    background: url("../images/member/moriyama/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 433px;
    height: 320px;
    top: -185px;
    right: -50px;
  }
}
.member_modalBox .m_textArea.nishioka {
  /* 751- */
}
.member_modalBox .m_textArea.nishioka::before {
  content: "";
  position: absolute;
  background: url("../images/member/nishioka/message_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 175px;
  height: 167px;
  top: -170px;
  right: -20px;
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea.nishioka::before {
    content: "";
    position: absolute;
    background: url("../images/member/nishioka/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 373px;
    height: 270px;
    top: -30px;
    right: -80px;
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea.nishioka::before {
    content: "";
    position: absolute;
    background: url("../images/member/nishioka/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 383px;
    height: 280px;
    top: -110px;
    right: -70px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea.nishioka::before {
    content: "";
    position: absolute;
    background: url("../images/member/nishioka/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 433px;
    height: 320px;
    top: -185px;
    right: -50px;
  }
}
.member_modalBox .m_textArea.yamada {
  /* 751- */
}
.member_modalBox .m_textArea.yamada::before {
  content: "";
  position: absolute;
  background: url("../images/member/yamada/message_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 160px;
  height: 180px;
  top: -183px;
  right: -10px;
}
@media all and (min-width: 751px) {
  .member_modalBox .m_textArea.yamada::before {
    content: "";
    position: absolute;
    background: url("../images/member/yamada/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 373px;
    height: 270px;
    top: -30px;
    right: -80px;
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .member_modalBox .m_textArea.yamada::before {
    content: "";
    position: absolute;
    background: url("../images/member/yamada/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 403px;
    height: 340px;
    top: -170px;
    right: -90px;
  }
}
@media all and (min-width: 1100px) {
  .member_modalBox .m_textArea.yamada::before {
    content: "";
    position: absolute;
    background: url("../images/member/yamada/message_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 433px;
    height: 320px;
    top: -185px;
    right: -100px;
  }
}
.member_modalBox .modaal-close {
  position: initial;
  background: #3F3F3F;
  width: 100%;
  text-align: center;
  height: 49px;
  padding-top: 15px;
}
.member_modalBox .modaal-close img {
  width: 69px;
}/*# sourceMappingURL=modaal.css.map */