@charset "UTF-8";
/* ----------------------------------------
* LP
---------------------------------------- */
.single-lp {
  padding: 0;
  background: #3366cc;
}
.single-lp .lp-wrap {
  width: 1000px;
  margin: 0 auto;
  background: #fff;
  padding: 0;
}
.single-lp .lp-thumbnail {
  border: 1px #ccc solid;
  float: right;
  margin: 0 0 13px 13px;
}
.single-lp .lp-thumbnail img {
  vertical-align: top;
}
.single-lp .post-content {
  padding: 0;
}
#lp-header {
  padding: 10px;
  overflow: hidden;
}
#lp-header h1 {
  text-align: left;
  float: left;
}
h1#main_title{
    margin: 0 10px;
}


h1#main_title span{
    background: orange;
    color: #fff;
    font-weight: bolder;
    
    padding: 10px;
    border-radius: 20px;
    border: 6px solid blue;
    text-shadow: 1px 1px 3px black;
	    width: 7em;
    text-align: center;
}
#lp-header .head_tel {
  text-align: right;
  float: right;
}
.head_tel.pc p {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
}
.head_tel.pc p:first-child {
  background: red;
  color: #fff;
  padding: 10px;
  border: 3px solid #fff;
}
.head_tel.pc p:last-child {
  padding: 10px;
  color: green;
  font-size: 2rem;
  border: 3px solid green;
  background: #fff;
}
.head_tel.pc p:last-child img {
  max-width: 70px;
  margin-right: 10px;
}
#lp-header h1, #lp-header .head_tel {
  max-width: 50%;
}
#lp-header h1 {
  margin: 0;
  padding-right: 10px;
}
.single-lp dt, .single-lp dd {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #content {
  padding: 0;
}
.single-lp #main {
  width: 100%;
  float: left;
  overflow: hidden;
}
.single-lp .main-inner {
  margin-right: 350px;
}
.single-lp #side {
  width: 320px;
  float: left;
  margin-left: -320px;
}
.single-lp .post-footer {
  padding: 20px 0;
}
.single-lp .post-footer .bzb-sns-btn {
  padding: 0;
}
.single-lp .lp-form {
  background: #494c4e;
  color: #fff;
  padding: 30px;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.single-lp .lp-form h3 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: bold;
}
.single-lp .lp-form input[type=text], .single-lp .lp-form input[type=email] {
  width: 90%;
  padding: 10px 5%;
  border: none;
}
.single-lp .lp-form input[type=submit], .single-lp .lp-form button {
  width: 100%;
  padding: 10px 0;
  background: #F86222;
  color: #fff;
  border-bottom: 5px solid #e04807;
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover, .single-lp .lp-form button:hover {
  background: #f9743b;
}
.single-lp .lp-form dl {
  margin-bottom: 13px;
} /* one-column */
.one-column.single-lp #main {
  float: none;
}
.one-column.single-lp .main-inner {
  margin-left: 0;
  margin-right: 0;
}
.one-column.single-lp #side {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.single-lp #side {
  width: 320px;
  margin-left: -320px;
}
.single-lp.right-content #side {
  width: 320px;
  margin-left: -100%;
}
.single-lp.right-content .main-inner {
  margin-left: 350px;
  margin-right: 0;
}
.color02 #footer, .color02 .footer-02, .color02 #footer {
  background: #3366cc !important;
  border: none !important;
}
.no_show {
  display: none;
}
.content_btn {
  display: block;
  max-width: 90%;
  margin: 30px auto 20px;
}
.center {
  text-align: center;
}
.post-content h2.img {
  margin: 0 !important;
  padding: 1em !important;
  border: none !important;
  background: #66ccff !important;
  color: #0033cc !important;
  font-weight: bold !important;
  text-align: center !important;
}
#price {
  background: #ccffff;
  padding: 40px 10px;
}
#price dl {
  max-width: 700px;
  margin: auto;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
