@charset "UTF-8";
/* ★★このサイトはscssを利用しています。cssを直接記述したい場合は、このスタイルシートに記述をしてください。★★ */
/* ==============================================
CSS information

 file name  : merge.scss（コーポレートサイト LOGICAL）
 style info : scssではなく、cssを直接記述したい場合は、こちらに記述。定期的にscssにマージする。
 
 このスタイルシートの構成
 
   
作成者 2024.06.03 kunihiro
更新者 2026.05.12 kunihiro

=============================================== */

/* ------------------------------------
  ヘッダー（共通）
------------------------------------ */

/* ロゴ
------------------------------------ */
.header_cmn .logo_box .img_logo {
  height: 46px;
}

@media screen and (max-width: 1099px) {
  .header_cmn .logo_box .img_logo {
    height: 36px;
  }
}
@media screen and (max-width: 896px) {
  .header_cmn .logo_box .img_logo {
    height: 18px;
  }
}
@media screen and (max-width: 375px) {
  .header_cmn .logo_box .img_logo {
    height: 16px;
  }
}

/* spヘッダー　ボタン
------------------------------------ */
.header_cmn .cart_btn_box .btn_header .txt_btn {
  font-size: 1rem;
}
.header_cmn .cart_btn_box .btn_header .img_box .img_member {
  width: 20px;
  height: auto;
}

/* ------------------------------------
  フッター（共通）
------------------------------------ */
/* <div class="footer_inner">を追加 */

/* ロゴ
------------------------------------ */
.footer_cmn .footer_main .link_footer_logo  {
  padding: 0;
}

.footer_cmn .footer_main .link_footer_logo .img_footer_logo {
  height: 38px;
}
@media screen and (max-width: 896px) {
  .footer_cmn .footer_main .link_footer_logo .img_footer_logo {
    height: 26px;
  }
}


/* SNSリンク追加
------------------------------------ */

.footer_sns_wrap {
  margin-top: 20px;
  display: flex;
}

.footer_sns_wrap .footer_sns_box {
  line-height: 1;
  padding: 8px;
  margin-right: 4px;
}

.footer_sns_wrap .footer_sns_box:hover {
  opacity: 0.3;
  transition: 300ms;
}

.footer_sns_wrap .footer_sns_box img {
  width: 22px;
  height: 22px
}

.footer_cmn .footer_main .box_footer_info .txt_info {
  margin-top: 20px;
}

/* 電話番号　PCリンクなし　スマホのみリンク
------------------------------------ */
/* PC */
a[href^="tel:"] {
  pointer-events: none;
  color: #fff;
}
/* sp */
@media screen and (max-width: 896px) {
  a[href^="tel:"] {
    pointer-events: auto;
    text-decoration: underline;
  }
}


/* スマホメニュー
------------------------------------ */

/* ロゴ
--------------- */
.sp_menu .menu_box .logo_box .img_logo {
  height: 20px;
}


/* SNSリンク追加
--------------- */
.gnav_sp .footer_sns_wrap {
  justify-content: center;
}

.gnav_sp .footer_sns_wrap .footer_sns_box {
  padding: 12px;
  margin-right: 8px;
}

.gnav_sp .footer_sns_wrap .footer_sns_box img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(96%) saturate(7497%) hue-rotate(212deg) brightness(119%) contrast(98%);
}


/* ------------------------------------
  トップページ
------------------------------------ */

/* メインビジュアル
------------------------------------ */

/* コピー　画像
--------------- */
.cont_top .mainvisual .img_copy {
  width: 45%;
}
@media screen and (min-width: 897px) and (max-width: 1200px) {
  .cont_top .mainvisual .img_copy {
    width: 50%;
  }
}
@media screen and (min-width: 897px) and (max-width: 1000px) {
  .cont_top .mainvisual .img_copy {
    width: 60%;
  }
}
@media screen and (max-width: 896px) {
  .cont_top .mainvisual .img_copy {
    width: 88%;
  }
}

/* 地球　画像
--------------- */
@media screen and (min-width: 897px) and (max-width: 1200px) {
  .cont_top .mainvisual .img_bg_copy {
    top: 200px;
  }
}
@media screen and (min-width: 897px) and (max-width: 1000px) {
  .cont_top .mainvisual .img_bg_copy {
    top: 300px;
  }
}

/* top（動画追加）
------------------------------------ */
.top_movie {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto 100px;
  position: relative;
}

@media screen and (max-width: 896px) {
  .top_movie {
    margin: 50px auto 0;
  }
}

.top_movie_inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0;
}

.top_movie_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/* ------------------------------------
  ご注文・お見積り
------------------------------------ */

/* 削除ボタン
------------------------------------ */

.order_box .item_box .product_list>li .product_box .product_right_box .num_box .delete_box {
  width: 70px;
}



/* ------------------------------------
  ここにページ名を記載してください
------------------------------------ */

/* 見出し等を記載してください
------------------------------------ */

/* ------------------------------------
  大括り
------------------------------------ */

/* 中括り
------------------------------------ */

/* 小括り
--------------- */

/* 最小括り */