@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width : 768px) {
  /*-------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
----------------------------------------------------------------------------------------*/
  /*--------------------------------------------------
共通設定(スマホ)
-----------------------------------------------------*/
  /*body全体の初期スタイル調整*/
  body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }


  /* 画像をフル幅に */
  .top_image_in {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .top_image_in img {
    width: 100%;
    height: auto;
    display: block;
  }


 
  /*--------------------------------------------------
見出しタグ設定（スマホ）
-----------------------------------------------------*/
  .parent {
    text-align: center;
  }
  .child {
    background-color: #ffffff;
    display: static;
    margin: -0.2em auto;
    padding: 0.4em 0.6em;
    font-size: 1.4em;
    color: #141414;
  }
  .parent02 {
    margin-top: 10em;
    text-align: center;
  }
  .child02 {
    background-color: #691b73;
    display: inline-block;
    margin: 0.5em auto;
    padding: 0.4em 0.6em;
    font-size: 1.3em;
    color: #fff;
  }
  /* h2 {
    background-color: #192271;
    display: inline-block;
    margin: 0.5em auto;
    font-size: 1.3em;
    color: #fff;
  } */
  h3 {
    margin: 2em 0 0;
    padding: 0.3em 0.6em;
    font-size: 1.2em;
    font-weight: bold;
    border-left: 8px solid #1d277d;
    border-bottom: 1px dotted #1d277d;
  }
  h4 {
    margin: 3em 0 0;
    padding: 0.3em 0.6em;
    font-size: 1.4em;
    font-weight: bold;
  }
  h5 {
    margin: 0.5em 0em;
    padding: 0.1em;
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
  }
  /*--------------------------------------------------
全体レイアウト／背景設定（スマホ）
-----------------------------------------------------*/
  /*全体エリア（全体背景を設定するにはここ）*/
  .main {
    background-color: #fff;
    overflow: hidden;
  }
  /*記事(ボディ)エリア*/
  .article {
    background-color: #fff;
    border-left: none;
    border-right: none;
    font-size: 1.6em; /*=16px*/
  }
  /*記事(ボディ)エリアの行間*/
  .article p {
    line-height: 1.6;
  }
  .article {
    width: 100%;
  }
  /*カラム全体の幅を変更する*/
  .top_image_in, .section_inr {
    width: 100%;
    margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
  }
  /*--------------------------------------------------
上部固定ヘッダー設定
-----------------------------------------------------*/
  /*上部固定ヘッダー全体*/
  .header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5000;
    background-color: #000;
    border-bottom: 1px solid #ccc;
    overflow: auto;
  }
  /*ヘッダー内部をカラム幅にする*/
  .header_inr {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  /*ヘッダーのロゴ*/
  .header_logo {
    width: 10%;
    float: left;
    margin: 0.5em 0 0 0.4em;
  }
  /*ヘッダーのメニュー*/
  .header_menu {
    background-color: #fc7e51;
    margin-top: 0.5em;
    padding: 0.5em 0;
    display: flex;
    justify-content: space-around;
    font-size: 1em;
  }
  .header_menu a {
    text-decoration: none;
    color: #fff;
  }
  /*--------------------------------------------------
下部固定ヘッダー（スマホ）
-----------------------------------------------------*/
  .fix_menu_smartphone {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
  }

  
  .fix_menu_smartphone img {
    width: 100%;
  }
  .menu_left {
    float: left;
    width: 100%;
    padding: 0em 0;
  }
  
  /*--------------------------------------------------
ファーストビュー設定
-----------------------------------------------------*/
  .top_image {
    background-image: none;
  }
  .top_image_in img {
    width: 100%;
  }
  /*--------------------------------------------------
sectionの設定
-----------------------------------------------------*/
  .seciton_01 {
    background: #141414;
    padding: 0em 0em;
    margin-bottom: 0em;
  }
  .section_02 {
    background-color: #141414;
    padding: 0.5em 0.5em;
    margin-bottom: 4em;
  }
  
  /*--------------------------------------------------
お悩み

-----------------------------------------------------*/
  .ccc_title {
    margin: 3em 1em 1em;
  }
  .checklist_title {
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    margin-top: 5em;
  }
  .checklist_innr {
    background-color: #fff;
  }
  .ccc_inr {
    margin: 2em 1em;
  }
  .ccc_inr img {
    width: 100%;
  }
  .ccc_text {
    padding-top: 0;
    padding-left: 1em;
    font-size: 2em;
    color: #fff;
  }

  @media screen and (max-width: 768px) {

    ul {
  list-style: none;
  padding: 1em;
  margin: 0;
  width: 100%;
}

ul li {
  position: relative;
  display: block !important;   /* 縦1列 */
  width: 100% !important;
  padding-left: 2.5em;         /* アイコンスペース */
  margin: 0.05em 0;
  font-size: 1em;
  line-height: 1.6;
  word-break: break-word;
  white-space: normal;          /* 改行を許可 */
  text-align: left !important;  /* ← 左揃えに固定 */
}

ul li::before {
  content: "\f14a";             /* FontAwesomeのチェック */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1em;
  color: #282727;
  position: absolute;
  left: 0.3em;
  top: 50%;
  transform: translateY(-50%);
}

ul li span {
  display: inline !important;   
  white-space: normal !important;
  text-align: left !important;  /* ← span 内も左揃え */
}
  }
  /*--------------------------------------------------
追従バナー

-----------------------------------------------------*/
/* 追従ボタンのアニメーション */
/* スマホ（768px以下）のみ追従ボタンにアニメーション */
@media screen and (max-width: 768px) {
  .fix_menu_smartphone {
    display: block;       
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;

    /* アニメーション */
    animation-name: yureru-v;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }

  /* 追従ボタン画像の幅調整 */
  .fix_menu_smartphone img {
    max-width: 100%;
    height: auto;
  }

  /* CTAボタン用のキーアニメーションを使う */
  @keyframes yureru-v {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-10px); } /* スマホ用に小さめ */
    100% { transform: translateY(0); }
  }
}
/* FAQセクションの後にある追従バナーを非表示 */
@media screen and (max-width: 768px) {
  .fix_menu_smartphone {
    display: none;
  }
}  
  
