@media screen and (min-width: 551px) {
    body {
        padding-top: 0 !important;
    }
}
@media screen and (max-width: 550px) {
    body {
        padding-top: 0 !important;
    }
}


/*=====================================================================
注意事項
=====================================================================*/
#caution {
  border: solid 2px #e60012;
  padding: 0 10px 10px;
}

#caution h2 {
  background: #e60012;
  color: #FFF;
  text-align: center;
  margin: 0 -10px ;
  font-size: 16px;
  line-height: 50px;
}
#caution h3 {
  border-bottom: dotted 2px #e60012;
  color: #e60012;
  text-align: center;
  margin: 1em 0 0.5em;
  font-size: 16px;
  line-height: 1.5;
}
#caution span {color: #e60012;}
#caution .cta {text-align: center;}
#caution .cta .mailfoam_tell,
#caution .cta.mailfoam_tell {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  background: #e60012;
  color: #FFF;
  font-size: 24px;
  width: 260px;
  height: 45px;
  border-radius: 5px;
  margin: 15px auto 5px;
}

#caution .cta img {
  width: 40px;
  margin-right: 5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(82deg) brightness(108%) contrast(101%);
}
#caution .cta span {}
@media screen and (min-width: 431px),print {/*PC*/
  #caution {margin: 2rem 0;}
}
@media screen and (max-width: 430px) {/*SP*/
  #caution {margin: 2rem 0;}
}



/*================================================================
サイドバー
================================================================*/
.oisogi {
  position: relative;
  padding-top: 10px;
}
.oisogi .img {
  position: absolute;
  top: 0; right: 10px;
}

.oisogi .balloon_1 {
  position: relative;
  border-radius: 10px;
  background: #ff9900;
  color: #FFF;
  width: 125px;
  padding: 10px 0 10px 15px;
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 1.3;
  font-weight: bold;
}
.oisogi .balloon_2 {
  position: relative;
  border-radius: 10px;
  border: solid 2px #ff9900;
  background: #fff9b3;
  color: #6a3906;
  padding: 10px 0 10px 7px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}
.oisogi .balloon_2 strong {
  display: inline-block;
  color: #e60012;
  border-bottom: solid 1px #e60012;
}
.oisogi .balloon_2 strong .time{
  font-size: 20px;
  line-height: 1.2;
}

.oisogi .balloon_1::after,
.oisogi .balloon_2::after {
  content: "";display: block;
  background: #ff9900;
  position: absolute;
}
.oisogi .balloon_1::after {
  width: 15px;height: 15px;
  right: -12px; bottom: 15px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.oisogi .balloon_2::after {
  width: 20px; height: 15px;
  top: -15px; right: 95px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}


/***電話案内******************************************/
.side_tell {
  position: relative;
  background: repeating-linear-gradient(
      -45deg,
      #0f77fb,
      #0f77fb 1px,
      #3761d6 0,
      #3761d6 6px
    ) ;
  padding: 6px;
  margin: 10px 0;
  
  display: flex;
  flex-direction: column;
}
.side_tell::before {
  content: "";display: block;
  position: absolute;
  top: 4px;bottom: 4px;left: 4px;right: 4px;
  border: solid 1px #FFF;
}

.side_tell .cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FFF;
  padding: 10px 0;
  
}
.side_tell .cta * {
  font-weight: bold;
  font-family: Helvetica,Arial,  "sans-serif";
  line-height: 1;
}

.side_tell .free {font-size: 18px;color: #FFFF00;}
.side_tell .freedial {font-size: 32px;margin: 7px 0}
.side_tell .number {font-size: 42px}


.side_tell .freedial img {
  width: 40px; margin-right: 5px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(231deg) brightness(109%) contrast(101%);
}
.side_tell .eception {
  background: #FFF;
  color: #2631aa;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
}





/***LINE******************************************/
.line_cta {
  background: #05c756;
  border-radius: 10px;
  padding:15px 10px 10px;
  margin: 20px 0;
}
.line_cta p {color: #FFF}
.line_cta .title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 23px;
  border-bottom: solid 1px #FFF;
  padding-bottom: 10px;
}
.line_cta .title img {
  margin-right: 3px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(231deg) brightness(109%) contrast(101%);
}
.line_cta .text {
  font-size: 14px;
  line-height: 1.5;
  margin: 10px 0;
}
.line_cta a {
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 20px;
  background: #FFF;
  color: #05c756;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  padding-left: 14px;
}
.line_cta a::before {
  content: "";display: block;
  background: #05c756;
  width: 10px; height: 16px;
  position: absolute;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  left: 14px;
  top: calc(50% - 8px);
}
.line_cta a:hover {
  text-decoration: underline;
  background: #FFFF00;
}



/***安心POINT******************************************/
.anshin {
  border: solid 2px #bd1d1e;
  margin: 20px 0;
}
.anshin * {font-weight: bold}
.anshin .title {
  background: #bd1d1e;
  background: linear-gradient(to bottom, #db6464 0, #dd3e3f 31%, #dd3e3f 45%, #c10e0e 50%, #d31b07 83%, #df0a0a 100%);
  color: #FFFFff;
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}
.anshin ul {
  padding:5px 0 0 8px;
  display: table;
  margin: auto;
}
.anshin ul li {
  background: url("../../img/check.png") no-repeat left center;
  padding-left: 22px;
  font-size: 15px;
  line-height: 18px;
  color: #444;
  margin-top: 10px;
}
.anshin ul li span {color: #e60012;}
.anshin .text {
  color: #3366cc;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  margin: 15px 0 10px;
}


/***訴求ポイント******************************************/

.reason {
  border: solid 1px #54b5fe;
  margin: 10px 0;
}
.reason .title {
  background: #ef9a96;
  background-image: linear-gradient(0deg, rgba(75, 175, 238, 1), rgba(43, 128, 236, 1));
  color: #FFF;
  display: flex;
  align-items: center;
  padding: 10px;
}
.reason .title .img {margin-right: 10px;}
.reason .title .title_text {
  flex-grow: 1;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

.reason .text {
  font-size: 14px;
  line-height: 1.65;
  padding: 10px;
}
.reason .text strong {color: #e60012;}



/*=====================================================================
送信完了
=====================================================================*/
#complete {
  margin-top: 2rem
}

#complete p {
  margin-top: 1rem;
  line-height: 1.75;
}
#complete .case_list {padding: 0;margin: 1rem 0}
#complete .case_list li {
  list-style: none;
  border: solid 1px #dd3e3f ;
  margin: 10px 0;
  padding:0.5rem 1rem  1rem;
}
#complete .case_list .case {
  border-bottom: solid 1px #dd3e3f ;
  color: #bd1d1e;
  font-weight: bold;
  margin: 0 ;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 431px),print {/*PC*/
}

@media screen and (max-width: 430px) {/*SP*/
  #complete {padding: 0 10px}
 
}


