@charset "UTF-8";
/**
 * よくあるご質問
 */
/* ==========================================================================
   style
   ========================================================================== */
.ttl-line-bottom {
  margin-top: 21px;
  font-size: 110%; }

h4 {
  margin: 22px 0 5px; }

.ttl-line-bottom + h4 {
  margin-top: 0; }

.qa-list > dt {
  background-position: 15px 13px;
  cursor: pointer;
  padding-right: 60px;
  position: relative;
  font-size: 121.4285714286%; }
  .qa-list > dt::before {
    background-color: #cf0559;
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .qa-list > dt::after {
    background-color: #cf0559;
    content: '';
    width: 2px;
    height: 20px;
    position: absolute;
    right: 29px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .qa-list > dt.-open::after {
    display: none; }

.qa-list > dd {
  display: none; }

.innerAcc {
  display: none; }

.accLink {
  background-color: #ffeef6;
  display: block;
  padding: 15px 60px 15px 20px;
  position: relative; }
  .accLink::before {
    background-color: #cf0559;
    content: '';
    width: 20px;
    height: 2px;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .accLink::after {
    background-color: #cf0559;
    content: '';
    width: 2px;
    height: 20px;
    position: absolute;
    right: 29px;
    top: 0;
    bottom: 0;
    margin: auto; }
  .accLink.-open::after {
    display: none; }

h4 + .disc-list {
  margin-top: 0; }

.iw100 {
  width: 100%; }

.iw50 {
  width: 50%; }

.table02 {
  border: 2px solid #e2e2e2;
  margin-top: 20px;
  width: 100%; }
  .table02 th, .table02 td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    position: inherit !important;
    padding: 15px 15px; }
  .table02 td {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    width: 50% !important; }
  .table02 th {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    vertical-align: top; }
    .table02 th span {
      display: block;
      margin-top: 0;
      text-align: left;
      width: 100%; }
  .table02 .category {
    background-color: #f4f4f4;
    border-top: 1px solid #e2e2e2;
    color: #555; }
    .table02 .category span {
      font-weight: bold;
      font-size: 142.8571428571%; }
  .table02 td {
    /*@include rsp-custom(595,820);*/ }
    .table02 td .time {
      color: #777;
      font-size: 85.7142857143%;
      margin-top: 20px; }

.th-wid30 {
  width: 30% !important; }

.line-bottom {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 30px;
  padding-bottom: 30px; }

.note {
  margin-top: 30px;
  text-align: right;
  color: #777;
  font-size: 86%; }

@media screen and (max-width: 767px) {
  .th-wid30 {
    width: 100% !important; }

  .table02 th, .table02 td {
    display: block;
    width: 100% !important; }
  .table02 td {
    border-bottom: 1px solid #e2e2e2; }
  .table02 th {
    border-bottom: 1px solid #e2e2e2;
    border-right: none; }
    .table02 th span {
      margin-top: 5px;
      width: 100% !important; } }
/* ==========================================================================
   style 2020.8.28 追加
   ========================================================================== */
.flag-box dd {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  zoom: 1;
  border: none;
  padding-left: 8px;
  padding-right: 8px;
  /*padding-left: 0.7%;
  padding-right: 0.7%;*/ }
.flag-box .pnavi-list {
  width: 100%; }
  .flag-box .pnavi-list li {
    width: 339px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
    margin-top: 15px;
    padding: 0 0.96%; }
    @media screen and (max-width: 767px) {
      .flag-box .pnavi-list li {
        width: 100%; } }
    @media (min-width: 1040px) and (max-width: 1200px) {
      .flag-box .pnavi-list li {
        width: 49.6411483254%; } }
    @media all and (min-width: 1200px) {
      .flag-box .pnavi-list li {
        width: 415px; } }
    .flag-box .pnavi-list li a {
      background-color: #fbedf3;
      color: #cf0559;
      font-weight: bold;
      text-align: left;
      padding: 15px 9.09%; }
      .flag-box .pnavi-list li a:after {
        font-size: 107.1428571429%;
        top: 20px;
        right: 17px; }
      .flag-box .pnavi-list li a:hover {
        background-color: #fae2ed; }

@media screen and (max-width: 1040px) {
  .flag-box .pnavi-list li {
    width: 170px; }
    .flag-box .pnavi-list li a {
      font-size: 87.5%; } }
@media screen and (max-width: 767px) {
  .flag-box dd {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px; }
  .flag-box .pnavi-list li {
    width: 100%; }
    .flag-box .pnavi-list li a {
      font-size: 85.7142857143%;
      padding-left: 5%;
      padding-right: 5%; }
      .flag-box .pnavi-list li a:after {
        font-size: 83.3333333333%;
        right: 8px; } }
.ttl-line-bottom span.side-line {
  font-size: 100%; }

.border-box .tel-num-wrap .tel-name span {
  font-size: 114.2857142857%; }

.tel-num {
  font-size: 157.1428571429%; }

.app {
  width: 49%;
  margin: 20px auto 0;
  /*li{
  	width: 49%;
  	float: left;
  }
  li:last-child{
  	float: right;
  }*/ }
  .app li img {
    width: 100%; }
  .app #entry-btn {
    width: 100%;
    margin: 20px auto 0; }
    .app #entry-btn a {
      width: 85%; }

.cmn-btn a, .cmn-btn .cmn-btn-span {
  padding: 13px 20px 13px 25px; }

@media screen and (max-width: 767px) {
  .app {
    width: 75%;
    margin: 20px auto 0; }
    .app li {
      width: 100%;
      float: none; }
    .app li:last-child {
      float: none;
      margin-top: 20px; }
    .app li img {
      width: 100%; }
    .app #entry-btn {
      width: 100%;
      margin-top: 15px; }
      .app #entry-btn a {
        width: 70%; } }
.note-b {
  border: 2px solid #03a6f8;
  background: #f3f9fd;
  width: 94%;
  margin: 20px auto 0;
  padding: 22px; }
  .note-b .disc-list {
    font-size: 85.7142857143%;
    margin: 10px 0 0 15px;
    text-indent: -1.0em; }

@media screen and (max-width: 767px) {
  .note-b {
    width: 86%;
    margin: 20px 12px;
    padding: 12px; }
    .note-b img {
      width: 100%; } }