@charset "UTF-8";

.tomodachi_show_sp { display:none; }
.tomodachi_mv_grid {
  display:grid;
  grid-template-columns: 1fr 600px;
  grid-column-gap:20px;
  align-items:center;
}
.tomodachi_mv_grid .lead_text { font-size:150%; font-weight:normal; }
.tomodachi_left {
  order:1;
}
.tomodachi_right {
  order:2;
}
.tomodachi_mv {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: .5rem;
}
@media screen and (max-width:767px){
.tomodachi_show_sp { display:block; }
.tomodachi_mv_grid { display:block; }
.tomodachi_right { margin-bottom:30px; }
}
.tomodachi_benefit {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: .5rem;
  text-align:center;
}
.tomodachi_benefit p { font-size:150%; font-weight:bold; line-height:150%; }
.tomodachi_bold {
  font-size:150%;
  font-weight:bold;
  color:#059669;
}
.tomodachi_benefit_cashback { font-size:175%; color:#CC0000; background:linear-gradient(transparent 60%, #FFEE00 60%); }
@media screen and (max-width:767px){
.tomodachi_benefit p { font-size:110%; font-weight:bold; line-height:150%; }
.tomodachi_benefit p.mb50 { margin-bottom:25px!important; }
}
.tomodachi_cashback { max-width: 750px; }
.tomodachi_cashback.pc { display: block; }
.tomodachi_cashback.sp { display: none; }
@media screen and (max-width:767px){
  .tomodachi_cashback.pc { display: none; }
  .tomodachi_cashback.sp { display: block; max-width: 400px; }
}
.tomodachi_flow {  }
@media screen and (max-width:767px){
.tomodachi_flow .t-h6-2 span { width:100%; }
}
.tomodachi_faq {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: .5rem;
  margin-bottom:10px;
}
.tomodachi_q {
  display:block;
  padding:10px;
  color:#000000;
  font-weight:bold;
  cursor:pointer;
}
.tomodachi_q span:before {
  display:inline-block;
  content:"＋";
}
.tomodachi_a {
  padding:10px;
}
.tomodachi_hide span:before {
  content:"＋";
}
.tomodachi_hide:hover span:before {
  content:"＋";
}
.tomodachi_show span:before {
  content:"－";
}
.tomodachi_show:hover span:before {
  content:"－";
}