html:focus-within {
  scroll-behavior: inherit;
}

/*本文*/
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #595757;
  font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic ProN';
  font-weight: 400;
  line-height: 1;
}

/*見出し*/
h1 {
  font-size: 1em;
}

/*番号付き箇条書き*/
ol {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/*箇条書き*/
ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/*テキストを一回り小さくする*/
small {
  font-size: inherit;
}

/*画像表示*/
img {
  display: inline;
  height: auto;
}

svg {
  height: auto;
}

table {
  border-collapse: collapse;
}

input[type=email],
input[type=text],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
}

button,
input[type=email],
input[type=text],
select,
textarea {
  font-family: inherit;
  font-size: 100%;
}

input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*============ヘッダー　ここから==========*/
/*ヘッダー基本設定*/
.l-header {
  background-color: #fff;
  border-bottom: 4px solid #3e3a39;
  height: 105px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}

/*ヘッダー社ロゴ*/
.l-header__logo {
  left: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/*ヘッダー各ページへのリンク*/
.l-header__linklist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.l-header__linklist > li {
  font-size: 18px;
  font-weight: 500;
}
.l-header__linklist > li + li {
  margin-left: 45px;
}
.l-header__linklist > li a {
  color: #000;
  position: relative;
  text-decoration: none;
}
.l-header__linklist > li a::before {
  background-color: #000;
  bottom: -3px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.2s;
  width: 0;
}

.l-header__hamburger {
  display: none;
}
/*==========ヘッダー ここまで==========*/

/*メインコンテンツ*/
.l-main {
  padding-top: 105px;
}

/*ページトップへ*/
.l-toTop {
  padding-bottom: 35px;
  padding-right: 40px;
  text-align: right;
}

/*==========フッター　ここから==========*/
/*フッター基本設定*/
.l-footer {
  background-color: #000;
  padding-bottom: 20px;
  padding-top: 20px;
}

/*フッター各ページリンク*/
.l-footer__linkList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 475px;
}
.l-footer__linkList li {
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.l-footer__linkList li a {
  color: #b5b5b6;
  text-decoration: none;
}

/*フッター社ロゴ*/
.l-footer__logo {
  margin-top: 30px;
  text-align: center;
}

/*フッターコピーライト*/
.l-footer__copyright {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin-top: 15px;
  text-align: center;
}
/*==========フッター　ここまで==========*/

/*コラム幅　HTMLで変更可*/
.c-container {
  margin-left: auto;
  margin-right: auto;
}

/*============フォーム　ここから============*/
.c-form__groups + .c-form__group {
  margin-top: 60px;
}
.c-form__group + .c-form__group {
  margin-top: 60px;
}
.c-form__group + .c-form__groups {
  margin-top: 60px;
}

.c-form__label {
  color: #595757;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.035em;
}
.c-form__label + .c-form__input {
  margin-top: 10px;
}
.c-form__label + .c-form__textarea {
  margin-top: 10px;
}
.c-form__label + .c-form__choice {
  margin-top: 25px;
}
.c-form__label + .c-form__file {
  margin-top: 15px;
}
.c-form__label + .c-form__confirm {
  margin-top: 10px;
}

.c-form__required {
  color: #ea5514;
  font-size: 16px;
  font-weight: 500;
}

.c-form__example {
  color: #b5b5b6;
  font-size: 16px;
  font-weight: 500;
}

.c-form__supplement {
  color: #3e3a39;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  margin-top: 5px;
}

.c-form__input {
  border: 1px solid #231815 !important;
  height: 53px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.c-form__textarea {
  border: 1px solid #231815;
  height: 153px;
  padding: 10px;
  width: 100%;
}

.c-form__choice {
  color: #595757;
  display: block;
  font-size: 18px;
  line-height: 1.8462;
}
.c-form__choice + .c-form__text {
  margin-top: 5px;
}
.c-form__choice a {
  color: #00a0e9;
}
.c-form__choice a:hover {
  text-decoration: none;
}

.c-form__privacyLink {
  margin-left: 30px;
}

.c-form__checkbox {
  margin-right: 8px;
}

.c-form__action {
  margin-top: 65px;
  position: relative;
}

.c-form__notification {
  color: #ea5514;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-align: center;
}
.c-form__notification + .c-form__submit {
  margin-top: 25px;
}

.c-form__submit {
  align-items: center;
  background-color: #036eb8;
  color: #fff;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 165px;
}

.c-form__back {
  align-items: center;
  background-color: #595757;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  text-decoration: none;
  width: 70px;
}

.c-form__error {
  color: #ea5514;
  font-size: 15px;
  font-weight: 500;
  margin-top: 10px;
}

.c-form__confirm {
  border-top: 1px solid #231815;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.c-form__inputContent {
  color: #595757;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.035em;
  line-height: 2.2589;
}

.c-form__text {
  color: #595757;
  font-size: 18px;
  letter-spacing: 0.035em;
  line-height: 1.8462;
}
.c-form__text a {
  color: #00a0e9;
}
.c-form__text a:hover {
  text-decoration: none;
}

.c-form__line {
  border-top: 1px solid #9fa0a0;
  margin-bottom: 50px;
  margin-top: 50px;
}
/*============フォーム　ここまで============*/

.c-text + .c-form {
  margin-top: 65px;
}
.c-text + .c-form__group {
  margin-top: 60px;
}

.c-container + .c-form {
  margin-top: 70px;
}
/*フォーム ここまで*/


/*メニュー画像基本設定*/
.c-header {
  align-items: center;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
  padding-left: 35px;
}

/*メニュー画像　サービス*/
.c-header.-home {
  background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/pchome.jpg);
}

/*メニュー画像　会社概要*/
.c-header.-aboutus {
  background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/pcaboutus.jpg);
}

