/* -------------------------------------------------
	共通部分
--------------------------------------------------*/

/* -------------------------------------------------
	メインコンテンツ
--------------------------------------------------*/

/*-----------------------------------------------

新しいCVエリア

-----------------------------------------------*/
.column {
  display: flex;
  margin-left: -10px;
  margin-right: -10px; }
  .column > * {
    width: auto;
    margin-left: 10px;
    margin-right: 10px; }
  .column.fixed > * {
    width: calc(100% - 20px); }
  .column.alc {
    align-items: center; }

@media screen and (max-width: 768px) {
  .column {
    display: block;
    margin-left: 0px;
    margin-right: 0px; }
    .column > * {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 15px; }
    .column.fixed > * {
      width: 100%; } }
.before {
  background-color: #eeeeee;
  padding: 16px 20px; }
  .before .before_ttl {
    margin-bottom: 12px; }
  .before .before_btn {
    display: flex; }
    .before .before_btn > li {
      padding-left: 20px; }
      .before .before_btn > li:first-child {
        padding-left: 0; }

.cvarea, .cvarea2 {
  background-color: #ffe745;
  padding: 16px 20px; }
  .cvarea .indent li, .cvarea2 .indent li {
    display: inline-block; }
    .cvarea .indent li a, .cvarea2 .indent li a {
      color: inherit; }

.cvarea2 {
  background-color: #e4e443; }

.cvarea_att {
  padding: 16px 0px;
  font-size: 12px; }
  .cvarea_att .indent li {
    display: inline-block; }

@media screen and (max-width: 768px) {
  .before {
    padding: 20px 15px; }
    .before .before_ttl img {
      height: 18px; }
    .before .before_btn > li {
      padding-left: 8px; }
      .before .before_btn > li:first-child {
        padding-left: 0; }

  .cvarea, .cvarea2 {
    padding: 15px;
    padding-top: 0; }
    .cvarea .cvarea_lead, .cvarea2 .cvarea_lead {
      margin-top: 0; }
      .cvarea .cvarea_lead img, .cvarea2 .cvarea_lead img {
        margin-top: -8px; }
    .cvarea .cvarea_btn, .cvarea2 .cvarea_btn {
      margin-top: 10px;
      margin-bottom: 10px; }
    .cvarea .indent li, .cvarea2 .indent li {
      display: block; }

  .cvarea_att {
    padding-left: 10px;
    padding-right: 10px; }
    .cvarea_att .indent li {
      display: block; } }
/*-----------------------------------------------

スライダー

-----------------------------------------------*/
.appli_slider {
  max-width: 700px;
  width: 100%;
  margin: 0 auto; }

.mfp-container .wallet_slider {
  display: block; }

.mfp-content .slider div {
  line-height: 1; }
.mfp-content .slider .slick-arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  background: transparent;
  width: 56px;
  height: 56px;
  border: 3px solid #009be4;
  border-radius: 50%;
  text-indent: 101%;
  overflow: hidden;
  transition: opacity .3s;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1; }
.mfp-content .slider .slick-disabled {
  opacity: 0 !important;
  cursor: default;
  pointer-events: none; }
.mfp-content .slider .slick-next {
  right: 30px; }
.mfp-content .slider .slick-prev {
  left: 30px; }
.mfp-content .slider .slick-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 20px;
  height: 20px;
  border-color: #009be4;
  border-style: solid;
  border-width: 0; }
.mfp-content .slider .slick-next::before {
  border-top-width: 3px;
  border-right-width: 3px;
  margin-left: -4px; }
.mfp-content .slider .slick-prev::before {
  border-left-width: 3px;
  border-bottom-width: 3px;
  margin-left: 4px; }
.mfp-content .slider .slick-arrow:hover {
  opacity: .7; }

@media screen and (max-width: 768px) {
  .mfp-content .slider .slick-arrow {
    width: 8vw;
    height: 8vw;
    border-width: 2px; }
  .mfp-content .slider .slick-next {
    right: 3%; }
  .mfp-content .slider .slick-prev {
    left: 3%; }
  .mfp-content .slider .slick-arrow::before {
    width: 2.5vw;
    height: 2.5vw; }
  .mfp-content .slider .slick-next::before {
    border-top-width: 2px;
    border-right-width: 2px;
    margin-left: -2px; }
  .mfp-content .slider .slick-prev::before {
    border-left-width: 2px;
    border-bottom-width: 2px;
    margin-left: 2px; }
  .mfp-content .slider .normal {
    display: block; }
  .mfp-content .slider .ios, .mfp-content .slider .android {
    display: none; }

  .android .mfp-content .slider .normal, .iphone .mfp-content .slider .normal {
    display: none; }

  .android .mfp-content .slider .android, .iphone .mfp-content .slider .ios {
    display: block; } }