@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  /*font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
  margin: 0;
  padding: 0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
    font-weight: inherit;
}
html, body {
  margin: 0;
  padding: 0;
}
article{
	position: relative;
}
#wrapper {
  margin: 0 auto;
}
footer a,
footer{
	background: #173283;
	color: #fff;
}
footer{
	padding-bottom: 5em;
}

h2{
	    color: #003399;
    text-align: center;
    text-shadow: 1px 1px 3px #666;
    font-weight: bold!important;
    font-family: sans-serif;
	margin: 1em 0;
    line-height:1.5;
}
ul {
  list-style: none;
}
a {
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  opacity: 0.5;
  text-decoration: underline;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
#rc-anchor-container {
  display: none!important;
}
.hidden {
  display: none;
}
.center {
  text-align: center;
}
.float_right{
	float: right;
}
.red{
	color: red;
}
.clear {
  clear: both;
}
.flex {
  display: flex;
}
.ju_between {
  justify-content: space-between;
}
.ju_around {
  justify-content: space-around;
}
.ju_center {
  justify-content: center;
}
.fle_wrap {
  flex-wrap: wrap;
}
.small_font {
  font-size: 0.7em !important;
  font-weight: normal !important;
}
.drop-shadow {
  filter: drop-shadow(3px 6px 5px #333);
}
.box-shadow {
  box-shadow: 3px 6px 5px #1b3c6d;
}
.color_darkblue{
	color: #003399;
}
.mb_580{
		display: none;
	}
header, section.inner {
  max-width: 1000px;
  margin: auto;
}
header{
  padding: 1em;
}
section.inner{
	padding: 2em 1em;
}
#logo {
  max-width: 30%;
  margin: 0;
}
#head_tel {
  max-width: 70%;
}
#service_area,
#pr_1,
#pr_2,
#web_dis,
#price_list,
#request_flow{
	  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

#pr_1 {
  background-image: url("../images/lp/24_7/image_01.png");
}
#pr_2 {
  background-image: url("../images/lp/24_7/image_05.png");
}
#web_dis{
  background-image: url("../images/lp/24_7/image_09.png");
}
#price_list{
    background-image: url(../images/lp/24_7/image_11.png);
}
#service_area,
#request_flow{
	background-image: url(../images/lp/24_7/image_27.png);
}
#web_dis .inner{
	position: relative;
}
#pr_1 .inner {
  padding-bottom: 40px;
  position: relative;
}
#pr_1 h1 {
  background: rgba(0, 102, 153, 0.8);
  color: #fff;
  font-weight: bold!important;
  text-align: center;
  line-height: 1.5;
  padding: 0 15px;
  border-radius: 20px;
  float: left;
  text-shadow: 1px 1px 3px black;
}
#pr_1 h1 span{
	display: block;
	background: orange;
	padding: 10px;
}
#pr_1 .h1_box div.img img{
	float: left;
	width: 50%;
}


#pr_1_bottom > div:first-child {
  width: 60%;
}
#pr_1_bottom > div:last-child {
  width: 40%;
}

#head_tel p{
	background: red;
    color: #fff;
    line-height: 2;
    text-align: center;
}
#head_tel dt {
  color: #fff;
  background: linear-gradient(to bottom, #52e204, #339900);
  line-height: 1.3;
}
#head_tel dt, #head_tel dd {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold!important;
}

#head_tel dd a,
#head_tel dd span{
	color: #999;
}
.pr_1_left_box {
  background: #ff6600;
  border-radius: 20px;
  padding: 5px;
  margin-bottom: 16px;
  box-shadow: 3px 6px 5px #1b3c6d;
}
.pr_1_left_box .text {
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  font-weight: bold!important;
  
    line-height: 1.2;
}
.pr_1_left_box p{
  margin: 5px;
}
.pr_1_left_box dl {
  border-radius: 10px;
  overflow: hidden;
  font-weight: bold!important;
  width: 100%;
  text-align: center;
  display: table;
}

.pr_1_left_box dt {
  background: #0066ff;
  border-bottom: 10px solid #025add;
  border-left: 10px solid #599bff;
  border-top: 10px solid #599bff;
  color: #ffcc00;
}
.pr_1_left_box dd {
  color: #0066ff;
  background: #ffcc00;
  border-bottom: 10px solid #e5b700;
  border-right: 10px solid #efc310;
  border-top: 10px solid #ffe684;
}

#pr_2 #medal {
  position: relative;
  max-width: 200px;
  max-height: 200px;
  margin: auto;
}
#pr_2 #medal #old {
  position: absolute;
  color: #e3c97d;
  font-size: 4em;
  font-weight: bolder!important;
  letter-spacing: -1px;
  top: 25%;
  left: 25%;
  font-family: serif;
}

#pr_2_left_box p {
  color: #fff;
  font-size: 1.5em;
  font-weight: bold!important;
}
#pr_2_right_box {
  gap: 10px;
}
#pr_2_right_box li {
	  width: 47%;
  padding-top: 6%;
background: linear-gradient(to bottom, #d2d2d2, #eeeeee, #bebebe);
    color: #003399;
    line-height: 1.5;
    font-size: 1.3em;
    font-weight: bold!important;
    box-shadow: 3px 6px 5px #1b3c6d;
    border-radius: 20px;
}
#pr_2_left_box {
  width: 50%;
}
#pr_2_right_box {
  width: 50%;
  gap: 10px;
  margin: 0;
}


.contact_call_bar {
  background: #ff9900;
}
.contact_call_bar dl.mail,
.contact_call_bar dl.cancel {
  background: linear-gradient(to bottom, #66cc00, #339900);
  color: #fff;
  border-radius: 20px;
  width: 19%;
  font-weight: bold!important;
  text-shadow: 1px 1px 3px black;
	text-align: center;
}
.contact_call_bar dl.mail{
	  background: linear-gradient(to bottom, #3b9ad7, #1e79b2);
}
.contact_call_bar dl.cancel dt,
.contact_call_bar dl.cancel dd,
.contact_call_bar dl.mail dt{
padding: 15px 10px 0;
}
.contact_call_bar dl.cancel dt {
  line-height: 1.3;
	  font-size: 1.1em;
}

.contact_call_bar dl.cancel dd span {
  font-size: 0.5em;
}
.contact_call_bar dl.cancel dd {
  font-size: 3em;
  padding-top: 3%;
}
.contact_call_bar dl.tel {
  border-radius: 20px;
  background: linear-gradient(to bottom, #d2d2d2, #eeeeee, #bebebe);
  overflow: hidden;
  padding: 10px;
	display: table;
	width: 60%;
}
.contact_call_bar dl.tel dt {
  background: linear-gradient(to bottom, #66cc00, #339900);
  color: #fff;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  line-height: 1.3;
  width: 30%;
  text-shadow: 1px 1px 3px black;
}
.contact_call_bar dl.tel dt,
.contact_call_bar dl.tel dd {
  display: table-cell;
	vertical-align: middle;
}
.contact_call_bar dl.tel dd p {
  font-weight: bold!important;
  line-height: 1.2;
  margin: 0;
  color: #333;
}
.contact_call_bar dl.tel dd .hand {
  position: relative;
	font-size: 1em;
}
.contact_call_bar dl.tel dd .hand::after {
  content: url("../images/lp/24_7/click.png");
  font-weight: bold!important;
  color: #333;
  position: absolute;
  right: -28px;
  top: 0;
  filter: drop-shadow(3px 6px 5px #1b3c6d);
}
.contact_call_bar dl.mail dt{
  padding-top: 8px;
}
.contact_call_bar dl.mail dt span{
	    font-size: 2em;
}
.contact_call_bar dl.mail dd{
       padding: 9px 10px 0
}
.contact_call_bar dl.mail dd a{
	color: #fff;
	line-height: 1;
	font-size: 1.3em;
}
#content_menu {
	    gap: 10px;
}
#content_menu li {
	cursor: pointer;
	    width: 48%;
	border-radius: 20px;
	padding: 1em;
	    background: lemonchiffon;
	    box-shadow: 2px 2px 4px #666;
}
#content_menu li:hover {
	box-shadow:0 0 0 #333;;
}
#content_menu li a {
	color: #333;
	font-weight: bold!important;
}
table , td, th {
border-collapse: collapse;
}
#comparison{
	border: 1px #fff solid;
	font-weight: bold!important;
	text-align: center;
	width: 90%;
	margin: auto;
}
#comparison th,
#comparison td{
	font-size: 1.2em;
	color:#333;
	padding: 10px;
}
#comparison thead th{
	background: #ccc;
	border: 1px #fff solid;
}
#comparison tbody th{
	background: #ffcc99;
	border: 1px #fff solid;
}
#comparison td{
	border: 1px #fff solid;
	background: #ccc;
}
#comparison .ours{
	background: #3399ff;
	color: #fff;
	font-size: 1.5em;
	text-shadow: 1px 1px 3px black;
	    white-space: nowrap;
}
#comparison tbody tr:last-child{
	border: 5px solid red;
}

#compare_other2 .flex img{
	width: 50%;
}

#web_img{
max-height: 120px;
}
#t-point{
	background: #fff;
	border-radius: 10px;
}
#discount_li{
	margin-bottom: 2em;
}
#discount_li li{
	width: 15%;
	padding: 5px;
}
#discount_li dl{
	width: 100%;
    display: table;
    background: #fff;
    border: #fff 3px solid;
    border-radius: 40px;
    overflow: hidden;
    text-align: center;
	font-weight: bold!important;
	box-shadow: 2px 2px 4px #666;
}
#discount_li dt{
	background: #003366;
	color: #fff!important;
	
}
#discount_li dt.orange{
	background: #ff6600;
}
#discount_li dt,
#discount_li dd{
	padding: 10px 0;
}
#card_line{
	background: #fff;
	font-weight: bold!important;
	border-radius: 20px;
	margin-bottom: 2em;
	    overflow: hidden;
}
#card_line p{
	line-height: 55px;
    margin: 0;
}
#web_dis .color_darkblue{
	font-weight: bold!important;
	line-height: 2;
}
#trouble_example .table{
	display: table;
	width: 90%;
	margin: auto;
}	
#trouble_example .table > div{
	display: table-cell;
	vertical-align: middle;

	text-align: center;
}
#trouble_example .table div:nth-child(1),
#trouble_example .table div:nth-child(2){
		width: 25%;
}
#trouble_example .table div:last-child{
		width: 50%;
}
#trouble_example .table > div ul li{
	background: #013567;
	color: #fff;
	font-weight: bold!important;
	text-align: left;
	padding: 0 1em;
	margin: 5px 0;
	border-radius: 10px;
	line-height: 2;
}
#price_list li dd.text p:first-child{
	font-size: 1.8em;
}
#reason_pop ul,
#price_list ul{
	gap:20px;
}
#request_flow li.box,
#reason_pop li,
#price_list li{
	width: 30%;
		overflow: hidden;
	    box-shadow: 2px 2px 4px #666;
	border-radius: 10px;
	/*background: #fff;*/
		background: linear-gradient(to bottom, #f5f7fa, #c3cfe2);
}
#price_list li{
	border: 3px solid #fff;
}
#reason_pop li{

	border: 3px solid #99cc66;
}
#request_flow li.box{	
	position: relative;	
	border: 3px solid #3366cc;
}
#request_flow li.box dt,
#reason_pop li dt,
#price_list li dt{
	position: relative;
	color: #fff;
	padding: 10px;
