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

@media only screen and (min-width : 769px) {

/*-------------------------------------------------------------------------------------
PC用レイアウト（769px以上のスクリーン）
----------------------------------------------------------------------------------------*/

/*--------------------------------------------------
全体レイアウト／背景設定（PC）
-----------------------------------------------------*/
/*記事(ボディ)エリア*/
.article {
  background-color: #fff;
  font-size: 1.6em; /*=16px*/
}

.article{
	width: 100%;
}

/*カラム全体の幅を変更する*/
.top_image_in,.section_inr {
  width: 950px;
  margin: 0 auto; /*真ん中に要素を置きたいときに使う*/
}

/*--------------------------------------------------
全体ラッパー（PCのレイアウト統一）
-----------------------------------------------------*/
.pc_bg,
.pc_header_bg,
.pc_contents_border {
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
}

.pc_bg {
  background-color: #e7f5ff;
  display: block; /* ← flexを解除してズレ防止 */
}

.pc_header_bg {
  background-color: #e7f5ff;
}

.pc_contents_border {
  border: 1px solid #ccc;
}




/*--------------------------------------------------
上部固定ヘッダー設定
-----------------------------------------------------*/
/*上部固定ヘッダー全体*/
.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: 90%;
  margin: 1em 0em 0.5em 0.7em;
  }
  
.header_form{
  float:right;
  width: 55%;
}
 

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

.top_image{
  margin-bottom: 0;
}

/*--------------------------------------------------
CTA
-----------------------------------------------------*/

.cta_area {
  padding: 2em 1em 2.5em;
  background-image: url("../images/cta_bg.png"); /* ← ../ を追加 */
  background-size: cover; /* 画像を全体にフィット */
  background-position: center; /* 中央に配置 */
  background-repeat: no-repeat; /* 繰り返し防止 */
}

.cta_inr{
  background-color: #fff;
  padding: 1.2em 0.8em 1.5em;
}

.cta_title{
  text-align: center;
  margin-bottom: 0.6em;
}

.cta_inr_list{
  margin: 1.3em 0 1.5em 0;
}

.cta_microcopy{
  margin-bottom: 0.3em;
  text-align: center;
}

.cta_inr_woman{
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

/*--------------------------------------------------
悩み
-----------------------------------------------------*/
.section_nayami{
  padding: 2em 0.5em 3em 0em;
  background-image: url(../images/nayami_bg.png);
}

.nayami_title{
  text-align: center;
  margin-bottom: 1.5em;
  margin-left: 1em;
  margin-right: 0.5.5em;
  

}

/*--------------------------------------------------
アンケート
-----------------------------------------------------*/
.section_survey{
  padding: 1em 0em 1.4em 1em;
  background-image: url(../images/survey_bg.png);
}

.servey_dounyu{
  margin-bottom: 0.6em;
  margin-right: 1em;
}

.survey_title{
  text-align: center;
  margin-bottom: 1.5em;
 

}

.survey_inr{
  padding-right: 1em;
  margin-bottom: 1.8em;
}

.surveykekka{
  margin-bottom: 0.6em;
}

.survey_img_02{
  margin-right: 1em;
  margin-top: 1.5em;
}







/*--------------------------------------------------
解決
-----------------------------------------------------*/
.section_kaiketsu{
  background-color: #f6f2f6;
  padding: 2em 1em 2em 1em;
}

.kaiketsu_img{
  margin: 1em 0 1.2em;
}

.kaiketsu_step_arrow{
  text-align: center;
  margin-bottom: 1em;
}

.kaiketsu_step_title{
  text-align: center;
  margin-bottom: 1em;
}

.kaiketsu_step{
  margin-bottom: 0.8em;
}

.kaiketsu_step_support{
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
}




/*--------------------------------------------------
理由
-----------------------------------------------------*/
.section_reason{
  background-color: #faf2f0;
}

.reason_inr{
  padding: 2em 1em 3em;
}

.reason_title{
  margin-bottom: 1.4em;
}

.reason_lead{
  margin-bottom: 2em;
}

.reason_fan{
  margin-bottom: 2em;
}

.reason_teian_img{
  margin-top: 1.4em;
  margin-bottom: 2em;
}

/*--------------------------------------------------
比較
-----------------------------------------------------*/
.section_hikaku{
  padding: 2em 1em 2em 1em;
background-image: url(../images/hikaku_bg.png);

}

.hikaku_01{
  margin-top: 1.8em;
  margin-bottom: 1.5em;
}

/*--------------------------------------------------
実績
-----------------------------------------------------*/
.section_jisseki{
  padding: 2em 1em 2.5em 1em;
background-image: url(../images/jisseki_bg.png);
}

.jisseki_title{
  margin-bottom: 1.8em;
}

.jisseki_img{
  margin-bottom: 1.3em;
}

.jisseki_support{
  margin: 2em 0 2em;
}












/*--------------------------------------------------
step
-----------------------------------------------------*/
.section_step{
  background-color: #faf2f0;
  padding: 2.5em 1em 3.5em;
}

.step_title{
  margin-bottom: 1.8em;
}

.step_img{
  margin-bottom: -0.5em;
}

.step_arrow{
  text-align: center;
}






/*--------------------------------------------------
qa
-----------------------------------------------------*/
.section_qa{
  background-color:#f6f2f6;
padding: 2.5em 1em 1.8em 1em;
  
}

.qa_title{
  text-align: center;
  margin-bottom: 2em;
  
}

.qa_inr_img{
  margin-bottom: 1.5em;
}

/*--------------------------------------------------
メッセージ
-----------------------------------------------------*/
.section_message{

}

/*--------------------------------------------------
メディア
-----------------------------------------------------*/
.section_media{
  
}







/*--------------------------------------------------
フッター部分
-----------------------------------------------------*/
.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表示（720pxのLPだけスクロールし、左右に固定グラデ背景） */
body {
  background-image: url("../images/pc_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

/* LP本体（既存構造） */
.pc_header_bg {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 10;
}

/* PC専用 左サイドメニュー */
.pc_side_nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 240px;
  /* height: 100vh; */
  padding: 2.5em 1.5em;
  /* background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px); */
  z-index: 5000;
  font-family: "Zen Kaku Gothic New", sans-serif;

  display: flex;
  flex-direction: column;
  justify-content: space-between;  /* 上ロゴ / メニュー / 下ボタン を上下に並べる */
}

/* 上部ロゴ */
.pc_side_logo img {
  width: 160px;          /* 必要に応じて調整 */
  display: block;
  margin-bottom: 2em;
}

/* メニュー本体 */
.pc_side_menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pc_side_menu li a {
  color: #222222;
  font-size: 1.5em;
  line-height: 2.8em;
  text-decoration: none;
  letter-spacing: 0.05em;
  transition: opacity 0.2s ease;
}

.pc_side_menu li a:hover {
  opacity: 0.6;
}

/* 下部ボタン */
.pc_side_buttons img {
  width: 140%;
  display: block;
  margin-top: 2em;
}







}