@charset "utf-8";

/** common style override **/
.mobile-support-section-container .mobile-support-box_mysb .mobile-support-box_mysb_item {
  vertical-align: middle;
  padding: 50px 0;
}

.mobile-support-section-container .mobile-support-box_mysb .mobile-support-box_mysb_item .mobile-support-box_mysb_item_item-text {
  margin-bottom: 0;
}

/** common style override **/
.page-module-list-icon .mobile-support-image-left {
  padding: 40px 0;
  margin-top: 0;
}

.page-module-list-icon .mobile-support-image-left + .mobile-support-btn {
  margin-top: 0;
}

.page-module-list-icon .mobile-support-image-left_item-image {
  width: 90px !important;
}

.page-module-list-icon .mobile-support-image-left_item-image img {
  width: 70px;
}

.page-module-anchor-list {
  margin-top: 40px;
}

.page-module-anchor-list:after {
  display: table;
  clear: both;
  content: '';
}

.page-module-anchor-list .page-module-anchor-list-item {
  float: left;
  width: 455px;
}

.page-module-anchor-list .page-module-anchor-list-item:nth-child(even) {
  margin-left: 40px;
}

#point02 .page-module-anchor-list {
  margin-top: 20px;
}

#point02 .page-module-anchor-list .page-module-anchor-list-item {
  width: 465px;
  margin-top: 20px;
}

#point02 .page-module-anchor-list .page-module-anchor-list-item:nth-child(even) {
  margin-left: 20px;
}

.page-style-fc_red {
  color: #e64646;
}

.page-section-bg-blue {
  background: #e3f0fe;
  margin-top: 80px;
}

.page-section-bg-yellow {
  background: #fff4c6;
}

#point01 .mobile-support-title-lv3 .page-section-label {
  display: block;
  width: 100px;
  height: 30px;
  background-image: url('/mobile/set/data/support/cancellation/img/p/icon-ttl-part1.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 20px;
  text-indent: -9999em;
}

#point02 .mobile-support-title-lv3 .page-section-label {
  display: block;
  width: 100px;
  height: 30px;
  background-image: url('/mobile/set/data/support/cancellation/img/p/icon-ttl-part2.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 20px;
  text-indent: -9999em;
}

.page-module-section-box-white {
  margin-top: 40px;
  background: #fff;
  padding: 60px 50px;
  border-radius: 14px;
}

.page-module-section-box-white-image_ttl {
  text-align: center;
}

.page-module-section-box-white-image_ttl+.page-module-section-box-white-image {
  margin-top: 0;
}

.page-module-section-box-white .page-module-section-box-white-image {
  text-align: center;
}

.page-module-section-box-white .page-module-section-box-white-image {
  margin-bottom: 40px;
}

.page-module-section-box-white .page-module-section-box-white-image.u-mb-10 {
  margin-bottom: 10px;
}

.page-module-section-box-white .page-module-section-box-glay-image {
  margin: 0 auto;
  padding: 14px 0;
  border-radius: 14px 14px 0 0;
  text-align: center;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  background: #ecf0f4;
  box-sizing: border-box;
}

.page-module-section-box-white .page-module-section-box-blue-image {
  margin: 0 auto;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  text-align: center;
}

.page-module-section-box-title-bg {
  margin-top: 40px;
}

.page-module-section-box-title-bg .page-module-section-box-title-bg-lightning-yellow {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 2px;
  background-color: #f5a627;
  border-radius: 14px 14px 0 0;
}

.page-module-section-box-title-bg .page-module-section-box-title-bg-text-box {
  margin-top: 0;
  padding: 18px 20px;
  background-color: #ffffff;
  border-radius: 0 0 14px 14px;
}

.page-module-text-box {
  padding: 30px 0;
  margin-top: 40px;
}

.page-module-text-box > *:first-child {
  margin-top: 0;
}

.bnr-sb-plan01 {
  content: "";
  background-image: url('/mobile/set/data/support/cancellation/img/p/bnr-sb-plan01.png?20220210');
  background-repeat: no-repeat;
  background-position: center;
  height: 230px;
  display: block;
}

/* 20200826追加 */
.page-module-mobile-list-normal01 {
  margin: 40px 0;
  text-align: left;
}

.page-module-mobile-list-normal01_item:first-child {
  margin-top: 0;
}

.page-module-mobile-list-normal01_item {
  position: relative;
  padding-left: 30px;
  font-size: 75%;
  line-height: 1.53333;
  margin-top: 12px;
}

.page-module-mobile-list-normal01_item::before {
  display: block;
  position: absolute;
  content: '';
  left: 10px;
  top: 0.5em;
  width: 2px;
  height: 2px;
  background-color: #333;
}

.page-module-mobile-text-emphasis {
  font-weight: bold;
}

@media print {
  .no-print {
    visibility: hidden;
  }
}

.page-module-section-box-white-title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3125;
  letter-spacing: 0.04em;
  margin-bottom: 25px;
}

.page-module-section-box-white-list {
  width: 570px;
  margin: 0 auto;
}

