@charset "UTF-8";
.p-guide {
  margin: 34px 0 50px;
}
.p-guide .container {
  padding: 0 10px;
}
.p-guide .ttl {
  position: relative;
  color: #660000;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 24px;
  padding: 0 0 12px;
}
.p-guide .ttl::before, .p-guide .ttl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}
.p-guide .ttl::before {
  width: 100%;
  border-bottom: 2px solid #ebebeb;
}
.p-guide .ttl::after {
  width: 36px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-guide .guide-list li {
  border-radius: 4px;
  border: 1px solid #dcdcdc;
}
.p-guide .sec-guide .guide-list li:not(:last-child) {
  margin: 0 0 10px;
}
.p-guide .sec-guide .guide-list li a {
  position: relative;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 10px 38px 10px 20px;
}
.p-guide .sec-guide .guide-list li a::after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #cc506a;
  font-family: FontAwesome;
  content: "\f105";
  font-size: 1.8rem;
}
.p-guide .sec-guide .guide-list li .cont-txt {
  width: calc(100% - 70px);
}
.p-guide .sec-guide .guide-list li .cont-txt .cont-ttl {
  color: #cc506a;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 3px;
}
.p-guide .sec-guide .guide-list li .cont-txt p {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.p-guide .sec-guide .guide-list li.list-shipping .img-icon {
  width: 50px;
  margin: 0 20px 0 0;
}
.p-guide .sec-guide .guide-list li.list-payment .img-icon {
  width: 41px;
  margin: 0 29px 0 0;
}
.p-guide .sec-guide .guide-list li.list-flow .img-icon {
  width: 43px;
  margin: 0 27px 0 0;
}
.p-guide .sec-guide .guide-list li.list-order .img-icon {
  width: 41px;
  margin: 0 29px 0 0;
}
.p-guide .sec-guide .guide-list li.list-mailconf .img-icon {
  width: 47px;
  margin: 0 23px 0 0;
}
.p-guide .sec-guide .guide-list li.list-qa .img-icon {
  width: 49px;
  margin: 0 21px 0 0;
}
.p-guide .sec-guide .guide-list li.list-contact .img-icon {
  width: 43px;
  margin: 0 27px 0 0;
}
.p-guide .sec-shipping a {
  color: #cc506a;
  text-decoration: underline;
}
.p-guide .sec-shipping .lead-txt {
  margin: 0 0 34px;
}
.p-guide .sec-shipping .sec-box:not(:last-child) {
  margin: 0 0 34px;
}
.p-guide .sec-shipping .sec-box .m-ttl {
  position: relative;
  color: #660000;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px;
  padding: 0 0 12px;
}
.p-guide .sec-shipping .sec-box .m-ttl::before, .p-guide .sec-shipping .sec-box .m-ttl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
}
.p-guide .sec-shipping .sec-box .m-ttl::before {
  width: 100%;
  border-bottom: 2px solid #ebebeb;
}
.p-guide .sec-shipping .sec-box .m-ttl::after {
  width: 36px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-shipping .sec-box .s-ttl {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 14px;
  padding: 0 0 0 26px;
}
.p-guide .sec-shipping .sec-box .s-ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-shipping .sec-box .s-ttl span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
}
.p-guide .sec-shipping .sec-box .img-map {
  max-width: 416px;
  margin: 0 auto 30px;
}
.p-guide .sec-shipping .sec-box .tbl-box {
  margin: 34px 0;
}
.p-guide .sec-shipping .sec-box .tbl-box .option-area:nth-child(n+2) {
  margin: 14px 0 0;
}
.p-guide .sec-shipping .sec-box .tbl-box .label {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  border-radius: 20px;
  margin: 0 0 3px;
  padding: 1px 10px;
}
.p-guide .sec-shipping .sec-box .tbl-box .label.label--red {
  background-color: #cc506a;
}
.p-guide .sec-shipping .sec-box .tbl-box .label.label--blu {
  background-color: #3498db;
}
.p-guide .sec-shipping .sec-box .tbl-box .tbl-spblock {
  border: 1px solid #5b5b5b;
}
.p-guide .sec-shipping .sec-box .tbl-box .tbl-spblock .th-ttl {
  color: #fff;
  font-weight: bold;
  background-color: #333333;
  padding: 6px 10px;
}
.p-guide .sec-shipping .sec-box .tbl-box .tbl-spblock .sub-th-ttl {
  font-weight: bold;
  background-color: #f2f2f2;
  padding: 6px 10px;
}
.p-guide .sec-shipping .sec-box .tbl-box .tbl-spblock .td-cont {
  padding: 12px 10px;
}
.p-guide .sec-shipping .sec-box .imp-note {
  border-radius: 3px;
  border: 1px solid #cccccc;
  margin: 30px 0 0;
}
.p-guide .sec-shipping .sec-box .imp-note dt {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 3px 3px 0 0;
  background-color: #333333;
  padding: 8px;
}
.p-guide .sec-shipping .sec-box .imp-note dt i {
  margin: 0 10px 0 0;
}
.p-guide .sec-shipping .sec-box .imp-note dd {
  padding: 20px;
}
.p-guide .sec-shipping .sec-box .item-option {
  margin: 24px 0 0;
}
.p-guide .sec-shipping .sec-box .item-option:not(:last-child) {
  margin: 24px 0;
}
.p-guide .sec-shipping .sec-box .item-option .fee-def {
  margin: 14px 0;
}
.p-guide .sec-shipping .sec-box .item-option .fee-def dt {
  font-weight: bold;
}
.p-guide .sec-shipping .sec-box .item-option .tbl-fee table th, .p-guide .sec-shipping .sec-box .item-option .tbl-fee table td {
  display: block;
  border: 1px solid #5b5b5b;
  padding: 6px 10px;
}
.p-guide .sec-shipping .sec-box .item-option .tbl-fee table th {
  color: #fff;
  text-align: left;
  background-color: #333333;
}
.p-guide .sec-payment .lead-txt {
  margin: 0 0 24px;
}
.p-guide .sec-payment .anchor-nav {
  margin: 0 0 30px;
}
.p-guide .sec-payment .anchor-nav li {
  line-height: 1.25;
}
.p-guide .sec-payment .anchor-nav li:not(:last-child) {
  margin: 0 0 10px;
}
.p-guide .sec-payment .anchor-nav li a {
  position: relative;
  display: block;
  font-weight: bold;
  border-radius: 4px;
  border: 2px solid #ebebeb;
  padding: 13px 26px 13px 10px;
}
.p-guide .sec-payment .anchor-nav li a::after {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "\f107";
  color: #333333;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-payment .anchor-nav li a span {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 3px 0 0;
}
.p-guide .sec-payment .sec-box {
  text-align: center;
  margin: 0 0 34px;
}
.p-guide .sec-payment .sec-box > p {
  text-align: left;
  margin: 0 0 14px;
}
.p-guide .sec-payment .sec-box > p a {
  color: #cc506a;
  text-decoration: underline;
}
.p-guide .sec-payment .sec-box .list-check {
  text-align: left;
  margin: 14px 0;
}
.p-guide .sec-payment .sec-box .list-kome {
  text-align: left;
  margin: 14px 0;
}
.p-guide .sec-payment .sec-box .list-disc {
  margin: 6px 0;
}
.p-guide .sec-payment .sec-box .list-disc > li {
  text-indent: 0;
  padding-left: 1em;
}
.p-guide .sec-payment .sec-box .list-disc > li::before {
  color: #333333;
  content: "・";
}
.p-guide .sec-payment .sec-box .btn-com {
  line-height: 1.625;
  text-align: center;
  max-width: 355px;
  margin: 20px auto 0;
}
.p-guide .sec-payment .sec-box .btn-com a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-payment .sec-box .btn-com a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-payment .sec-box .btn-com a::after {
  right: 20px;
  content: "\f105";
}
.p-guide .sec-payment .sec-box .m-ttl {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  border-radius: 5px;
  background-color: #cc506a;
  margin: 0 0 14px;
  padding: 12px 10px;
}
.p-guide .sec-payment .sec-box .img-logo {
  display: inline-block;
  text-align: center;
  margin: 0 0 14px;
}
.p-guide .sec-payment .sec-box .img-logo_paypay {
  width: 256px;
  margin: 0;
}
.p-guide .sec-payment .sec-box .contact-box {
  background-color: #f2f2f2;
  margin: 0 -10px;
  padding: 24px 0 30px;
}
.p-guide .sec-payment .sec-box .contact-box dl {
  max-width: 400px;
  margin: 0 auto 14px;
}
.p-guide .sec-payment .sec-box .contact-box dl dt {
  font-weight: bold;
  margin: 0 0 8px;
}
.p-guide .sec-payment .sec-box .contact-box dl dd {
  text-align: left;
}
.p-guide .sec-payment .sec-box .ex-link a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
  border-radius: 25px;
  padding: 8px;
}
.p-guide .sec-payment .sec-box .ex-link .docomo {
  margin: 0 auto 10px;
}
.p-guide .sec-payment .sec-box .ex-link .docomo a {
  border: 2px solid #e12e00;
  background-color: #e12e00;
}
.p-guide .sec-payment .sec-box .ex-link .au {
  margin: 0 auto 10px;
}
.p-guide .sec-payment .sec-box .ex-link .au a {
  border: 2px solid #f5732d;
  background-color: #f5732d;
}
.p-guide .sec-payment .sec-box .ex-link .softbank {
  margin: 0 auto;
}
.p-guide .sec-payment .sec-box .ex-link .softbank a {
  border: 2px solid #a4a4a4;
  background-color: #a4a4a4;
}
.p-guide .sec-payment .sec-box .tbl-paidfee {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  border-width: 1px 0 0 1px;
  border-color: #cccccc;
  border-style: solid;
  background-color: #fff;
}
.p-guide .sec-payment .sec-box .tbl-paidfee dl {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-preferred-size: calc(50% - 1px);
      flex-basis: calc(50% - 1px);
  border-right: 1px solid #cccccc;
}
.p-guide .sec-payment .sec-box .tbl-paidfee dl dt {
  color: #fff;
  font-weight: bold;
  background-color: #5b5b5b;
  padding: 15px;
}
.p-guide .sec-payment .sec-box .tbl-paidfee dl dd {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.6;
}
.p-guide .sec-payment .sec-box .tbl-paidfee ul {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-guide .sec-payment .sec-box .tbl-paidfee ul li {
  position: relative;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(2em + 20px);
  border-bottom: 1px solid #cccccc;
}
.p-guide .sec-payment .sec-box .tbl-paidfee .paid-cost {
  font-size: 2rem;
  font-weight: bold;
}
.p-guide .sec-payment .sec-box .tbl-paidfee .co-fs11 {
  font-size: 1.4rem;
}
.p-guide .sec-payment .sec-box .tbl-paidfee .co-fs11 .co-dib {
  display: inline-block;
}
.p-guide .sec-payment .sec-box .tbl-paidfee .pre-list-arw li::before {
  position: absolute;
  left: -8px;
  top: calc(50% - 7px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-color: #fff;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}
.p-guide .sec-payment .sec-box .note-box {
  background-color: #f2f2f2;
  margin: 20px 0 0;
  padding: 10px;
}
.p-guide .sec-payment .sec-box .note-box .list-kome {
  margin: 0;
}
.p-guide .sec-payment .imp-note {
  border-radius: 3px;
  border: 1px solid #cc0000;
  margin: 30px 0 0;
}
.p-guide .sec-payment .imp-note dt {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  border-radius: 3px 3px 0 0;
  background-color: #cc0000;
  padding: 8px;
}
.p-guide .sec-payment .imp-note dt i {
  margin: 0 10px 0 0;
}
.p-guide .sec-payment .imp-note dd {
  padding: 20px;
}
.p-guide .sec-flow .m-ttl {
  color: #cc506a;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  background-color: #feeeed;
  margin: 0px 0 24px;
  padding: 12px 10px;
}
.p-guide .sec-flow .s-ttl {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 14px;
  padding: 0 0 0 26px;
}
.p-guide .sec-flow .s-ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-flow .lead-txt {
  margin: 0 0 24px;
}
.p-guide .sec-flow .confbox {
  border-radius: 4px;
  border: 2px solid #333333;
  margin: 0 0 40px;
}
.p-guide .sec-flow .confbox .confbox-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background-color: #333333;
  padding: 8px 0;
}
.p-guide .sec-flow .confbox .inner {
  padding: 6px 16px;
}
.p-guide .sec-flow .confbox dl {
  padding: 8px 0;
}
.p-guide .sec-flow .confbox dl:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.p-guide .sec-flow .confbox dl dt {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5555555556;
  margin: 0 0 5px;
  padding: 0 0 0 30px;
}
.p-guide .sec-flow .confbox dl dt::before {
  position: absolute;
  left: 0;
  content: "\f046";
  color: #cc506a;
  font-family: FontAwesome;
  font-size: 1.8rem;
}
.p-guide .sec-flow .page-anchor {
  margin: 0 0 50px;
  overflow: hidden;
}
.p-guide .sec-flow .page-anchor li {
  line-height: 1.625;
  text-align: center;
  float: left;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  width: calc((100% - 10px) / 2);
  margin: 0 0 10px;
}
.p-guide .sec-flow .page-anchor li a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-flow .page-anchor li a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-flow .page-anchor li:nth-child(odd) {
  margin: 0 10px 10px 0;
}
.p-guide .sec-flow .page-anchor li:nth-child(1) a::before {
  content: "1";
}
.p-guide .sec-flow .page-anchor li:nth-child(2) a::before {
  content: "2";
}
.p-guide .sec-flow .page-anchor li:nth-child(3) a::before {
  content: "3";
}
.p-guide .sec-flow .page-anchor li:nth-child(4) a::before {
  content: "4";
}
.p-guide .sec-flow .page-anchor li:nth-child(5) a::before {
  content: "5";
}
.p-guide .sec-flow .page-anchor li:nth-child(6) a::before {
  content: "6";
}
.p-guide .sec-flow .page-anchor li a {
  display: table;
  width: 100%;
  height: 50px;
  border: 2px solid #dcdcdc;
  padding: 0 10px;
}
.p-guide .sec-flow .page-anchor li a::before {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #cc506a;
}
.p-guide .sec-flow .page-anchor li a::after {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "\f107";
  color: #a4a4a4;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-flow .page-anchor li a span {
  display: table-cell;
  vertical-align: middle;
}
.p-guide .sec-flow .flow-box {
  padding: 30px 0 0;
}
.p-guide .sec-flow .flow-box:nth-child(even) {
  background-color: #f5f5f5;
}
.p-guide .sec-flow .flow-box .flow-ttl {
  color: #cc506a;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 10px;
}
.p-guide .sec-flow .flow-box .flow-ttl span {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 100%;
  background-color: #cc506a;
  margin: 0 auto 6px;
}
.p-guide .sec-flow .flow-box .col-l a {
  color: #cc506a;
  text-decoration: underline;
}
.p-guide .sec-flow .flow-box .col-l p {
  padding: 0 10px;
}
.p-guide .sec-flow .flow-box .col-l .btn-post {
  line-height: 1.625;
  text-align: center;
  max-width: 355px;
  margin: 24px auto 30px;
}
.p-guide .sec-flow .flow-box .col-l .btn-post a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-flow .flow-box .col-l .btn-post a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-flow .flow-box .col-l .btn-post a {
  text-decoration: none;
  background-color: #fff;
}
.p-guide .sec-flow .flow-box .col-l dl {
  margin: 34px 0 0;
}
.p-guide .sec-flow .flow-box .col-l dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}
.p-guide .sec-flow .flow-box .col-l dl dd {
  padding: 0 10px;
}
.p-guide .sec-flow .flow-box .col-l .img-insert {
  text-align: center;
  margin: 34px 0;
}
.p-guide .sec-flow .flow-box .col-r {
  width: 285px;
  margin: 40px auto 0;
}
.p-guide .sec-order .lead-txt {
  margin: 0 0 24px;
}
.p-guide .sec-order .nav-item {
  border-top: 1px solid #dcdcdc;
  padding: 30px 0;
}
.p-guide .sec-order .nav-item .col-l {
  text-align: center;
  margin: 0 0 14px;
}
.p-guide .sec-order .nav-item .col-l .icon {
  margin: 0 auto 14px;
}
.p-guide .sec-order .nav-item .col-l span {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.p-guide .sec-order .nav-item .col-r .note {
  background-color: #f2f2f2;
  margin: 14px 0 0;
  padding: 10px;
}
.p-guide .sec-order .nav-item .col-r .btn-area {
  margin: 24px 0 0;
}
.p-guide .sec-order .nav-item .col-r .btn-member,
.p-guide .sec-order .nav-item .col-r .btn-nomember {
  line-height: 1.625;
  text-align: center;
  max-width: 315px;
}
.p-guide .sec-order .nav-item .col-r .btn-member a,
.p-guide .sec-order .nav-item .col-r .btn-nomember a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-order .nav-item .col-r .btn-member a::after,
.p-guide .sec-order .nav-item .col-r .btn-nomember a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-order .nav-item .col-r .btn-member a::after,
.p-guide .sec-order .nav-item .col-r .btn-nomember a::after {
  right: 16px;
  content: "\f105";
}
.p-guide .sec-order .nav-item .col-r .btn-member {
  margin: 0 auto 14px;
}
.p-guide .sec-order .nav-item .col-r .btn-member a {
  color: #fff;
  border: 2px solid #cc506a;
  background-color: #cc506a;
}
.p-guide .sec-order .nav-item .col-r .btn-nomember {
  margin: 0 auto;
}
.p-guide .sec-order .nav-item .col-r .btn-nomember a {
  border: 2px solid #feeeed;
  background-color: #feeeed;
}
.p-guide .sec-order .nav-item .col-r .btn-nomember a::after {
  color: #cc506a;
}
.p-guide .sec-order .nav-item.item--delivery .col-l .icon {
  width: 42px;
  height: 32px;
}
.p-guide .sec-order .nav-item.item--ordch .col-l .icon {
  width: 36px;
  height: 36px;
}
.p-guide .sec-order .nav-item.item--msgch .col-l .icon {
  width: 42px;
  height: 37px;
}
.p-guide .sec-order .nav-item.item--ordcxl .col-l .icon {
  width: 42px;
  height: 36px;
}
.p-guide .sec-order .nav-item.item--repurchase .col-l .icon {
  width: 42px;
  height: 42px;
}
.p-guide .sec-order .nav-item.item--receipt .col-l .icon {
  width: 40px;
  height: 42px;
}
.p-guide .sec-mail input[type=text],
.p-guide .sec-mail input[type=password],
.p-guide .sec-mail input[type=radio],
.p-guide .sec-mail input[type=checkbox],
.p-guide .sec-mail input[type=tel],
.p-guide .sec-mail input[type=email],
.p-guide .sec-mail input[type=submit],
.p-guide .sec-mail input[type=button],
.p-guide .sec-mail textarea,
.p-guide .sec-mail select,
.p-guide .sec-mail button {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  resize: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-guide .sec-mail select::-ms-expand {
  display: none;
}
.p-guide .sec-mail input[type=submit],
.p-guide .sec-mail input[type=button] {
  color: #333333;
}
.p-guide .sec-mail .m-ttl {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 14px;
  padding: 0 0 0 26px;
}
.p-guide .sec-mail .m-ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  width: 16px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-mail .s-ttl {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 14px;
}
.p-guide .sec-mail .lead-txt {
  margin: 0 0 14px;
}
.p-guide .sec-mail .note {
  font-size: 1.4rem;
  background-color: #f2f2f2;
  margin: 0 0 14px;
  padding: 10px;
}
.p-guide .sec-mail .note .list-conf {
  margin: 10px 0;
}
.p-guide .sec-mail .note .list-conf li {
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.p-guide .sec-mail .note .list-conf li:not(:last-child) {
  margin: 0 0 5px;
}
.p-guide .sec-mail .tbl-form {
  margin: 0 0 20px;
}
.p-guide .sec-mail .tbl-form input[type=text],
.p-guide .sec-mail .tbl-form input[type=password],
.p-guide .sec-mail .tbl-form input[type=tel],
.p-guide .sec-mail .tbl-form input[type=email] {
  height: 46px;
  border: 2px solid #dcdcdc;
  border-radius: 4px;
  padding: 0 14px;
}
.p-guide .sec-mail .tbl-form input[type=text]::-webkit-input-placeholder, .p-guide .sec-mail .tbl-form input[type=password]::-webkit-input-placeholder, .p-guide .sec-mail .tbl-form input[type=tel]::-webkit-input-placeholder, .p-guide .sec-mail .tbl-form input[type=email]::-webkit-input-placeholder {
  color: #a4a4a4;
}
.p-guide .sec-mail .tbl-form input[type=text]::-moz-placeholder, .p-guide .sec-mail .tbl-form input[type=password]::-moz-placeholder, .p-guide .sec-mail .tbl-form input[type=tel]::-moz-placeholder, .p-guide .sec-mail .tbl-form input[type=email]::-moz-placeholder {
  color: #a4a4a4;
}
.p-guide .sec-mail .tbl-form input[type=text]:-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=password]:-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=tel]:-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=email]:-ms-input-placeholder {
  color: #a4a4a4;
}
.p-guide .sec-mail .tbl-form input[type=text]::-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=password]::-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=tel]::-ms-input-placeholder, .p-guide .sec-mail .tbl-form input[type=email]::-ms-input-placeholder {
  color: #a4a4a4;
}
.p-guide .sec-mail .tbl-form input[type=text]::placeholder,
.p-guide .sec-mail .tbl-form input[type=password]::placeholder,
.p-guide .sec-mail .tbl-form input[type=tel]::placeholder,
.p-guide .sec-mail .tbl-form input[type=email]::placeholder {
  color: #a4a4a4;
}
.p-guide .sec-mail .tbl-form input[type=text]:focus,
.p-guide .sec-mail .tbl-form input[type=password]:focus,
.p-guide .sec-mail .tbl-form input[type=tel]:focus,
.p-guide .sec-mail .tbl-form input[type=email]:focus {
  border: 2px solid #5dc6ad;
  -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-guide .sec-mail .tbl-form th, .p-guide .sec-mail .tbl-form td {
  display: block;
}
.p-guide .sec-mail .tbl-form th {
  font-weight: bold;
  text-align: left;
}
.p-guide .sec-mail .tbl-form td.error-form input[type=email] {
  border: 2px solid #cc506a;
  background-color: rgba(221, 153, 169, 0.3);
}
.p-guide .sec-mail .tbl-form td input {
  width: 100%;
  background-color: #fff;
}
.p-guide .sec-mail .recaptcha {
  text-align: center;
  margin: 0 0 30px;
}
.p-guide .sec-mail .btn-testsend {
  text-align: center;
  max-width: 355px;
  margin: 0 auto 50px;
}
.p-guide .sec-mail .btn-testsend button {
  position: relative;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 1.625;
  letter-spacing: 0.1rem;
  width: 100%;
  border-radius: 25px;
  border: 2px solid #cc506a;
  background-color: #cc506a;
  padding: 8px 25px;
  cursor: pointer;
}
.p-guide .sec-mail .btn-testsend button::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1.8rem;
  pointer-events: none;
}
.p-guide .sec-mail .set-box {
  margin: 44px 0 0;
}
.p-guide .sec-mail .set-box .assign-box {
  color: #cc506a;
  font-weight: bold;
  text-align: center;
  max-width: 450px;
  border: 1px solid #cc506a;
  margin: 24px auto 40px;
  padding: 10px;
  cursor: pointer;
}
.p-guide .sec-mail .set-box .ex-link a {
  position: relative;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  max-width: 355px;
  letter-spacing: 0.1rem;
  border-radius: 25px;
  padding: 8px;
}
.p-guide .sec-mail .set-box .ex-link a::after {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-mail .set-box .ex-link .docomo {
  border: 2px solid #e12e00;
  background-color: #e12e00;
  margin: 0 auto 10px;
}
.p-guide .sec-mail .set-box .ex-link .au {
  border: 2px solid #f5732d;
  background-color: #f5732d;
  margin: 0 auto 10px;
}
.p-guide .sec-mail .set-box .ex-link .softbank {
  border: 2px solid #a4a4a4;
  background-color: #a4a4a4;
  margin: 0 auto;
}
.p-guide .sec-paid .support-box {
  position: relative;
  background-color: #e9f1e6;
  margin: 14px 0 0;
  padding: 14px 20px;
}
.p-guide .sec-paid .support-box::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #139b80 transparent transparent transparent;
}
.p-guide .sec-paid .support-box dt {
  font-weight: bold;
  text-align: center;
}
.p-guide .sec-paid .m-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  background-color: #139b80;
  margin: 0 0 25px;
  padding: 4px 0;
}
.p-guide .sec-paid .lead-box {
  margin: 0 0 50px;
}
.p-guide .sec-paid .lead-box span {
  display: block;
  color: #139b80;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  margin: 0 0 10px;
}
.p-guide .sec-paid .lead-box .logo {
  width: 114px;
  margin: 0 auto 24px;
}
.p-guide .sec-paid .lead-box p {
  text-align: left;
}
.p-guide .sec-paid .systembox {
  border-radius: 4px;
  border: 2px solid #139b80;
  margin: 0 0 34px;
}
.p-guide .sec-paid .systembox .inner {
  padding: 30px 10px 6px;
}
.p-guide .sec-paid .systembox .systembox-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background-color: #139b80;
  padding: 8px 0;
}
.p-guide .sec-paid .systembox .img-system {
  width: 279px;
  margin: 0 auto 24px;
}
.p-guide .sec-paid .systembox .list-kome {
  font-size: 1.4rem;
}
.p-guide .sec-paid .list-box {
  margin: 0 0 34px;
}
.p-guide .sec-paid .list-box dl:not(:last-child) {
  margin: 0 0 20px;
}
.p-guide .sec-paid .list-box dl dt {
  position: relative;
  color: #139b80;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3333333333;
  margin: 0 0 20px;
  padding: 0 0 0 46px;
}
.p-guide .sec-paid .list-box dl dt span {
  position: absolute;
  top: -5px;
  left: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 2px solid #139b80;
}
.p-guide .sec-paid .flow-area {
  margin: 0 0 40px;
}
.p-guide .sec-paid .flow-area .flow-box {
  padding: 30px 0;
}
.p-guide .sec-paid .flow-area .flow-box:nth-child(odd) {
  background-color: #f5f5f5;
}
.p-guide .sec-paid .flow-area .flow-box .flow-ttl {
  color: #139b80;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 10px;
}
.p-guide .sec-paid .flow-area .flow-box .flow-ttl span {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 100%;
  background-color: #139b80;
  margin: 0 auto 6px;
}
.p-guide .sec-paid .flow-area .flow-box p {
  margin: 0 0 18px;
  padding: 0 10px;
}
.p-guide .sec-paid .flow-area .flow-box .img-apply {
  text-align: center;
}
.p-guide .sec-paid .flow-area .flow-box .conf-list {
  border: 1px solid #139b80;
  background-color: #fff;
  padding: 10px;
}
.p-guide .sec-paid .flow-area .flow-box .conf-list > p {
  margin: 0 0 6px;
  padding: 0;
}
.p-guide .sec-paid .flow-area .flow-box .conf-list .list-check {
  padding: 0 10px;
}
.p-guide .sec-paid .flow-area .flow-box .conf-list .list-check li::before {
  color: #139b80;
}
.p-guide .sec-paid .notebox {
  border-radius: 4px;
  border: 2px solid #139b80;
  margin: 0 0 20px;
}
.p-guide .sec-paid .notebox .inner {
  padding: 16px 20px 18px;
}
.p-guide .sec-paid .notebox .notebox-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background-color: #139b80;
  padding: 8px 0;
}
.p-guide .sec-paid .notebox .list-check li::before {
  color: #139b80;
}
.p-guide .sec-paid .img-expaid {
  text-align: center;
  margin: 14px 0 30px;
}
.p-guide .sec-paid .qa-list {
  margin: 0 0 50px;
}
.p-guide .sec-paid .qa-list dl:not(:last-child) {
  border-bottom: 1px solid #787070;
  margin: 0 0 14px;
  padding: 0 0 14px;
}
.p-guide .sec-paid .qa-list dl dt,
.p-guide .sec-paid .qa-list dl dd {
  overflow: hidden;
}
.p-guide .sec-paid .qa-list dl dt span,
.p-guide .sec-paid .qa-list dl dd span {
  float: left;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 10px 0 0;
}
.p-guide .sec-paid .qa-list dl dt p,
.p-guide .sec-paid .qa-list dl dd p {
  float: left;
  line-height: 1.5;
  width: calc(100% - 25px);
}
.p-guide .sec-paid .qa-list dl dt {
  margin: 0 0 10px;
}
.p-guide .sec-paid .qa-list dl dt span {
  color: #139b80;
}
.p-guide .sec-paid .qa-list dl dt p {
  color: #139b80;
  font-weight: bold;
}
.p-guide .sec-paid .qa-list dl dd span {
  color: #cc506a;
}
.p-guide .sec-paidy .m-ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  background-color: #3498db;
  margin: 0 0 25px;
  padding: 4px 0;
}
.p-guide .sec-paidy .btn-com {
  line-height: 1.625;
  text-align: center;
  max-width: 355px;
  margin: 0 auto;
}
.p-guide .sec-paidy .btn-com a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-paidy .btn-com a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-paidy .btn-com a::after {
  right: 20px;
  content: "\f105";
}
.p-guide .sec-paidy .lead-box {
  text-align: center;
  margin: 0 0 50px;
}
.p-guide .sec-paidy .lead-box span {
  display: block;
  color: #3498db;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 10px;
}
.p-guide .sec-paidy .lead-box .logo {
  width: 180px;
  margin: 0 auto 60px;
}
.p-guide .sec-paidy .lead-box .ability-ttl {
  position: relative;
  display: inline-block;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 24px;
}
.p-guide .sec-paidy .lead-box .ability-ttl::before, .p-guide .sec-paidy .lead-box .ability-ttl::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 22px;
  height: 42px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-guide .sec-paidy .lead-box .ability-ttl::before {
  left: -66px;
  background: url(../../../../../common/img/bd_l_gy.svg) no-repeat;
}
.p-guide .sec-paidy .lead-box .ability-ttl::after {
  right: -66px;
  background: url(../../../../../common/img/bd_r_gy.svg) no-repeat;
}
.p-guide .sec-paidy .lead-box .ability-box dl {
  position: relative;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #def0fc;
  padding: 12px 30px 12px 34px;
}
.p-guide .sec-paidy .lead-box .ability-box dl:nth-child(1) {
  margin: 0 0 10px;
}
.p-guide .sec-paidy .lead-box .ability-box dl:nth-child(1) dt {
  width: 30px;
  height: 40px;
  margin: 0 60px 0 0;
}
.p-guide .sec-paidy .lead-box .ability-box dl:nth-child(2) dt {
  width: 34px;
  height: 40px;
  margin: 0 56px 0 0;
}
.p-guide .sec-paidy .lead-box .ability-box dl::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #3498db transparent transparent transparent;
}
.p-guide .sec-paidy .lead-box .ability-box dl dd {
  color: #3498db;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  line-height: 1.3333333333;
  width: calc(100% - 90px);
}
.p-guide .sec-paidy .list-box {
  margin: 0 0 44px;
}
.p-guide .sec-paidy .list-box dl:not(:last-child) {
  margin: 0 0 20px;
}
.p-guide .sec-paidy .list-box dl dt {
  position: relative;
  color: #3498db;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3333333333;
  margin: 0 0 20px;
  padding: 0 0 0 46px;
}
.p-guide .sec-paidy .list-box dl dt span {
  position: absolute;
  top: -5px;
  left: 0;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 2px solid #3498db;
}
.p-guide .sec-paidy .list-box .list-kome {
  font-size: 1.4rem;
}
.p-guide .sec-paidy .img-system {
  max-width: 580px;
  margin: 0 auto 50px;
  padding: 0 40px;
}
.p-guide .sec-paidy .btn-mypaid a {
  color: #fff;
  border: 2px solid #ff9933;
  background-color: #ff9933;
}
.p-guide .sec-paidy .support-box {
  background: #f2f2f2;
  margin: 50px 0 30px;
  padding: 14px 0 28px;
}
.p-guide .sec-paidy .support-box .support-ttl {
  color: #5b5b5b;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 8px;
}
.p-guide .sec-paidy .support-box .btn-com {
  margin: 14px auto 0;
}
.p-guide .sec-paidy .btn-area .btn-com:nth-child(odd) {
  margin: 0 auto 12px;
}
.p-guide.p-guide--paid .ttl::after {
  background-color: #139b80;
}
.p-guide.p-guide--paidy .ttl::after {
  background-color: #3498db;
}
.p-guide .sec-flow-invoice .m-ttl {
  color: #cc506a;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 5px;
  background-color: #feeeed;
  margin: 0 0 24px;
  padding: 12px 10px;
}
.p-guide .sec-flow-invoice .m-ttl.m-ttl-member {
  color: #fff;
  background-color: #cc506a;
  margin: 0 0 40px;
}
.p-guide .sec-flow-invoice .m-ttl.m-ttl-nomember {
  color: #333333;
  margin: 0 0 40px;
}
.p-guide .sec-flow-invoice .s-ttl {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 14px;
  padding: 0 0 0 26px;
}
.p-guide .sec-flow-invoice .s-ttl::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #cc506a;
}
.p-guide .sec-flow-invoice .lead-txt {
  margin: 0 0 24px;
}
.p-guide .sec-flow-invoice .tbl-biz {
  margin: 24px 0;
}
.p-guide .sec-flow-invoice .tbl-biz th, .p-guide .sec-flow-invoice .tbl-biz td {
  border: 1px solid #ccc;
  padding: 6px 10px;
}
.p-guide .sec-flow-invoice .tbl-biz th {
  font-weight: normal;
  text-align: left;
}
.p-guide .sec-flow-invoice .img-sample {
  max-width: 650px;
  margin: 24px auto 48px;
}
.p-guide .sec-flow-invoice .btn-area {
  margin: 24px 0 0;
}
.p-guide .sec-flow-invoice .btn-member,
.p-guide .sec-flow-invoice .btn-nomember {
  line-height: 1.625;
  text-align: center;
  max-width: 430px;
}
.p-guide .sec-flow-invoice .btn-member a,
.p-guide .sec-flow-invoice .btn-nomember a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-flow-invoice .btn-member a::after,
.p-guide .sec-flow-invoice .btn-nomember a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-flow-invoice .btn-member a::after,
.p-guide .sec-flow-invoice .btn-nomember a::after {
  right: 16px;
  content: "\f107";
}
.p-guide .sec-flow-invoice .btn-member {
  margin: 0 auto 14px;
}
.p-guide .sec-flow-invoice .btn-member a {
  color: #fff;
  border: 2px solid #cc506a;
  background-color: #cc506a;
}
.p-guide .sec-flow-invoice .btn-nomember {
  margin: 0 auto;
}
.p-guide .sec-flow-invoice .btn-nomember a {
  border: 2px solid #feeeed;
  background-color: #feeeed;
}
.p-guide .sec-flow-invoice .btn-nomember a::after {
  color: #cc506a;
}
.p-guide .sec-flow-invoice .flow-box {
  padding: 35px 0 0;
}
.p-guide .sec-flow-invoice .flow-box:nth-child(odd) {
  background-color: #f5f5f5;
}
.p-guide .sec-flow-invoice .flow-box.flow-box-ex {
  padding: 35px 0;
}
.p-guide .sec-flow-invoice .flow-box .flow-ttl {
  color: #333333;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 40px;
}
.p-guide .sec-flow-invoice .flow-box .flow-ttl span {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 100%;
  background-color: #cc506a;
  margin: 0 auto 12px;
}
.p-guide .sec-flow-invoice .flow-box .grid {
  display: grid;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout {
  grid-template-areas: "a" "b";
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt {
  grid-area: a;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt a {
  color: #cc506a;
  text-decoration: underline;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general {
  line-height: 1.625;
  text-align: center;
  width: 100%;
  margin: 24px auto 0;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a {
  position: relative;
  display: block;
  font-weight: bold;
  color: #333333;
  border: 2px solid #dcdcdc;
  border-radius: 25px;
  background-color: #fff;
  padding: 8px 25px;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: FontAwesome;
  font-size: 1.8rem;
  font-weight: normal;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general.btn-login {
  max-width: 220px;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general.btn-order {
  max-width: 300px;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a {
  text-decoration: none;
  background-color: #fff;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a::after {
  color: #a4a4a4;
  right: 16px;
  content: "\f105";
}
.p-guide .sec-flow-invoice .flow-box .grid-layout .col-img {
  grid-area: b;
  width: 285px;
  margin: 40px auto 0;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex {
  grid-template-areas: "a" "c" "b";
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt {
  grid-area: a;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt a {
  color: #cc506a;
  text-decoration: underline;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt .process-list li {
  position: relative;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt .process-list li:not(:last-child) {
  margin: 0 0 45px;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt .process-list li:not(:last-child)::before {
  position: absolute;
  bottom: -26px;
  left: 20px;
  content: "";
  display: block;
  width: 7px;
  height: 14px;
  background-color: #cc506a;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt .process-list li:not(:last-child)::after {
  position: absolute;
  bottom: -35px;
  left: 14px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9.5px 0 9.5px;
  border-color: #cc506a transparent transparent transparent;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-note {
  grid-area: b;
  background-color: #fff;
  border: 1px dotted #cc506a;
  margin: 50px 0 0;
  padding: 25px 30px;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-note .btn-img {
  width: 216px;
  margin: 15px 0;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img {
  grid-area: c;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-main {
  width: 285px;
  margin: 40px auto 0;
}
.p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-sub {
  width: 320px;
  margin: 30px auto 0;
}

@media screen and (min-width: 768px) {
  .p-guide .container {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .p-guide .sec-guide .guide-list {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-guide .sec-guide .guide-list li {
    width: calc((100% - 18px) / 2);
    margin: 0 0 10px;
  }
  .p-guide .sec-guide .guide-list li:not(:last-child) {
    margin: 0 0 10px;
  }
  .p-guide .sec-guide .guide-list li:nth-child(odd) {
    margin: 0 18px 10px 0;
  }
  .p-guide .sec-shipping .sec-box .s-ttl span {
    display: inline-block;
    font-size: 1.6rem;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock {
    font-size: 1.4rem;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table th, .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table td {
    border: 1px solid #cccccc;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th {
    color: #fff;
    background-color: #333333;
    padding: 5px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(1) {
    width: 20%;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(2) {
    width: 40%;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(3) {
    width: 40%;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table tbody th {
    font-weight: normal;
    background-color: #f2f2f2;
    padding: 5px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table tbody th.th-ttl {
    color: #fff;
    background-color: #333333;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table tbody td {
    padding: 10px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table tbody td.td-vtop {
    vertical-align: top;
  }
  .p-guide .sec-shipping .sec-box .item-option .fee-def {
    overflow: hidden;
  }
  .p-guide .sec-shipping .sec-box .item-option .fee-def dt {
    float: left;
    margin: 0 15px 0 0;
  }
  .p-guide .sec-shipping .sec-box .item-option .fee-def dd {
    float: left;
  }
  .p-guide .sec-shipping .sec-box .item-option .tbl-fee table {
    max-width: 650px;
  }
  .p-guide .sec-shipping .sec-box .item-option .tbl-fee table th, .p-guide .sec-shipping .sec-box .item-option .tbl-fee table td {
    display: table-cell;
    border: 1px solid #5b5b5b;
    padding: 6px 10px;
  }
  .p-guide .sec-shipping .sec-box .item-option .tbl-fee table th {
    width: 160px;
  }
  .p-guide .sec-payment .anchor-nav {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-guide .sec-payment .anchor-nav li {
    width: calc((100% - 10px) / 2);
    margin: 0 0 10px;
  }
  .p-guide .sec-payment .anchor-nav li:not(:last-child) {
    margin: 0 0 10px;
  }
  .p-guide .sec-payment .anchor-nav li:nth-child(odd) {
    margin: 0 10px 10px 0;
  }
  .p-guide .sec-payment .anchor-nav li a {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
  .p-guide .sec-payment .sec-box .contact-box {
    margin: 0;
  }
  .p-guide .sec-payment .sec-box .img-logo-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-guide .sec-payment .sec-box .img-logo_scorepay {
    width: 352px;
    margin: 0 0 14px 20px;
  }
  .p-guide .sec-payment .sec-box .ex-link {
    font-size: 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .btn-com {
    display: inline-block;
    font-size: 1.3rem;
    width: calc((100% - 20px) / 3);
  }
  .p-guide .sec-payment .sec-box .ex-link .btn-com a::after {
    right: 10px;
  }
  .p-guide .sec-payment .sec-box .ex-link .docomo {
    margin: 0 10px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .au {
    margin: 0 10px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .softbank {
    margin: 0;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee {
    border-width: 1px 0 1px 1px;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee dl {
    -ms-flex-preferred-size: calc(25% - 1px);
        flex-basis: calc(25% - 1px);
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee ul li:last-child {
    border: 0;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee .pre-list-arw li::before {
    position: absolute;
    left: -8px;
    top: calc(50% - 7px);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
  }
  .p-guide .sec-flow .confbox .confbox-ttl {
    text-align: left;
    padding: 8px 20px;
  }
  .p-guide .sec-flow .page-anchor li {
    width: calc((100% - 28px) / 3);
  }
  .p-guide .sec-flow .page-anchor li:nth-child(odd) {
    margin: 0 0 10px 0;
  }
  .p-guide .sec-flow .page-anchor li:not(:nth-child(3n)) {
    margin: 0 10px 10px 0;
  }
  .p-guide .sec-flow .flow-box {
    padding: 30px 0;
  }
  .p-guide .sec-flow .flow-box .flow-ttl {
    margin: 0 0 22px;
  }
  .p-guide .sec-flow .flow-box .row {
    overflow: hidden;
  }
  .p-guide .sec-flow .flow-box .row:not(:last-child) {
    margin: 0 0 34px;
  }
  .p-guide .sec-flow .flow-box .col-l {
    float: right;
    width: calc(100% - 320px);
  }
  .p-guide .sec-flow .flow-box .col-l p {
    padding: 0;
  }
  .p-guide .sec-flow .flow-box .col-l dl {
    margin: 0;
  }
  .p-guide .sec-flow .flow-box .col-l dl dt {
    text-align: left;
  }
  .p-guide .sec-flow .flow-box .col-l dl dd {
    padding: 0;
  }
  .p-guide .sec-flow .flow-box .col-l .img-insert {
    text-align: center;
    margin: 34px 0 0;
  }
  .p-guide .sec-flow .flow-box .col-r {
    float: left;
    width: 285px;
    margin: 0 35px 0 0;
  }
  .p-guide .sec-order .nav-item {
    position: relative;
    border: 1px solid #dcdcdc;
    padding: 14px 15px;
    overflow: hidden;
  }
  .p-guide .sec-order .nav-item:not(:last-child) {
    margin: 0 0 10px;
  }
  .p-guide .sec-order .nav-item .col-l {
    float: left;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 180px;
    margin: 0;
  }
  .p-guide .sec-order .nav-item .col-l .icon {
    margin: 0 auto 14px;
  }
  .p-guide .sec-order .nav-item .col-l span {
    font-size: 1.6rem;
  }
  .p-guide .sec-order .nav-item .col-r {
    float: left;
    width: 100%;
    padding-left: 180px;
  }
  .p-guide .sec-order .nav-item .col-r .note {
    font-size: 1.4rem;
  }
  .p-guide .sec-order .nav-item .col-r .btn-area {
    font-size: 0;
    text-align: center;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member,
  .p-guide .sec-order .nav-item .col-r .btn-nomember {
    display: inline-block;
    font-size: 1.3rem;
    width: calc((100% - 7px) / 2);
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a {
    padding: 8px 20px 8px 20px;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a::after,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a::after {
    right: 10px;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member {
    margin: 0 7px 0 0;
  }
  .p-guide .sec-mail .s-ttl {
    text-align: left;
  }
  .p-guide .sec-mail .tbl-form th, .p-guide .sec-mail .tbl-form td {
    display: table-cell;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 30px;
  }
  .p-guide .sec-mail .tbl-form th {
    width: 280px;
    background-color: #f5f5f5;
  }
  .p-guide .sec-paid .support-box {
    display: table;
    width: 100%;
  }
  .p-guide .sec-paid .support-box dt,
  .p-guide .sec-paid .support-box dd {
    display: table-cell;
  }
  .p-guide .sec-paid .support-box dt {
    vertical-align: middle;
  }
  .p-guide .sec-paid .m-ttl {
    position: relative;
    color: #139b80;
    text-align: left;
    line-height: 1.4;
    border-radius: 0;
    background-color: transparent;
    margin: 0 0 24px;
    padding: 0 0 12px;
  }
  .p-guide .sec-paid .m-ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    border-bottom: 2px solid #139b80;
  }
  .p-guide .sec-paid .lead-box .logo {
    width: 186px;
  }
  .p-guide .sec-paid .lead-box p {
    text-align: center;
  }
  .p-guide .sec-paid .systembox .img-system {
    width: 620px;
  }
  .p-guide .sec-paid .flow-area .flow-box .conf-list {
    max-width: 720px;
    margin: 0 auto;
  }
  .p-guide .sec-paidy .m-ttl {
    position: relative;
    color: #3498db;
    text-align: left;
    line-height: 1.4;
    border-radius: 0;
    background-color: transparent;
    margin: 0 0 24px;
    padding: 0 0 12px;
  }
  .p-guide .sec-paidy .m-ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    border-bottom: 2px solid #3498db;
  }
  .p-guide .sec-paidy .lead-box .ability-box {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-guide .sec-paidy .lead-box .ability-box dl {
    width: calc((100% - 10px) / 2);
  }
  .p-guide .sec-paidy .lead-box .ability-box dl:nth-child(1) {
    margin: 0 10px 0 0;
  }
  .p-guide .sec-paidy .img-system {
    max-width: 826px;
  }
  .p-guide .sec-paidy .support-box p {
    text-align: center;
  }
  .p-guide .sec-flow-invoice .tbl-biz th {
    width: 210px;
  }
  .p-guide .sec-flow-invoice .img-sample {
    margin: 50px auto 100px;
  }
  .p-guide .sec-flow-invoice .btn-area {
    font-size: 0;
    text-align: center;
  }
  .p-guide .sec-flow-invoice .btn-member,
  .p-guide .sec-flow-invoice .btn-nomember {
    display: inline-block;
    font-size: 1.3rem;
    width: calc((100% - 30px) / 2);
  }
  .p-guide .sec-flow-invoice .btn-member a,
  .p-guide .sec-flow-invoice .btn-nomember a {
    padding: 8px 20px 8px 20px;
  }
  .p-guide .sec-flow-invoice .btn-member {
    margin: 0 30px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box {
    padding: 30px 0;
  }
  .p-guide .sec-flow-invoice .flow-box.flow-box-ex {
    padding: 30px 0;
  }
  .p-guide .sec-flow-invoice .flow-box .flow-ttl {
    margin: 0 0 50px;
  }
  .p-guide .sec-flow-invoice .flow-box .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p-guide .sec-flow-invoice .flow-box .row:not(:last-child) {
    margin: 0 0 34px;
  }
  .p-guide .sec-flow-invoice .flow-box .col-l {
    position: relative;
    width: calc(100% - 320px);
  }
  .p-guide .sec-flow-invoice .flow-box .col-l p {
    padding: 0;
  }
  .p-guide .sec-flow-invoice .flow-box .col-l .btn-general {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0;
  }
  .p-guide .sec-flow-invoice .flow-box .col-r {
    width: 285px;
    margin: 0 35px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout {
    grid-template-areas: "b a";
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general {
    margin: 0 auto;
    padding: 40px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-img {
    margin: 0 35px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex {
    grid-template-areas: "c a" "c b" "c .";
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img {
    margin: 0 35px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-main {
    margin: 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-sub {
    width: 285px;
  }
}
@media screen and (min-width: 992px) {
  .p-guide {
    margin: 54px 0 100px;
  }
  .p-guide .sec-guide .guide-list li {
    margin: 0 0 15px;
  }
  .p-guide .sec-guide .guide-list li:not(:last-child) {
    margin: 0 0 15px;
  }
  .p-guide .sec-guide .guide-list li:nth-child(odd) {
    margin: 0 18px 15px 0;
  }
  .p-guide .sec-guide .guide-list li a {
    padding: 22px 48px 22px 20px;
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-guide .guide-list li a:hover {
    background-color: #f9e4e9;
  }
  .p-guide .sec-guide .guide-list li a::after {
    right: 20px;
  }
  .p-guide .sec-guide .guide-list li .cont-txt {
    width: calc(100% - 65px);
  }
  .p-guide .sec-guide .guide-list li.list-shipping .img-icon {
    margin: 0 15px 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-payment .img-icon {
    margin: 0 24px 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-flow .img-icon {
    margin: 0 22px 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-order .img-icon {
    margin: 0 24px 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-mailconf .img-icon {
    margin: 0 16x 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-qa .img-icon {
    margin: 0 16px 0 0;
  }
  .p-guide .sec-guide .guide-list li.list-contact .img-icon {
    margin: 0 22x 0 0;
  }
  .p-guide .sec-shipping a:hover {
    text-decoration: none;
  }
  .p-guide .sec-shipping .lead-txt {
    margin: 0 0 44px;
  }
  .p-guide .sec-shipping .sec-box:not(:last-child) {
    margin: 0 0 54px;
  }
  .p-guide .sec-shipping .sec-box .img-map {
    margin: 0 auto 60px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock {
    font-size: 1.6rem;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(1) {
    width: 160px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(2) {
    width: 465px;
  }
  .p-guide .sec-shipping .sec-box .tbl-box .tbl-pcblock table thead th:nth-child(3) {
    width: 465px;
  }
  .p-guide .sec-shipping .sec-box .imp-note dt {
    padding: 8px 20px;
  }
  .p-guide .sec-shipping .sec-box .item-option .tbl-fee table td {
    padding: 6px 20px;
  }
  .p-guide .sec-payment .anchor-nav {
    margin: 0 0 40px;
  }
  .p-guide .sec-payment .anchor-nav li a {
    padding: 13px 36px 13px 20px;
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-payment .anchor-nav li a:hover {
    background-color: #ebebeb;
  }
  .p-guide .sec-payment .anchor-nav li a::after {
    right: 22px;
  }
  .p-guide .sec-payment .sec-box {
    margin: 0 0 60px;
  }
  .p-guide .sec-payment .sec-box > p a:hover {
    text-decoration: none;
  }
  .p-guide .sec-payment .sec-box .btn-com {
    margin: 34px auto 0;
  }
  .p-guide .sec-payment .sec-box .btn-com a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-payment .sec-box .btn-com a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-payment .sec-box .m-ttl {
    margin: 0 0 34px;
  }
  .p-guide .sec-payment .sec-box .img-logo {
    margin: 0 0 24px;
  }
  .p-guide .sec-payment .sec-box .img-logo_paypay {
    margin: 0;
  }
  .p-guide .sec-payment .sec-box .img-logo_scorepay {
    margin: 0 0 24px 20px;
  }
  .p-guide .sec-payment .sec-box a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-payment .sec-box a.img-logo:hover {
    opacity: 0.7;
  }
  .p-guide .sec-payment .sec-box .bnr-rakutenpay {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-payment .sec-box .bnr-rakutenpay:hover {
    opacity: 0.7;
  }
  .p-guide .sec-payment .sec-box .contact-box {
    margin: 34px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link {
    margin: 34px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .btn-com {
    font-size: 1.6rem;
    width: calc((100% - 40px) / 3);
    max-width: 290px;
  }
  .p-guide .sec-payment .sec-box .ex-link .btn-com a::after {
    right: 20px;
  }
  .p-guide .sec-payment .sec-box .ex-link .docomo {
    margin: 0 20px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .docomo a:hover {
    color: #e12e00;
    background-color: #fff;
  }
  .p-guide .sec-payment .sec-box .ex-link .au {
    margin: 0 20px 0 0;
  }
  .p-guide .sec-payment .sec-box .ex-link .au a:hover {
    color: #f5732d;
    background-color: #fff;
  }
  .p-guide .sec-payment .sec-box .ex-link .softbank a:hover {
    color: #a4a4a4;
    background-color: #fff;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee {
    max-width: 850px;
    margin: 0 auto 50px;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee ul {
    min-height: 100%;
    width: 100%;
  }
  .p-guide .sec-payment .sec-box .tbl-paidfee ul li {
    padding: 20px;
  }
  .p-guide .sec-payment .imp-note dt {
    padding: 8px 20px;
  }
  .p-guide .sec-flow .confbox {
    margin: 0 0 70px;
  }
  .p-guide .sec-flow .confbox .inner {
    padding: 6px 20px;
  }
  .p-guide .sec-flow .page-anchor {
    margin: 0 0 60px;
  }
  .p-guide .sec-flow .page-anchor li {
    width: calc((100% - 54px) / 4);
  }
  .p-guide .sec-flow .page-anchor li:not(:nth-child(3n)) {
    margin: 0 0 10px 0;
  }
  .p-guide .sec-flow .page-anchor li:not(:nth-child(4n)) {
    margin: 0 18px 10px 0;
  }
  .p-guide .sec-flow .page-anchor li a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-flow .page-anchor li a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-flow .flow-box {
    padding: 60px 0;
  }
  .p-guide .sec-flow .flow-box .flow-ttl {
    font-size: 2.2rem;
    margin: 0 0 44px;
  }
  .p-guide .sec-flow .flow-box .flow-ttl span {
    margin: 0 auto 10px;
  }
  .p-guide .sec-flow .flow-box .row:not(:last-child) {
    margin: 0 0 70px;
  }
  .p-guide .sec-flow .flow-box .col-l {
    width: calc(100% - 470px);
  }
  .p-guide .sec-flow .flow-box .col-l a:hover {
    text-decoration: none;
  }
  .p-guide .sec-flow .flow-box .col-l .btn-post a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-flow .flow-box .col-l .btn-post a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-flow .flow-box .col-r {
    width: 400px;
    margin: 0 70px 0 0;
  }
  .p-guide .sec-order .lead-txt {
    margin: 0 0 34px;
  }
  .p-guide .sec-order .nav-item {
    padding: 30px;
  }
  .p-guide .sec-order .nav-item .col-l {
    width: 200px;
  }
  .p-guide .sec-order .nav-item .col-r {
    padding-left: 200px;
  }
  .p-guide .sec-order .nav-item .col-r .btn-area {
    margin: 20px 0 0;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member,
  .p-guide .sec-order .nav-item .col-r .btn-nomember {
    font-size: 1.6rem;
    width: calc((100% - 14px) / 2);
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a:hover,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a {
    padding: 8px 20px;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a::after,
  .p-guide .sec-order .nav-item .col-r .btn-nomember a::after {
    right: 14px;
    content: "\f105";
  }
  .p-guide .sec-order .nav-item .col-r .btn-member {
    margin: 0 14px 0 0;
  }
  .p-guide .sec-order .nav-item .col-r .btn-member a:hover {
    color: #cc506a;
    background-color: #fff;
  }
  .p-guide .sec-order .nav-item .col-r .btn-nomember a:hover {
    background-color: #fff;
  }
  .p-guide .sec-mail .lead-txt {
    margin: 0 0 14px;
  }
  .p-guide .sec-mail .note {
    margin: 0 0 20px;
    padding: 14px 20px;
  }
  .p-guide .sec-mail .tbl-form {
    margin: 0 0 30px;
  }
  .p-guide .sec-mail .btn-testsend {
    margin: 0 auto 60px;
  }
  .p-guide .sec-mail .btn-testsend button {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-mail .btn-testsend button:hover {
    color: #cc506a;
    background-color: #fff;
  }
  .p-guide .sec-mail .set-box .assign-box {
    margin: 34px auto 45px;
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-mail .set-box .assign-box:hover {
    color: #fff;
    background-color: #cc506a;
  }
  .p-guide .sec-mail .set-box .ex-link a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-mail .set-box .ex-link a:hover {
    background-color: #fff;
  }
  .p-guide .sec-mail .set-box .ex-link .docomo {
    margin: 0 auto 20px;
  }
  .p-guide .sec-mail .set-box .ex-link .docomo:hover {
    color: #e12e00;
  }
  .p-guide .sec-mail .set-box .ex-link .au {
    margin: 0 auto 20px;
  }
  .p-guide .sec-mail .set-box .ex-link .au:hover {
    color: #f5732d;
  }
  .p-guide .sec-mail .set-box .ex-link .softbank:hover {
    color: #a4a4a4;
  }
  .p-guide .sec-paid .support-box {
    margin: 24px 0 0;
    padding: 20px 50px;
  }
  .p-guide .sec-paid .support-box::before {
    border-width: 26px 26px 0 0;
  }
  .p-guide .sec-paid .support-box dt {
    width: 30%;
    text-align: left;
  }
  .p-guide .sec-paid .lead-box {
    margin: 0 0 40px;
  }
  .p-guide .sec-paid .lead-box span {
    margin: 0 0 30px;
  }
  .p-guide .sec-paid .lead-box .logo {
    margin: 0 auto 30px;
  }
  .p-guide .sec-paid .systembox {
    margin: 0 0 40px;
  }
  .p-guide .sec-paid .systembox .inner {
    padding: 40px 34px 20px;
  }
  .p-guide .sec-paid .systembox .systembox-ttl {
    padding: 4px 0;
  }
  .p-guide .sec-paid .list-box {
    margin: 0 0 64px;
  }
  .p-guide .sec-paid .list-box dl:not(:last-child) {
    margin: 0 0 34px;
  }
  .p-guide .sec-paid .flow-area .flow-box {
    padding: 40px 0;
  }
  .p-guide .sec-paid .flow-area .flow-box .flow-ttl {
    margin: 0 0 44px;
  }
  .p-guide .sec-paid .flow-area .flow-box .flow-ttl span {
    margin: 0 auto 10px;
  }
  .p-guide .sec-paid .flow-area .flow-box p {
    padding: 0;
  }
  .p-guide .sec-paid .flow-area .flow-box .conf-list {
    padding: 24px 30px;
  }
  .p-guide .sec-paid .flow-area .flow-box .conf-list .list-check {
    padding: 0;
  }
  .p-guide .sec-paid .notebox {
    margin: 0 0 40px;
  }
  .p-guide .sec-paid .notebox .notebox-ttl {
    padding: 4px 0;
  }
  .p-guide .sec-paid .img-expaid {
    margin: 40px 0 30px;
  }
  .p-guide .sec-paidy .btn-com a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-paidy .btn-com a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-paidy .lead-box span {
    margin: 0 0 30px;
  }
  .p-guide .sec-paidy .lead-box .ability-ttl {
    margin: 0 0 34px;
  }
  .p-guide .sec-paidy .lead-box .ability-box dl {
    padding: 40px 40px 40px 50px;
  }
  .p-guide .sec-paidy .lead-box .ability-box dl:nth-child(1) dt {
    width: 42px;
    height: 54px;
    margin: 0 48px 0 0;
  }
  .p-guide .sec-paidy .lead-box .ability-box dl:nth-child(2) dt {
    width: 48px;
    height: 54px;
    margin: 0 42px 0 0;
  }
  .p-guide .sec-paidy .lead-box .ability-box dl::before {
    border-width: 26px 26px 0 0;
  }
  .p-guide .sec-paidy .list-box {
    margin: 0 0 54px;
  }
  .p-guide .sec-paidy .list-box dl:not(:last-child) {
    margin: 0 0 34px;
  }
  .p-guide .sec-paidy .img-system {
    margin: 0 auto 60px;
    padding: 0;
  }
  .p-guide .sec-paidy .btn-mypaid a:hover {
    color: #ff9933;
    background-color: #fff;
  }
  .p-guide .sec-paidy .support-box {
    margin: 60px 0 40px;
    padding: 24px 0 26px;
  }
  .p-guide .sec-paidy .support-box .btn-com {
    margin: 20px auto 0;
  }
  .p-guide .sec-paidy .btn-area .btn-com:nth-child(odd) {
    margin: 0 auto 18px;
  }
  .p-guide .sec-flow-invoice .btn-area {
    margin: 20px 0 0;
  }
  .p-guide .sec-flow-invoice .btn-member,
  .p-guide .sec-flow-invoice .btn-nomember {
    font-size: 1.6rem;
    width: calc((100% - 70px) / 2);
  }
  .p-guide .sec-flow-invoice .btn-member a,
  .p-guide .sec-flow-invoice .btn-nomember a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-flow-invoice .btn-member a:hover,
  .p-guide .sec-flow-invoice .btn-nomember a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-flow-invoice .btn-member a,
  .p-guide .sec-flow-invoice .btn-nomember a {
    padding: 8px 20px;
  }
  .p-guide .sec-flow-invoice .btn-member {
    margin: 0 70px 0 0;
  }
  .p-guide .sec-flow-invoice .btn-member a:hover {
    color: #cc506a;
    background-color: #fff;
  }
  .p-guide .sec-flow-invoice .btn-nomember a:hover {
    background-color: #fff;
  }
  .p-guide .sec-flow-invoice .flow-box {
    padding: 60px 0;
  }
  .p-guide .sec-flow-invoice .flow-box .flow-ttl {
    font-size: 2.2rem;
    margin: 0 0 44px;
  }
  .p-guide .sec-flow-invoice .flow-box .flow-ttl span {
    margin: 0 auto 10px;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt a:hover {
    text-decoration: none;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a {
    -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-txt .btn-general a:hover {
    background-color: #dcdcdc;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout .col-img {
    width: 400px;
    margin: 0 70px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-txt a:hover {
    text-decoration: none;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-note .btn-img {
    width: 200px;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img {
    margin: 0 70px 0 0;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-main {
    width: 400px;
  }
  .p-guide .sec-flow-invoice .flow-box .grid-layout-ex .col-img .col-img-sub {
    margin: 60px auto 0;
  }
}/*# sourceMappingURL=guide.css.map */