.support-sp-only {
  display: none;
}
.support-pc-only {
  display: block;
}
.sec-home_cont {
  position: relative;
  z-index: 1;
  border: 5px solid #000;
  background: #e5e9f2;
  border-radius: 20px;
}
body * {
  color: #002673;
}

body.home.supportoption {
  background: #e5e9f2;
}
.yutai {
  background: #002c53;
  margin-top: 30px;
}
.yutai-tel a {
  font-size: 30px;
  font-weight: bold;
}
p.yuutai-catch {
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 30px;
}
p.yuutai-catch span {
  display: block;
  background: #ffeb3b;
  max-width: 300px;
  border-radius: 15px;
  font-weight: bold;
  margin: 0 auto;
}
p.yutaidisc {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 26px;
  padding-bottom: 30px;
}
p.yutaidisc a {
  background: #ddd;
  text-decoration: none;
  padding: 10px 20px;
  margin-right: 10px;
  font-weight: bold;
}
span.ttl-disc-tekiyou {
  font-size: 12px;
  display: block;
  max-width: 650px;
  margin: 0 auto 30px;
  width: 90%;
}
.small-disc-ul {
  background: #eaeaea;
  padding: 10px;
  color: #343333;
  width: 90%;
  margin: 0 auto 60px;
}
.small-disc-ul p {
  text-align: center;
  margin-bottom: 20px;
  color: #343333;
  font-weight: bold;
}
ul.kaketsuketekiyougai li {
  color: #343333;
}