/*--------------------------------------------------
会社概要
-----------------------------------------------------*/
.company_title {
  margin-top: 5em;
}
.company table {
  margin: 2em auto;
}
.company th {
  width: 30%;
  background-color: #fc7e51 !important;
  color: #fff;
  padding: 1em;
  font-size: 0.7em;
}
.company td {
  font-weight: normal !important;
  padding-left: 2em;
  font-size: 0.7em;
}


/*--------------------------------------------------
落とし穴
-----------------------------------------------------*/

/* スマホ対応 */
@media screen and (max-width: 768px) {
  .trap-content {
    gap: 15px;
  }

  .trap-item {
    font-size: 1.2rem;
    padding: 12px 15px;
  }

  .trap-icon {
    width: 26px;
    height: 26px;
  }
  .trap-bg {
    background-size: contain; /* 画像全体を表示 */
    background-position: top center; /* 上側を基準に表示 */
    padding: 40px 10px; /* スマホ用に余白を調整 */
  }
}

/*--------------------------------------------------
許可
-----------------------------------------------------*/
.license_title {
  margin-top: 5em;
}
.license table {
  margin: 2em auto;
}
.license th {
  width: 30%;
  background-color: #fc7e51 !important;
  color: #fff;
  padding: 1em;
  font-size: 0.7em;
}
.license td {
  font-weight: normal !important;
  padding-left: 2em;
  font-size: 0.7em;
}
/*--------------------------------------------------
フッター部分
-----------------------------------------------------*/
.footer {
  background-color: #000;
  padding: 2em 0em;
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  padding-bottom: 8em;
}
.footer a {
  color: #fff;
}
  }