@charset "utf-8";

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

/* CSS Document */


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

/* body全体の初期スタイル調整 */
body{
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}



/* ------------------------------------
全体レイアウト/背景設定（スマホ）
------------------------------------ */


/* 記事（ボディ）エリア */
.article{
  background-color: #fff;
  border-left: none;
  border-right: none;
  /* font-size: 1.6em; =16px */
  padding-top: 0;
}

/* 記事（ボディ）エリアの行間 */
.article p{
  line-height: 1.6;
}

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

.br_sp{
  display: block;
}

/* ------------------------------------
上部固定ヘッダー設定
------------------------------------ */
.spacebook_header{
  display: none;
}


/* ------------------------------------
解決策エリア01設定
------------------------------------ */
#solution_01 h2{
  width: 90%;
}

.solution_01_text01{
  font-size: 1.1rem;
}

.solution_01_text02{
  font-size: 1.1rem;
}



/* ------------------------------------
CTAエリア01設定
------------------------------------ */
#cta_area_01 h2{
  width: 100%;
}
.cta_area_01_img{
  margin-bottom: 0;
}

.cta_area_01_text01{
  font-size: 1.1rem;
  margin-top: 0;
}

.cta_area_01_big{
  font-size: 1.4rem;
}

.cta_area_01_text02{
  font-size: 1.1rem;
}

/* ------------------------------------
解決策エリア02設定
------------------------------------ */
#solution_02 h2{
  width: 100%;
}

.solution_02_text{
  font-size: 1.1rem;
}

/* ------------------------------------
機能エリア設定
------------------------------------ */
#function h2{
  width: 100%;
  margin-bottom: 1rem;
}

#function h3{
  font-size: 1rem;
}

#function h4{
  font-size: 14px;
}

.function_inr{
  width: 100%;
  padding: 10px;
  gap: 10px;
  margin-bottom: 1rem;
}

.function_inr p{
  font-size: 12px;
}

.function_wrap{
  padding: 10px;
}

.function_img{
  width: 40%;
} 

.function_no{
  width: 20%;
}

/* ------------------------------------
お客様の声エリア設定
------------------------------------ */
#voice{
  padding-bottom: 0.1px;
}

#voice h2{
  width: 100%;
}

#voice h3{
  font-size: 1rem;
}

.voice_inr{
  padding: 0 5px;
}

.voice_wrap p{
  font-size: 12px;
}

/* ------------------------------------
よくある質問エリア設定
------------------------------------ */
#faq{
  padding-bottom: 0;
}

.faq_item{
  width: 95%;
}

.faq_question .q_label{
  font-size: 16px;
}

.faq_question .q_text{
  font-size: 15px;
}

.faq_answer .faq_answer_text .a_label{
  font-size: 14px;
}

.faq_answer .faq_answer_text .a_text{
  font-size: 12px;
}

.faq_img{
  width: 95%;
}

/* ------------------------------------
CTAエリア02設定
------------------------------------ */
.cta_area_02_text{
  font-size: 1.1rem;
  margin-bottom: 0;
}

.cta_area_02_inr{
  width: 95%;
}

#cta_area_02 h2{
  width: 95%;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ------------------------------------
footer部分
------------------------------------ */
.footer{
  background-color: #fff;
  padding: 2em 0;
  text-align: center;
  font-size: 12px;
  color: #333;
}
.footer a{
  color: #333;
}




/* ------------------------------------
テーブル設定
------------------------------------ */

/* スマホでは行が列になるテーブルタグ */
.terms tr,.terms th,.terms td{
  display: block;
}
.terms th,.terms td{
  width: 100%;
}



}