.page-module-section-box-white-item {
  display: table;
  font-size: 18px;
}

.page-module-section-box-white-item:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  margin-bottom: 19px;
}

.page-module-section-box-white-item > span,
.page-module-section-box-white-item-text {
  display: table-cell;
  vertical-align: middle;
}

.page-module-section-box-white-item > span {
  width: 111px;
  font-weight: bold;
  padding-left: 15px;
  box-sizing: border-box;
}

.page-module-section-box-white-item-text {
  line-height: 1.6111111;
}

.page-module-section-box-white-item-text span > span {
  font-size: 16px;
}

.page-module-section-box-white-text {
  font-size: 18px;
  line-height: 1.6111111;
  text-align: center;
}

.page-module-section-box-white-bold {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.mobile-support-time-extract-web--active a {
  width: auto !important;
  border-radius: 100px !important;
  border: 1px solid #c1c1c2 !important;
  text-align: center !important;
  padding: 15px 3em !important;
}

.mobile-support-time-extract-web--active a::after {
  left: auto !important;
}

.page-module-section-box-white .mobile-support-js-accordion .mobile-support-js-accordion-inner  .mobile-support-list-box-image .mobile-support-list-box-image_item{
  width: calc((100% / 2) - 5px);
}

.mobile-pc-font-16 {
  font-size: 16px !important;
}

.page-module-section-box-youtube-premium-02 {}

.page-module-section-box-youtube-premium-02-pink {
  box-sizing: border-box;
  background: #fff;
  border: 2px solid #eaeaea;
  padding: 18px 0;
  color: #000000;
}
.page-module-section-box-youtube-premium-02-pink_inner {
  padding: 0 43px;
  box-sizing: border-box;
}
.page-module-section-box-youtube-premium-02-pink_contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-module-section-box-youtube-premium-02-pink_contents-text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.page-module-section-box-youtube-premium-02-pink_contents-item + .page-module-section-box-youtube-premium-02-pink_contents-item .page-module-section-box-youtube-premium-02-pink_contents-text {
  text-align: left;
}
.page-module-section-box-youtube-premium-02-pink_contents-text + .page-module-section-box-youtube-premium-02-pink_contents-text {
  margin-top: 10px;
}
.page-module-section-box-youtube-premium-02-pink_contents-text_label {
  display: inline-block;
  margin-right: 5px;
  padding: 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
  border: 1px solid;
  border-radius: 100px;
  line-height: 100%;
}

.page-module-section-box-youtube-premium-02_link-container {
  margin-top: 30px;
  text-align: center;
}
.page-module-section-box-youtube-premium-02_link-button {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-radius: 100px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  text-decoration: none !important;
  padding: 18px 20px;
  width: 368px;
  box-sizing: border-box;
  margin-bottom: 0;
  cursor: pointer;
  color: #fff !important;
  background-color: #cc0000;
}
.page-module-section-box-youtube-premium-02_link-button::after {
  content: '';
  display: block;
  border-top: solid 2px;
  border-right: solid 2px;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 26px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.page-module-section-box-youtube-premium-02-note {
  margin: 24px auto 0;
}
.page-module-section-box-youtube-premium-02-note-list {
  font-size: 14px;
  margin-bottom: 0;
}
.page-module-section-box-youtube-premium-02-note-list li {
  padding: 0;
  margin: 12px 0 0;
}
.page-module-section-box-youtube-premium-02-note-list li.mt_0 {
  margin-top: 0 !important;
}
.page-module-section-box-youtube-premium-02-note-list li > span {
  display: table-cell;
  white-space: nowrap;
  padding-right: .5em;
}
.page-module-section-box-youtube-premium-02-note-list li > div {
  display: table-cell;
}

/*******chat btn******/

.chat-box-wrap {
  border-bottom: 1px solid #c1c1c2;
}

.cc-button.cc-open {
  /* 営業時間内のボタン */
  display: block;
  width: 340px;
  font-weight: bold;
  outline: none;
  padding: 26px 3em;
  margin: 0 auto;
  text-align: center;
  border-radius: 100px;
  border: 1px solid #c1c1c2;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}
.cc-button.cc-open:before {
  content: "チャットでお手続き";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.cc-button.cc-close {
  /* 営業時間内のボタン */
  display: block;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s;
  position: relative;
}
.cc-button.cc-close:before {
  content: "只今、受付時間外です";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 30px;
}

.cc-button.cc-open:hover{
  text-decoration: none;
  opacity: 0.6;
}

.mobile-support-video-type01 {
  margin-top: 40px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  max-width: 770px
}

@media screen and (max-width: 900px) {
  .mobile-support-video-type01 {
      margin-top:30px
  }
}

@media screen and (max-width: 900px) {
  .mobile-support-video-type01 {
      max-width:100%
  }
}

.mobile-support-video-type01_inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%
}

.mobile-support-video-type01_video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.mobile-support-ut-fz-70p{
  font-size: 70%;
}

.mobile-support-icon-top {
  vertical-align: top !important;
}