@charset "UTF-8";
/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
body {
  background: #f2f2f2; }

.pages .mv {
  background: url("../images/privacypolicy/privacypolicy_mv.jpg") no-repeat;
  background-size: cover;
  background-position: center; }
  .pages .mv .mv_txt {
    color: #4d4d4d;
    text-shadow: none; }
  .pages .mv .mv_img {
    width: 921px;
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translate(-50%); }
  @media screen and (max-width: 1100px) {
    .pages .mv .mv_img {
      width: 83.7272727273vw; } }
  @media screen and (max-width: 750px) {
    .pages .mv .mv_img {
      top: 32%;
      width: 90.727273vw; } }

.area01 .contents {
  margin-top: 40px; }
  .area01 .contents .intro {
    text-align: left; }
  .area01 .contents ul li {
    text-align: left;
    margin-top: 40px;
    position: relative;
    text-indent: -1.8em;
    padding-left: 1.8em; }
    .area01 .contents ul li:nth-child(1):before {
      content: '１.'; }
    .area01 .contents ul li:nth-child(2):before {
      content: '２.'; }
    .area01 .contents ul li:nth-child(3):before {
      content: '３.'; }
    .area01 .contents ul li:nth-child(4):before {
      content: '４.'; }
    .area01 .contents ul li:nth-child(5):before {
      content: '５.'; }
    .area01 .contents ul li:nth-child(6):before {
      content: '６.'; }
  .area01 .contents .txt_area {
    margin-top: 60px;
    text-align: right; }
    .area01 .contents .txt_area .txt {
      display: inline-block;
      text-align: left; }
@media screen and (max-width: 480px) {
  .area01 .contents {
    margin-top: 2.6666666667vw; }
    .area01 .contents ul li {
      margin-top: 5.3333333333vw; }
    .area01 .contents .txt_area {
      margin-top: 8vw; } }

.area02 .contents {
  margin-top: 40px; }
  .area02 .contents .intro {
    text-align: left; }
  .area02 .contents .area02_ul .area02_li {
    text-align: left;
    margin-top: 40px;
    position: relative;
    text-indent: -2.3em;
    padding-left: 2.3em;
    letter-spacing: 0; }
    .area02 .contents .area02_ul .area02_li h3 {
      font-size: 18px;
      line-height: 1.5; }
    .area02 .contents .area02_ul .area02_li .in p {
      position: relative;
      text-indent: -1.6em;
      padding-left: 1.6em; }
    .area02 .contents .area02_ul .area02_li .in ul li {
      position: relative;
      text-indent: -1.3em;
      padding-left: 3.3em; }
      .area02 .contents .area02_ul .area02_li .in ul li:before {
        content: '・'; }
    .area02 .contents .area02_ul .area02_li .txt_area {
      margin-top: 20px;
      text-indent: 0;
      padding-left: 0; }
    .area02 .contents .area02_ul .area02_li .txt {
      text-indent: 0;
      padding-left: 0; }
@media screen and (max-width: 480px) {
  .area02 .contents {
    margin-top: 2.6666666667vw; }
    .area02 .contents .area02_ul .area02_li {
      text-indent: 0;
      padding-left: 0;
      margin-top: 5.3333333333vw; }
      .area02 .contents .area02_ul .area02_li .in ul li {
        text-indent: -1.4em;
        padding-left: 1.4em; }
      .area02 .contents .area02_ul .area02_li .txt_area {
        margin-top: 4vw; } }

.area03 {
  padding: 40px;
  text-align: left;
  max-width: 1100px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  position: relative;
  top: -140px;
  margin-bottom: 0;
  margin-top: 80px; }
  .area03 .box .flex {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    align-items: center; }
    .area03 .box .flex .txt {
      text-align: left;
      width: calc(96% - 88px); }
  @media screen and (max-width: 1280px) {
    .area03 {
      width: 90%; } }
  @media screen and (max-width: 750px) {
    .area03 {
      padding: 8vw 5.3333333333vw;
      top: -18.6666666667vw;
      margin-bottom: 0;
      margin-top: 10.6666666667vw; }
      .area03 .box_in {
        padding: 0; }
      .area03 .box {
        letter-spacing: 0; }
        .area03 .box .flex {
          display: block;
          width: 100%;
          text-align: center; }
          .area03 .box .flex .images {
            margin-bottom: 2.6666666667vw; }
          .area03 .box .flex .txt {
            width: 100%; }
            .area03 .box .flex .txt br {
              display: none; } }