@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");
}
h2 .h2_img{
	    max-width: 25%!important;
}
#price_list .p_box{
	margin: 0 0 2em 0;
}
#service_area{
	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;
	border-radius: 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: orange;
    color: #fff;
    line-height: 1.5;
    font-size: 1.5em;
    font-weight: bold !important;
    box-shadow: 3px 6px 5px #1b3c6d;
    border-radius: 20px;
    text-shadow: 1px 1px 2px black;
}
#pr_2_left_box {
  width: 50%;
}
#pr_2_right_box {
  width: 50%;
  gap: 10px;
  margin: 0;
}

.contact_call_bar .inner > div{
	        padding: 10px;
        border: 3px solid orange;
		background: rgba(255,165,0,0.4);
	border-radius: 5px;
}

.contact_call_bar .inner p.h24{
background: red;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 1em;
    font-size: 2rem;
    font-weight: bolder;
}
.contact_call_bar .inner .fixed-contact__contact{

	    width: 100%;
}
.contact_call_bar .inner .fixed-contact__contact img{

}
.contact_call_bar .fixed-contact__contact .fixed-contact__tel{
background: #eee;
}

.contact_mini_btm{
    display: flex;
    gap: 10px;
    margin: 0;
    justify-content: center;
}
.contact_mini_btm li{
	align-items: center;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 -1px 1px rgb(255 255 255 / 10%), 0 5px 5px rgb(0 0 0 / 10%);
}
.contact_mini_btm li img{
	max-width: 15px;
}
.contact_mini_btm .tel{
	background: #eee;
}
.contact_mini_btm .tel img{
	margin-right: 5px;
}
.contact_mini_btm .mail{
	background-color: #1f7eaa;
    border-bottom: solid 3px #0a3143;
	color: #fff;
}
.contact_mini_btm .line{
	    background-color: #00B900;
    border-bottom: solid 3px #067f06;
		color: #fff;
}
.contact_mini_btm .mail a,
.contact_mini_btm .line a
{
	color: #fff;
}
#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 .p_box li{
	padding: 10px;
			
	    box-shadow: 2px 2px 4px #666;
	border-radius: 10px;
}
#price_list .p_box > li{
	border:3px solid cornflowerblue;
	overflow: hidden;
}
#price_list .p_box li h3{
    background: cornflowerblue;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-bottom: 1em;
}
#price_list .p_box li h3 .num{
	    display: block;
    background: darkblue;
    width: 5em;
    text-align: center;
    line-height: 2;
    margin-bottom: 1em;
}
#price_list .p_box li .explanation{
	padding: 1em;
}
#price_list .p_box li .explanation img{
max-width: 30%;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
#price_list .p_box li .explanation p{
line-height: 1.7;
}
#price_list .p_box li .dealing_case{
	float: left;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 10px;
	clear: both;
	margin: 0 1em;
}
#price_list .p_box li .dealing_case span{
display: block;
    float: left;
    background: #ccc;
    padding: 10px;
    border-radius: 10px;
	margin-right: 10px;
}
#price_list .p_box li .fee{
	background: #6be0ff;
	color: #000EB0;
	text-align: center;
	padding: 10px;
}
#price_list .p_box li .fee h5{
    font-weight: bold;
    background: #fff;
    line-height: 2;
    font-size: 2rem;
}
#price_list .p_box li .fee p{
	font-weight: bold;
	margin: 0;
}
#price_list .p_box li .fee p > span{
	font-size: 4rem;
	    text-shadow: 1px 1px 3px #666;
}

#request_flow li.box,
#reason_pop li{
		overflow: hidden;
	    box-shadow: 2px 2px 4px #666;
	border-radius: 10px;

}
#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{
	position: relative;
	color: #fff;
	padding: 10px;
line-height: 1.5;
	text-align: center;
	background: #3366cc;
}
#reason_pop li dt{
	background: #7eaf4d;
}
#request_flow li.box dt span{
	background: #fff;
    color: #3366cc;
    margin-right: 7px;
    padding: 0 9px;
    border-radius: 50%;
    font-size: 1.3em;
}

#request_flow li.box dd.img,
#reason_pop li dd.img{
		text-align: center;
	background: #fff;
  padding: 0;
}
#request_flow li.box dd.img img{
	width: 100%;
	height: auto;
}
#request_flow li.box dd.text,
#reason_pop li dd.text{
	color: #003366;
	padding: 15px;
    line-height: 1.5;
}

#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 .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 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%;
	padding: 10px;
}
#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;
}
#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.estimate{
padding-top: 1em;
}
#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;
}
	#price_list .p_box{
    display: flex;
    gap: 10px;
		        flex-wrap: wrap;
}
#price_list .p_box > li{
	width: 49%;
	}
	#reason_pop li{
		width: 30%;
	}
	#request_flow li.box{
	width: 24%;
	}
	#price_list .p_box li h3{
    font-size: 2.5rem;
}
#price_list .p_box li .fee h5{
    margin-bottom: 1em;
	}
	#comments_customer ul.flex,
	#request_flow ul.flex{
		gap:10px;
		flex-wrap: wrap;
		margin: 0;
	}
	#comments_customer ul li{
		width: 49%;
	}
	.contact_call_bar .inner {
	background-image: url("../images/lp/man.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
.contact_call_bar .inner > div{
	max-width: 800px;

}
	.contact_call_bar .inner .fixed-contact__mail .fixed-contact__text, .contact_call_bar .inner .fixed-contact__line .fixed-contact__text,
	 .contact_call_bar .inner .fixed-contact__tel .fixed-contact__text{
		        font-size: 2rem;
	}
	.contact_call_bar .fixed-contact__contact li{
		padding: 10px;
	}
	#request_flow li.box dt,
#reason_pop li dt{
	font-size: 2rem;
	}
	#service_area .inner{
		overflow: hidden;
	}
	#service_area .inner .top{
	position: absolute;
	left: 20px;
	top: 0;
}
	#service_area #japan{
	max-width: 80%;
	float: right;
	margin-bottom: 20px;
}
}

@media screen and ( max-width:796px ){
		#reason_pop li{
		width: 47%;
	}
	.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;
  }

  #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%;
  }
  .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;
  }
	#mitsumori .comment-area{
		background-image:none!important;
	}
	#comments_customer ul.flex{
		display: inherit!important;
	}
	#comments_customer ul li{
		width: 100%;
	}
}
  @media (max-width: 580px) {

    ul{
        margin: 0;
    }
    ul li, ol li{
        font-size: 14px;
    }
      .pc_581 {
      display: none;
    }
    #request_flow .flex{
      flex-wrap: wrap;
      justify-content: space-around;
    }

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

    section.inner {
      padding: 1em !important;
    }

    #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;
    }

    .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;
    }

    #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;
    }

  #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%;
          }

  }