line-height: 1.5;
}
#price_list li dt{
	background: linear-gradient(to bottom, #2a5298, #1e3c72);
	height: 6em;
  font-weight: bold;
}
#reason_pop li dt{
	background: #339900;
	text-align: center;
	font-weight: bold!important;
}
#request_flow li.box dt{
	background: #3366cc;
	font-weight: bold!important;
	font-size: 1.1em;
}
#price_list li dt span{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 0.8em;
  font-weight:normal;
}
#request_flow li.box dt span{
	background: #fff;
    color: #3366cc;
    margin-right: 7px;
    padding: 0 9px;
    border-radius: 50%;
    font-size: 1.3em;
}
#price_list li dd.img{
    overflow: hidden;
}
#request_flow li.box dd.img,
#price_list li dd.img,
#reason_pop li dd.img{
		text-align: center;
	background: #fff;
  padding: 0;
}
#request_flow li.box dd.img img,
#price_list li dd.img img{
	width: 100%;
	height: auto;
}
#request_flow li.box dd.text,
#reason_pop li dd.text,
#price_list li dd.text{
	color: #003366;
	padding: 15px;
    line-height: 1.5;
}
#price_list li dd.text p:first-child{
	font-weight: bold!important;
	line-height: 1.2;
	margin-bottom: 15px;
}
#price_list li dd.text p,
#price_list li dd.text p span{
	color: #003366;
}
#price_list li dd.text p:first-child span.en{

	margin-top: 6px;
	font-weight: bold!important;
}