#price dl dt .h3_btn {
  width: 100%;
  background: #3366cc;
  display: table;
  padding: 10px;
	color: #fff;
}
#price dl dt p {
  display: table-cell;
  margin: 0 !important;
  color: #fff;
  font-weight: bold;
  padding-left: 1em;
  border: none;
  vertical-align: middle;
  width: 90%;
}
#price .show_btn.close .h3_btn::after, #price .show_btn.open .h3_btn::after, #voice_area .show_btn.close::after, #voice_area .show_btn.open::after, #voice_area dl dt::before, #voice_area dl dd::before {
  content: ''; /*何も入れない*/
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#price .show_btn.close .h3_btn::after, #voice_area .show_btn.close::after {
  background-image: url("https://suidou.org/publicity/images/plus.png");
  margin-left: 10px;
}
#price .show_btn.open .h3_btn::after, #voice_area .show_btn.open::after {
  background-image: url("https://suidou.org/publicity/images/minus.png");
  margin-left: 10px;
}
#voice_area dl dt::before {
  background-image: url("https://suidou.org/publicity/images/q_q.png");
}
#voice_area dl dd::before {
  background-image: url("https://suidou.org/publicity/images/q_a.png");
  float: left;
}
#voice_area dl dd, #price dl dd {
  display: none;
  background: #fff;
}
#price dl dd {
  margin: 0;
  font-weight: bold;
  padding: 2em 1em 1em;
}
#price dl dd ul li {
  list-style-image: url("https://suidou.org/publicity/images/check.png");
}
#price dl dd ul li span {
  display: block;
  text-align: right;
  color: #0066ff;
}
#voice_area dl {
  margin: 0 auto 20px;
}
#voice_area {
  background: #ffffcc;
  padding-bottom: 3em;
}
#voice_area dl dt {
  background: #3366cc;
  color: #fff;
  width: 100%;
  display: table;
  padding: 1em;
}
#voice_area dl dt p, #voice_area dl dt span {
  display: table-cell;
  vertical-align: middle;
}
#voice_area dl dt p {
  width: 95%;
}
#voice_area dl dt span {
  width: 10%;
}
#voice_area dl dd {
  margin: 0;
  border: solid #3366cc 3px;
  padding: 1em;
}
#comments_customer ul {
  margin: 2em 0 5em;
  padding: 0 20px;
}
#comments_customer li {
  border: 3px solid #ccc;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 2px 2px 4px #666;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
#comments_customer li .introduction {
  text-align: center;
  width: 30%;
}
#comments_customer li .introduction img {
  margin-bottom: 10px;
}
#comments_customer li .introduction p {
  margin: 0;
  line-height: 1.5;
}
#comments_customer li .comment {
  line-height: 1.5;
  width: 70%;
  padding: 10px;
}
#comments_customer li .comment h5 {
  background: #3366cc;
  margin-top: 0;
  color: #fff;
  padding: 5px 1em;
  border-radius: 10px;
}
a:hover img {
  opacity: 0.6;
}
.post-footer {
  display: none;
}
@media screen and (max-width: 991px) {
  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
  }
  .single-lp .lp-form .submit {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .single-lp.right-content #side {
    width: 100%;
    margin: 0;
    float: none;
  }
  .single-lp.right-content .main-inner {
    margin: 0 0 40px;
    width: 100%;
  }
  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
  }
  .single-lp #main, .single-lp #side, .single-lp .main-inner {
    width: 100%;
    float: none;
    margin: 0 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .mb {
    display: none;
  }
  #voice_area dl {
    max-width: 80%;
  }
  #price .show_btn.open .h3_btn::after, #price .show_btn.close .h3_btn::after, #voice_area .show_btn.close::after, #voice_area .show_btn.open::after {
    width: 40px; /*画像の幅*/
    height: 40px; /*画像の高さ*/
  }
  #voice_area dl dt::before, #voice_area dl dd::before {
    width: 50px;
    height: 50px;
  }
  #price dl dt p, .post-content h2.img {
    font-size: 2rem;
  }
  #price dl dd {
    font-size: 20px;
  }
  #price dl dd ul li span b {
    font-size: 3rem;
  }
  #comments_customer ul {
    gap: 20px;
    flex-wrap: wrap;
    display: flex;
  }
  #comments_customer ul li {
    width: 48%;
  }
	h1#main_title{
    display: table;
}
h1#main_title span,
h1#main_title div{
	display: table-cell;
	vertical-align: middle;
}
	h1#main_title span{
	font-size: 3rem;
	}
}
@media screen and (max-width: 767px) {
	h1#main_title span{
	font-size: 2rem;
	}
  #comments_customer li {
    margin-bottom: 20px;
  }
  #price dl dd ul li span b {
    font-size: 2rem;
  }
  #price dl dt h3, .post-content h2.img {
    font-size: 1.5rem;
  }
  #price .show_btn.open .h3_btn::after, #price .show_btn.close .h3_btn::after, #voice_area .show_btn.close::after, #voice_area .show_btn.open::after {
    width: 20px; /*画像の幅*/
    height: 20px; /*画像の高さ*/
  }
  #voice_area dl dt::before, #voice_area dl dd::before {
    width: 40px;
    height: 40px;
  }
  #voice_area dl {
    padding: 0 10px;
  }
  .pc {
    display: none;
  }
  .single-lp #lp-header {
    padding: 20px;
  }
  .single-lp .lp-thumbnail {
    float: none;
    margin: 0 0 13px;
  }
  .single-lp .lp-thumbnail img {
    width: 100%;
    height: auto;
  }
  .single-lp #gnav-sp {
    display: none;
  }
  .single-lp .lp-wrap {
    width: auto;
  }
  .single-lp .lp-form input {
    width: 100% !important;
  }
  .single-lp .lp-form .submit {
    width: 100%;
  }
}
/* single-lp h2 2016.12.20 */
.single-lp #main {
  overflow: visible;
}
.single-lp .post-content h2 {
  margin: 80px 0 32px -66px;
}

