@charset "UTF-8";
/* -----------------------------------------CSS Information
File Name:base.css
Author:T.osaka
Style Info:ブラウザスタイルの画面毎の設定
-------------------------------------------------------------
01:初期設定
02:共通
03:ホーム
04:安心探偵.comとは
05:探偵事務所紹介の流れ
06:安心探偵.comを使うメリット
07:探偵費用の相場
08:探偵の調査項目
09:コラム
10:用語集
11:浮気診断
00:フォーム
00:よくある質問
00:運営会社
00:プライバシーポリシー
00:サイトマップ
-----------------------------------------------------------*/
/* ----------------------------------------------------------
01:初期設定
-----------------------------------------------------------*/
/* -----------------------------------------CSS Information
File Name:base.css
Author:T.osaka
Style Info:ブラウザスタイルのサイト全体の値設定
-------------------------------------------------------------*/
/*----------------------------------------------------------
02:共通
-----------------------------------------------------------*/
/* ----------------------------------------------------------
03:ホーム
-----------------------------------------------------------*/
body.home {
  background: url(../img/home_kv-bg_sp.gif) no-repeat left top;
  background-size: 100% auto;
  /*END main*/ }
  body.home header {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background: url(../img/home_kv_sp.svg) no-repeat left top;
    background-size: 100% auto; }
    body.home header h1 {
      width: 50%;
      margin-bottom: 50px; }
  body.home main {
    /*END section.unit_about*/
    /*END aside.unit_content-list*/
    /*END aside.unit_column-list*/ }
    body.home main h3 {
      margin-bottom: 30px;
      text-align: center; }
    body.home main section.unit_about {
      padding: 0 0 0 20px;
      /*END ul.list_about*/ }
      body.home main section.unit_about ul.list_about li {
        line-height: 140%; }
        body.home main section.unit_about ul.list_about li a {
          display: block;
          font-size: 1.4rem; }
          body.home main section.unit_about ul.list_about li a h2 {
            padding-bottom: 5px;
            line-height: 140%;
            font-size: 1.8rem;
            color: #339933; }
          body.home main section.unit_about ul.list_about li a ul.wrap_about {
            display: table;
            width: 100%; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li {
              display: table-cell;
              vertical-align: middle; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li + li {
              margin-top: 0; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content {
              width: calc( 100% - 15px );
              padding-right: 10px; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_delta {
              width: 15px;
              padding: 4px;
              background-color: #fc6e9f; }
      body.home main section.unit_about ul.list_about li + li {
        margin-top: 20px; }
      body.home main section.unit_about ul.list_about li:nth-child(1) a ul.wrap_about li.item_content {
        padding-left: 35%;
        background: url(../img/home_about-illust01.svg) no-repeat left top;
        background-size: 34% auto; }
      body.home main section.unit_about ul.list_about li:nth-child(2) a ul.wrap_about li.item_content {
        padding-right: 45%;
        background: url(../img/home_about-illust02.svg) no-repeat right 40px top;
        background-size: 28% auto; }
      body.home main section.unit_about ul.list_about li:nth-child(3) a ul.wrap_about li.item_content {
        padding-left: 35%;
        background: url(../img/home_about-illust03.svg) no-repeat left 10px top;
        background-size: 28% auto; }
    body.home main aside.unit_warning {
      /*END a.bnr_warning*/ }
      body.home main aside.unit_warning a.bnr_warning {
        position: relative;
        display: block;
        padding: 10px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#434343+0,000000+100 */
        background-color: #434343;
        /* Old browsers */
        background-color: -moz-linear-gradient(top, #434343 0%, #000000 100%);
        /* FF3.6-15 */
        background-color: -webkit-linear-gradient(top, #434343 0%, #000000 100%);
        /* Chrome10-25,Safari5.1-6 */
        background-color: linear-gradient(to bottom, #434343 0%, #000000 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        background-image: url(../img/bnr_warning-bg.jpg);
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right top;
        line-height: 170%;
        font-size: 1.4rem;
        color: #ffffff; }
        body.home main aside.unit_warning a.bnr_warning h2 {
          margin-bottom: 5px;
          text-align: left;
          font-size: 1.8rem;
          color: #cc0000; }
        body.home main aside.unit_warning a.bnr_warning p {
          width: 75%; }
        body.home main aside.unit_warning a.bnr_warning img {
          position: absolute;
          right: 10px;
          top: 35px;
          width: 40px; }
    body.home main aside.unit_content-list ul.list_content li {
      border-top: solid 2px #cccccc;
      padding-top: 20px; }
      body.home main aside.unit_content-list ul.list_content li h2 {
        margin-bottom: 10px;
        text-align: left;
        font-size: 2.4rem;
        color: #339933; }
      body.home main aside.unit_content-list ul.list_content li p {
        width: 70%; }
    body.home main aside.unit_content-list ul.list_content li:nth-child(1) {
      background: url(../img/home_content-item01.svg) no-repeat right center;
      background-size: 30% auto; }
    body.home main aside.unit_content-list ul.list_content li:nth-child(2) {
      background: url(../img/home_content-item02.svg) no-repeat right center;
      background-size: 30% auto; }
    body.home main aside.unit_content-list ul.list_content li:nth-child(3) {
      background: url(../img/home_content-item03.svg) no-repeat right center;
      background-size: 30% auto; }
    body.home main aside.unit_content-list ul.list_content li:nth-child(4) {
      background: url(../img/home_content-item04.svg) no-repeat right center;
      background-size: 30% auto; }
    body.home main aside.unit_column-list {
      width: calc( 100% - 40px );
      margin: 40px 20px 0 20px;
      padding: 0;
      border: solid 1px #cccccc; }
      body.home main aside.unit_column-list h2 {
        margin: 1px;
        padding: 10px 0;
        background-color: #e9e5d0;
        text-align: center; }
        body.home main aside.unit_column-list h2 span, body.home main aside.unit_column-list h2 img {
          display: inline-block; }
        body.home main aside.unit_column-list h2 img {
          width: 60px;
          margin: 0 5px; }
      body.home main aside.unit_column-list ul.unit_column_2to4 {
        margin-top: 0;
        padding: 10px 10px 0 10px; }
      body.home main aside.unit_column-list p.unit_btn-set1 {
        margin: 20px 10px 10px 10px; }
    body.home main section.unit_faq {
      width: calc( 100% - 40px );
      margin: 40px 20px 0 20px;
      padding: 20px 10px 10px 10px;
      background-color: #b8e6b8; }
      body.home main section.unit_faq h2 {
        margin-bottom: 10px;
        text-align: center;
        color: #339933; }
      body.home main section.unit_faq div.unit_qa {
        padding: 10px;
        background-color: #ffffff; }
        body.home main section.unit_faq div.unit_qa h3, body.home main section.unit_faq div.unit_qa p {
          clear: both;
          overflow: hidden; }
          body.home main section.unit_faq div.unit_qa h3 span, body.home main section.unit_faq div.unit_qa p span {
            display: inline-block;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
            padding-top: 4px;
            width: 40px;
            height: 40px;
            text-align: center; }
          body.home main section.unit_faq div.unit_qa h3 span + span, body.home main section.unit_faq div.unit_qa p span + span {
            width: calc( 100% - 50px );
            height: auto;
            padding-top: 0;
            background-color: transparent;
            margin: 0;
            text-align: left;
            color: #333333; }
        body.home main section.unit_faq div.unit_qa h3 {
          margin-bottom: 10px;
          text-align: left;
          font-size: 1.6rem; }
          body.home main section.unit_faq div.unit_qa h3 span {
            background-color: #339933;
            color: #ffffff; }
        body.home main section.unit_faq div.unit_qa p span {
          background-color: #ededed;
          color: #339933; }
      body.home main section.unit_faq div.unit_qa + div.unit_qa {
        border-top: solid 1px #b8e6b8; }
    body.home main section.unit_memo h2 {
      margin-bottom: 20px;
      text-align: center;
      color: #339933;
      font-size: 2.8rem; }
      body.home main section.unit_memo h2 img {
        display: inline-block;
        width: 50px;
        margin: 0; }
    body.home main section.unit_memo div h3 {
      margin: 0 0 10px 0;
      text-align: left;
      text-align: center; }
    body.home main section.unit_memo div img {
      margin-bottom: 10px; }
    body.home main section.unit_memo div + div {
      margin-top: 40px; }
  @media screen and (max-width: 320px) {
    body.home {
      /*　画面サイズ 320pxまで適用　*/ }
      body.home main section.unit_about ul.list_about li a h2 {
        font-size: 1.6rem; } }
  @media screen and (min-width: 750px) {
    body.home {
      /*　画面サイズ 750px以上から適用　*/ }
      body.home header h1 {
        margin-bottom: 125px; }
      body.home main {
        /*END section.unit_about*/
        /*END aside.unit_warning*/ }
        body.home main section.unit_about ul.list_about {
          clear: both;
          overflow: hidden; }
          body.home main section.unit_about ul.list_about li {
            float: left;
            width: 30%; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about {
              display: block; }
              body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content {
                display: block;
                width: 100%;
                padding-top: 245px; }
                body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content h2 {
                  padding: 10px 0;
                  text-align: center;
                  line-height: 140%;
                  font-size: 1.8rem; }
                body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content p {
                  padding: 10px;
                  line-height: 170%;
                  font-size: 1.4rem; }
                body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content h2, body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content p {
                  width: 100%;
                  background-color: rgba(255, 255, 255, 0.7); }
              body.home main section.unit_about ul.list_about li a ul.wrap_about li + li {
                margin: 0; }
              body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_delta {
                display: block;
                width: 100%;
                height: 20px;
                padding: 0;
                text-align: center; }
                body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_delta img {
                  width: 8px; }
          body.home main section.unit_about ul.list_about li + li {
            margin: 0 0 0 3%; }
          body.home main section.unit_about ul.list_about li:nth-child(1) a ul.wrap_about li.item_content {
            padding-left: 0;
            background: url(../img/home_about-illust01.svg) no-repeat center top;
            background-size: auto 100%; }
          body.home main section.unit_about ul.list_about li:nth-child(2) a ul.wrap_about li.item_content {
            padding-right: 0;
            background: url(../img/home_about-illust02.svg) no-repeat center top;
            background-size: auto 100%; }
          body.home main section.unit_about ul.list_about li:nth-child(3) a ul.wrap_about li.item_content {
            padding-left: 0;
            background: url(../img/home_about-illust03.svg) no-repeat center top;
            background-size: auto 100%; }
        body.home main aside.unit_warning {
          width: 100%;
          padding: 20px 0;
          background-color: #dfdfdf; }
          body.home main aside.unit_warning a.bnr_warning {
            width: 80%;
            margin: 0 10%;
            padding: 30px;
            background-size: 100% auto; }
            body.home main aside.unit_warning a.bnr_warning h2 {
              margin-bottom: 20px;
              font-size: 4.0rem; }
            body.home main aside.unit_warning a.bnr_warning p {
              line-height: 170%;
              font-size: 1.6rem; }
            body.home main aside.unit_warning a.bnr_warning img {
              top: 55px;
              right: 20px; } }
  @media screen and (min-width: 1000px) {
    body.home {
      /*　画面サイズ 1000px以上から適用　*/
      background: url(../img/home_kv-bg_pc.gif) no-repeat center top;
      background-size: 1100px auto;
      /*END header*/
      /*END main*/ }
      body.home header {
        width: 1100px;
        margin: 0 auto;
        padding: 40px; }
        body.home header h1 {
          width: 500px;
          margin-bottom: 210px; }
      body.home main {
        width: 100%;
        /*END section.unit_about*/
        /*END aside.unit_warning*/ }
        body.home main h3 {
          margin-bottom: 40px;
          font-size: 2.8rem; }
        body.home main section.unit_about {
          width: 1100px;
          margin: 0 auto;
          padding: 0; }
          body.home main section.unit_about ul.list_about li {
            width: 352px; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content {
              width: 352px;
              padding-top: 245px; }
              body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content h2 {
                font-size: 2.8rem; }
              body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_content p {
                padding: 10px 20px;
                font-size: 1.6rem; }
            body.home main section.unit_about ul.list_about li a ul.wrap_about li.item_delta {
              width: 352px; }
          body.home main section.unit_about ul.list_about li + li {
            margin: 0 0 0 22px; }
        body.home main aside.unit_warning a.bnr_warning {
          width: 770px;
          margin: 0 auto; }
        body.home main aside.unit_content-list, body.home main aside.unit_column-list, body.home main section.unit_faq, body.home main section.unit_memo {
          width: 1100px;
          margin-left: auto;
          margin-right: auto; }
        body.home main aside div.unit_cv {
          width: 1100px;
          margin-left: auto;
          margin-right: auto; }
        body.home main section.unit_memo h2 {
          font-size: 3.2rem; }
          body.home main section.unit_memo h2 img {
            margin-top: -2px; }
        body.home main section.unit_memo div {
          clear: both;
          overflow: hidden; }
          body.home main section.unit_memo div h3 {
            margin-bottom: 20px; }
          body.home main section.unit_memo div img {
            float: right;
            width: 350px;
            margin: 0 0 0 40px; } }

/* ----------------------------------------------------------
04:安心探偵.comとは
-----------------------------------------------------------*/
body.about main section {
  /*END list_judging*/ }
  body.about main section ul.list_judging {
    margin-top: 20px; }
    body.about main section ul.list_judging li {
      padding: 10px;
      background-color: #e9e5d0; }
      body.about main section ul.list_judging li h3 {
        margin-bottom: 10px;
        line-height: 140%; }
        body.about main section ul.list_judging li h3 span {
          display: inline-block;
          margin-right: 10px;
          padding: 0 5px;
          background-color: #339933;
          font-size: 1.4rem;
          color: #ffffff; }
      body.about main section ul.list_judging li div.wrap_judging {
        clear: both;
        overflow: hidden; }
        body.about main section ul.list_judging li div.wrap_judging img {
          float: right;
          width: 40%; }
@media screen and (min-width: 1000px) {
  body.about {
    /*　画面サイズ 1000px以上から適用　*/ }
    body.about main section ul.list_judging li h3 {
      font-size: 2.0rem; } }

/* ----------------------------------------------------------
05:探偵事務所紹介の流れ
-----------------------------------------------------------*/
body.flow main section.unit_flow {
  padding: 0; }
  body.flow main section.unit_flow dl.item_flow dt {
    clear: both;
    overflow: hidden;
    padding: 20px;
    background-color: #def2ca; }
    body.flow main section.unit_flow dl.item_flow dt span.item_step-title {
      display: block;
      float: left;
      width: 50%;
      margin-top: 25px;
      text-align: center;
      font-size: 5.0rem;
      font-weight: bold;
      color: #ffffff; }
      body.flow main section.unit_flow dl.item_flow dt span.item_step-title span {
        display: inline-block;
        width: 100%;
        font-size: 1.8rem;
        color: #339933; }
    body.flow main section.unit_flow dl.item_flow dt img {
      float: right;
      width: auto;
      height: 100px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img01 {
      margin-right: 30px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img02 {
      margin-right: 20px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img03 {
      margin-right: 20px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img04 {
      margin-right: 30px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img05 {
      margin-right: 30px; }
    body.flow main section.unit_flow dl.item_flow dt img.flow_step-img06 {
      margin-right: 30px; }
  body.flow main section.unit_flow dl.item_flow dd {
    padding: 20px 20px 0 20px; }
  body.flow main section.unit_flow dl.item_flow + dl.item_flow {
    margin-top: 40px; }
@media screen and (min-width: 1000px) {
  body.flow {
    /*　画面サイズ 1000px以上から適用　*/ }
    body.flow main section.unit_flow dl.item_flow {
      display: table; }
      body.flow main section.unit_flow dl.item_flow dt, body.flow main section.unit_flow dl.item_flow dd {
        display: table-cell; }
      body.flow main section.unit_flow dl.item_flow dt {
        width: 300px;
        height: 250px;
        text-align: center; }
        body.flow main section.unit_flow dl.item_flow dt span.item_step-title {
          float: none;
          width: 100%;
          margin-bottom: 10px; }
        body.flow main section.unit_flow dl.item_flow dt img {
          float: none; }
        body.flow main section.unit_flow dl.item_flow dt img.flow_step-img01, body.flow main section.unit_flow dl.item_flow dt img.flow_step-img02, body.flow main section.unit_flow dl.item_flow dt img.flow_step-img03, body.flow main section.unit_flow dl.item_flow dt img.flow_step-img04, body.flow main section.unit_flow dl.item_flow dt img.flow_step-img05, body.flow main section.unit_flow dl.item_flow dt img.flow_step-img06 {
          margin-right: 0; }
      body.flow main section.unit_flow dl.item_flow dd {
        width: 540px;
        vertical-align: middle; } }

/* ----------------------------------------------------------
06:安心探偵.comを使うメリット
-----------------------------------------------------------*/
body.merit main section h2.section-title {
  display: table;
  width: 100%;
  padding-top: none;
  border-top: none; }
  body.merit main section h2.section-title span {
    display: table-cell;
    vertical-align: middle; }
  body.merit main section h2.section-title span.item_number {
    width: 60px;
    height: 60px;
    background-color: #339933;
    border-radius: 30px;
    text-align: center;
    line-height: 170%;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffffff; }
    body.merit main section h2.section-title span.item_number span {
      display: inline;
      font-size: 2.0rem;
      color: #ffffff; }
  body.merit main section h2.section-title span.item_title {
    width: calc( 100% - 60px );
    padding-left: 10px;
    font-size: 2.0rem; }
body.merit main section img.merit_illust {
  width: 80%;
  margin: 0 10% 20px 10%; }
@media screen and (min-width: 1000px) {
  body.merit {
    /*　画面サイズ 1000px以上から適用　*/ }
    body.merit main section img.merit_illust {
      float: right;
      width: 390px;
      margin: 0 0 20px 20px; } }

/* ----------------------------------------------------------
07:探偵費用の相場
-----------------------------------------------------------*/
body.market {
  /*浮気・不倫調査の相場費用*/
  /*END main*/ }
  body.market main section {
    /*END div.unit_plan*/ }
    body.market main section div.unit_plan {
      margin-top: 20px;
      padding: 10px;
      border: solid 1px #cccccc; }
      body.market main section div.unit_plan h3 {
        font-size: 2.0rem; }
      body.market main section div.unit_plan dl {
        display: table;
        width: 100%;
        margin-top: 10px;
        padding-top: 10px;
        border-top: dotted 1px #cccccc; }
        body.market main section div.unit_plan dl dt, body.market main section div.unit_plan dl dd {
          display: table-cell; }
        body.market main section div.unit_plan dl dt {
          width: 100px; }
          body.market main section div.unit_plan dl dt span {
            display: inline-block;
            width: 100%;
            padding: 5px;
            background-color: #339933;
            text-align: center;
            font-weight: bold;
            color: #ffffff; }
        body.market main section div.unit_plan dl dd {
          width: calc( 100% - 100px );
          padding: 5px 0 0 5px;
          vertical-align: top; }
      body.market main section div.unit_plan p.item_recommend {
        margin-top: 10px;
        padding: 5px;
        background-color: #e9e5d0;
        text-align: center;
        font-weight: bold; }
    body.market main section div.unit_case {
      margin-top: 20px;
      padding: 10px;
      border: solid 1px #cccccc; }
      body.market main section div.unit_case h3 {
        margin-bottom: 10px;
        padding: 5px 0 5px 50px;
        background: url("../img/icon_case.svg") no-repeat left center;
        background-size: 40px auto; }
      body.market main section div.unit_case h4 {
        margin-top: 10px;
        padding-top: 10px;
        border-top: dotted 1px #cccccc; }
      body.market main section div.unit_case p.item_cost {
        margin-top: 10px;
        padding: 10px;
        background-color: #e9e5d0;
        line-height: 210%; }
        body.market main section div.unit_case p.item_cost strong {
          font-size: 2.6rem; }
  @media screen and (min-width: 1000px) {
    body.market {
      /*　画面サイズ 1000px以上から適用　*/ }
      body.market main section div.unit_case h3 {
        padding: 10px 0 10px 50px; } }

/*END body.market*/
body.uwaki main section ul.unit_fee {
  margin: 20px 0;
  padding: 10px;
  background-color: #e9e5d0; }
  body.uwaki main section ul.unit_fee li {
    padding: 10px;
    border: solid 1px #ffffff;
    text-align: center; }
    body.uwaki main section ul.unit_fee li h4 {
      margin-bottom: 10px; }
  body.uwaki main section ul.unit_fee li.plus {
    padding: 0;
    border: none; }
    body.uwaki main section ul.unit_fee li.plus img {
      width: 10%; }
  body.uwaki main section ul.unit_fee li + li {
    margin-top: 20px; }
body.uwaki main section ul.unit_number {
  margin-top: 20px; }
  body.uwaki main section ul.unit_number li {
    text-align: center; }
    body.uwaki main section ul.unit_number li span {
      display: block;
      margin-top: 5px;
      padding: 2px 5px;
      background-color: #339933;
      font-size: 1.4rem;
      color: #ffffff; }
    body.uwaki main section ul.unit_number li img.icon_plus {
      width: 15%; }
    body.uwaki main section ul.unit_number li ul {
      display: table;
      width: 100%; }
      body.uwaki main section ul.unit_number li ul li {
        display: table-cell;
        vertical-align: middle; }
        body.uwaki main section ul.unit_number li ul li img {
          height: 100px; }
        body.uwaki main section ul.unit_number li ul li p {
          font-size: 1.8rem;
          font-weight: bold; }
      body.uwaki main section ul.unit_number li ul li + li {
        margin-top: 0; }
      body.uwaki main section ul.unit_number li ul li:nth-child(1), body.uwaki main section ul.unit_number li ul li:nth-child(2) {
        width: 25%;
        padding-right: 5px; }
      body.uwaki main section ul.unit_number li ul li:nth-child(3) {
        width: 50%; }
  body.uwaki main section ul.unit_number li + li {
    margin-top: 20px; }
  body.uwaki main section ul.unit_number li.item_addition {
    padding: 10px;
    border: solid 1px #cccccc; }
@media screen and (min-width: 750px) {
  body.uwaki {
    /*　画面サイズ 750px以上から適用　*/ }
    body.uwaki main section ul.unit_fee {
      display: table;
      width: 90%;
      margin: 30px 5%; }
      body.uwaki main section ul.unit_fee li {
        display: table-cell;
        vertical-align: middle; }
      body.uwaki main section ul.unit_fee li.plus img {
        width: 20%; }
    body.uwaki main section ul.unit_number {
      display: table;
      width: 90%;
      margin: 30px 5%; }
      body.uwaki main section ul.unit_number li {
        display: table-cell;
        vertical-align: middle; } }

/* ----------------------------------------------------------
08:探偵の調査項目
-----------------------------------------------------------*/
body.investigate main section ul.unit_case-list li {
  padding: 5px 0 5px 50px;
  background: url("../img/icon_case.svg") no-repeat left top;
  background-size: 40px auto; }
body.investigate main section ul.unit_case-list li + li {
  margin-top: 10px; }
body.investigate main section p + ul.unit_case-list {
  margin-top: 20px; }
body.investigate main section div.unit_effect {
  margin: 20px 0; }
  body.investigate main section div.unit_effect h3 {
    text-align: center;
    color: #339933; }
  body.investigate main section div.unit_effect ul.unit_effect-list {
    padding: 10px 10px 40px 10px;
    background: #ffffff url("../img/uwaki_bg-effect.png") no-repeat center bottom;
    background-size: 100% auto; }
    body.investigate main section div.unit_effect ul.unit_effect-list li {
      clear: both;
      overflow: hidden;
      padding: 10px;
      background-color: #ffffff;
      border: solid 1px #cccccc; }
      body.investigate main section div.unit_effect ul.unit_effect-list li img {
        float: left;
        width: 30%;
        margin-right: 10px; }
@media screen and (min-width: 1000px) {
  body.investigate {
    /*　画面サイズ 1000px以上から適用　*/ }
    body.investigate main section ul.unit_case-list li {
      padding: 10px 0 10px 50px; }
    body.investigate main section div.unit_effect h3 {
      margin-bottom: 10px; }
    body.investigate main section div.unit_effect ul.unit_effect-list {
      padding: 20px 20px 60px 20px; }
      body.investigate main section div.unit_effect ul.unit_effect-list li {
        clear: none;
        text-align: center; }
        body.investigate main section div.unit_effect ul.unit_effect-list li img {
          float: none;
          width: auto;
          height: 170px;
          margin-bottom: 10px; }
        body.investigate main section div.unit_effect ul.unit_effect-list li p {
          text-align: left; }
    body.investigate main section div.unit_effect img.item_uwaki_effect04 {
      width: 60%;
      margin: 0 20%; } }

/* ----------------------------------------------------------
09:コラム
-----------------------------------------------------------*/
body.column main {
  /* END section */ }
  body.column main section h1.anshin-title {
    text-align: left;
    color: #339933; }
  body.column main section h1.anshin-title + img {
    margin-bottom: 20px; }
  body.column main section h2.column-title {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: solid 1px #cccccc;
    text-align: center;
    color: #339933; }
    body.column main section h2.column-title span {
      display: block;
      font-size: 1.4rem;
      font-weight: normal;
      color: #333333; }
  body.column main section h4 {
    margin-top: 20px;
    font-size: 1.8rem; }
  body.column main section p.item_quote {
    font-style: italic; }
  body.column main section ul#list_contents {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 10px;
    border: solid 1px #cccccc; }
    body.column main section ul#list_contents li {
      line-height: 140%; }
      body.column main section ul#list_contents li h3 {
        text-align: center; }
      body.column main section ul#list_contents li a {
        display: block;
        padding-left: 30px;
        background: url(../img/icon_delta_down.svg) left top 2px no-repeat;
        background-size: 20px 20px; }
    body.column main section ul#list_contents li + li {
      margin-top: 10px;
      padding-top: 10px;
      border-top: dotted 1px #cccccc; }
      body.column main section ul#list_contents li + li ul {
        margin-left: 30px; }
        body.column main section ul#list_contents li + li ul li {
          list-style-type: none;
          margin-top: 10px;
          padding-top: 0;
          border-top: none;
          line-height: 120%; }
          body.column main section ul#list_contents li + li ul li a {
            padding-left: 25px;
            background-size: 15px 15px;
            font-size: 1.4rem; }
  body.column main section ol.list_number li {
    list-style-type: decimal;
    padding: 0; }
  body.column main section ol.list_number li + li {
    margin-top: 10px; }
  body.column main section ol.list_number li:nth-child(1), body.column main section ol.list_number li:nth-child(2), body.column main section ol.list_number li:nth-child(3), body.column main section ol.list_number li:nth-child(4), body.column main section ol.list_number li:nth-child(5) {
    background-image: none; }
  body.column main section div.unit_trouble {
    margin: 20px 0;
    padding: 10px;
    border: solid 1px #cccccc; }
    body.column main section div.unit_trouble h3 {
      margin-bottom: 10px;
      text-align: center;
      font-size: 2.0rem; }
    body.column main section div.unit_trouble ul.list_trouble {
      list-style-type: none;
      margin-left: 0; }
      body.column main section div.unit_trouble ul.list_trouble li {
        padding-left: 40px;
        background: url("../img/icon_patrollamp.svg") no-repeat left center;
        background-size: 30px auto; }
        body.column main section div.unit_trouble ul.list_trouble li strong {
          font-weight: bold;
          color: #cc0000; }
  body.column main section div.unit_case-data {
    display: table; }
    body.column main section div.unit_case-data div.wrap_case-data {
      display: table-cell;
      width: calc(100vmin);
      height: calc(100vmin);
      text-align: center;
      vertical-align: middle; }
  body.column main section div.unit_20200423_01_kv {
    background: url("../img/column_20200423_01_kv.jpg") no-repeat center center;
    background-size: 90% auto; }
  body.column main section div.unit_20200512_01_kv {
    background: url("../img/column_20200512_01_kv.jpg") no-repeat center center;
    background-size: 90% auto; }
  body.column main section div.unit_20200515_01_kv {
    background: url("../img/column_20200515_01_kv.jpg") no-repeat center center;
    background-size: 90% auto; }
  body.column main section div.unit_20200520_01_kv {
    background: url("../img/column_20200520_01_kv.jpg") no-repeat center center;
    background-size: 90% auto; }
  body.column main section div.unit_20200525_01_kv {
    background: url("../img/column_20200525_01_kv.jpg") no-repeat center center;
    background-size: 90% auto; }
  body.column main section ul, body.column main section ol {
    margin-left: 20px;
    list-style-type: disc; }
  body.column main section ul.unit_column_1to2 {
    list-style-type: none;
    margin-left: 0; }
  body.column main section ul.list_bullets, body.column main section ol.list_bullets {
    margin-left: 0; }
  body.column main section ol {
    list-style-type: decimal; }
  body.column main section p.item_next {
    padding: 10px 0 10px 40px;
    background: url("../img/icon_bookmark.svg") no-repeat left center;
    background-size: 30px auto;
    line-height: 160%;
    font-size: 1.4rem; }
  body.column main section img.item_column-ph {
    margin-bottom: 20px; }
  body.column main section p + img.item_column-ph {
    margin-top: 20px; }
  body.column main section img.item_column-gra {
    margin: 20px 0; }
  body.column main section div.wrap_conclusion {
    padding: 0;
    border: solid 1px #cccccc; }
    body.column main section div.wrap_conclusion h2.section-title {
      margin: 1px 1px 10px 1px;
      padding: 5px;
      background-color: #339933;
      color: #ffffff; }
    body.column main section div.wrap_conclusion p {
      margin: 0 10px 10px 10px; }
  body.column main section.unit_story {
    padding: 10px;
    background-color: #e9e5d0; }
    body.column main section.unit_story section {
      margin-top: 0;
      padding: 10px;
      background-color: #ffffff; }
      body.column main section.unit_story section h3 {
        padding: 5px 0 5px 70px;
        background: url("../img/icon_column.svg") no-repeat left center;
        background-size: 60px auto;
        border: none; }
    body.column main section.unit_story section + section {
      margin-top: 20px; }
body.column footer a#btn_scrool-up {
  position: fixed;
  right: 2%;
  bottom: 18%;
  display: none;
  width: 50px;
  height: 50px;
  padding-top: 17px;
  background-color: #333333;
  border-radius: 50%;
  text-align: center;
  line-height: 100%;
  font-size: 1.4rem;
  color: #ffffff; }
@media screen and (min-width: 1000px) {
  body.column {
    /*　画面サイズ 1000px以上から適用　*/ }
    body.column main {
      /* END section */ }
      body.column main section div.unit_case-data {
        float: left;
        width: 340px;
        height: 340px;
        margin-bottom: 60px; }
        body.column main section div.unit_case-data div.wrap_case-data {
          width: 340px;
          height: 340px; }
          body.column main section div.unit_case-data div.wrap_case-data h3 {
            font-size: 1.6rem; }
      body.column main section div.unit_case-txt {
        float: right;
        width: 500px;
        padding-left: 40px; }
      body.column main section p.item_next {
        padding-top: 10px;
        padding-bottom: 10px; }
      body.column main section img.item_column-ph {
        width: 350px;
        float: right;
        margin: 0 0 20px 20px; }
      body.column main section img.item_column-ph + p + ul#list_contents {
        clear: both;
        overflow: hidden; }
      body.column main section img.item_column-gra {
        width: 80%;
        margin: 40px 10%; }
      body.column main section.unit_story {
        margin-top: 0;
        padding: 20px; }
        body.column main section.unit_story section {
          padding: 20px; }
      body.column main section.unit_conclusion {
        width: 100%;
        margin-left: 0;
        margin-right: 0; }
        body.column main section.unit_conclusion h2.section-title {
          padding: 10px; } }

/* ----------------------------------------------------------
10:用語集
-----------------------------------------------------------*/
body.glossary main section div.unit_line-set h2 {
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: solid 1px #cccccc; }

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  body.glossary main section h1.page-title {
    margin-bottom: 0; }
  body.glossary main section div.unit_line-set h2 {
    margin-bottom: 20px;
    padding-top: 20px; } }
/* ----------------------------------------------------------
11:浮気診断
-----------------------------------------------------------*/
body.check h1 + p {
  margin-bottom: 20px; }
body.check ul.unit_2column li a {
  display: block;
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
  text-align: center;
  font-weight: bold; }
body.check ul.unit_2column li a.item_tab_off {
  pointer-events: none;
  background-color: #e9e5d0; }
body.check ul.unit_2column li a.item_tab_on {
  background-color: #fc6e9f;
  color: #ffffff; }
body.check form ul.unit_check-list {
  margin-bottom: 40px; }
  body.check form ul.unit_check-list li {
    padding: 10px;
    background-color: #e9e5d0; }
    body.check form ul.unit_check-list li .checkbox-input {
      display: none; }
    body.check form ul.unit_check-list li .checkbox01-parts {
      display: block;
      padding-top: 0;
      padding-left: 25px;
      position: relative;
      margin-right: 20px; }
    body.check form ul.unit_check-list li .checkbox01-parts::before {
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      left: 0;
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      border: 1px solid #999;
      border-radius: 4px; }
    body.check form ul.unit_check-list li .checkbox-input:checked + .checkbox01-parts {
      color: #339933; }
    body.check form ul.unit_check-list li .checkbox-input:checked + .checkbox01-parts::after {
      content: "";
      display: block;
      position: absolute;
      top: 1px;
      left: 5px;
      width: 12px;
      height: 19px;
      transform: rotate(40deg);
      border-bottom: 3px solid #339933;
      border-right: 3px solid #339933; }
body.check form + div#result {
  margin-top: 40px;
  padding: 10px;
  border: solid 1px #cccccc; }
  body.check form + div#result h2 {
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #AD0002;
    font-size: 1.6rem;
    color: #ffffff; }
body.check form + div#result.item_off {
  display: none; }
body.check form + div#result.item_on {
  display: block; }

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  body.check h1 + p {
    margin-bottom: 40px; }
  body.check ul.unit_2column {
    margin-top: 50px; }
  body.check form ul.unit_check-list li {
    padding: 20px; } }
/* ----------------------------------------------------------
00:よくある質問
-----------------------------------------------------------*/
body.faq {
  /*END main*/ }
  body.faq main section h2 {
    margin-bottom: 20px;
    text-align: center;
    line-height: 100%;
    font-size: 2.6rem;
    color: #339933; }
  body.faq main section dl.unit_q, body.faq main section dl.unit_a {
    display: table;
    width: 100%; }
    body.faq main section dl.unit_q dt, body.faq main section dl.unit_q dd, body.faq main section dl.unit_a dt, body.faq main section dl.unit_a dd {
      display: table-cell; }
    body.faq main section dl.unit_q dt, body.faq main section dl.unit_a dt {
      width: 50px;
      font-weight: bold; }
      body.faq main section dl.unit_q dt span, body.faq main section dl.unit_a dt span {
        display: table-cell;
        width: 50px;
        height: 50px;
        text-align: center;
        vertical-align: middle;
        font-weight: bold; }
    body.faq main section dl.unit_q dd, body.faq main section dl.unit_a dd {
      width: calc( 100% - 50px );
      padding-left: 20px; }
  body.faq main section dl.unit_q dt span {
    background-color: #339933;
    color: #ffffff; }
  body.faq main section dl.unit_q dd {
    vertical-align: middle;
    font-weight: bold; }
  body.faq main section dl.unit_a {
    margin-top: 10px; }
    body.faq main section dl.unit_a dt span {
      background-color: #ececec; }
    body.faq main section dl.unit_a dd {
      vertical-align: top; }
  body.faq main section dl.unit_a + dl.unit_q {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #cccccc; }

/* ----------------------------------------------------------
00:フォーム
-----------------------------------------------------------*/
body.form {
  background-image: none; }

/* ----------------------------------------------------------
00:運営会社
-----------------------------------------------------------*/
body.company main section table {
  margin: 0 0 5px 0; }

/* ----------------------------------------------------------
00:プライバシーポリシー
-----------------------------------------------------------*/
body.privacy main section ol li {
  margin: 0 0 0 20px; }
  body.privacy main section ol li h2 {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    background-image: none;
    border-bottom: dotted 1px #cccccc;
    font-size: 1.6rem; }
  body.privacy main section ol li ol + p {
    margin-top: 20px; }
body.privacy main section ol li + li {
  margin-top: 20px; }

/* ----------------------------------------------------------
00:サイトマップ
-----------------------------------------------------------*/
body.sitemap main section ul.unit_sitemap {
  width: 100%; }
  body.sitemap main section ul.unit_sitemap li ul.unit_sitemap {
    margin-left: 15px; }
  body.sitemap main section ul.unit_sitemap li.item_sitemap span.item_nolink {
    display: block;
    background-size: 15px auto;
    font-weight: bold; }
  body.sitemap main section ul.unit_sitemap li.item_sitemap + li.item_sitemap {
    margin-top: 10px;
    padding-top: 10px;
    border-top: dotted 1px #cccccc; }
body.sitemap main section ul.unit_sitemap + ul.unit_sitemap {
  margin-top: 20px;
  padding-top: 10px;
  border-top: solid 2px #cccccc; }
@media screen and (min-width: 1000px) {
  body.sitemap {
    /*　画面サイズ 1000px以上から適用　*/
    /*END main*/ }
    body.sitemap main section ul.unit_sitemap {
      width: 100%; } }