#price_list .small_font{
	color: #fff;
}
#request_flow li:not(.box){
	position: relative;
	width: 45px;
	
}
#request_flow li.pc_581 img{
	right: 0;
	top: 45%;
	position: absolute;
}
#request_flow li.mb_580{
	text-align: center;
}
#guarantee .color_darkblue{
	font-weight: bold!important;
    text-align: center;
    max-width: 80%;
    margin: 0 auto 2em;
    line-height: 2;
}
#service_area .inner{
	position: relative;
}
#service_area .inner .top{
	position: absolute;
	left: 20px;
	top: 0;
}
#service_area #japan{
	max-width: 80%;
	float: right;
	margin-bottom: 20px;
}
#service_area .color_darkblue{
	font-weight: bold!important;
    text-align: center;
    margin-bottom: 15px;
    line-height: 2;
    font-size: 1.5em;
}

#service_area dl{
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 2px 2px 4px #666;
	display: table;
}
#service_area dt,
#service_area dd{
	display: table-cell;
	vertical-align: middle;
	    
}
#service_area dt{
	color: #fff;
	font-weight: bold!important;
	text-align: center;
	font-size: 1.2em;
	width: 8em;
	line-height: 3;
}

#service_area li:nth-child(1) dt{
	background: #1d5ebc;
}
#service_area li:nth-child(2) dt{
	background: #0ec4c4;
}
#service_area li:nth-child(3) dt{
	background: #0ec149;
}
#service_area li:nth-child(4) dt{
	background: #87d616;
}
#service_area li:nth-child(5) dt{
	background: #e5890e;
}
#service_area li:nth-child(6) dt{
	background: #f7460f;
}
#service_area dd{
	padding: 15px 1em;
}
#comments_customer ul{
	gap: 20px;
}
#comments_customer h2{
	color: #9966cc;
	font-size: 3em;
}
#comments_customer li{
	border: 3px solid #9966cc;
	overflow: hidden;
	width: 47%;
	border-radius: 20px;
	box-shadow: 2px 2px 4px #666;
}
#comments_customer li dt{
	background: #9966cc;
	display: flex;
	justify-content: space-between;
	color: #fff;
	padding: 1em;
}
#comments_customer li dt img{
	width: 45%;
}
#comments_customer li dt p{
	width: 55%;
    line-height: 1.5;
	    text-align: right;
	padding: 0 1em;
}
#comments_customer li dd{
	padding: 1em;
    line-height: 1.5;
}
#bad_company{
	background: #cccccc;
    color: #333;
}


