/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/* 
    Created on : 2019/05/30, 10:41:14
    Author     : YYWork
*/

@charset "utf-8";
/*--------------------------------------------------
 * pc　768px以上
 *--------------------------------------------------*/

@media only screen and (min-width: 768px), print {
  #thanks {
    font-size: 14px;
    color: #FF0000;
    margin: 50px 0 50px 0;
    text-align: center;
  }
  .guideTTL {
    color: #000;
    font-size: 28px;
    margin: 0 0 40px 0;
    text-align: center;
  }
  p {
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", Sans-Serif !important;
  }
  #left_column p {
    margin: 0 0 30px 0;
    text-align: left;
  }
  #left_column .guide_01 {
    font-size: 13px;
    font-weight: bold;
    background: url(../img/midasi_bg.png) left top no-repeat;
    margin: 0 0 20px 0;
    padding: 10px 0 10px 30px;
    color: #333333;
  }
  #left_column .guide_02 {
    margin: 0 0 20px 0;
    /*border-bottom:#0F67AF solid 5px;*/
    font-size: 16px;
    padding: 0 20px;
    padding-bottom: 1em !important;
    line-height: 1.6;
  }
  #left_column .guide_03 {
    /*font-weight:bold;*/
    font-size: 16px;
    padding-bottom: 0.5em !important;
    line-height: 1.6;
    padding: 0 20px;
    margin-bottom: 10px !important;
  }
  #left_column .guide_04 {
    margin: 0 0 20px 0;
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 1.6;
  }
  #left_column #guide_05 {
    font-size: 16px;
    line-height: 1.6;
    width: 650PX;
    background: #0F67AF;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    padding: 30px;
    border: #FFE56C solid 5PX;
  }
  #left_column #guide_06 {
    color: #CC0000;
    font-size: 16px;
    padding-bottom: 1em !important;
    line-height: 1.6;
  }
  .guide h3 {
    font-size: 22px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 0.7em;
  }
  .guide h3::after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: '';
    width: 5px;
    height: 1em;
    background-color: #6C0000;
  }
}

/*--------------------------------------------------
 * スマホ 767px以下
 *--------------------------------------------------*/

@media only screen and (max-width: 767px) {
  #thanks {
    font-size: 14px;
    color: #FF0000;
    margin: 20px 0 20px 0;
    text-align: center;
  }
  .guide_01 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #333333;
  }
  .guide p {
    font-size: 16px;
    padding: 0px;
    line-height: 1.7;
    color: #666;
  }
  .guide span {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
  }
  /* 今回無料～～のところ */
  .guide .back_green_sp {
    background-color: #76B764;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 2em;
  }
  .under_dotline_sp {
    display: inline !important;
    border-bottom: #ccc dotted 1px !important;
  }
  .sp_margin20 {
    margin-right: 20px;
    margin-left: 20px;
  }
  /*ヘッダー近くのでかいやつを初期化ここから*/
  .contentsTitle_h2 {
    font-size: initial;
    font-weight: initial;
    color: initial;
    border-bottom: initial;
    margin-bottom: initial;
    color: initial;
  }
  .borderTitle {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    text-align: center;
  }
  /*ヘッダー近くのでかいやつを初期化ここまで*/
  /*メニューを消す*/
  .guide .knowlegeTab {
    display: none !important;
  }
  /*GUIDE/index*/
  .flex_main {
    display: flex;
    flex-flow: row wrap;
  }
  .flex_main .item1 {
    order: 1;
  }
  .flex_main .item2 {
    order: 2;
  }
  .flex_main .item3 {
    order: 4;
  }
  .flex_main .item4 {
    order: 3;
  }
  .tab-1::before {
    font-family: 'FontAwesome';
    content: "\f0e5";
    color: #2e2e2e;
    margin-right: 8px;
    font-weight: 400;
    font-size: 18px;
  }
  .tab-2::before {
    font-family: 'FontAwesome';
    content: "\f02d";
    color: #2e2e2e;
    margin-right: 8px;
    font-weight: 400;
    font-size: 18px;
  }
  .tab-4::before {
    font-family: 'FontAwesome';
    content: "\f132";
    color: #2e2e2e;
    margin-right: 8px;
    font-weight: 400;
    font-size: 18px;
  }
  #guide_05 li {
    position: relative;
    padding: 0.5em 1em 0.5em 2.3em;
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(25, 118, 210, 1);
  }
  #guide_05 li:before {
    font-family: 'FontAwesome';
    content: "\f0a4";
    position: absolute;
    border-radius: 50%;
  }
  #guide_05 li:before {
    top: 50%;
    left: 0.2em;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
  }
  #guide_05 li:after {
    top: 1.1em;
    left: 0.7em;
    width: 14px;
    height: 14px;
  }
  .cp_actab-content {
    margin-left: 20px;
    margin-right: 20px;
  }
  .guide span {
    border-bottom: #ccc dotted 1px;
  }
}

/*--------------------------------------------------
 * PCとスマホの共通
 *--------------------------------------------------*/

body {
  counter-reset: number 0;
  /* number のカウンタを 0 にセット */
}

.guide h3:before {
  /* number カウンタの増加数をセット */
  counter-increment: number 1;
  /* 表示形式を指定 */
  content: counter(number) ". ";
}