/*メニュー画像　採情報*/
.c-header.-career {
  background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/pccareer.jpg);
}

/*メニュー画像　お問い合わせ*/
.c-header.-contact {
  background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/pccontact.jpg);
}

/*メニュー画像上テキスト*/
.c-header__heading {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.c-heading {
  color: #3e3a39;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

/*コンサルティング　サービスタイトル　例.DX支援*/
.c-heading.-consulting {
  color: #31ad37;
}

/*アプリケーション開発・運　サービスタイトル　例.RPA開発*/
.c-heading.-application {
  color: #7a62a8;
}

/*インフラ構築・運　サービスタイトル　例.クラウド基盤*/
.c-heading.-infrastructure {
  color: #f18f2c;
}

/*ITセキュリティ/ガバナンス支援　サービスタイトル　例.ITセキュリティ投資戦略策定支援*/
.c-heading.-security {
  color: #24b290;
}

.c-text + .c-heading {
  margin-top: 24px;
}

.c-page {
  padding-bottom: 20px;
  padding-top: 25px;
}

.c-header + .c-page__body {
  margin-top: 55px;
}

.c-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c-row__colWide {
  width: calc(70% - 15px);
}

.c-row__colThin {
  width: calc(30% - 15px);
}

.c-subHeading {
  color: #3e3a39;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

.c-text + .c-subHeading {
  margin-top: 24px;
}

.c-text {
  color: #3e3a39;
  font-size: 18px;
  line-height: 1.4444;
}
.c-text + .c-text {
  margin-top: 24px;
}
.c-text a {
  color: #595757;
  text-decoration: none;
}
.c-text a:hover {
  text-decoration: underline;
}
.c-text span.-privacy {
  position: relative;
}

/*プライバシーマーク画像*/
.c-text span.-privacy::before {
  background-image: url(https://www.mercuryandearth.com/jpn/asset/img/common/privacymark.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 35px;
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}

.c-text2 {
  color: #3e3a39;
  font-size: 18px;
  line-height: 1.4444;
}
.c-text2 + .c-text2 {
  margin-top: 15px;
}
.c-text2 span {
  position: relative;
}
.c-text2 a {
  color: #595757;
  text-decoration: none;
}
.c-text2 a:hover {
  text-decoration: underline;
}

.c-text2__privacy {
  position: absolute;
  right: -115px;
  top: 0;
}

/*============ホーム画面スライダー　ここから============*/
.p-homeMv {
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

/*スライダー画像　位置*/
.p-homeMv__slide {
  position: relative;
}

/*スライダー画像　横幅*/
.p-homeMv__slide img {
  width: 100%;
}

/*スライダー上メッセージ　基本設定*/
.p-homeMv__slogan {
  bottom: 10px;
  color: #fff;
  font-weight: 900;
  left: 20px;
  position: absolute;
}

/*スライダー上メッセージ　英語*/
.p-homeMv__slogan.-en {
  font-size: 6.8421vw;
  line-height: 1.1846;
}

/*スライダー上メッセージ　日本語*/
.p-homeMv__slogan.-jp {
  font-size: 5.6842vw;
  line-height: 1.3148;
}
/*============ホーム画面スライダー　ここまで============*/

/*============ホーム画面M&E提供サービス　ここから============*/

.p-homeService {
  padding-bottom: 60px;
}

/*ホーム画面M&E提供サービス　見出し*/
.p-homeService__heading {
  color: #3e3a39;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px;
}

/*ホーム画面M&E提供サービス下　テキスト*/
.p-homeService__text {
  color: #3e3a39;
  font-size: 20px;
  line-height: 1.5;
}

.p-homeService__section {
  margin-top: 65px;
}
.p-homeService__section + .p-homeService__section {
  margin-top: 55px;
}

.p-homeServiceOutline__section + .p-homeServiceOutline__section {
  margin-top: 45px;
}

.p-homeServiceOutline__heading {
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 40px;
}

/*ホーム画面M&E提供サービス　コンサルティングアウトライン設定*/
.p-homeServiceOutline__heading.-consulting {
  background-color: #76c278;
}

/*ホーム画面M&E提供サービス　アプリケーションアウトライン設定*/
.p-homeServiceOutline__heading.-application {
  background-color: #927fb8;
}

/*ホーム画面M&E提供サービス　インフラストラクチャーアウトライン設定*/
.p-homeServiceOutline__heading.-infrastructure {
  background-color: #f4a85b;
}

/*ホーム画面M&E提供サービス　セキュリティアウトライン設定*/
.p-homeServiceOutline__heading.-security {
  background-color: #67cab2;
}


/*ホーム画面サービスメニュー　マウスオーバー後*/
.p-homeServiceOutline__heading a {
  align-items: center;
  background-color: #333;
  color: #fff;
  display: inline-flex;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

/*ホーム画面サービスメニュー　マウスオーバー前*/
.p-homeServiceOutline__heading a::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 0;
}

/*ホーム画面サービスメニュー　コンサルティングバックグランド　マウスオーバー後*/
.p-homeServiceOutline__heading a.-consulting {
  background-color: #76c278;
}

/*ホーム画面サービスメニュー　コンサルティングバックグランド　マウスオーバー前*/
.p-homeServiceOutline__heading a.-consulting::before {
  background-color: #59b55b;
}

/*ホーム画面サービスメニュー　アプリケーションバックグランド　マウスオーバー後*/
.p-homeServiceOutline__heading a.-application {
  background-color: #927fb8;
}

/*ホーム画面サービスメニュー　アプリケーションバックグランド　マウスオーバー前*/
.p-homeServiceOutline__heading a.-application::before {
  background-color: #7a62a8;
}

/*ホーム画面サービスメニュー　インフラ構築・運用バックグランド　マウスオーバー後*/
.p-homeServiceOutline__heading a.-infrastructure {
  background-color: #f4a85b;
}

/*ホーム画面サービスメニュー　インフラ構築・運用バックグランド　マウスオーバー前*/
.p-homeServiceOutline__heading a.-infrastructure::before {
  background-color: #f18f2c;
}

/*ホーム画面サービスメニュー　セキュリティバックグランド　マウスオーバー後*/
.p-homeServiceOutline__heading a.-security {
  background-color: #67cab2;
}

/*ホーム画面サービスメニュー　セキュリティバックグランド　マウスオーバー前*/
.p-homeServiceOutline__heading a.-security::before {
  background-color: #24b290;
}
.p-homeServiceOutline__heading a span {
  position: relative;
}

.p-homeServiceOutline__itemList {
  padding-left: 165px;
  padding-top: 25px;
  position: relative;
}
.p-homeServiceOutline__itemList > li {
  color: #3e3a39;
  font-size: 20px;
}
.p-homeServiceOutline__itemList > li + li {
  margin-top: 15px;
}

.p-homeServiceOutline__subItemList {
  margin-top: -13px;
  padding-left: 315px;
  position: relative;
}
.p-homeServiceOutline__subItemList::before {
  background-color: #7a62a8;
  content: "";
  height: calc(100% - 7px);
  left: 300px;
  position: absolute;
  top: 6px;
  width: 1px;
}
.p-homeServiceOutline__subItemList > li {
  color: #3e3a39;
  font-size: 20px;
}
.p-homeServiceOutline__subItemList > li + li {
  margin-top: 15px;
}
/*============ホーム画面M&E提供サービス　ここまで============*/

/*竹芝オフィス周辺地図*/
.p-map {
  margin-bottom: 15px;
  margin-top: 60px;
}

/*============Pマーク　ヘッダー　ここから============*/
.p-privacypolicyHeader {
  margin-bottom: 35px;
  padding-top: 35px;
}

/*Pマーク　タイトル*/
.p-privacypolicyHeader__heading {
  color: #13327d;
  font-size: 18px;
  font-weight: 700;
}

/*Pマーク　ロゴ*/
.p-privacypolicyHeader__img {
  margin-top: 20px;
}

/*Pマーク　タイトル下メッセージ*/
.p-privacypolicyHeader__text {
  color: #ea5514;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.035em;
  margin-top: 20px;
}
/*============Pマーク　ヘッダー　ここまで============*/

/*サービス画面　パディング*/
.p-service {
  padding-bottom: 100px;
}

.p-service__section {
  background-repeat: no-repeat;
  background-size: 950px auto;
  padding-bottom: 40px;
  position: relative;
}

.p-service__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 950px;
  position: relative;
}

.p-service__heading.-consulting {
  margin-bottom: 110px;
}
.p-service__heading.-application {
  margin-bottom: 40px;
  text-align: right;
}
.p-service__heading.-infrastructure {
  margin-bottom: 50px;
}
.p-service__heading.-security {
  margin-bottom: 60px;
  text-align: right;
}
.p-service__subSection + .p-service__subSection {
  margin-top: 35px;
}

.u-c-red {
  color: #ea5514 !important;
}

.u-d-n {
  display: none !important;
}

.u-fw-m {
  font-weight: 500 !important;
}

/*Responsible対応　画面幅767px以下の場合に適されるCSS*/
@media screen and (max-width: 767px) {
  .l-header {
    height: 60px;
  }
    
/*ヘッダー　社ロゴ*/
  .l-header__logo img {
    width: 100px;
  }
    
/*ハンバーガーメニュー（クリック後）　バックグランド*/
  .l-header__nav {
    background-color: #5a5a5a;
    display: none;
    left: 0;
    padding: 45px 30px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
  }
    
/*ハンバーガーメニュー（クリック後）　並び*/
  .l-header__linklist {
    display: block;
  }
    
/*ハンバーガーメニュー（クリック後）　フォント*/
  .l-header__linklist > li {
    font-size: 15px;
  }
  .l-header__linklist > li + li {
    margin-left: 0;
    margin-top: 20px;
  }
    
/*ハンバーガーメニュー（クリック後）　フォントカラー*/
  .l-header__linklist > li a {
    color: #fff;
  }
  .l-header__subLinklist {
    margin-bottom: 40px;
    margin-top: 15px;
    padding-left: 20px;
    position: relative;
  }
    
  .l-header__subLinklist::before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px;
  }
  .l-header__subLinklist li {
    font-size: 15px;
  }
  .l-header__subLinklist li + li {
    margin-top: 15px;
  }

/*二列目ヘッダー各ページへのリンク*/

.l-header__linklistT {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.l-header__linklistT > li {
  font-size: 14px;
  font-weight: 400;
}

.l-header__linklistT > li + li {
  margin-left: 20px;
}

.l-header__linklistT > li a {
  color: #3252b3;
  position: relative;
  text-decoration: none;
}

.l-header__linklistT > li a::before {
  background-color: #000;
  bottom: -3px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.2s;
  width: 0;
}
	
/*============【モバイル】】ハンバーガーメニュー（クリック前）　ここから============*/
  .l-header__hamburger {
    display: inline-block;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
    width: 26px;
    z-index: 10000;
  }
    
/*ハンバーガーメニュー　線（1本目）*/
  .l-header__hamburger.-active span:nth-of-type(1) {
    background-color: #FFF;
    transform: translateY(6px) rotate(-45deg);
  }
    
/*ハンバーガーメニュー　線（2本目）*/
  .l-header__hamburger.-active span:nth-of-type(2) {
    opacity: 0;
  }
    
/*ハンバーガーメニュー　線（3本目）*/
  .l-header__hamburger.-active span:nth-of-type(3) {
    background-color: #FFF;
    transform: translateY(-6px) rotate(45deg);
  }
  .l-header__hamburger span {
    background-color: #000;
    border-radius: 4px;
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.4s;
    width: 100%;
  }

 /*ハンバーガーメニュー　線（1本目）　位置*/
  .l-header__hamburger span:nth-of-type(1) {
    top: 0;
  }
    
/*ハンバーガーメニュー　線（2本目）　位置*/
  .l-header__hamburger span:nth-of-type(2) {
    top: 6.5px;
  }
    
/*ハンバーガーメニュー　線（3本目）　位置*/
  .l-header__hamburger span:nth-of-type(3) {
    bottom: 0;
  }
    
/*============【モバイル】ハンバーガーメニュー（クリック前）　ここまで============*/

/*メインコンテンツ　パディング*/
  .l-main {
    padding-top: 60px;
  }
    
/*トップへ画像　位置*/
  .l-toTop {
    padding-bottom: 45px;
    padding-right: 0;
    text-align: center;
  }
    
/*トップへ画像　横幅*/
  .l-toTop a img {
    width: 30px;
  }
    
/*フッター　パディング*/
  .l-footer {
    padding: 10px 15px;
  }
    
/*フッター　メニュー　フォントサイズ*/
  .l-footer__linkList li {
    font-size: 15px;
  }
    
/*フッター　社ロゴ*/
  .l-footer__logo {
    margin-top: 15px;
  }
    
/*フッター　社ロゴ画像　横幅*/
  .l-footer__logo img {
    width: 105px;
  }
    
/*フッター　コピーライト*/
  .l-footer__copyright {
    margin-top: 10px;
  }
    
  .c-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .c-form__groups + .c-form__group {
    margin-top: 35px;
  }
  .c-form__group + .c-form__group {
    margin-top: 35px;
  }
  .c-form__group + .c-form__groups {
    margin-top: 35px;
  }
  .c-form__label {
    font-size: 15px;
  }
  .c-form__supplement {
    font-size: 15px;
  }
  .c-form__input {
    height: 40px;
  }
  .c-form__choice {
    font-size: 15px;
  }
  .c-form__privacyLink {
    margin-left: 25px;
  }
  .c-form__action {
    margin-top: 50px;
  }
  .c-form__notification {
    font-size: 15px;
  }
  .c-form__back {
    margin-top: 10px;
    position: static;
  }
  .c-form__error {
    font-size: 15px;
  }
  .c-form__inputContent {
    font-size: 15px;
  }
  .c-form__text {
    font-size: 15px;
  }
  .c-text + .c-form {
    margin-top: 20px;
  }
  .c-text + .c-form__group {
    margin-top: 30px;
  }
  .c-container + .c-form {
    margin-top: 30px;
  }
    
/*ホーム画像　詳細設定*/
  .c-header {
    height: 60px;
    padding-left: 20px;
  }
    
/*【モバイル】ホーム画像　サービス*/
  .c-header.-home {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/mbhome.jpg);
  }
    
/*【モバイル】ホーム画像　会社概要*/
  .c-header.-aboutus {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/mbaboutus.jpg);
  }
    
/*【モバイル】ホーム画像　採情報*/
  .c-header.-career {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/mbcareer.jpg);
  }
    
/*【モバイル】ホーム画像　お問い合わせ*/
  .c-header.-contact {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/component/c-header/mbcontact.jpg);
  }
    
/*【モバイル】画像上テキスト*/
  .c-header__heading {
    font-size: 15px;
  }
    
/*【モバイル】　見出し*/
  .c-heading {
    font-size: 17px;
  }
  .c-page {
    padding-bottom: 45px;
    padding-top: 0;
  }
  .c-header + .c-page__body {
    margin-top: 15px;
  }
  .c-row {
    display: block;
  }
  .c-row__colWide {
    width: auto;
  }
  .c-row__colThin {
    width: auto;
  }
  .c-subHeading {
    font-size: 13px;
  }
  .c-text {
    font-size: 15px;
    line-height: 1.8462;
  }
  .c-text span.-privacy::before {
    height: 54px;
    width: 54px;
  }
    
/*会社概要　本文*/
  .c-text2 {
    font-size: 15px;
    line-height: 1.8462;
  }
    
/*個人情報保護方針記載ページ　本文*/
  .c-text2__privacy {
    display: block;
    margin-top: 10px;
    position: static;
  }
    
/*【モバイル】スライダー上メッセージ　位置*/
  .p-homeMv__slogan {
    left: 10px;
  }
    
/*【モバイル】スライダー上メッセージ　英語*/
  .p-homeMv__slogan.-en {
    font-size: 6.9333vw;
    line-height: 1.1923;
  }
    
/*【モバイル】スライダー上メッセージ　日本語*/
  .p-homeMv__slogan.-jp {
    font-size: 5.8666vw;
    letter-spacing: -0.05em;
    line-height: 1.2727;
  }
    
/*【モバイル】ホーム画面サービス　ボタン*/
  .p-homeService__button {
    align-items: center;
    border: 1px solid #595757;
    color: #595757;
    display: flex;
    font: 2500px;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    letter-spacing: 0.05em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-decoration: none;
    width: 100px;
  }

/*【モバイル】ホーム画面サービス　見出し*/
  .p-homeService__heading {
    font-size: 17px;
  }
    
/*【モバイル】ホーム画面サービス　本文*/
  .p-homeService__text {
    font-size: 15px;
    line-height: 1.8462;
  }
  .p-homeService__section {
    margin-top: 55px;
  }
  .p-homeService__section + .p-homeService__section {
    margin-top: 50px;
  }
  .p-homeServiceOutline__section + .p-homeServiceOutline__section {
    margin-top: 35px;
  }
  .p-homeServiceOutline__heading {
    font-size: 15px;
    height: 30px;
  }
  .p-homeServiceOutline__heading a {
    padding-right: 20px;
  }
  .p-homeServiceOutline__itemList {
    padding-left: 20px;
    padding-top: 20px;
  }
  .p-homeServiceOutline__itemList > li {
    font-size: 15px;
  }
  .p-homeServiceOutline__itemList > li + li {
    margin-top: 11px;
  }
  .p-homeServiceOutline__subItemList {
    margin-top: 11px;
    padding-left: 70px;
  }
  .p-homeServiceOutline__subItemList::before {
    height: 100%;
    left: 60px;
    top: 0;
  }
  .p-homeServiceOutline__subItemList > li {
    font-size: 15px;
  }
  .p-homeServiceOutline__subItemList > li + li {
    margin-top: 11px;
  }
    
/*【モバイル】地図画像　位置*/
  .p-map {
    margin-top: 55px;
  }
    
/*【モバイル】地図画像　大きさ*/
  .p-map img {
    max-width: 345px;
    width: 100%;
  }
  .p-privacypolicyHeader__text {
    font-size: 13px;
  }
    
/*【モバイル】サービスメインコンテンツ*/
  .p-service {
    padding-bottom: 40px;
  }
  .p-service__section::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 145px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .p-service__section::after {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 375px auto;
    content: "";
    height: 205px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .p-service__section.-consulting {
    padding-top: 170px;
  }
    
/*【モバイル】サービス画面　コンサルティング画像*/
  .p-service__section.-consulting::before {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/mbconsulting.jpg);
  }
    
/*サービス画面　コンサルティング画像上飾り*/
  .p-service__section.-consulting::after {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/kazariconsulting.png);
  }
  .p-service__section.-application {
    padding-top: 155px;
  }
    