#bad_company dl{
	border-radius: 20px;
    border: 3px #666 solid;
    background: #fff;
    margin-bottom: 2em;
	overflow: hidden;
}
#bad_company dl dt{
	line-height: 2;
	text-align: center;
        font-size: 1.3em;
	    background: linear-gradient(#ccc 0%, #6d6d6e 100%);
	font-weight: bold!important;
}
#bad_company dl dd{
	padding: 2em;
  line-height: 2;
	
}
#page-top{
	    position:absolute;
    top: -50px;
    padding: 0;
    margin: 0;
    right: 15px;
	z-index: 2;
}
#page-top a{
	    margin: 0 !important;
    display: block;
    color: #153c7d !important;
    background: #fff !important;
    padding: 5px !important;
    border-radius: 10px;
    text-decoration: none;
    font-size: 35px;
	    line-height: 1;
}
#fixed-header {
 /* display: none;*/
  position: fixed;
  bottom: 0;  
  width: 100%;
  line-height: 70px;
  text-align: center;
  color: #fff;
  background: #173283;
  box-sizing: border-box;
  transition: .5s;
	z-index: 99999;
	    padding: 10px 10px 5px;
}
#fixed-header.is-show {
  display: block;
}

p.bar a{
	font-weight: bold!important;
}
p.bar span a{
    display: block;
    line-height: 1;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 5px;
}
p.bar .h24{
  line-height: 2.5;
}
p.bar .tel a{
	background: #fff;
	color: #173283;
}
p.bar .mail a{
	background: #3FC6FF;
	color: #fff;
}
p.bar .line a{
	background: #00D304;
	color: #fff;
}
p.bar{
		    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
    .fixed-contact__contact{
        margin: 0;
    }
    #guarantee ul li{
      text-align: center;
    }

    #city_title{
      text-align: center;
      font-size: 3em;
    font-weight: bold;
    padding: 20px;
    border-radius: 20px;
    background: red;
    color: #fff;
    border: 10px #fff solid;
    text-shadow: 1px 1px 3px #666;
    box-shadow: 3px 6px 5px #1b3c6d;
    }