/*********見積フォーム**********/
#mitsumori.estimate {
  background: #ccffff;
}
#mitsumori .estimate-wrapper {
  display: inherit !important;
  background-color: transparent;
}
#mitsumori .estimate-wrapper .estimate-header {
  border-bottom: 0;
}
#mitsumori .estimate-footer-result__prefix {
  color: #0d62b2;
  margin-bottom: 10px;
  font-weight: bold;
}
#mitsumori .estimate-header__title {
  color: #fff;
  background: #3366cc;
  border-radius:0px!important;
  padding: 20px 0 15px;
  font-weight: bold;
}
#mitsumori .estimate-header__title::before {
  content: url("https://suidou.org/publicity/images/multi-home/memo.png");
  display: inline-block;
  vertical-align: middle;
}
#mitsumori .estimate-body-content__label {
  color: #0d62b2;
  background: transparent;
  position: inherit !important;
  top: inherit;
  left: inherit;
  margin-bottom: 10px;
  font-weight: bold;
  z-index: 20;
  display: inline-block;
  padding: 1px 3px;
  line-height: 1;
}
#mitsumori .estimate-body-content {
  padding: 1em;
  padding-bottom: 0;
  position: relative;
}
#mitsumori .estimate-body-content__select {
  padding: 1em;
  padding-top: 1.25em;
  width: 100%;
  /*appearance: none;*/
  border-radius: 10px;
  border: solid 1px #c3cfd6;
  color: #5a5a5a;
  background-color: #fff;
  float: none;
}
#mitsumori .estimate-body-content__select:disabled {
  cursor: no-drop;
  opacity: .5;
}
#mitsumori .estimate-footer {
  padding: 20px;
  clear: both;
}
#mitsumori .estimate-footer-contact-btn-tel__main {
  background-image: url("https://suidou.org/publicity/images/multi-home/tel.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 45px;
  padding-left: 1em;
  line-height: 2;
}
#mitsumori .estimate-footer-contact-btn-mail {
  line-height: 2;
}
#mitsumori .estimate-footer-contact-btn-tel__sub {
  display: none !important;
}
#mitsumori .estimate-footer-contact-btn-tel__tel {
  background: linear-gradient(#15c7ff, #4568ff);
  border: none;
  padding: .5em;
  display: block;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  border-radius: 10px;
}
#mitsumori .estimate-footer-contact-btn-tel__tel > p, #mitsumori .estimate-footer-contact-btn-tel__content > p {
  display: none !important;
}
#mitsumori .estimate-footer-contact-btn-mail__mail {
  background-image: url("https://suidou.org/publicity/images/multi-home/mail.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 45px;
  line-height: 2;
  color: #fff !important;
  padding: .5em;
  display: block;
}
#mitsumori .estimate-footer-contact-btn-mail__main {
  background: linear-gradient(#2db181, #0a724e);
  border: none;
  padding-left: 15px;
  text-align: center;
  border-radius: 10px;
}
#mitsumori .estimate-footer__calling {
  background: linear-gradient(#facb22, #f83900);
  padding: 10px;
}
#mitsumori .estimate-footer-now {
  margin-block: inherit !important;
  position: relative;
}
#mitsumori .estimate-footer-result__main {
  background: #fff;
  border: none;
  border-radius: 10px;
  padding: 15px;
  text-align: right;
  margin-bottom: 10px;
  color: #5f5f5f;
}
#mitsumori .estimate-footer-contact__content {
  display: grid;
  gap: 20px;
}
#mitsumori .estimate-footer-contact-btn-tel--default {
  color: #7c7c7c !important;
}
#mitsumori .estimate-footer-result__price-box {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 1em;
}
#mitsumori .estimate-footer-result__price {
  font-size: 40px;
  color: #c12323;
  line-height: 1;
}
#mitsumori .estimate-footer-result__attention {
  text-align: right;
  margin-bottom: 1em;
}
#mitsumori .comment-area {
  margin: 10px 10px 20px;
}
#mitsumori .comment-area p {
  padding: 1em;
  margin: 0;
  text-align: center;
}
#mitsumori .comment-area .big {
  font-weight: bold;
  color: red;
}
@media screen and (min-width:768px) {
  #mitsumori.estimate {
    padding: 2em;
  }
  #mitsumori .estimate-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
  }
  #mitsumori .estimate-footer__calling {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  #mitsumori .estimate-body-content__select {
    font-size: 1.3rem;
  }
  #mitsumori .comment-area .big, #mitsumori .estimate-footer-contact-btn-mail__mail, #mitsumori .estimate-footer-result__prefix, .estimate-body-content__label {
    font-size: 2rem;
  }
  #mitsumori .estimate-header__title {
    font-size: 2rem;
  }
  #mitsumori .estimate-footer-contact-btn-tel__main {
    font-size: 3.5rem;
  }
  #mitsumori .estimate-body-content, .estimate-footer__calling > div {
    width: 49%;
  }
  #mitsumori .comment-area {
    background-size: contain;
  }
  #mitsumori .estimate-header__title::before {
    transform: scale(0.8);
    padding-left: 20px;
  }
  .redbtnshow {
	  max-width: 80%;
        margin: 0 auto 2em;
        background: red;
        border-radius: 20px;
        overflow: hidden;
        padding: 1em;
        
        font-weight: bold;
	          display: table;
	}
	.redbtnshow p,
	.redbtnshow div,
  .redbtnshow span {
	  display: table-cell;
	vertical-align: middle;
	}
	.redbtnshow p{
	  text-align: center;
	  font-size: 2rem;
		color: #fff;
	}
	.redbtnshow div,
  .redbtnshow span {
	  font-size: 3rem;
	  background: #fff;
	  color: green;
	  padding: 0 10px;
	}
}
@media screen and (max-width:767px) {
  #mitsumori.estimate {
    padding: 1em;
  }
  #mitsumori .estimate-header__title::before {
    transform: scale(0.8);
    padding-left: 5px;
  }
  #mitsumori .comment-area p {
    background: rgba(255, 255, 255, 0.5);
  }
  #mitsumori .comment-area {
    background-size: cover;
  }
  #mitsumori .comment-area .big {
    font-size: 1.4rem;
  }
  #mitsumori .estimate-body-content__select, #mitsumori .estimate-header__title {
    font-size: 1rem;
  }
  #mitsumori .estimate-footer-contact-btn-mail__mail {
    font-size: 1.5rem;
  }
  #mitsumori .estimate-footer-result__price, #mitsumori .estimate-body-content__label {
    font-size: 1rem;
  }
  #mitsumori .estimate-footer-result__prefix, #mitsumori .estimate-footer-contact-btn-tel__main {
    font-size: 1.3rem;
  }
}