@charset "UTF-8";
/* CSS Document */
@media only screen and (max-width:768px) {
  /*------------------------------------
スマホ用レイアウト（768px以下スクリーン）
------------------------------------*/
  /*--------------------
共通設定（PC)
--------------------*/
  /*body全体の初期スタイル設定*/
  body {
    font-size: 62.5%; /*emの設定がしやすくなる定番設定*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #000;
  }
  /*リンク文字の設定*/
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: none;
  }
  /*ブラウザのCSSのリセット*/
  p {
    margin: 0 !important;
    padding: 0 !important;
  }
  /*セクションエリアの共通設定*/
  section {
    clear: both;
    overflow: auto;
  }
  /*--------------------
見出しタグ設定
--------------------*/
  h2 {
    margin: 0em;
    padding: 1em;
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    background-color: #af6b7b;
    color: #fff;
  }
  /*--------------------
全体レイアウト共通設定
--------------------*/
  /*全体エリアを設定するにはここ*/
  .main {
    background-image: none;
  }
  /*記事（ボディ）エリア*/
  .article {
    font-size: 1.6em;
  }
  /*記事（ボディ）エリアの行間*/
  .article p {
    line-height: 1.6;
  }
  /*カラム全体の幅を変更する*/
  .top_image_in {
    width: 100%;
    margin: 0 auto;
  }
  .pc_view {
    display: none !important;
  }
  .sp_view {
    display: block !important;
  }
  /*--------------------
セクションの設定
--------------------*/
  .section_over {
    width: 100%;
    height: auto;
  }
  .section_under {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0.5em 0em;
    background: #fff;
  }
  /*--------------------
ファーストビューエリアの設定
--------------------*/
  .under_fv {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0em 0em 0em;
  }
  /*--------------------
CTAエリアの設定
--------------------*/
  .undere_cta {
    background-color: #eec9af;
    background-image:
      linear-gradient(-90deg, #fff 50%, transparent 50%);
    background-size: 14px 14px;
  }
  .box_cta {
    margin: 0.5em 0.5em;
    padding: 0.5em 0.5em 1em;
    background-color: #fff;
    text-align: center;
  }
  .btn_cta {
    padding: 1.5em 1em 0.5em;
  }
  .scroll_btn {
    animation-name: fuwafuwa; /* fuwafuwaっていうアニメーションの名前*/
    animation-duration: 2s; /*アニメーションの時間設定*/
    animation-iteration-count: infinite; /*アニメーションの繰り返し設定*/
  }
  @keyframes fuwafuwa {
    0% {
      -webkit-transform: translate(0, 0px);
    } /*X軸とY軸*/
    50% {
      -webkit-transform: translate(0, -20px);
    }
    100% {
      -webkit-transform: translate(0, 0px);
    }
  }
  /*--------------------
悩みエリアの設定
--------------------*/
  .box_nayami {
    margin: 1em 0.5em;
  }
  /*--------------------
解決エリアの設定
--------------------*/
  .box_kaiketsu {
    margin: 2em 1em;
  }
  /*--------------------
3つのメリットエリアの設定
--------------------*/
  .under_meritto {
    padding-top: 0em;
    background-color: #FDEFE6;
  }
  .box_meritto {
    margin: 1.5em 1em;
    padding: 1.5em 0.5em;
    background-color: #fff;
  }
  .box_meritto_inr {
    margin: 0em;
    padding: 0.5em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .box_meritto_inr_item {
    padding: 0.5em 0em;
    line-height: 2;
  }
  .box_meritto_inr_item img {
    width: 100%;
  }
  .box_meritto_inr_item p {
    line-height: 1.8;
  }
  /*--------------------
新しい選択肢エリアの設定
--------------------*/
  .under_sentakushi {
    padding-top: 0em;
  }
  .box_sentakushi {
    margin: 1em 0.5em;
    padding: 1.5em 0em;
    text-align: center;
  }
  .box_sentakushi p {
    font-size: 1.1em;
    line-height: 2;
  }
  .box_sentakushi p span {
    background: linear-gradient(transparent 50%, #fceadd 50%);
  }
  /*--------------------
強みエリアの設定
--------------------*/
  .triangle_tsuyomi {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #fff;
    margin: 0 auto;
    padding-bottom: 1em;
  }
  .under_tsuyomi {
    padding-top: 0em;
    background-color: #fdefe5;
  }
  .box_tsuyomi {
    margin: 0em 0.5em;
    padding: 1em 0.5em;
  }
  .box_tsuyomi_inr {
    margin: 0em;
    padding: 0.5em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    flex-wrap: wrap;
  }
  .box_tsuyomi_inr_item {
    padding: 1em 0.5em;
    line-height: 2;
  }
  .box_tsuyomi_inr_item img {
    width: 250px;
  }
  .box_tsuyomi_inr_item p {
    line-height: 1.8;
  }
  .box_tsuyomi_inr_item p span {
    background: linear-gradient(transparent 50%, #fce3df 50%);
  }
  /*--------------------
会員様の声エリアの設定
--------------------*/
  .under_koe {
    background-color: #FCE3DF;
    padding-bottom: 0em;
  }
  .box_koe {
    margin: 2em 1.5em;
  }
  .box_koe:last-child {
    margin-bottom: 0em;
  }
  .box_koe_inr {
    margin: 0em;
    padding: 1.5em 2em;
    background-color: #fff;
  }
  .box_koe_inr p span {
    background: linear-gradient(transparent 50%, #fce3df 50%);
  }
  /*--------------------
返金保証エリアの設定
--------------------*/
  .ubder_henkin {
    padding-top: 0em;
  }
  .box_henkin {
    padding: 1em 1em;
  }
  /*--------------------
お問い合わせの手順エリアの設定
--------------------*/
  .under_nagare {
    background-color: #FCE3DF;
    padding-top: 0em;
  }
  .box_nagare {
    margin: 1.5em;
  }
  /*--------------------
よくある質問エリアの設定
--------------------*/
  .under_qa {
    padding-top: 0em;
  }
  .box_qa {
    margin: 1em 0.5em;
    padding: 0em 1em;
  }
  .text_question {
    margin: 0em 0em 0.5em;
    padding-bottom: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px dotted #e2b8b4;
  }
  .text_question img {
    width: 50px;
  }
  .text_question h4 {
    padding-left: 0.5em;
    margin: 0em;
    font-size: 1.2em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: normal;
  }
  .text_answer {
    margin: 0em 0em 0.5em;
    padding-bottom: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .text_answer img {
    width: 50px;
  }
  .text_answer h4 {
    padding-left: 0.5em;
    margin: 0em;
    font-size: 1em;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: normal;
  }
  /*--------------------
運営者プロフィールエリアの設定
--------------------*/
  .box_prof {
    margin: 2em 1em;
  }
  .text_prof {
    margin: 2em 0.5em;
  }
  /*--------------------
フッター部分
--------------------*/
  .footer {
    background-color: #af6b7b;
    padding: 2em 0em 7em;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
  }
  .footer a {
    color: #fff;
    text-decoration: none;
  }
  .footer a:hover {
    opacity: 0.6;
  }
  /*--------------------
トップに戻るボタン
--------------------*/
  .pagetop {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 15px;
  }
  .pagetop a {
    display: none;
    background-color: #fff;
    text-align: center;
    color: #2e4154;
    border: 1px solid #2e4154;
    text-decoration: none;
    padding: 10px 15px;
  }
  .pagetop a:hover {
    display: none;
    background-color: #2e4154;
    text-align: center;
    color: #fff;
    border: none;
    text-decoration: none;
    padding: 10px 15px;
    opacity: 0.5;
  }
  .pagetop_sankaku {
    font-size: 3em;
  }
  /*--------------------------------------------------
下部固定ヘッダー（スマホ）
-----------------------------------------------------*/
  .fix_menu_smartphone {
    display: block;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 10000;
  }
  .fix_menu_smartphone img {
    width: 100%;
  }
}