/*【モバイル】サービス画面　アプリケーション画像*/
  .p-service__section.-application::before {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/mbapplication.jpg);
  }
    
/*サービス画面　アプリケーション画像上飾り*/
  .p-service__section.-application::after {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/kazariapplication.png);
  }
  .p-service__section.-infrastructure {
    padding-top: 165px;
  }
    
/*【モバイル】サービス画面　インフラ構築・運用画像*/    
  .p-service__section.-infrastructure::before {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/mbinfrastructure.jpg);
  }
    
/*サービス画面　インフラ構築・運用画像上飾り*/
  .p-service__section.-infrastructure::after {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/kazariinfrastructure.png);
  }
  .p-service__section.-security {
    padding-top: 155px;
  }
    
/*【モバイル】サービス画面　セキュリティ画像*/
  .p-service__section.-security::before {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/mbsecurity.jpg);
  }
    
/*セキュリティ画像上飾り*/
  .p-service__section.-security::after {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/kazarisecurity.png);
  }
    
  .p-service__heading.-consulting {
    margin-bottom: 35px;
  }
    
/*【モバイル】サービス画面　コンサルティング画像　幅*/
  .p-service__heading.-consulting img {
    width: 260px;
  }
  .p-service__heading.-application {
    margin-bottom: 35px;
    text-align: center;
  }

