/* STYLE LIST ------------------------------------------------------

 00. COMMON STYLE

 01. CONTENTS

 02. MEDIAQUERY for TABLET

 03. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */
/* 00. COMMON STYLE
-------------------------------------------------------------------- */
/* 01. CONTENTS
-------------------------------------------------------------------- */
.sitepolicy {
  padding-bottom: 80px; }
  .sitepolicy .pc {
    display: block; }
  .sitepolicy .sp {
    display: none; }
  .sitepolicy p {
    font-size: 14px; }
  .sitepolicy .sitepolicyList {
    float: none; 
    padding-top: 45px;
    width: 100%;}
    .sitepolicy .sitepolicyList a {
      color: #0D5FAF; }
    .sitepolicy .sitepolicyList .mainTitle1 + p {
      margin-bottom: 45px; }
    .sitepolicy .sitepolicyList .lead {
      margin-bottom: 10px; }
  .sitepolicy .sitepolicyList-flow {
    margin-bottom: 45px; }
    .sitepolicy .sitepolicyList-flow h3 {
      font-size: 20px;
      margin-bottom: 5px; }
  .sitepolicy .sitepolicyList-flow-inner {
    border-bottom: solid 1px #333;
    border-top: solid 1px #333;
    margin-bottom: 10px; }
    .sitepolicy .sitepolicyList-flow-inner dl {
      border-bottom: dotted 2px #808080;
      font-size: 0;
      position: relative; }
      .sitepolicy .sitepolicyList-flow-inner dl::before {
        border: 12px solid transparent;
        border-top: 12px solid #00AADE; 
        bottom: -20px;
        content: "";
        height: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 0;}
      .sitepolicy .sitepolicyList-flow-inner dl:last-child {
        border-bottom: none; }
        .sitepolicy .sitepolicyList-flow-inner dl:last-child::before {
          content: none; }
      .sitepolicy .sitepolicyList-flow-inner dl dt {
        border-right: solid 3px #00AADE;
        box-sizing: border-box; 
        color: #00AADE;
        display: inline-block;
        margin: 20px 0;
        padding: 8px 0;
        text-align: center;
        vertical-align: middle;
        width: 12.837837837837837%;}
        .sitepolicy .sitepolicyList-flow-inner dl dt span.step {
          font-size: 11px; }
        .sitepolicy .sitepolicyList-flow-inner dl dt span.step-number {
          font-size: 52px; }
      .sitepolicy .sitepolicyList-flow-inner dl dd {
        box-sizing: border-box;
        display: inline-block;
        font-size: 15px;
        line-height: 1.6; 
        padding: 1.3513513513513513% 3.3783783783783785%;
        vertical-align: middle;
        width: 87.16216216216216%;}
        .sitepolicy .sitepolicyList-flow-inner dl dd p {
          font-size: 15px; }
  .sitepolicy .sitepolicyList-item {
    margin-top: 45px; }
    .sitepolicy .sitepolicyList-item h3 {
      font-size: 20px;
      margin-bottom: 15px; }
      .sitepolicy .sitepolicyList-item h3 .circle {
        color: #00aade;
        display: inline-block;
        font-size: 10px;
        vertical-align: middle; }
    .sitepolicy .sitepolicyList-item .sitepolicyInner {
      margin-top: 30px;
      padding: 0 18px; }
      .sitepolicy .sitepolicyList-item .sitepolicyInner h4 {
        border-bottom: 1px dashed #333; 
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 5px;}
      .sitepolicy .sitepolicyList-item .sitepolicyInner.browser {
        margin-top: 20px; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dl {
          font-size: 14px;
          line-height: 1.6;
          margin-top: 10px;
          zoom: 1; }
          .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dl:before, .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dl:after {
            content: "";
            display: table; }
          .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dl:after {
            clear: both; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dt {
          float: left;
          font-weight: bold; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dd {
          padding-left: 4em; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser .warning {
          margin-top: 10px; }
      .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download {
        display: table;
        margin-top: 15px; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .bnr,
        .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .txt {
          display: table-cell;
          vertical-align: middle; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .bnr {
          padding: 0 5px 0 10px; }
          .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .bnr img {
            vertical-align: top; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .txt span {
          font-weight: bold; }
  .sitepolicy .btn.btn-link {
    margin-top: 45px; }
    .sitepolicy .btn.btn-link ul {
      font-size: 0; }
      .sitepolicy .btn.btn-link ul li {
        box-sizing: border-box;
        display: inline-block;
        position: relative; 
        text-align: center;
        width: 48.64864864864865%;}
        .sitepolicy .btn.btn-link ul li a {
          display: block;
          font-size: 21px;
          padding: 15px 0 14px 0; 
          transition: .3s;}
          .sitepolicy .btn.btn-link ul li a:hover {
            opacity: 0.7; 
            text-decoration: none;}
        .sitepolicy .btn.btn-link ul li input[type="submit"] {
          display: block;
          font-size: 21px;
          padding: 15px 0 14px 0;
          transition: .3s;
          width: 100%; }
          .sitepolicy .btn.btn-link ul li input[type="submit"]:hover {
            opacity: 0.7; 
            text-decoration: none;}
        .sitepolicy .btn.btn-link ul li.btn-link-back {
          display: block;
          margin: 0 auto; }
          .sitepolicy .btn.btn-link ul li.btn-link-back a {
            border: solid 1px #00AADE;
            color: #00AADE;
            position: relative; }
            .sitepolicy .btn.btn-link ul li.btn-link-back a::before {
              border: 0px;
              border-right: solid 1px #00AADE;
              border-top: solid 1px #00AADE;
              bottom: 0;
              content: '';
              height: 14px;
              left: 12px;
              margin: auto; 
              position: absolute;
              top: 0;
              -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
              width: 14px;}

/* 02. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */
/* 03. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .sitepolicy {
    padding-bottom: 7.5%;
    padding-top: 7.5%; }
    .sitepolicy .pc {
      display: block; }
    .sitepolicy .sp {
      display: none; }
    .sitepolicy p {
      font-size: 2.8125vw; }
    .sitepolicy .sitepolicyList {
      padding-top: 0; }
      .sitepolicy .sitepolicyList .mainTitle1 + p {
        margin-bottom: 7.4074074074074066%; }
      .sitepolicy .sitepolicyList .lead {
        margin-bottom: 1.8518518518518516%; }
    .sitepolicy .sitepolicyList-flow {
      margin-bottom: 8.333333333333332%; }
      .sitepolicy .sitepolicyList-flow h3 {
        font-size: 4.0625vw;
        font-size: 26px;
        margin-bottom: 0.9259259259259258%; }
    .sitepolicy .sitepolicyList-flow-inner {
      margin-bottom: 3.7037037037037033%; }
      .sitepolicy .sitepolicyList-flow-inner dl dt {
        margin: 4.62962962962963% 0; 
        padding: 2.7777777777777777% 0;
        width: 20.37037037037037%;}
        .sitepolicy .sitepolicyList-flow-inner dl dt span.step {
          font-size: 2.8125vw; 
          font-size: 18px;}
        .sitepolicy .sitepolicyList-flow-inner dl dt span.step-number {
          font-size: 13.125vw; 
          font-size: 84px;}
      .sitepolicy .sitepolicyList-flow-inner dl dd {
        font-size: 3.125vw;
        font-size: 20px;
        padding: 2.7777777777777777%; 
        width: 79.62962962962963%;}
        .sitepolicy .sitepolicyList-flow-inner dl dd p {
          font-size: 3.125vw; 
          font-size: 20px;}
    .sitepolicy .sitepolicyList-item {
      margin-top: 8.333333333333332%; }
      .sitepolicy .sitepolicyList-item h3 {
        font-size: 4.0625vw;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 2.7777777777777777%; }
        .sitepolicy .sitepolicyList-item h3 .circle {
          font-size: 1.875vw; 
          font-size: 12px;}
      .sitepolicy .sitepolicyList-item .sitepolicyInner {
        margin-top: 5%;
        padding: 0 3.7037%; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner h4 {
          font-size: 2.8125vw; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dl {
          font-size: 2.8125vw; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dt {
          float: none; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.browser dd {
          padding-left: 0; }
        .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download {
          display: block; }
          .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .bnr,
          .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .txt {
            display: block;
            font-size: 2.1875vw; }
          .sitepolicy .sitepolicyList-item .sitepolicyInner.plugin .download .bnr {
            padding: 10px 0; }
    .sitepolicy .btn.btn-link {
      margin-top: 8.333333333333332%; }
      .sitepolicy .btn.btn-link ul li {
        display: block;
        width: 100%; }
        .sitepolicy .btn.btn-link ul li a {
          font-size: 3.75vw; 
          font-size: 24px;
          padding: 3.148148148148148% 0;}
        .sitepolicy .btn.btn-link ul li input[type="submit"] {
          font-size: 3.75vw; 
          font-size: 24px;}
        .sitepolicy .btn.btn-link ul li.btn-link-back {
          margin-bottom: 3.7037037037037033%; }
          .sitepolicy .btn.btn-link ul li.btn-link-back a::before {
            height: 8px;
            left: 2.2222222222222223%; 
            width: 8px;} }