@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
----------------------------------------------------------------------------------------*/

/*--------------------------------------------------
共通設定(スマホ)
-----------------------------------------------------*/
	
/*body全体の初期スタイル調整*/
body {
	width: 100%;
  -webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
  font-family: 'Noto Sans JP', sans-serif;
}

/*--------------------------------------------------
全体レイアウト／背景設定（スマホ）
-----------------------------------------------------*/
/*記事(ボディ)エリア*/
.article {
  background-color: #fff;
  
}

.article{
	width: 100%;
}

/*カラム全体の幅を変更する*/
.top_image_in,.section_inr {
  width: 100%;
  margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
}
/*--------------------------------------------------
上部固定ヘッダー設定
-----------------------------------------------------*/
/*上部固定ヘッダー全体*/
.header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 5000;
  max-width: 720px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-sizing: border-box;
  /* overflow: auto; は削除 */
 
}

/*ヘッダー内部をカラム幅にする*/
.header_inr {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  background-color: #fff;
  
}

/*ヘッダーのロゴ*/
.header_logo{
  float: left;
  width: 130%;
  margin: 1em 0em 0.5em 0.7em;
  }
  
.header_form{
  float:right;
  width: 55%;
}
 

/*--------------------------------------------------
ファーストビュー設定
-----------------------------------------------------*/
.top_image {
  background-image: none;
}

.top_image{
  margin-bottom: 0;
}

.fv{
  background-color: #fff;
}


/*--------------------------------------------------
まずは動画をご覧ください
-----------------------------------------------------*/

.lp-video {
  
 margin-top: 1.2em;
}

.lp-video video {
  width: 100%;
  height: auto;
  display: block;
}

/*--------------------------------------------------
実績画像01
-----------------------------------------------------*/
.section_jisseki_01{
  margin-bottom: 3em;
}
/*--------------------------------------------------
悩み
-----------------------------------------------------*/









/*--------------------------------------------------
step
-----------------------------------------------------*/

/*--------------------------------------------------
CTA
-----------------------------------------------------*/
.section_cta{
  background-color: #2b3a55;
  padding: 2em 1em;
}

.cta_inr{
  background-color: #fff;
  padding: 2em 0.8em 2em;
  margin-top: 1em;
}

.cta_price{
  margin-bottom: 1em;
  margin-top: 1em;
}

/*--------------------------------------------------
qa
-----------------------------------------------------*/



/* =========================
  追従CTA（セクション版）
========================= */
.fix_cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
}

.fix_cta_inner {
  max-width: 600px;   /* 任意 */
  margin: 0 auto;
}

.fix_cta a {
  display: block;
}

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

.fix_cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 -4px 12px rgba(0,0,0,0.08);
  transition: opacity .3s ease, visibility .3s ease;
}

.fix_cta.hide {
  opacity: 0;
  visibility: hidden;
}

/* =========================
  CTA シャドウ強化
========================= */

.fix_cta {
  box-shadow: 0 -6px 18px rgba(0,0,0,0.12);
}

.fix_cta a img {

  box-shadow:
    0 6px 14px rgba(0,0,0,0.18),   /* メイン影 */
    0 2px 4px rgba(0,0,0,0.08);    /* 補助影 */
}

.fix_cta a img {
  animation: floatSoft 3s ease-in-out infinite;
}

@keyframes floatSoft {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-6px); }  /* ふわっと上へ */
  100% { transform: translateY(0); }
}
/*--------------------------------------------------
フッター部分
-----------------------------------------------------*/
.footer {
  padding: 0.6em 0em;
  text-align: center;
  font-size: 0.8em;
  background-color: #fff;
}

.footer p{
  font-family:'Hiragino Kaku Gothic ProN';
  color: #000;
}

.pc_side_nav {
    display: none;}