/*【モバイル】サービス画面　アプリケーション画像　幅*/
  .p-service__heading.-application img {
    width: 270px;
  }
  .p-service__heading.-infrastructure {
    margin-bottom: 35px;
    text-align: center;
  }
    
/*【モバイル】サービス画面　インフラ構築・運用画像　幅*/
  .p-service__heading.-infrastructure img {
    width: 335px;
  }
  .p-service__heading.-security {
    margin-bottom: 35px;
    text-align: left;
  }
    
/*【モバイル】サービス画面　セキュリティ画像　幅*/
  .p-service__heading.-security img {
    width: 215px;
  }
  .p-service__subSection + .p-service__subSection {
    margin-top: 30px;
  }
  .u-d-n-down-md {
    display: none !important;
  }
}

/*Responsible対応　画面幅768以上の場合に適されるCSS*/
@media screen and (min-width: 768px) {
  body {
    min-width: 780px;
  }
  .l-heaedr__inner {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 950px;
    position: relative;
  }
  .l-header__nav {
    bottom: 10px;
    display: block !important;
    position: absolute;
    right: 35px;
  }
  .l-header__linklist > li a.-active::before {
    width: 100%;
  }
    
/*コラム幅　横430*/
  .c-container.-w430 {
    width: 430px;
  }
    
/*コラム幅　横535*/
  .c-container.-w535 {
    width: 535px;
  }
    
/*コラム幅　横630*/
  .c-container.-w630 {
    width: 630px;
  }
    
/*コラム幅　横690*/
  .c-container.-w690 {
    width: 690px;
  }
    
/*コラム幅　横750*/
  .c-container.-w750 {
    width: 750px;
  }
    
/*コラム幅　横780*/
  .c-container.-w780 {
    width: 780px;
  }
    
/*コラム幅　横950*/
  .c-container.-w950 {
    max-width: 960px;
  }
    
/*フォーム*/
  .c-form__groups {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .c-form__group.-half {
    margin-top: 0;
    width: 282px;
  }
    
/*ホームスライダー*/
  .p-homeMv {
    max-width: 950px;
  }
    
/*ホーム画面サービスメニュー　横“＞”設定*/
  .p-homeServiceOutline__heading a span::before {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-home-service-outline/arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
    content: "";
    height: 17px;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
  }
  .p-homeServiceOutline__itemList::before {
    content: "";
    height: 100%;
    left: 130px;
    position: absolute;
    top: 0;
    width: 1px;
  }
    
/*ホーム画面サービスメニュー帯　コンサルティング　マウスオーバー後*/
  .p-homeServiceOutline__itemList.-consulting::before {
    background-color: #59b55b;
  }
    
/*ホーム画面サービスメニュー帯　アプリケーション　マウスオーバー後*/
  .p-homeServiceOutline__itemList.-application::before {
    background-color: #7a62a8;
  }
    
/*ホーム画面サービスメニュー帯　インフラ構築・運用　マウスオーバー後*/
  .p-homeServiceOutline__itemList.-infrastructure::before {
    background-color: #f18f2c;
  }
    
/*ホーム画面サービスメニュー帯　セキュリティ　マウスオーバー後*/
  .p-homeServiceOutline__itemList.-security::before {
    background-color: #24b290;
  }
    
  .p-homeServiceOutline__subItemList::after {
    background-color: #7a62a8;
    content: "";
    height: 1px;
    left: 225px;
    position: absolute;
    top: 6px;
    width: 75px;
  }
    
    
/*【PC】サービス画面　コンサルティング画像*/
  .p-service__section.-consulting {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/pcconsulting.jpg);
    background-position: center top;
    padding-bottom: 0;
    padding-top: 45px;
  }
    
/*【PC】サービス画面　アプリケーション画像*/
  .p-service__section.-application {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/pcapplication.jpg);
    background-position: center top;
    padding-top: 300px;
  }
    
