@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;
}


/* ------------------------------------
10秒でわかる設定
------------------------------------ */
#about p{
  font-size: 1rem;
}


/* ------------------------------------
導入エリア設定
------------------------------------ */
.introduction_text02{
  font-size: 15px;
}



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

#function h3{
  font-size: 16px;
}

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

.function_text_wrap{
  width: 90%;
}

.function_img_wrap{
  display: none;
}

.function_img_wrap_sp{
  display: block;
  width: 60%;
  margin: 0 auto;
}


/* ------------------------------------
解決策エリア設定
------------------------------------ */
#solution .solution_text{
  font-size: 15px;
}

.solution_gold{
  font-size: 17px;
}


/* ------------------------------------
特徴エリア設定
------------------------------------ */
.feature_content{
  flex-direction: column-reverse;
}

.feature_text{
  width: 95%;
  font-size: 14px;
  margin: 1rem auto;
}

.feature_big{
  font-size: 16px;
}

.feature_img{
  width: 70%;
}


/* ------------------------------------
世界観エリア設定
------------------------------------ */
.worldview_text01{
  font-size: 14px;
  width: 85%;
}

.worldview_img{
  width: 95%;
}

.worldview_img04{
  width: 95%;
}


/* ------------------------------------
お客様の声エリア設定
------------------------------------ */
.voice_content{
  width: 55%;
}

.voice_h3{
  display: none;
}

.voice_h3_sp{
  display: block;
  text-align: center;
  font-size: 18px;
}

.voice_attribute{
  font-size: 12px;
}

.voice_content_text{
  font-size: 14px;
}

.voice_text{
  margin-bottom: 4rem;
}


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

#faq h2{
  margin-top: 0;
  margin-bottom: 2rem;
}

.faq_item{
  width: 95%;
  margin-bottom: 2rem;
}

.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_text02{
  font-size: 14px;
}




/* ------------------------------------
footer部分
------------------------------------ */
.footer{
  padding: 2em 0;
  text-align: center;
  font-size: 12px;
}



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

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



}