@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: fc2-live.jp
Theme URI: https://goodnessone.co.jp
Author: gnok
Author URI: https://goodnessone.co.jp
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.htm
Version: 1
---------------------------------------------------------*/
#s_fc22693 .tmb {
  text-align: left;
  font-size: 0.9em;
}
strong {
  font-weight: 600;
}
.tmb {
  /* width: 50%;*/
  font-size: 1em;
  color: #1B49B3;
  text-align: center;
}
.tmb_img {
  width: 10%;
  height: auto;
}
.tmb_img:hover {
  cursor: pointer;
}
.popup {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.3s, transform 0s 0.3s;
}
.popup__btn {
  display: block;
  z-index: 13;
  position: absolute;
  top: 1vh;
  right: 1vh;
  width: 5vh;
  height: 5vh;
  cursor: pointer;
}
.popup__btn::before, .popup__btn::after {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background-color: #fff;
  content: '';
}
.popup__btn::before {
  transform: rotate(45deg);
}
.popup__btn::after {
  transform: rotate(-45deg);
}
.popup__btnarea {
  z-index: 12;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__img {
  z-index: 11;
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}
.popup__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.pointer {
  cursor: pointer;
}
.tmb input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked ~ .popup {
  transform: scale(1);
  opacity: 1;
  transition: opacity 0.3s;
}
.grecaptcha-badge {
  visibility: hidden;
  z-index: 9999
}
/*デフォルトのスタイルを無効化する*/
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/*.wpcf7 form.invalid .wpcf7-response-output {
  display: none !important;
}*/
/*.wpcf7-form.sent .wpcf7-response-output {
  display: none !important;
}*/
.wpcf7-response-output {
  background: #FF9294;
  border: none;
}
/* 初回のメッセージ要素を表示 */
.wpcf7-response-output:first-of-type {
  display: block;
}
.wpcf7 form .wpcf7-response-output {
  border: none !important;
  padding: 0.6em !important;
  margin: 0 !important;
}
div.wpcf7 .wpcf7-spinner {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.wpcf7-list-item {
  margin: 0 !important;
}
.wpcf7-form-control-wrap input[type=checkbox] {
  width: 16px;
  height: 16px;
  border: 1px solid #000 !important;
  vertical-align: -5px;
}
.cimg {
  width: 100%;
  max-width: 600px;
  display: block;
  margin: 0 auto;
}
.cimg img {
  margin-top: 0.6em;
  max-width: 600px;
  width: 100%;
}
.cimg .tx {
  margin-bottom: -0.6em;
  margin-top: 0.6em;
}
@media screen and (max-width:768px) {
  .cf7-item {
    display: block;
  }
  #cf7-area label {
    display: block;
    margin-bottom: 10px;
  }
  .cf7-q {
    width: 100%;
    margin: 0;
  }
  .cf7-a {
    width: 100%;
  }
  #cf7-area input[type=”text”], #cf7-area input[type=”email”], #cf7-area input[type=”tel”], #cf7-area textarea {
    margin-left: 0;
  }
  .cf7-submit {
    width: 100%;
  }
}
@media print {
  h2, embed, .fnav, .footer {
    display: none;
  }
  @page {
    size: A4 portrait;
    margin: 0mm;
  }
}
.qr {
  text-align: center;
  width: 200px;
}
.m3 {
  margin-top: -3em;
  margin-bottom: 3em;
}
.m10 {
  text-align: center;
  margin-top: 2em;
}
.kousin {
  overflow: auto;
  width: auto;
  max-height: 300px;
  padding: .6em;
  border: 1px solid #666;
  margin-bottom: 1em;
}
.info {
  margin-top: -3em !important;
  text-align: center;
}
.info a p {
  margin-top: -1.5em;
  text-align: center;
}
footer {
  /*  margin-top: 3em;
*/
}
.line {
  text-align: center;
  color: rgba(63, 189, 66, 1.00);
}
.twitter {
  text-align: center;
  color: #1DA1F2;
}
.info div a h3 {
  margin-top: 0em !important;
  text-align: center !important;
  font-size: 1.4em;
  margin-bottom: -1em;
}
.fa-square-x-twitter {
  font-family: "fontAwesome";
  font-size: 4em;
}
.fa-line {
  margin-top: 3px;
  font-family: "fontAwesome";
  font-size: 58px;
}
.fff {
  color: #fff;
}
.mid {
  color: forestgreen;
  font-weight: bold;
}
.tl {
  text-decoration: line-through;
}
.bold {
  font-weight: bold;
}
.left {
  text-align: left;
}
.tyuui {
  color: red;
}
.up {
  margin-top: -2em;
  margin-bottom: 2em;
}
/*フォーム*/
.cen {
  text-align: center;
  margin: .6em 0;
}
.cen2 {
  text-align: center;
}
input[type="submit"]:hover, button:hover, a:hover {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  cursor: pointer;
  opacity: 0.8;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  background: rgba(255, 252, 232, 1.00);
  border: 1px solid rgba(255, 252, 232, 1.00);
}
input, textarea {
  border: 1px solid var(--line);
  padding: 0.6em;
  width: 100%;
  max-width: 600px;
  margin-top: 0.6em;
  border-radius: 0.8em;
  display: block;
}
input[type="submit"] {
  -webkit-appearance: none;
  padding: .8em 1em;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  max-width: 600px;
  background: var(--main);
  border-radius: .8em;
  color: #fff;
  border: none;
  font-size: 1em;
  margin-top: 1em;
  display: block;
}
.chatlady input[type="submit"]/*, .chatlady + footer*/ {
  background: var(--sub);
}
.agent input[type="submit"]/*, .agent + footer*/ {
  background: var(--sub2);
}
button {
  -webkit-appearance: none;
  padding: .8em 1em;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  width: 100%;
  background: var(--main);
  border-radius: .8em;
  color: #fff;
  border: none;
  font-size: 1em;
  margin: 0 auto;
  display: block;
}
button:focus {
  outline: 0;
}
main .mform button[name="btn_back"] {
  background: var(--sub3a);
}
button[name="btn_back"]::before {
  font-family: "fontAwesome";
  content: "\f053";
  margin-right: .4em;
}
button[name="btn_submit"]::after {
  font-family: "fontAwesome";
  content: "\f00c";
  margin-left: .4em;
}
button[name="btn_confirm"]::after {
  font-family: "fontAwesome";
  content: "\f054";
  margin-left: .4em;
}
:root {
  --main: #4C5578;
  --maina: #F2F8FF;
  --mainb: #5882FA;
  --sub: #b17a50;
  --suba: #FBEFEF;
  --subb: #FA5858;
  /*  --sub2: #658DC6;*/
  --sub2: #73A561;
  --sub2a: #F0FFF5;
  --sub2b: #58ACFA;
  --sub3: #373838;
  --sub3a: #BDBDBD;
  --sub3b: #7E7D88;
  --sub4: #7FC844;
  --sub4a: #EFFBEF;
  --sub4b: #81F79F;
  --line: #BDBDBD;
  --red: #FE2E2E;
  --content: 6em 1em;
  --content_s: 3em 1em;
}
.current, .current i {
  color: yellowgreen !important;
  pointer-events: none !important;
}
.loading {
  display: none; /* 通常時は非表示 */
  z-index: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  color: #212121;
}
del {
  font-size: 0.8em;
}
/*ぱんくず*/
#breadcrumb {
  font-size: .8em;
  align-items: center;
  margin-bottom: 2em;
}
#breadcrumb li {
  color: #fff;
  white-space: nowrap;
}
#breadcrumb .fr::after {
  font-family: "fontAwesome";
  content: "\f054";
  padding: 0 .6em;
}
/*table*/
table {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table th {
  text-align: center;
  padding: 1em 0;
  vertical-align: middle;
  font-weight: bold;
  color: #fff;
  border: 1px solid var(--line);
  white-space: nowrap;
  background: var(--main);
}
table td {
  background: #fff;
  text-align: center;
  padding: 1em;
  vertical-align: middle;
  border: 1px solid var(--line);
}
/*リンク*/
a {
  color: var(--main);
  text-decoration: none;
}
a.chatlady, a.agent {
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  border-radius: .8em;
  background: var(--main);
  color: #fff;
  display: block;
  margin-top: 1em;
  font-size: 90%;
}
a.chatlady::after, a.agent::after, .rink a::after, a.fr::after {
  font-family: "fontAwesome";
  content: "\f054";
  padding-left: .4em;
}
a.chatlady, .chatlady button {
  background: var(--sub);
}
a .fa-chevron-right, button .fa-chevron-right, button .fa-check, button .fa-chevron-down {
  margin-left: .6em;
}
section {
  max-width: 1000px;
  margin: 0 auto;
}
.content {
  padding: var(--content);
}
.grid2 div::before, .grid2 li::before {
  color: var(--main);
}
main .phead.content {
  background: var(--main);
  color: #fff;
}
.content:nth-of-type(odd) {
  background: var(--maina);
}
.phead {
  /* background: #34538A;*/
  padding: 6em 1em;
  text-align: center;
}
.phead h2 {
  margin: 0;
  color: #fff;
}
.step {
  margin-top: 1em;
  text-align: center;
  display: block;
}
.step::after {
  font-family: "fontAwesome";
  content: "\f078";
}
.step-ko::after {
  margin-left: .4em;
}
.red {
  color: var(--red);
}
/*フォーム*/
.mform {
  max-width: 620px;
  margin: 0 auto;
  background: #fff;
  padding: 2em;
  border-radius: 0.8em;
  border: 1px solid rgba(187, 187, 187, 1.00);
}
.mform label {
  display: block;
  padding: 1em;
  border: 1px solid rgba(187, 187, 187, 1.00);
  margin-bottom: .6em;
  border-radius: .8em;
  background: #fff;
}
.mform button[value="back"] {
  background: var(--sub3);
}
#s_cc .content, #s_faq-a .content, #s_manual-a .content, #s_register .content, #s_register-h .content, #s_register-a .content {
  background: #fff;
}
s_contact-a {}
.kaisha th {
  width: 150px;
}
.kaisha td {
  text-align: left;
}
.fw {
  font-weight: bold;
}
.col00 {
  background: #575757;
}
.col01 {
  background: var(--sub3b);
}
.col02 {
  background: #DB4D50;
}
.col04 {
  background: var(--main);
}
.error li {
  padding: 1em;
  background: var(--red);
  margin-bottom: .6em;
  color: #fff;
}
h2 > p, h3 > p, h4 > p, h5 > p {
  margin-top: 1em;
}
h1, h2, h3, h4, h5 {
  color: var(--main);
}
section > h2, section > h3 {
  margin-bottom: 2em;
  text-align: center;
}
section ul li {
  padding: 0;
  border-radius: .8em;
  background: #fff;
}
section h2, section h3 {
  text-align: center;
}
section h5 {
  margin-bottom: 1em;
}
section .count p {
  text-align: left;
}
.grid2 > div, .grid2 > li, .grid3 > div {
  padding: 2em;
  text-align: center;
  border: 1px solid var(--sub2);
  /*border-radius: .8em;*/
  background: #fff;
}
.gridsns {
  padding: 2em;
  text-align: center;
  border-radius: .8em;
  background: #fff;
  display: flex;
  grid-gap: 1em;
  justify-content: right;
}
/*LINE*/
/*.fnav section {
  background: url(https://fc2-live.jp/wp-content/themes/fc2-live/images/site/ba4.jpg);
  background-size: cover;
  background-position: center;
}*/
.line {
  text-align: center;
  padding: 1em 0;
  background: rgba(255, 255, 255, .6);
  padding-bottom: 1.6em
}
.line h3 {
  text-align: center;
  margin: 0;
}
/*ボックス*/
.box, .box2 {
  margin-top: 1em;
}
.box {
  padding: 2em 0;
}
.box2 li {
  background: #fff;
  margin-bottom: 0;
}
/*共通ここまで*/
/*メニュー*/
.sp-nav button::after {
  content: "";
  padding: 0;
}
/*ヘッダー*/
.header_top p {
  color: #fff;
}
header .sp-nav {
  top: 0;
  flex-wrap: nowrap;
}
/*フッター*/
footer {
  background: var(--main);
  color: #fff;
  padding: 2em 1em;
}
.footer {
  color: #fff;
  max-width: 1000px;
  margin: 0 auto;
}
footer a, footer p {
  color: #fff;
}
footer .fnav2 {
  font-size: .8em;
}
footer .fnav2 li::before {
  content: "｜";
  color: #fff;
}
footer .fnav2 li:first-child::before {
  content: "";
}
footer .sp-nav {
  bottom: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.copy {
  color: #fff;
}
.copy p::before {
  font-family: "fontAwesome";
  content: "\f1f9";
}
.copy span:nth-of-type(1) {
  margin-left: -2px;
}
.copy span:nth-of-type(2) {
  margin-left: .2em;
}
.fnav2 li {
  margin-right: .6em;
  white-space: nowrap;
}
.fnav2 li:last-child {
  margin-right: 0;
}
.fnav {
  padding: 0 1em;
  background: #fff;
}
.fnav p {
  text-align: left;
}
/*トップページ*/
main .homebox {
  border: .1em solid var(--sub);
  padding: 2em;
  border-radius: .8em;
}
.homebox span::before, .agentbox span::before {
  margin-top: -30px;
  display: block;
}
.homebox span::before {
  font-family: "fontAwesome";
  content: "\f3cd";
  font-size: 8em;
  color: var(--sub);
}
.homebox h3 {
  color: var(--sub);
  margin-top: -18px;
}
main .agentbox span::before {
  font-family: "fontAwesome";
  content: "\f1ad";
  font-size: 8em;
}
.agentbox {
  border: .1em solid var(--sub2);
  padding: 2em 1em;
  border-radius: .8em;
}
.agentbox h3 {
  color: var(--sub2);
  margin-top: -18px;
}
.agentbox span::before {
  color: var(--sub2);
}
#s_ main .content {
  text-align: center;
}
#s_ main .phead h2 span {
  display: block;
}
#s_ main .rink a {
  color: #fff;
  text-align: center;
  border: 1px dotted #fff;
  padding: 1em;
  display: block;
  border-radius: 0.8em;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 2em;
}
.grid2 div::before, .grid2 li::before {
  display: block;
  margin-top: -22px;
}
.phead {
  background: var(--main);
}
/*chatlady*/
.chatlady h3, .chatlady h4, .chatlady h5, .chatlady .grid2 div::before, .chatlady .grid2 li::before, .chatlady div:empty, #s_chatlady .fnav h4 {
  color: var(--sub);
}
.chatlady .red {
  color: var(--red);
}
.chatlady .phead, .chatlady .kaisha th {
  background: var(--sub);
}
.chatlady .sc2 section .grid2 div:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f005";
  font-size: 6em;
}
.chatlady .grid2 > div, .chatlady .grid3 > div, .chatlady .grid2 > li, .chatlady .point, .chatlady .faq, #s_chatlady .fnav .grid2 > div {
  border: 1px solid var(--sub);
}
.chatlady .sc section .grid2 div:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f290";
  font-size: 6em;
}
.chatlady .sc section .grid2 div:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f0f4";
  font-size: 6em;
}
.chatlady .sc section .grid2 div:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f4d8";
  font-size: 6em;
}
.chatlady .sc section .grid2 div:nth-child(4)::before {
  font-family: "fontAwesome";
  content: "\f530";
  font-size: 6em;
}
.chatlady .content-list .content:nth-of-type(odd) {
  background: #fff;
}
.chatlady .content-list .content:nth-of-type(even) {
  background: var(--suba);
}
.chatlady .mform, .chatlady .mform {
  /*  background: var(--suba);*/
}
.chatlady .mform button {
  background: var(--sub);
}
/*agent*/
.agent h3, .agent h4, .agent h5, .agent .grid2 div::before, .agent .grid2 li::before, .agent div:empty, #s_agent .fnav h4 {
  color: var(--sub2)
}
.agent .red {
  color: var(--red);
}
.agent .phead, .agent .kaisha th {
  background: var(--sub2);
}
.agent {
  background: var(--sub2);
}
.agent .grid2 > div, .agent .grid3 > div, .agent .grid2 > li, .agent .point, .agent .faq, #s_agent .fnav .grid2 > div {
  border: 1px solid var(--sub2);
}
.agent .content-list .content:nth-of-type(odd) {
  background: #fff;
}
.agent .content-list .content:nth-of-type(even) {
  background: var(--sub2a);
}
.agent .sc section .grid2 div:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f54f";
  font-size: 6em;
}
.agent .sc section .grid2 div:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f108";
  font-size: 6em;
}
.agent .sc section .grid2 div:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f0ac";
  font-size: 6em;
}
.agent .sc section .grid2 div:nth-child(4)::before {
  font-family: "fontAwesome";
  content: "\f305";
  font-size: 6em;
}
a.agent, .agent button {
  background: var(--sub2);
}
.agent .mform, .agent .mform {
  /*  background: var(--sub2a);*/
}
.mform.agent button {
  background: var(--sub2);
}
/*サポート*/
#s_support-c .sc h4 {
  margin-bottom: 1em;
}
#s_support-c .sc a {
  margin-top: 2em;
}
#s_support-c .sc li {
  margin-bottom: 2em;
}
#s_manual-a .box:nth-of-type(1) li:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f0ad";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(1) li:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f5fc";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(1) li:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f1c0";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(1) li:nth-child(4)::before {
  font-family: "fontAwesome";
  content: "\f2b5";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(2) li:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f06e";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(2) li:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f6ff";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(2) li:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f4c0";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(3) li:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f1ad";
  font-size: 6em;
}
#s_manual-a .box:nth-of-type(3) li:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f3cd";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f017";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f362";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f160";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(4)::before {
  font-family: "fontAwesome";
  content: "\f013";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(5)::before {
  font-family: "fontAwesome";
  content: "\f7bd";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(6)::before {
  font-family: "fontAwesome";
  content: "\f4b8";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(3) li:nth-child(7)::before {
  font-family: "fontAwesome";
  content: "\f630";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(4) li:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f470";
  font-size: 6em;
}
#s_manual-c .box:nth-of-type(4) li:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f071";
  font-size: 6em;
}
/*#s_support .content {
  background: #fff;
}*/
#s_support h5 {
  margin-top: 2em;
}
#s_support h3 {
  text-align: left;
  color: var(--main);
}
.ht-sp a img {
  max-width: 200px;
}
.sc2 section .grid2 .im:nth-child(1)::before {
  font-family: "fontAwesome";
  content: "\f005";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(2)::before {
  font-family: "fontAwesome";
  content: "\f5fc";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(3)::before {
  font-family: "fontAwesome";
  content: "\f164";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(4)::before {
  font-family: "fontAwesome";
  content: "\f4ea";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(5)::before {
  font-family: "fontAwesome";
  content: "\f1ad";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(6)::before {
  font-family: "fontAwesome";
  content: "\f004";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(7)::before {
  font-family: "fontAwesome";
  content: "\f06c";
  font-size: 6em;
}
.sc2 section .grid2 .im:nth-child(8)::before {
  font-family: "fontAwesome";
  content: "\f2b5";
  font-size: 6em;
}
.point .box {
  margin: 0;
  padding: .6em;
  background: var(--sub4);
  color: #fff;
  border-radius: .8em;
}
.con .step {
  text-align: center;
  margin: 2em 0;
}
.count {
  counter-reset: number;
}
.count h4::before, .count h5::before {
  font-family: "fontAwesome";
  counter-increment: number 1;
  content: counter(number)". ";
}
.point {
  padding: 2em;
  border: 1px solid var(--main);
  border-radius: .8em;
  background: #fff;
}
.point h4 {
  text-align: left;
  margin-bottom: 1em;
}
.point .fw {
  font-size: 1.4em;
}
.pointt {
  font-weight: bold;
  font-size: 1.4em;
  color: var(--red);
}
.pointt .fa-check-circle {
  font-weight: bold;
  font-size: 1.2em;
  color: yellowgreen;
}
ol {
  padding: 1em 0;
  counter-reset: number;
}
ol li::before {
  counter-increment: number 1;
  content: counter(number)". ";
}
.faq {
  padding: 2em;
  counter-reset: number;
  border-radius: .8em;
  background: #fff;
  border: 1px solid var(--main);
}
.faq li {
  margin-bottom: 2em;
}
.faq li:last-child {
  margin-bottom: 0;
}
.faq li p::before {
  margin-right: .1em;
  font-size: 1.4em;
}
.sp-nav {
  position: fixed;
  background: var(--main);
  z-index: 1;
  text-align: center;
  width: 100%;
  padding: 0.4em 1em;
}
.pc-nav {
  background: var(--main);
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 1em;
}
.pc {
  position: fixed;
  background: var(--main);
  z-index: 1;
  text-align: center;
  width: 100%;
}
.sp-nav a, .sp-nav button {
  white-space: nowrap;
  padding: 0 .3em;
}
.sp-nav a i, .sp-nav button i {
  color: #fff;
  font-size: 1.6em;
}
.sp-nav a span, .sp-nav button span {
  font-size: .4em;
  color: #fff;
  display: block;
}
#s_privacy h3, #s_use h3 {
  margin: 0;
  margin-top: 2em;
  text-align: left;
  font-size: 1.2em;
}
#s_sent h3 {
  text-align: center;
}
#s_privacy .line h3, #s_use .line h3, #s_support .line h3 {
  margin-top: 0;
  text-align: center;
}
.cen a[target="_blank"] {
  border: none;
}
@media screen and (max-width: 620px) {
  .gridsns {
    padding: 2em;
    text-align: center;
    border-radius: .8em;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 1em;
  }
  .sp-nav .fa-line {
    margin-top: 0;
  }
  .sp-nav .twitter {
    margin-top: -3px;
  }
  .sp-nav .fa-square-x-twitter {
    font-size: 1.8em;
  }
  .sc .con p {
    text-align: center;
  }
  footer .fnav2 li.copy {
    width: 100%;
    order: 4;
  }
  footer .fnav2 {
    justify-content: center;
  }
  footer .fnav2 li:nth-child(2)::before {
    content: "";
  }
  #breadcrumb, .sp-nav {
    /*overflow-x: scroll;*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    z-index: 1;
  }
  .copy {
    margin: 1em 0;
  }
  #s_ main .phead h2 span {
    display: inline;
  }
  footer {
    padding: 0;
    padding-top: 1em;
    padding-bottom: 5.5em;
  }
  #breadcrumb {
    padding: 0 1em;
  }
  .mform .grid2 {
    grid-template-columns: auto auto;
  }
  .mform, .grid2 > div, .grid3 > div, .point, .faq {
    padding: 0.8em;
    font-size: 90%;
  }
  .content, .phead {
    padding: var(--content_s);
  }
  .scroll-table table {
    overflow-x: scroll;
    white-space: nowrap;
    /*display: block;*/
  }
  .copy {
    text-align: center;
  }
  main .rink a {
    max-width: 100%;
  }
  main .rink {
    padding: 0 1em;
  }
  .grid2 {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 1em;
  }
  .t2 {
    width: auto;
    grid-template-columns: auto auto;
  }
}