@charset "UTF-8";

*{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
}

.img-half{
  zoom: 0.5;
}

body{
    color: #444;
    background: #fff6f1;
    padding: 0 0 20px;
}

.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}


.font-700{
  font-weight: 700;
}
.font-900{
  font-weight: 900;
}
.font-80{
  font-size: 80% !important;
}
.font-120{
  font-size: 120% !important;
}
.font-140{
  font-size: 140% !important;
}
.color-red{
  color: #F16F6F !important;
}
.color-black{
  color: #333 !important;
}
.bg-yellow{
  background: #fffdef !important;
}
.bg-none{
  background: none !important;
  padding: 0 !important;
}


div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
}
video.vid_main {
width: 100%;
max-width: 2000px;/*PC版での最大幅*/
}


.label-shouchikubai{
  background: #333;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  padding: 5px 15px 8px;
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.label-matsu{
  background: #50d000;
}
.label-take{
  background: #a2dd00;
}
.label-ume{
  background: #ffa2ac;
}
.label-base{
  display: inline-block;
  font-size: 60%;
  font-weight: 500 !important;
  color: #fff;
  background: ccc;
  padding: 6px 10px 9px;
  border-radius: 2px;
  margin: 0 8px 0 0;
  line-height: 1;
  position: relative;
  top: -4px;
}
.label-blue{
  background: #5C9CC1;
}
.title-page-h2{
  font-size: 26px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 30px;
  line-height: 1.6;
}
.title-page-h3{
  font-size: 30px;
  margin-bottom: 40px;
  padding: 0 10px 10px;
  border-bottom: 3px solid #333;
}
.title-page-h4{
  font-size: 24px;
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #ed722e;
  color: #fff;
}
.label-level{
  text-align: center;
  margin-bottom: 20px;
}
.icon-matsutakeume{
  width: 100%;
  max-width: 120px;
}
.box-01{
  background: #fffdef;
  margin: 25px auto;
  padding: 10px 20px;
}
.box-01 p{
  margin: 0;
  font-size: 120% !important;
}
..box-01 p + p{
  margin-top: 10px;
}
.wrap-footer{
  padding: 30px 0;
  text-align: center;
  font-size: 12px;
}
body{
  font-size: 18px;
}
@media( max-width:780px ){
body{
  font-size: 14px;
}
.title-page-h2{
  font-size: 16px;
}
.title-page-h3{
  font-size: 16px;
  text-align: center;
}
.icon-matsutakeume{
  max-width: 60px;
}
.title-page-h4{
  font-size: 16px;
}
}


.wraps + .wraps{
  margin-top: 40px;
}
.wrap-whitebase{
  background: #fff;
  padding: 40px;
  border-radius: 4px;
}
@media( max-width:780px ){
.wrap-whitebase{
  padding: 15px;
}
}


.wrap-hero{
  margin-top: -40px;
  margin-left: -40px;
  margin-right: -40px;
}
.wrap-lead-hero{
  padding: 20px 20px;
}
.wrap-lead-hero p{
  font-size: 18px;
  font-weight: 900;
  line-height: 1.6;
  text-align: center;
  margin: 0;
}
.wrap-lead-hero p + p{
  margin-top: 20px;
}
.wrap-text-hero{}
.wrap-text-hero p{
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  text-align: center;
}
.wrap-text-hero p + p{
  margin-top: 20px;
}
@media( max-width:780px ){
.wrap-hero{
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
}
.wrap-lead-hero p{
  font-size:13px;
  text-align: left;
}
.wrap-lead-hero p + p{
  margin-top: 10px;
}
}



.list-target{
  padding: 20px 30px;
  margin: 0 auto 20px;
  width: 100%;
  max-width: 660px;
  background: #fff5f9;
}
.list-target.smallsize{
  padding: 10px 20px;
  width: 100%;
  max-width: 100%;
}
.col-selectriyu .list-target{
  max-width: 700px;
  background: #f0faf3;
}
.list-target li{
  position: relative;
  padding-left: 30px;
  font-size: 24px;
  line-height: 1.6;
  list-style: none;
  font-weight: 700;
}
.list-target li:before{
  content: "●";
  font-size: 80%;
  position: absolute;
  top: 5px;
  left: 0;
  color: #c86162;
}
.col-selectriyu .list-target li:before{
  color: #219244;
}
.list-target.smallsize li{
  padding-left: 30px;
  font-size: 14px;
}
.list-target.midlesize li{
  padding-left: 30px;
  font-size: 18px;
}
.list-target li + li{
  margin-top: 10px;
}
.list-important{
  padding: 20px 30px;
  margin: 40px auto;
  width: 100%;
  max-width: 800px;
  background: #f0faf3;
}
.list-important li{
  position: relative;
  /*padding-left: 40px;*/
  font-size: 30px;
  line-height: 1.6;
  list-style: none;
  font-weight: 900;
}
/*.list-important li:before{
  content: "●";
  font-size: 80%;
  position: absolute;
  top: 6px;
  left: 0;
  color: #c86162;
}*/
.list-important li + li{
  margin-top: 20px;
}
@media( max-width:780px ){
.list-target li{
  padding-left: 30px;
  font-size: 16px;
}
.list-important{
  padding: 10px 20px;
}
.list-important li{
  padding-left: 0px;
  font-size: 18px;
}
.list-target.midlesize li{
  padding-left: 20px;
  font-size: 16px;
}
}




.layout-base p{
  font-size: 18px;
  line-height: 1.6;
}
.layout-base p + p{
  margin-top: 25px;
}
/*.layout-product{
  background: #fef5f7;
  padding: 20px;
}*/
.layout-product + .layout-product{
  margin-top: 80px;
}
@media( max-width:780px ){
.layout-base p{
  font-size: 16px;
  line-height: 1.6;
}
}


.row-hero{
  width: 100%;
  max-width: 900px;
  margin:0 auto;
}
.row-hero > div{
  text-align: center;
  font-size: 14px;
}
.row-hero > div a span{
  background: #333;
  color: #fff;
  display: block;
  padding: 10px 5px;
}
.row-hero > div .icon-matsutakeume{
  max-width: 60px;
  margin-bottom: -25px;
  position: relative;
  z-index: 2;
}
.row-hero > div a span.color-matsu{
  background: #50d000;
}
.row-hero > div a span.color-take{
  background: #a2dd00;
}
.row-hero > div a span.color-ume{
  background: #ffa2ac;
}
@media( max-width:780px ){
.row-hero > div{
  text-align: center;
  font-size: 11px;
}
.row-hero > div a span{
  padding: 3px 1px;
}
.row-hero > div .icon-matsutakeume{
  max-width: 30px;
  margin-bottom: -15px;
}
}



.table-hikaku{
  width: 100%;
  border-bottom: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  margin-top: 25px;
  margin-bottom: 25px;
}
.table-hikaku td,
.table-hikaku th{
  width: 33.33%;
  padding: 10px;
  border-top: dotted 1px #ccc;
  border-left: dotted 1px #ccc;
  text-align: center;
  vertical-align: top;
}
.table-hikaku td img,
.table-hikaku th img{
  margin-left: auto;
  margin-right: auto;

}

.tr-rank th{
  vertical-align: bottom;
  position: relative;
}
.tr-rank .icon-matsutakeume{
  width: 100%;
  max-width: 100px;
}
.table-hikaku th.th-koumoku{
  width: 100%;
}
.tr-product th{
  vertical-align: top;
}
.table-hikaku .tr-title th{
  background: #fafafa;
  text-align: center;
  color: #219244;
  padding: 10px 5px;
  border-top: solid 1px #219244;
  font-size: 20px;
  font-weight: bold;
}
th.sticky {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.label-sai{
  background: #046ab4;
  color: #fff;
  padding: 3px 6px;
  display: inline-block;
  line-height: 1;
  border-radius: 2px;
  margin-bottom: 3px;
}
.label-osusume{
  background: #e86962;
  color: #fff;
  padding: 2px 1px 4px;
  display: block;
  line-height: 1;
  border-radius: 2px;
  margin-bottom: 3px;
  font-size: 12px;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.wrap-mark{
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.wrap-list-text{
  padding: 0;
  margin: 0;
}
.wrap-list-text li{
  text-align: left;
  font-size: 14px;
  padding-left: 15px;
  position: relative;
  list-style: none;
}
.wrap-list-text li:before{
  content: "・";
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 0;
}
@media( max-width:780px ){
.table-hikaku td,
.table-hikaku th{
  font-size: 13px;
}
.tr-rank th{
  vertical-align: top;
}
.tr-rank .icon-matsutakeume,
.tr-rank .rank-matsu .icon-matsutakeume{
  max-width: 60px;
}
.wrap-mark{
  font-size: 30px;
}
.wrap-list-text li{
  font-size: 11px;
}
.wrap-list-text li:before{
  top: 1px;
  left: 0;
}
.tr-product .btn{
  font-size: 14px;
  padding: 5px 3px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 90%;
  transform: translate(-50%, 0);
}
.tr-product th{
  padding-bottom: 45px;
}
.table-hikaku .tr-title th{
  font-size: 16px;
}
}

.wrap-hosoku{
  background: #fafafa;
  padding: 20px 25px;
  border-radius: 4px;
  margin-bottom: 1rem;
}
.wrap-hosoku ul{
  padding: 0;
  margin: 0;
}
.wrap-hosoku li{
  position: relative;
  padding-left: 25px;
  margin: 0;
  list-style: none;
}
.wrap-hosoku li:before {
  content: "\f02b";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  top: 2px;
  left: 0;
  color: #e56d4f;
}
.wrap-hosoku li + li{
  margin-top: 5px;
}


.row-product-hero{
  margin-bottom: 40px;
}

.layout-base p.lead-copy{
  font-size: 24px;
  font-weight: 900;
  color: #dc0b0b;
  text-align: center;
  margin-bottom: 40px;
}
.layout-base p.lead-copy.smallsize{
  font-size: 16px !important;
  margin-bottom: 0 !important;
}
.tbl-care{
  width: 100%;
  border-bottom: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #fff;
}
.tbl-care td,
.tbl-care th{
  padding: 10px;
  border-top: dotted 1px #ccc;
  border-left: dotted 1px #ccc;
}
.tbl-care th{
  width: 35%;
  background: #fafafa;
  font-weight: 700;
}
.tbl-care td{
  width: 65%;
}
@media( max-width:780px ){
.layout-base p.lead-copy{
  font-size: 20px;
}
.tbl-care{
  width: 100%;
  border-bottom: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #fff;
}
.tbl-care td,
.tbl-care th{
  display: block;
  width: 100%;
}
}



.tbl-price{
  width: 100%;
  border-bottom: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #fff;
}
.tbl-price td,
.tbl-price th{
  width: 50%;
  padding: 10px;
  border-top: dotted 1px #ccc;
  border-left: dotted 1px #ccc;
  text-align: center;
}
.tbl-price th{
  background: #fafafa;
  font-weight: 700;
}
.tbl-price2{
  width: 100%;
  border-bottom: dotted 1px #ccc;
  border-right: dotted 1px #ccc;
  background: #fff;
}
.tbl-price2 td,
.tbl-price2 th{
  width: 60%;
  padding: 10px;
  border-top: dotted 1px #ccc;
  border-left: dotted 1px #ccc;

}
.tbl-price2 th{
  background: #fafafa;
  font-weight: 700;
  width: 40%;
  text-align: center;
}

@media( max-width:780px ){
.tbl-price2 td,
.tbl-price2 th{
  font-size: 14px;
}
}

.wrap-h4 + .wrap-h4{
  margin-top: 40px;
}
.title-saiyasune{
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
}



.wrap-cta{
  margin-top: 40px;
  text-align: center;
}
.wrap-cta p.text-cta-main{
  font-size: 24px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 10px;
  color: #098;
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-cta-main span{
    padding: 0 20px;
}
.text-cta-main:before,
.text-cta-main:after{
    content: "";
    display: inline-block;
    width: 3px;
    height: 26px;
    background: #098;
    border-radius: 2px;
}
.text-cta-main:before{
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.text-cta-main:after{
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.wrap-cta p.text-cta-sub{
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
.wrap-cta a{
  display: inline-block;
  text-align: center;
  text-decoration: none;
  padding: 30px 60px;
  font-size: 30px;
  font-weight: 900;
  border-radius: 5px;
  background: #098;
  color: #fff;
  position: relative;
}
.wrap-cta a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


@media( max-width:780px ){
.wrap-cta p.text-cta-main{
  font-size: 18px;
}
.wrap-cta p.text-cta-sub{
  font-size: 18px;
}
.wrap-cta a{
  display:block;
  padding: 15px 30px;
  font-size: 20px;
}
}



.wrap-youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.wrap-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}




.row-select-cta{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dotted #ccc;
}
.row-select-cta p{
  text-align: right;
  margin-bottom: 0;
}
.row-select-cta a{
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 900;
  border-radius: 5px;
/*  background: #098;*/
  background: #EE000E;
  color: #fff;
  position: relative;
  border-bottom: 5px solid #a8000a;
}
.row-select-cta a:before {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
@media( max-width:780px ){
.row-select-cta p{
  text-align: center;
  margin-bottom: 10px;
}
}


.title-selectriyu{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 10px;
}





/* 右下CVボタン */
.float-btn {
  position: fixed;
  width: 40%;
  max-width: 200px;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}
.btn-site2 {
    display: block;
    padding: 0;
    width: 100%;
    -webkit-animation: gelatine 1.5s infinite;
    animation: gelatine 1.5s infinite;
}
/**
 * $keyframes \ gelatine
 **/
@keyframes gelatine {
  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

   48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
}
@-webkit-keyframes gelatine {
  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
}




.row-voice-main{
  display: flex;
  width: 100%;
  background: #fffaf5;
  padding: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
  border-radius: 10px;
}
.col-face{
  width: 10%;
}
.col-face img{
  border-radius: 100px;
}
.col-voicetxt{
  width: calc(90% - 30px);
  padding: 20px 25px;
  background: #fff;
  border-radius: 10px;
  position: relative;
}
.col-voicetxt:after {
  content: "";
  position: absolute;
  top: 16px;
  left: -36px;
  border: 18px solid transparent;
  border-right: 18px solid #fff;
}
.col-voicetxt p{
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 900;
}
.col-voicetxt p + p{
  margin-top: 5px;
}
@media( max-width:780px ){
.row-voice-main{
  padding: 10px;
  margin-bottom: 30px;
}
.col-face{
  width: 15%;
}
.col-face img{
  border-radius: 100px;
}
.col-voicetxt{
  width: calc(85% - 20px);
  padding: 10px 20px;
}
.col-voicetxt:after {
  top: 12px;
  left: -28px;
  border: 14px solid transparent;
  border-right: 14px solid #fff;
}
.col-voicetxt p{
  font-size: 13px;
  font-weight: normal;
}
}



.title-saiyasune{
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
  color: #c86162;
}
@media( max-width:780px ){
.title-saiyasune{
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
}
}



.cta-tel{
  margin:20px auto 0 !important;
  text-align: center;
  padding: 0px 12px 0 12px;
}
.cta-tel dt{
  line-height: 1.2;
}
.cta-tel dt a{
  font-size: 3.5em;
  font-weight: 800;
  color: #EE000E;
  text-decoration: none;
  display: inline-block;
}
.cta-tel dt a:before{
  content:"";
  background:url(../img/icon-tel-pc.png) no-repeat;
  background-size: cover;
  width:29px;
  height: 50px;
  display: inline-block;
  margin-right: 15px;
  animation: squash 1s ease-in-out infinite;
  position: relative;
  top: -8px;
}
.cta-tel.ver-nanboya dt a{
  font-size: 28px;
}
.cta-tel.ver-nanboya dt a:before{
  content:"";
  background:url(../img/icon-tel-pc.png) no-repeat;
  background-size: cover;
  width:12px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  animation: none;
  position: relative;
  top: 0;
}
.cta-tel strong{
  font-size: 18px;
  font-weight: bold;
  display: block;
  color: #333;
  line-height: 1.4;
  margin-bottom: 6px;
}
.cta-tel dd{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}
.sp-only{
  display: none;
}
.pc-only{
  display: block;
}
/**
 * $keyframes \ gelatine
 **/
@keyframes gelatine {
  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

   48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
}
@-webkit-keyframes gelatine {
  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  from, to {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }

  12% {
  -webkit-transform: scale(0.95, 1.05);
  transform: scale(0.95, 1.05);
  }

  24% {
  -webkit-transform: scale(1.05, 0.95);
  transform: scale(1.05, 0.95);
  }

  36% {
  -webkit-transform: scale(0.975, 1.025);
  transform: scale(0.975, 1.025);
  }

  48% {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
}
@keyframes squash {
  0% {transform: scale(1) translate(0, 0);}
  50% {transform: scale(1.5, .5) translate(0, 60px);}
  100% {transform: scale(1) translate(0, 0);}
}
@media screen and (max-width:480px){
.cta-tel{
  padding: 0;
  margin-bottom: 36px;
  border-radius: 4px;
}
.cta-tel dt{
  margin-bottom: 12px;
}
.cta-tel dt a{
  font-size: 18px;
  padding: 15px 10px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #EE000E;
  display: block;
  border-radius: 8px;
  animation: gelatine 1.5s infinite;
}
.cta-tel dt a:before{
  background:url(../img/icon-tel-sp.png) no-repeat;
  background-size: cover;
  width:15px;
  height: 20px;
  position: relative;
  top: 4px;
  animation: none;
}
.cta-tel.ver-nanboya dt a{
  font-size: 18px;
  animation: none;
}
.cta-tel.ver-nanboya dt a:before{
  background:url(../img/icon-tel-sp.png) no-repeat;
  background-size: cover;
  width:15px;
  height: 20px;
  position: relative;
  top: 4px;
  animation: none;
}
.cta-tel strong{
  font-size: 16px;
}
.cta-tel dd{
  font-size: 14px;
}
.sp-only{
  display: block;
}
.pc-only{
  display: none;
}
}



.row-online p{
  font-size: 18px;
  margin:0;
}
.row-online{
  margin-bottom: 30px;
}
.row-online p + p{
  margin-top: 15px;
}

@media( max-width:780px ){
.row-online p{
  font-size: 16px;
  margin:0;
}
}


.btn-success{
/*  background: #098;*/
  background: #EE000E;
  border-color:#EE000E;
  border-bottom: 5px solid #a8000a;
}
@media( max-width:780px ){
.btn-success{
  font-size: 12px;
}
}

th.border-red{
  border-right:2px solid red !important;
  border-left: 2px solid red !important;
}
th.rank-matsu.border-red{
  border-top: 2px solid red !important;
}
th.sticky.border-red{
  border-bottom: 2px solid red !important;
}
td.border-red{
  border:2px solid red !important;
}

.list-support{
  margin:0;
  padding: 0;
  list-style: none;
  border:dotted 2px #1d69bf;
  padding: 15px 25px;
  margin-bottom: 20px;
  border-radius: 4px;
  background: #fafafa;
}
.list-support > li{
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
.list-support > li:before{
  content: "●";
  font-size: 80%;
  position: absolute;
  top: 4px;
  left: 0;
  color: #1d69bf;
}
.list-support > li + li{
  margin-top: 10px;
}
.label-pickups{
  display: block;
  background: #ffeaf5;
  font-weight: bold;
  padding: 5px 10px;
  margin-top: 5px;
}