/*****************簡単見積もり*******************/
#mitsumori .estimate-header__title,
#mitsumori .estimate-body-content__select,
#mitsumori .estimate-footer-contact-btn-tel__main,
    #mitsumori .estimate-footer-contact-btn-mail__mail, #mitsumori .estimate-footer-result__prefix, .estimate-body-content__label {
        font-size: inherit !important;
    }
#mitsumori_form{
	background: #ccffff;
}
#mitsumori .comment-area p{
    line-height: 2;
}

@media screen and ( min-width:797px ){
body{
    font-size: 18px;
  }

  #head_tel dd a,
  #head_tel dd span{
    font-size: 1.5em;
  }
  .mb{
    display: none;
  }
  .contact_call_bar dl.tel dd p {
    font-size: 2em;
  }
  
  h2{
      font-size: 2em;
  }
  #card_line p{
      font-size: 1.2em;
      margin: 0;
  }
  #web_dis .color_darkblue{
    font-size: 1.1em;
  }
  
  #pr_1 h1 {
    font-size: 2em;
          padding: 13px 15px;
          width: 90%;
  }
  
  .contact_call_bar dl.tel dt {
    padding: 10px 0 0;
  }
  #price_list li dd.img{
    height: 142px;
  }
  #pr_1 h1 img{
    max-width: 20%;
  }
	  #pr_1 .inner {
    padding-bottom: 40px;
    position: relative;
    background-position: bottom right;
    background-image: url(https://www.suidou.org/wp-content/themes/suido_center2_development/images/lp/24_7/staff.png);
    background-repeat: no-repeat;
    background-size: contain;
}
	 #pr_1 .h1_box{
    max-width: 70%;
		         overflow: hidden;
}
	.pr_1_left_box dt, .pr_1_left_box dd {
  display: table-cell;
  vertical-align: middle;
  line-height: 2.3;
  font-size: 2em;
}
}