/*【PC】サービス画面　インフラ構築・運用画像*/
  .p-service__section.-infrastructure {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/pcinfrastructure.jpg);
    background-position: center top;
    padding-top: 45px;
  }
    
/*【PC】サービス画面　セキュリティ画像*/
  .p-service__section.-security {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/pcsecurity.jpg);
    background-position: center top;
    padding-right: 50px;
    padding-top: 45px;
  }
  .p-service__section + .p-service__section {
    border-top: 4px solid #3e3a39;
  }
    
/*【PC】サービス画面　コンサルティング画像2*/
  .p-service__inner.-consulting {
    background-image: url(https://www.mercuryandearth.com/jpn/asset/img/object/project/p-service/pcconsulting2.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 266px auto;
    padding-bottom: 50px;
  }
    
/*【PC】サービス画面　コンテンツ幅*/    
  .p-service__subSection.-w440 {
    width: 440px;
  }
    
/*【PC】サービス画面　コンテンツ幅*/
  .p-service__subSection.-w480 {
    width: 480px;
  }
  .p-service__subSection.-right {
    margin-left: auto;
  }
  .u-d-n-up-md {
    display: none !important;
  }
}

/*Responsible対応　画面幅951以上の場合に適されるCSS*/
@media screen and (min-width: 951px) {

/*ホームスライダー上メッセージ　英語*/
  .p-homeMv__slogan.-en {
    font-size: 65px;
  }
    
/*ホームスライダー上メッセージ　日本語*/
  .p-homeMv__slogan.-jp {
    font-size: 54px;
  }
}


/*マウスオーバー設定*/
@media (hover: hover) {
    
/*ヘッダー（ハンバーガーメニューも共通）マウスオーバー設定*/
  .l-header__linklist > li a:hover {
    color: #0f42e9;
  }
    
/*フッター　マウスオーバー設定*/
  .l-footer__linkList li a:hover {
    color: #fff;
  }
    
/*ホーム画面サービス帯　マウスオーバー設定*/
  .p-homeServiceOutline__heading a:hover::before {
    width: 100%;
  }
}