/* life-line
ページ */
main#main\ supportoptionmain\ page-lifeline {
  padding-top: 120px;
}
.life-line-list {
  margin-top: 60px;
}
.life-line-list p {
  background: #ddd;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
ul.taisyou li {
  display: flex;
  flex-wrap: wrap;
}
ul.taisyou .th {
  width: 30%;
  background: #a3cbe8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  border-bottom: 1px solid #ddd;
}
ul.taisyou .td {
  width: 70%;
  background: #f7fbff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
p.cashbackdisc {
  color: #fff;
  font-size: 16px;
  max-width: 768px;
  display: block;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: center;
}
span.disc110 {
  color: #ddd;
  font-weight: bold;
  display: block;
  text-align: center;
}
span.disc110-2 {
  color: #ddd;
  font-weight: bold;
  display: block;
  text-align: center;
}
span.casch110-3 {
  color: #ddd;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
}
span.casch110-4 {
  color: #ddd;
  font-weight: bold;
  display: block;
  text-align: center;
  font-size: 33px;
  color: #f00;
}
/* life-line
ページ */

a.life-line-link {
  display: block;
  background: #002c53;
  width: 300px;
  margin: 30px auto;
  padding: 10px;
  font-size: 18px;
  text-decoration: none;
  box-shadow: 2px 2px 2px #616161;
  color: #fff;
}
.yutai-tel {
  color: #fff;
  text-align: center;
  background: #e1f1ff;
  width: 400px;
  border: solid 2px #0058a5;
  border-radius: 50px;
  margin: 0 auto;
  padding: 10px;
}
.yutairule {
  max-width: 768px;
  width: 80%;
  margin: 30px auto;
  padding-bottom: 60px;
  text-align: center;
  color: #fff;
}
.yutairule ul {
  display: flex;
  justify-content: space-around;
  margin-top: 30px;
}
li.yutairules a {
  background: #fff;
  padding: 20px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 2px 2px 2px #1b1b1b;
}

@media screen and (min-width: 768px) {
  .supportmv-img {
    margin: 0 auto;
    width: 960px;
    padding: 40px;
  }
  p.yutaidisc a {
    background: #fff;
    text-decoration: none;
    padding: 10px 20px;
    margin-right: 10px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
  }
  .campaign {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 20px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }
  h3.ttl-01.inviewfadeInUp.fadeInUp {
    background: #e5e9f2;
    padding: 3px 10px;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 40px;
    color: #002c53;
  }
  .supportoptionlist-item ul {
    display: flex;
    justify-content: space-around;
  }

  span.sp-price {
    font-size: 50px;
    font-weight: bold;
    color: #ff0000;
  }

  main#main\ supportoptionmain .sec-home {
    margin-bottom: 60px;
  }

  .supportoption-mv {
    background: #005bac;
    margin-bottom: 80px;
  }

  .supportoptionlist-item li {
    padding: 10px 20px;
    background: #f8f8f8;
    margin-bottom: 21px;
    color: #073157;
    border: #002c53 solid 2px;
    text-align: center;
    font-weight: bold;
  }
  .supportoptionlist-item {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  p.support-disc {
    font-weight: bold;
    color: #002673;
  }
  p.campaign-ttl {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 40px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }
  p.start-free {
    background: #f00;
    padding: 2px 20px;
    color: #fff;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .support-op-campaign {
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .campaign-more {
    width: 80%;
    margin: 10px auto;
    text-align: center;
  }
  span.pricetax {
    display: inline-block;
    font-size: 0.8em;
  }
  p.campaign-more-ttl {
    font-weight: bold;
  }
  p.sp-price {
    font-size: 30px;
    line-height: 1.2em;
  }
  .dli-caret-down {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.64952em 0.375em;
    border-top-color: currentColor;
    border-bottom: 0;
    padding-bottom: 7px;
  }

  /* p.normal {
    border-bottom: 3px solid #002c53;
    padding-bottom: 20px;
    font-size: 26px;
    font-weight: bold;
  } */

  p.normal {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #002c53;
  }

  p.normal:before {
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    content: "";
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #002c53 transparent transparent transparent;
  }

  p.normal:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    content: "";
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #f9f9f9 transparent transparent transparent;
  }

  .service-annai {
    margin-top: 30px;
  }
  p.ttl-disc {
    width: 150px;
    background: #ffeb3b;
    text-align: center;

    border-bottom: solid #fff 2px;
    display: block;
    padding: 5px;
    font-weight: bold;
  }
  .discservice-box {
    background: #ffeb3b;
    padding: 20px;
    margin-bottom: 30px;

    margin-top: -3px;
    z-index: 99;
  }
  span.disc-catch {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 20px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }

  p.support-disc {
    text-align: center;
  }
  .catchp {
    text-align: center;
  }
  ul.annsinsupportplus {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  ul.annsinsupportplus li {
    background: #fbfbfb;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: bold;
    color: #002c53;
    width: 46%;
    text-align: center;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
  }
  ul.kaketsukestanderd li {
    margin-bottom: 20px;
  }
  ul.kaketsukestanderd .th {
    background: #002c53;
    color: #fff;
    text-align: center;
    padding: 5px;
  }
  p.td {
    background: #ffffff;
    color: #000;
    text-align: center;
    padding: 30px;
  }
  p.ttl-disc-disc {
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
  }
  ul.kaketsukestanderd {
    margin-bottom: 40px;
  }
  .support-option-img {
    text-align: center;
  }
  .anshinplussupport-option-img ul {
    display: flex;
  }

  ul.kaketsukestanderd {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  .supportoptionlist-item ul {
    display: flex;
    justify-content: space-around;
  }
  .supportoptionlist-item li {
    padding: 20px 20px;
    background: #f8f8f8;
    margin-bottom: 21px;
    color: #073157;
    border: #002c53 solid 2px;
    text-align: center;
    font-weight: bold;
    width: 24%;
    font-size: 14px;
  }
  .campaign {
    font-size: 30px;
  }
  main#main\ supportoptionmain .sec-home {
    margin-bottom: 110px;
  }
  p.support-disc {
    font-size: 24px;
    margin-bottom: 60px;
  }
  .anshinplussupport-option-img ul {
    display: flex;
    width: 750px;
    margin: 0 auto;
  }
  span.disc-catch {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 40px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }

  ul.kaketsukestanderd li {
    width: 48%;
  }
  p.ttl-disc-disc {
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  p.normal {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 3px solid #002c53;
  }

  p.normal:before {
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    content: "";
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #002c53 transparent transparent transparent;
  }

  p.normal:after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 0;
    height: 0;
    content: "";
    border-width: 14px 12px 0 12px;
    border-style: solid;
    border-color: #f9f9f9 transparent transparent transparent;
  }

  a.life-line-link {
    display: block;
    background: #002c53;
    width: 250px;
    margin: 30px auto;
    padding: 10px;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 2px 2px 2px #616161;
    color: #fff;
  }
  ul.kaketsuketekiyougai li {
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  ul.kaketsukestanderd {
    display: block;
  }

  ul.kaketsukestanderd li {
    width: 100%;
  }
  .support-pc-only {
    display: none;
  }
  .support-sp-only {
    display: block;
  }
  .supportoptionlist-item ul {
    display: block;
    justify-content: space-around;
  }
  h3.ttl-01.inviewfadeInUp.fadeInUp {
    background: #e5e9f2;
    padding: 3px 10px;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
    color: #002c53;
  }
  .campaign {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 20px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }

  .supportmv-img.support-sp-only {
    width: 100%;
  }
  .supportmv-img.support-sp-only img {
    width: 100%;
  }
  main#main\ supportoptionmain .sec-home {
    margin-bottom: 60px;
  }

  .supportoption-mv {
    background: #005bac;
    margin-bottom: 80px;
  }

  .supportoptionlist-item li {
    padding: 10px 20px;
    background: #f8f8f8;
    margin-bottom: 21px;
    color: #073157;
    border: #002c53 solid 2px;
    text-align: center;
    font-weight: bold;
  }
  .supportoptionlist-item {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  p.support-disc {
    font-weight: bold;
    color: #002673;
  }
  p.campaign-ttl {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 20px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }
  p.start-free {
    background: #f00;
    padding: 2px 20px;
    color: #fff;
    text-align: center;
    width: 250px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .support-op-campaign {
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .campaign-more {
    width: 80%;
    margin: 10px auto;
    text-align: center;
  }
  span.pricetax {
    display: block;
    font-size: 0.8em;
  }
  p.campaign-more-ttl {
    font-weight: bold;
  }
  p.sp-price {
    font-size: 20px;
    line-height: 1.2em;
  }
  .dli-caret-down {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.64952em 0.375em;
    border-top-color: currentColor;
    border-bottom: 0;
    padding-bottom: 7px;
  }
  p.normal {
    border-bottom: 3px solid #002c53;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
  }
  .service-annai {
    margin-top: 30px;
  }
  p.ttl-disc {
    width: 150px;
    background: #ffeb3b;
    text-align: center;

    border-bottom: solid #fff 2px;
    display: block;
    padding: 5px;
    font-weight: bold;
  }
  .discservice-box {
    background: #ffeb3b;
    padding: 20px;
    margin-bottom: 30px;

    margin-top: -3px;
    z-index: 99;
  }
  span.disc-catch {
    text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff,
      1px 1px 0 #fff;
    font-size: 20px;
    color: #ff000a;
    font-weight: bold;
    text-align: center;
  }

  p.support-disc {
    text-align: center;
  }
  .catchp {
    text-align: center;
  }
  ul.annsinsupportplus {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  ul.annsinsupportplus li {
    background: #fbfbfb;
    margin-bottom: 20px;
    padding: 10px;
    font-weight: bold;
    color: #002c53;
    width: 46%;
    text-align: center;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  ul.kaketsukestanderd li {
    margin-bottom: 20px;
  }
  ul.kaketsukestanderd .th {
    background: #002c53;
    color: #fff;
    text-align: center;
    padding: 5px;
  }
  p.td {
    background: #ffffff;
    color: #000;
    text-align: center;
    padding: 15px;
  }
  p.ttl-disc-disc {
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
    text-align: center;
  }
  ul.kaketsukestanderd {
    margin-bottom: 40px;
  }
  .support-option-img {
    text-align: center;
  }
  .anshinplussupport-option-img ul {
    display: flex;
  }
  p.yutaidisc a {
    background: #ddd;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
  }
  p.cashbackdisc {
    color: #fff;
    font-size: 16px;
    max-width: 90%;
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
  }
  .small-disc-ul {
    background: #eaeaea;
    padding: 10px;
    color: #343333;
    width: 100%;
    margin: 0 auto 60px;
  }
  span.casch110-4 {
    color: #ddd;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #f00;
  }
  p.cashbackdisc {
    color: #fff;
    font-size: 14px;
    max-width: 90%;
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
  }
  .yutai-tel {
    color: #fff;
    text-align: center;
    background: #e1f1ff;
    width: 90%;
    border: solid 2px #0058a5;
    border-radius: 0px;
    margin: 0 auto;
    padding: 10px 2px;
  }
  .yutairule ul {
    display: block;
    justify-content: space-around;
    margin-top: 30px;
  }

  li.yutairules a {
    background: #fff;
    padding: 20px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 2px 2px 2px #1b1b1b;
    display: block;
    margin-bottom: 10px;
  }
  ul.taisyou li {
    display: block;
    flex-wrap: wrap;
  }
  ul.taisyou .th {
    width: 100%;
    background: #a3cbe8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px solid #ddd;
  }
  ul.taisyou .td {
    width: 100%;
    background: #f7fbff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
  }
  .taisyou li .td ul li {
    display: block;
    flex-wrap: wrap;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px;
  }
  main#main\ supportoptionmain\ page-lifeline {
    padding-top: 70px;
  }
}