@media screen and ( max-width:796px ){
	.pr_1_left_box dt, .pr_1_left_box dd {
  line-height: 2.3;
  font-size: 1em;
}
 body {
    font-size: 14px;
  }
  #pr_1_bottom > div:first-child {
    margin-top: 1em;
  }
  #pr_1_bottom {
    position: inherit !important;
    width: 100%;
  }
  #pr_1_left_box dl, #pr_1_left_box dt, #pr_1_left_box dd {
    display: inherit !important;
  }
  #pr_1 .inner {
    padding-bottom: 0;
  }
  #pr_1 .flex li:first-child,#pr_1 .flex li:nth-child(2) {

  }
  h2 {
    font-size: 2.5em;
  }
 
  .contact_call_bar dl.tel dd p a {
    font-size: 1.8em;
    color: #333;
  }
  #pr_1 h1 {
    font-size: 2.2em;
    padding:10px;
    width:100%;
  }
  .contact_call_bar dl.tel dt {
    padding: 3px 0 0;
  }
  #price_list li dd.img {
    height: 140px;
  }
  #pr_2 #medal #old {
    font-size: 4em;
  }
  .pc {
    display: none !important;
  }
  #fixed-header {
    width: inherit !important;
  }
  #web_img {
    max-width: 40%;
  }
  #t-point {
    max-width: 50%;
  }
  #price_list li dt {
    height: inherit !important;
  }
  #price_list li dt span {
    position: inherit !important;
    bottom: inherit !important;
    right: inherit !important;
    display: block;
  }
  #comments_customer li dt p {
    width: 100%;
  }
  .contact_call_bar dl {
    margin: 5px 0;
  }
  .contact_call_bar dl.cancel, .contact_call_bar dl.mail {
    width: 100%;
  }
  .contact_call_bar dl.cancel,
  .contact_call_bar dl.mail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .contact_call_bar dl dt,.contact_call_bar dl dd{
  display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 5px !important;
}
  .contact_call_bar dl.mail dt, .contact_call_bar dl.mail dd a {
    line-height: 2;
    font-size: 2em;
  }
  .contact_call_bar dl.mail dt{
  background:none;
  }
  .contact_call_bar dl.cancel dt {
    text-align: right;
    font-size: 1.6em;
  }
  .contact_call_bar dl.mail dt span{
    font-size: inherit;
  }
  .contact_call_bar dl.cancel dd {
    text-align: left;
    padding: 0 0 0 10px;
  }
  .contact_call_bar dl.mail,
  .contact_call_bar dl.cancel,
  .contact_call_bar dl.tel{
    width: 100%!important;
    display: table;
    padding: 10px;
  }
  .contact_call_bar dl.tel dt {
    border-radius: 20px;
    margin-bottom: 10px;
  }
  #fixed-header {
  
    position: fixed;
    bottom: 0;
    line-height: 3em;
    right: 0;
    left: 0;
  }
  #head_tel dd a,
  #head_tel dd span{
    font-size: 1.2em;
  }
  #request_flow li.mb_580 p{
    text-align: center;
  }
}
  @media (max-width: 580px) {
    #price_list li dd.text p:first-child{
      font-size: 1.2em;
    }
    ul{
        margin: 0;
    }
    ul li, ol li{
        font-size: 14px;
    }
      .pc_581 {
      display: none;
    }
    #request_flow .flex{
      flex-wrap: wrap;
      justify-content: space-around;
    }
    #comments_customer li, #request_flow li.box {
      width: 90%!important;
    }

    #head_tel {
      border-width: 3px;
    }
    #head_tel dt{
      font-size: 0.8em;
    }

    section.inner {
      padding: 1em !important;
    }
  
    #reason_pop li, #price_list li, #price_list li {
      width: 46%;
    }
    #request_flow li.box {
      margin-bottom: 15px;
    }
  
    h2 {
      font-size: 1.6em;
    }
    #pr_2_right_box li {
      padding-top: 11%;
    }

    #pr_2_right_box {
      width: 55%;
      gap: 10px;
    }
    #pr_1_left_box dt, #pr_1_left_box dd {
      font-size: 1.2em;
    }
    #pr_1 h1 {
      font-size: 2.2em;
                  width: 100%;
    }
    #pr_2_left_box {
      width: 35%;
    }
    #pr_2_right_box {
      width: 65%;
      gap: 10px;
    }
    #price_list li dd.img {
      height: 100px;
    }
    .non_flex_580 {
      display: inherit !important;
    }
    #card_line * {
      text-align: center;
    }
    #pr_2_left_box p {
      font-size: 1.3em;
    }
    #mitsumori .comment-area {
      background-size: contain;
    }
    #content_menu ,
    #discount_li{
        margin: 0;
    }
  }
  @media (max-width: 480px) {
    header .flex{
      display: inherit;
    }
    #logo,
    #head_tel{
      max-width: 100%;
      width: 100%;
    }
    .pc {
      display: none !important;
    }
    #content_menu {
      display: inherit !important;
    }
    #content_menu li {
      cursor: pointer;
      width: 100% !important;
      border-radius: 20px;
      text-align: center;
      padding: 5px;
      background: lemonchiffon;
      margin-bottom: 10px;
    }
    #content_menu li:hover {
      box-shadow: 0 0 0 #333;
      ;
    }
    #content_menu li a {
      color: #333;
      font-weight: bold!important;
    }
  
  .contact_call_bar dl.mail, .contact_call_bar dl.cancel{
      display:inhert!important;
  }
  
  .contact_call_bar dl.mail dt{
  /*display:none!important;*/
  }
  .contact_call_bar dl.mail dd{
  width:100%;
  }
    .mb_480 {
      display: none;
    }
    .non_flex_480 {
      display: inherit !important;
    }

    .contact_call_bar dl.cancel dd {
      padding: 0 10px;
    }
    #comments_customer li dt p {
      font-size: 1.5em;
    }
    #pr_2_right_box li {
      padding: 10px 0;
      /*width: 95%;
      padding-top: 4%;
      font-size: 1em;*/
    }
    .contact_call_bar dl.cancel dd {
      width: 28%;
       padding: 0 10px;
    }
    #comparison th, #comparison td {
      font-size: 1em;
    }
    #service_area .color_darkblue {
      font-size: 1.2em;
    }
    #price_list li dd.text p span.sagyo {
      display: block;
      margin-bottom: 7px;
    }
  #fixed-header {
    position: fixed;
    bottom:0;  
    right: 0;
    left: 0;
    width: 100%;
    line-height: 70px;
    text-align: center;
    color: #fff;
    background: #173283;
    box-sizing: border-box;
    transition: .5s;
    z-index: 99999;
        padding: 10px 10px 5px;
  }
  
  p.bar a{
    font-weight: bold!important;
  }
  p.bar span a{
      display: block;
      line-height: 1;
      padding: 5px 10px;
      border-radius: 5px;
      margin: 5px;
  }
  p.bar .h24{
    line-height: 1;
  }
  p.bar .tel.mb a{
    background: #fff;
    color: #173283;
    font-size:1.5em ;
    line-height: 1.2;
  }
  p.bar .mail a{
    background: #3FC6FF;
    color: #fff;
  }
  p.bar .line a{
    background: #06c655;
    color: #fff;
  }
  p.bar .mb a img{
  width: 25px;
  }
  p.bar .line.mb a.icon-bubble:before{
    content: none!important;
  }
  p.bar .mail.mb a.icon-mail3:before{
    content: none!important;
  }
  p.bar{
          display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  
          #pr_1 h1 {
              font-size: 1.5em;
              width: 100%;
          }
          #pr_1 h1 img,
          #pr_2_left_box,
          #pr_2_right_box {
            width: 100%;
          }
          #guarantee ul{
            display: inherit!important;
          }
  }