@charset "utf-8";
.flow_tel img {
  width: 4rem;
}

.flow_tel,
.flow_tel:link {
  color: #f85921;
  font-size: 3rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
  line-height: 1;
  cursor: default;
}

.flow_tel:hover {
  transform: scale(1);
}

.flow_tel:hover img {
  opacity: 1;
}

#flow dt .title {
  padding: 0!important;
}

@media screen and (max-width: 768px) {
  .flow_tel img {
    width: 5vw;
  }
  .flow_tel,
  .flow_tel:link {
    font-size: 4vw;
    gap: 1.5vw;
    margin-bottom: 0;
  }
}

.multi-home #container #contents h2.unset.voice_tit {
  color: #399827;
  font-size: 4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 7rem 0 0;
}

.voice_tit img {
  width: 5rem;
}

.multi-home #container #contents .faq_tit {
  color: #30719F;
  font-size: 4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 0 4rem;
  padding-top: 7rem;
}

.faq_tit img {
  width: 8rem;
}

@media screen and (max-width: 640px) {
  .multi-home #container #contents h2.unset.voice_tit {
    font-size: 3rem;
    margin: 5rem 0 1rem;
  }
  .voice_tit img {
    width: 5rem;
  }
  .multi-home #container #contents .faq_tit {
    font-size: 3rem;
    margin: 0 0 3rem;
    padding-top: 4rem;
  }
  .faq_tit img {
    width: 6rem;
  }
}

@media screen and (max-width: 768px) {
  #header {
    display: block!important;
    margin: 0!important;
  }
  .headline {
    display: none;
  }
  #wrapper #header .headerText,
  #wrapper #header h1 {
    margin: 0;
    background-color: #153c7d;
    color: #fff;
    padding: 0.75em;
  }
}

#wrapper #container #contents h3.unset {
  line-height: unset;
  margin: 0;
  padding: 0;
  color: #0066cc;
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  font-size: unset;
  display: inline;
}

#wrapper #container #contents h3.unset.block {
  display: block;
}

#wrapper #container #contents h3.unset a {
  color: #2f8fb7;
  float: none;
  padding: 5px;
}

#wrapper #container #contents h3.unset a:hover {
  color: #41c4fb;
}

#wrapper #container #contents h3.unset:before {
  content: none;
}

.simpleblogcard_wrap img {
  object-fit: cover;
}

#wrapper #container #contents .simpleblogcard_wrap h3 {
  line-height: unset;
  margin: 0;
  padding: 0;
  color: unset;
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 18px;
  display: inline;
}

#wrapper #container #contents .simpleblogcard_wrap h3:before {
  content: none;
}

#wrapper.multi-home #content-menu li a h3 {
  font-size: 2.3rem;
  font-weight: bold;
  line-height: unset;
  margin: 0;
  padding: 0;
  color: unset;
  border: none;
  background: none;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}

#wrapper.multi-home #content-menu li a h3:before {
  content: none;
}

@media screen and (max-width: 768px) {
  #wrapper.multi-home #content-menu li a h3 {
    font-size: 0.9rem;
  }
}

.multi-home #container #contents h2.unset {
  box-shadow: none;
  font-weight: bold;
  border-radius: inherit;
  color: #0066cc;
  margin: 0;
  position: static;
  font-size: 4rem!important;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .multi-home #container #contents h2.unset {
    font-size: 2.5rem!important;
  }
}

.multi-home #container #contents #multi-basic-price .flex .h3 {
  line-height: 2;
  font-weight: bold;
  background: none;
  color: #0066cc;
  padding: 0;
  margin: 0;
  font-size: 2rem;
}

.multi-home #container #contents #multi-basic-price .flex .h3:before {
  content: none;
}

.multi-home #container #contents #mitsumori .estimate-header__title {
  box-shadow: none;
  font-weight: bold;
  border-radius: inherit;
  margin: 0;
  position: static;
  color: #fff;
  background: linear-gradient(#ff7cae, #ff768f);
  border-radius: 10px;
  padding: 10px 0 6px;
  font-weight: bold;
  font-size: 3rem!important;
}

.multi-home #container #contents #mitsumori .estimate-header__title::before {
  content: url("https://www.suidou.org/wp-content/themes/suido_center2_development/images/multi-home/memo.png");
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.8);
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .multi-home #container #contents #mitsumori .estimate-header__title {
    font-size: 1.8rem!important;
  }
}

.multi-home #container #contents #flow h3.unset {
  font-size: 3rem!important;
  text-align: center!important;
  display: block;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .multi-home #container #contents #flow h3.unset {
    font-size: 1.5rem!important;
  }
}

#wrapper #container #contents #voice li h3.unset {
  color: #339900;
  font-weight: bold;
  margin: 0 !important;
  padding: 1em!important;
  display: block;
  line-height: 1.8;
}

#wrapper #container #contents #question h3.unset a {
  padding: 1.5em;
}

#wrapper #container #contents h3.unset.d002p {
  font-size: 1.5rem !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  display: block;
}

#wrapper #container #contents h3.unset.d002p a {
  padding: 0;
}

.multi-home #container #contents #shop_info h2.unset {
  line-height: 1.3;
  font-size: 3rem!important;
  text-align: left;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .multi-home #container #contents #shop_info h2.unset {
    font-size: 2rem!important;
  }
}

.multi-home #container #contents #shop_info-2 h2 {
  font-size: 2.5rem!important;
  line-height: 1.2;
  text-align: left;
  clear: both;
  margin: 20px 0;
  padding: 0.6em 1em;
  border: 2px #fff solid;
  background: #1a93cc;
  color: #fff;
  box-shadow: none;
  border-radius: inherit;
  position: static;
  font-weight: normal;
}

.multi-home #container #contents #shop_info-2 h2:before {
  font-family: "FontAwesome";
  content: "\f14a";
  margin: 0 4px 0 0;
}

@media screen and (max-width: 768px) {
  .multi-home #container #contents #shop_info-2 h2 {
    font-size: 1.7rem!important;
  }
}

#wrapper #container #contents #blog h3.unset {
  color: unset;
}

#footer-multi h2 {
  font-size: 1.6rem;
  margin: 0 10px 14px;
}

#footer-official .inner h2 {
  width: 340px;
  font-size: 1.8rem;
}

#footer-official .inner h2 img {
  width: 240px;
  height: auto;
}

@media screen and (max-width: 768px) {
  #footer-official h2 img {
    width: 224px;
    height: auto;
  }
  #footer-official .inner h2 {
    width: auto;
    margin: 1rem auto 1rem;
  }
}

#wrapper #container #contents .mini_title h3.unset {
  color: #fff;
  font-weight: bold;
}

.multi-home #container #contents #catch_copy {
  background: transparent;
  box-shadow: none;
  font-weight: bold;
  color: blue;
  border-radius: inherit;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}

.multi-home #container #contents h2.area_tit {
  position: static;
  font-size: 2rem!important;
  color: inherit;
  background-color: #eee;
  text-align: center;
  padding: 1em 0;
}

@media screen and (max-width: 640px) {
  .multi-home #container #contents h2.area_tit {
    font-size: 1.5rem!important;
    padding: 1em 0;
  }
}

.jigyosho table {
  width: calc(100% - 4rem);
  max-width: 100%;
  table-layout: fixed;
  margin: 2rem;
  box-sizing: border-box;
}

.jigyosho table th {
  width: 25%;
  min-width: 10rem;
  font-weight: normal;
  background-color: #f8f8f8;
  vertical-align: middle;
  text-align: center;
}

.jigyosho table th,
.jigyosho table td {
  border: 1px solid #ddd;
  padding: 1rem;
  word-break: break-all;
  line-height: 1.5;
}

header#header {
  margin: 0 0 2px;
}

.shitei_num {
  font-size: 14px;
  padding: 0.5em;
  background-color: #e9f1ff;
}
.shitei_num .inner{
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .shitei_num {
    font-size: 10px;
    text-align: center;
  }
  .shitei_num .inner{
    font-size: 10px;
  }
}
.multi-home #header {
  margin-bottom: 2px;
}
#head-group .btn_wrap{
	display:flex;
	flex-wrap:wrap;
}
#head-group .btn_wrap a{
	display:block;
	width:calc(50% - 0.5rem);
}
#head-group .btn_wrap a:hover{
	transform:scale(1);
}
#head-group .btn_wrap a img.btn{
	display:block;
	float:none;
	width:100%;
	margin:0;
}
#head-group .btn_wrap a span{
	display:block;
	color:#2aa867;
	font-weight:bold;
	font-size:2rem;
}
@media screen and (max-width: 640px) {
	#head-group .btn_wrap a span{
		font-size:1.4rem;
	}
}
#container #contents #case h2{
	background:none;
	box-shadow:none;
	margin:0;
	padding:0;
}
#container #contents #case h2:before{
	content:none;
}
#container #contents #case h3{
	background:none;
	box-shadow:none;
	margin:0 0 0.5em;
	padding:0;
	font-weight:bold;
	font-size:1.8rem;
}
#container #contents #case h3:before{
	content:none;
}
#container #contents #case .case_list{
	display:flex;
	flex-wrap:wrap;
	gap:2.4rem;
	padding:0 1.6rem;
	margin:0 0 4rem;
}
#container #contents #case .case_list a{
	width:calc(33.33% - 1.6rem);
	border:1px solid #ddd;
	padding:0 1.6rem 2.4rem;
	color:inherit;
}
#container #contents #case .case_list a img{
	height:auto;
}
#container #contents #case .case_list p{
	padding:0;
	margin:0;
	font-size:1.6rem;
	line-height:1.5;
}
@media screen and (max-width: 768px) {
	#container #contents #case h3{
		font-size:1.6rem;
		margin-bottom:0.25em;
	}
	#container #contents #case h3:before{
		content:none;
	}
	#container #contents #case .case_list{
		gap:1.4rem;
		padding:0 1.4rem;
	}
	#container #contents #case .case_list a{
		width:calc(50% - 0.7rem);
		padding:0 1rem 2rem;
	}
	#container #contents #case .case_list a img{
		height:auto;
	}
	#container #contents #case .case_list p{
		padding:0;
		margin:0;
		font-size:1.4rem;
		line-height:1.5;
		text-align:left;
	}
}
#multi-basic-price {
  background: #66ccff;
  padding: 0 1em 1em;
  margin-bottom: 20px;
}
#container #contents #multi-basic-price .h2 {
  padding: 1em;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background:none;
  box-shadow:none;
  font-size:3rem;
  margin:0;
}
#container #contents #multi-basic-price .h2:before {
  content:none;
}
#container #contents #multi-basic-price h3 {
  background:none;
  box-shadow:none;
  color: #0066cc;
  margin:0 0 0.5em;
  padding:0;
}
#container #contents #multi-basic-price h3:before {
  content:none;
}
#multi-basic-price .flex .half {
  background: #fff;
  padding: 15px;
  color: #0066cc;
  width:calc(50% - 5px);
}

#multi-basic-price .flex .half .price {
  background: #0066cc;
  text-align: center;
  color: #fff;
  margin-top:auto;
}

#multi-basic-price .flex .half .price p {
  font-weight: bold;
  margin: 0 !important;
}

#multi-basic-price .flex .half dl dd ul {
  margin-bottom: 10px;

}

#multi-basic-price .flex .half dl dd ul li {
  font-size: 1.5rem;
  padding-left: 1em;
  line-height: 1.3;
  margin-bottom: 10px;
}

#multi-basic-price .flex .h3 {
  line-height: 2;
  font-weight: bold;
}

#multi-basic-price .flex dl {
  display: flex;
  flex-wrap: wrap;
}

#multi-basic-price .flex dl dt {
  width: 40%;
}

#multi-basic-price .flex dl dd {
  width: 60%;
}

#multi-basic-price .flex dl dt img {
  margin-bottom: 15px;
  max-width: 100%;
}

#multi-basic-price .flex dl .price {
  background: #0066cc;
  color: #fff;
  padding: 15px 10px;
  margin-top:auto;
}

#multi-basic-price .flex dl dd.price {
  font-weight: bold;
  font-size: 3rem;
}

#multi-basic-price .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

#multi-basic-price .flex .half {
  border: 5px solid #66ccff;
  display:flex;
  flex-direction:column;
}

#multi-basic-price .flex .half .price p{
  font-size: 2rem!important;
  line-height:1.5!important;
  padding:0.5em 0;
}

#multi-basic-price .flex .half .price p span {
  font-weight: bold;
  font-size:1.5em;
}
@media screen and (max-width: 768px) {
	#multi-basic-price .flex .half {
	  width:100%;
	}
}
.tel-btn dd.number span{
	margin-bottom:0.25em;
	font-size:0.5em!important;
}
.contact-group dl.tel-btn{
	position:relative;
	justify-content:center;
}
.contact-group dl.tel-btn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .contact-group dl.tel-btn a{
    pointer-events: inherit;
  }
	.tel-btn dd.number span{
		font-size:0.55em;
	}
}
#mitsumori .estimate-footer-contact-btn-tel__tel{
	position:relative;
}
@media screen and (min-width: 769px) {
	#mitsumori .estimate-footer-contact-btn-tel__tel span{
		font-size:0.8em;
		position:absolute;
		left:50%;
		transform:translateX(-50%)
	}
}
@media screen and (max-width: 768px) {
	#mitsumori .estimate-footer-contact-btn-tel__tel span{
		font-size:0.8em;
		display:block;
	}
}
#question ul li h3{
	font-weight:700;
	font-size:1.2em!important;
	line-height:1.5!important;
}
#question ul li p{
	font-size:1em!important;
	padding:0;
	margin:1em 0 0!important;
}
#question ul{
  margin:4rem auto!important;
  padding:0!important;
  max-width:1000px;
}
#question ul li{
  padding:2em 3em 2em 2em!important;
  background-color:#fff;
  margin:0 0 2rem!important;
  position:relative;
  border-radius:8px;
  list-style:none!important;
}
#question ul li::before,
#question ul li::after {
	position: absolute;
	background-color: #0066cc;
	content: '';
}

#question ul li::before {
	top: 4.5rem;
	right: 30px;
	width: 2px;
	height: 18px;
	-webkit-transition: all .3s;
	        transition: all .3s;
        transform: rotate(-90deg);
}
#question ul li::after {
	top: 4.5rem;
	right: 30px;
	width: 2px;
	height: 18px;
	-webkit-transition: all .3s;
	        transition: all .3s;
        transform: rotate(0deg);
}
#question ul li.open::after {
        transform: rotate(90deg);
}
#question ul li h3.question{
  font-weight:700;
  font-size:1.3rem;
  padding-left:2.2rem;
  position:relative;
  padding:2em 0 2em 0!important;
  z-index:10;
  cursor:pointer;
  transition:.2s;
}
#question ul li.open h3.question{
  border-bottom:1px solid #ddd;
}
#question ul li h3.question::before{
  content: "Q"!important;
  font-size:1.5em;
  font-weight:700;
  color: #0066cc;
}
#question ul li .answer{
  padding-left:2.2em;
  position:relative;
  padding:0 0 0 2em;
  margin-top:1.5em!important;
}
#question ul li .answer::before{
  content:"A";
  font-size:1.5em;
  font-weight:700;
  position:absolute;
  top:0;
  left:0;
  color:#e86b78;
}
.faq .more{
  text-align:center;
}
@media screen and (max-width: 768px) {
	#question ul li h3{
		font-size:1em!important;
		line-height:1.25!important;
	}
	#question ul li p{
		font-size:0.85em!important;
	}
	#question ul li{
	  padding:1em 3em 1em 1em;
	  background-color:#fff;
	  margin:0 0 2rem;
	  position:relative;
	  border-radius:8px;
	}
}
.gaiyo{
	margin:4rem auto;
}
.gaiyo dl{
	max-width:calc(100% - 2rem);
	width:800px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:0 2rem;
	position:relative;
	padding:0 0;
	overflow:hidden;
	text-align:left;
}
.gaiyo dl dt{
	font-weight:bold;
	width:10rem;
	line-height:1.5;
	padding:1em 0;
	position:relative;
	font-size:1.6rem;
}
.gaiyo dl dt:after{
	width:100vw;
	height:1px;
	content:'';
	position:absolute;
	border-bottom:1px solid #ddd;
	left:0;
	bottom:0;
}
.gaiyo dl dt:last-of-type:after{
	content:none;
}
.gaiyo dl dd{
	width:calc(100% - 12rem);
	line-height:1.5;
	padding:1em 0;
	font-size:1.6rem;
}
#footer-official + p{
	padding-bottom:1rem;
}

.contact_area{
	width:300px;
	float:right;
	padding:0 0 1em 1em;
}
.contact_area a{
	display:flex;
	align-items:center;
	gap:0.5em;
	padding:0.5em;
	font-size:2.4rem;
	font-weight:bold;
	background-color:#f85921;
	border-radius:10px;
	margin-top:1rem;
}
.contact_area a:hover img{
	opacity:1;
}
.contact_area a span{
	font-weight:bold;
	color:#fff;
}
.contact_area .icon{
	width:1.5em;
	display:flex;
	align-items:center;
	width:2em;
	height:2em;
	background-color:#fff;
	border-radius:50%;
	padding:0.25em;
}
@media screen and (max-width: 640px) {
	.contact_area{
		float:none;
		padding:1em 1em;
		margin:0 auto;
	}
}
.shop_only{
	display:none;
	font-weight:bold;
}
.post-name-area2 .shop_only,
.post-name-multi-index .shop_only{
	display:inline;
}

#container #contents .area_txt{
	max-width:1000px;
	width:calc(100% - 20px);
	margin:4rem auto;
	padding:2rem;
	background-color:#ecf5ff;
}
#single_seo h1{
	background-color:#1f7eaa;
	color:#fff;
	padding:1.4rem;
	font-size:2.4rem;
	font-weight:700;
	line-height:1.5;
	margin-bottom:1em;
}
@media screen and (max-width: 768px) {
	#single_seo h1{
		font-size:1.8rem;
	}
}
.toc {
    margin-bottom: 30px;
    padding: 1em;
    border: 1px solid #999;
    background-color: #f7f7f7;
    color: #333333;
}
.toc div {
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
    padding: 5px 0;
}
.toc div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23333'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}
.toc ol {
    list-style-type: decimal;
    margin: 0;
    padding: 0 1.2em;
}
.toc ol ol {
    margin-top: 5px;
}
.toc li {
    padding: 5px 0;
	font-size:1.6rem;
	line-height:1.5;
}
.toc li + li{
	margin-top:0.25em;
}
.toc a {
    color: #166c9d;
}
.toc a:hover{
    color: #40a0d7;
}
@media screen and (max-width: 768px) {
	.toc {
	 margin:0 1rem 30px;
	}
	.toc div {
		font-size:1.8rem;
	}
	.toc ol {
		padding: 0 1em 0 2em;
	}
	.toc li {
		font-size:1.4rem;
		margin:0;
		padding:3px 0;
	}
	.toc li + li{
		margin-top:0;
	}
}
.price_service{
  padding:20px 0 80px;
  background-color:#f8f8f8;
  box-shadow:0 0 0 100vmax #f8f8f8;
  clip-path: inset(0 -100vmax);
  margin-top:80px;
}
#single_seo .price_service .attention{
	margin:1em 0 0 0!important;
	font-size:1.4rem!important;
}
#single_seo h2{
	background:none!important;
	color: #0066cc!important;
	font-size:3rem!important;
	padding:0!important;
	margin:2em 0 1em!important;
	display:flex!important;
	justify-content:center;
	box-shadow:none!important;
	font-weight:bold;
}
#single_seo h2:before{
	content:none!important;
}
#single_seo h3 {
  line-height: 2!important;
  font-weight: bold!important;
  background: none!important;
  color: #0066cc!important;
  padding: 0!important;
  margin:1em 0 0.5em!important;
  font-size: 2rem!important;
  box-shadow:none!important;
  border:none!important;
}
#single_seo h3:before {
  content: none!important;
}
#single_seo p {
	margin:0 0 1em!important;
}
@media screen and (max-width: 768px) {
	#single_seo h2{
		font-size:2.2rem!important;
	}
	#single_seo h3 {
		font-size:2rem!important;
	}
	#single_seo p {
		font-size:1.4rem!important;
		text-align:left;
	}
}
.flex_two{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;
}
.flex_two .item{
	width:calc(50% - 1rem);
}
#single_seo .flex_two .item {
  background: #fff;
  padding: 15px;
  color: #0066cc;
  width:calc(50% - 5px);
}

#single_seo .flex_two .item .price {
  background: #0066cc;
  text-align: center;
  color: #fff;
  margin-top:auto;
  width:100%;
}

#single_seo .flex_two .item  .price p {
  font-weight: bold;
  margin: 0 !important;
}

#single_seo .flex_two .item  dl dd ul {
  margin:0 0 10px!important;
  padding:0!important;
}

#single_seo .flex_two .item  dl dd ul li {
  font-size: 1.5rem;
  padding-left: 1em;
  line-height: 1.3!important;
  margin-bottom: 10px!important;
  list-style:none;
}

#single_seo .flex_two .item .h3 {
  line-height: 2;
  font-weight: bold;
  margin:0 !important;
}

#single_seo .flex_two .item  dl {
  display: flex;
  flex-wrap: wrap;
}

#single_seo .flex_two .item  dl dt {
  width: 40%;
}

#single_seo .flex_two .item  dl dd {
  width: 60%;
}

#single_seo .flex_two .item  dl dt img {
  margin-bottom: 15px;
  max-width: 100%;
}

#single_seo .flex_two .item  dl .price {
  background: #0066cc;
  color: #fff;
  padding: 15px 10px;
  margin-top:auto;
}

#single_seo .flex_two .item  dl dd.price {
  font-weight: bold;
  font-size: 3rem;
}

#single_seo .flex_two .item {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#single_seo .flex_two .item:first-child{
	border:1px solid #ddd;
}
#single_seo .flex_two .item  .half {
  border: 5px solid #66ccff;
  display:flex;
  flex-direction:column;
}

#single_seo .flex_two .item .price p{
  font-size: 2rem!important;
  line-height:1.5!important;
  padding:0.5em 0;
  text-align:center;
}

#single_seo .flex_two .item .price p span {
  font-weight: bold;
  font-size:1.5em;
}
#single_seo .flex_two .item:last-child {
	padding:0 1.4rem;
	gap:2rem;
	background:none;
}
#single_seo .price_service .item:last-child dl {
  display: table;
  border: #1a93cc 2px solid;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
}
#single_seo .price_service .item:last-child dl dt, #single_seo .price_service  dl dd {
  display: table-cell;
  vertical-align: middle;
}
#single_seo .price_service .item:last-child dt {
  font-size: 1.5rem;
  padding: 0.75em;
  line-height: 1.5;
  width:calc(100% - 15rem);
}
#single_seo .price_service .item:last-child dd {
  text-align: center;
  background: #1a93cc;
  color: #fff;
  font-weight: bold;
  padding: 0.75em 0;
  width:15rem;
}
@media screen and (max-width: 768px) {
	.toilet_sec{
		margin:0 1.4rem;
	}
	#single_seo .flex_two{
		gap:2rem;
	}
	#single_seo .flex_two .item{
		width:100%;
	}
	#single_seo .flex_two .item:last-child {
		padding:0;
	}
	#single_seo .price_service .item:last-child dd {
		font-size:1.4rem;
	}
}
#hikaku table {
  border-collapse: collapse;
  width: 100%;
}
#hikaku th, #hikaku td {
  border: 2px #ccc solid;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  vertical-align: middle;
}
#hikaku th {
  color: #0066cc;
}
#hikaku td {
  color: #333;
}
#hikaku th.self, #hikaku td.self {
  background-color: #eaffff;
  color: #0078fd;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
   #hikaku th, #hikaku td {
    font-size: 1.2rem !important;
  }
}
.toilet_sec.kyoten{
  padding:20px 0 80px;
  background-color:#edf6ff;
  box-shadow:0 0 0 100vmax #edf6ff;
  clip-path: inset(0 -100vmax);
  margin-top:80px;
}
.toilet_sec.kyoten .kyoten_info{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	gap:2rem 4rem;
}
.toilet_sec.kyoten .kyoten_info table{
	width:calc(100% - 200px - 4rem);
}
@media screen and (max-width: 640px) {
	.toilet_sec.kyoten .kyoten_info table{
		width:100%;
	}
}
.toilet_sec.kyoten .kyoten_info .img{
	width:200px;
}
.toilet_sec.kyoten .kyoten_info .img img{
	width:100%!important;
	border-radius:50%;
}
#single_seo .toilet_sec.kyoten .kyoten_info .img p{
	font-size:1.4rem!important;
	display:flex;
	justify-content:center;
	margin-top:0.5em!important;
}
.toilet_sec.kyoten table{
	width:100%;
}
.toilet_sec.kyoten table th,
.toilet_sec.kyoten table td{
	border:1px solid #1a93cc;
	padding:0.75em;
}
.toilet_sec.kyoten table th{
	background-color:#c1ebff;
	width:20%;
	text-align:center;
}
.toilet_sec.kyoten table td{
	background-color:#fff;
}
.toilet_sec.kyoten p{
	margin:0!important;
	font-size:1.6rem;
}

@media screen and (max-width: 768px) {
	.toilet_sec.kyoten table th,
	.toilet_sec.kyoten table td{
		font-size:1.4rem;
	}
}
.toilet_sec.area{
	border:1px solid #1a93cc;
	margin:60px 0;
}
.toilet_sec.area{
	border:1px solid #1a93cc;
	margin:60px 0;
	padding:4rem 4rem;
}
#single_seo .toilet_sec.area h2{
	margin-top:0!important;
}
.toilet_sec.area p{
	margin:0!important;
}
@media screen and (max-width: 768px) {
	.toilet_sec.area{
		margin:60px 1.4rem;
		padding:4rem 1.5rem;
	}
}
.toilet_sec.voice{
  padding:20px 0 80px;
  background-color:#f8f8f8;
  box-shadow:0 0 0 100vmax #f8f8f8;
  clip-path: inset(0 -100vmax);
  margin-top:80px;
}
.toilet_sec.voice .inner{
	display:flex;
	flex-direction:column;
	gap:4rem;
	padding:0!important;
}
.toilet_sec.voice .inner:after{
	content:none!important;
}
.toilet_sec.voice .inner .item{
	background-color:#fff;
	border-radius:10px;
	padding:4rem 4rem;
}
.toilet_sec.voice .inner .item .info{
	display:flex;
	flex-wrap:wrap;
	gap:0 2em;
}
.toilet_sec.voice .inner .item .info dl{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	margin-bottom:2rem;
	border-bottom:1px solid #ddd;
	padding-bottom:0.5em;
}
.toilet_sec.voice .inner .item .info dl dt{
	color:#1a93cc;
}
@media screen and (max-width: 768px) {
	.toilet_sec.voice .inner .item{
		padding:2rem;
	}
	.toilet_sec.voice .inner .item .info dl{
		font-size:1.4rem;
		width:100%;
	}
}
.toilet_sec.flow{
  padding:20px 0 80px;
  background-color:#edf6ff;
  box-shadow:0 0 0 100vmax #edf6ff;
  clip-path: inset(0 -100vmax);
}
.toilet_sec.flow #flow{
	background:none;
}
#flow ul {
  margin: auto!important;
  max-width:750px;
  padding:0!important;
}
#flow li {
  background: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  list-style:none;
}
#flow dl {
  display: flex;
  flex-wrap: wrap;
  margin-top:3rem;
}
#flow dt {
  width: 75%;
}
#flow dt .title {
  position: relative;
  padding: 0 0 0 3em;
  text-align: left;
  line-height: 2;
  color: #0066cc;
  font-weight: bold;
}
#flow dt .title span {
  position: absolute;
  top: 0;
  text-align: center;
  left: 0;
  font-weight: bold;
  margin-right: 13px;
  color: #fff;
  width: 2em;
  background: #3399ff;
}
#single_seo #flow dt span,
#single_seo #flow dt p,
#single_seo #flow dt span,
#single_seo #flow dt p {
  margin: 0 !important;
  line-height: 1.5 !important;
  font-weight: bold;
  text-align: center;
}

#flow dd {
  width: 25%;
}
#flow dd img{
  max-width: 100%!important;
}
#single_seo #flow .flow_tel img {
  width: 4rem;
}
#single_seo #flow .flow_tel,
#single_seo #flow .flow_tel:link {
  color: #f85921;
  font-size: 3rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0;
  line-height: 1;
  cursor: default;
}
#single_seo #flow .flow_tel:hover {
  transform: scale(1);
}
#single_seo #flow .flow_tel:hover img {
  opacity: 1;
}

#flow dt .title {
  padding: 0!important;
}

@media screen and (max-width: 768px) {
  .flow_tel img {
    width: 5vw;
  }
  .flow_tel,
  .flow_tel:link {
    font-size: 4vw;
    gap: 1.5vw;
    margin-bottom: 0;
  }
}
#contents #single_seo #flow h3.unset {
  font-size: 3rem!important;
  text-align: center!important;
  display: block;
  line-height: 2;
  margin:0 0 0.5rem!important;
}
#contents #single_seo #flow p {
  font-size: 2.3rem!important;
  text-align: center!important;
  display: block;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  #contents #single_seo #flow h3.unset {
    font-size: 1.5rem!important;
  }
  #contents #single_seo #flow p {
    font-size: 1.2rem!important;
  }
  #contents #single_seo #flow .flow_tel,
  #contents #single_seo #flow .flow_tel:link {
    font-size: 4vw;
    gap: 1.5vw;
    margin-bottom: 0;
  }
  #contents #single_seo #flow .flow_tel img{
    width:1.5em;
  }
}
.payment {
  background-image: url("../images/multi-home/image_01.png");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #edf1f2;
  padding: 2em;
}
#single_seo .payment p span,#single_seo  .payment p {
  font-weight: bold;
  margin: 0 0 1.5rem!important;
  line-height: 1!important;
  font-size: 5rem!important;
}
#single_seo .payment p span,#single_seo  .payment p span{
  font-size: 3rem!important;
}
@media screen and (max-width: 768px) {
	.payment {
		background: url("../images/multi-home/image_01.png") no-repeat right 22% top / cover #edf1f2;
	}
	#single_seo .payment p span,#single_seo  .payment p {
	  margin: 0 0 1.5rem!important;
	  font-size: 2.5rem!important;
	}
	#single_seo .payment p span,#single_seo  .payment p span{
	  font-size: 1.6rem!important;
		margin-top:0.5em!important;
		line-height:1.15!important;
		display:block;
	}
}
.toilet_sec.faq{
  padding:20px 0 80px;
  background-color:#edf6ff;
  box-shadow:0 0 0 100vmax #edf6ff;
  clip-path: inset(0 -100vmax);
}
.toilet_sec.faq #question{
	background:none;
}
#single_seo .toilet_sec.faq .faq_tit{
	display:flex;
	align-items:center;
}
#single_seo .toilet_sec.faq .faq_tit img{
	width:3em;
	margin-right:0.5em;
}
.toilet_sec.reason .item{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	gap:2rem 0;
	margin-top:3rem;
}
.toilet_sec.reason .item:nth-child(even){
	flex-direction:row-reverse;
}
.toilet_sec.reason .item .img{
	width:300px;
	position:relative;
}
.toilet_sec.reason .item .img span{
	font-size:7rem;
	position:absolute;
	font-family:serif;
	top:0;
	left:0;
	color:#1a93cc;
	font-weight:bold;
	text-shadow: 0 0 5px #fff;
	line-height:1;
}
.toilet_sec.reason .item .txt{
	width:calc(100% - 332px);
}
#single_seo .toilet_sec.reason .item .txt h3{
	line-height:1.5!important;
}
#single_seo .toilet_sec.reason .item .img img{
	max-width:100%!important;
	border-radius:50%;
}
.toilet_sec.reason .item .txt p{
	font-size:1.6rem;
}
@media screen and (max-width: 768px) {
	.toilet_sec.reason .item{
		align-items:flex-start;
	}
	.toilet_sec.reason .item .img{
		width:80px;
		margin-top:3rem;
	}
	.toilet_sec.reason .item .img span{
		font-size:4rem;
		position:absolute;
		font-family:serif;
		top:64px;
		left:17px;
		color:#1a93cc;
	}
	.toilet_sec.reason .item .txt{
		width:calc(100% - 90px);
	}
	#single_seo .toilet_sec.reason .item .txt h3{
		font-size:1.8rem!important;
	}
	#single_seo .toilet_sec.reason .item .txt p{
		font-size:1.4rem!important;
		text-align:left;
		line-height:1.5!important;
	}
}
#single_seo .sv{
	margin-bottom:3rem;
}
#single_seo .sv img{
	width:100%!important;
}
.onayami_lead p strong{
	color:#267da7;
	font-size:1.125em;
	font-weight:700;
}
#single_seo .oisogi{
	border:1px solid #267da7;
	display:flex;
	flex-direction:column;
	align-items:center;
	max-width:600px;
	margin:4rem auto;
}
#single_seo .oisogi .tit{
	background-color:#267da7;
	width:100%;
	display:flex;
	justify-content:center;
	color:#fff;
	font-weight:700;
	padding:0.25em 0.5em;
	font-size:1.25em!important;
}
#single_seo .oisogi .oisogi_txt{
	font-size:1.25em!important;
	font-weight:700;
	margin:0!important;
}
#single_seo .oisogi .oisogi_txt02{
	font-size:1.125em!important;
	font-weight:700;
	margin:0!important;
	color:#f95124;
}
#single_seo .oisogi .tel a{
	display:flex;
	align-items:center;
	gap:1em;
	color:inherit;
}
#single_seo .oisogi .tel a img{
	width:100px;
}
#single_seo .oisogi .tel a > span{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}
#single_seo .oisogi .tel a > span .txt{
	display:flex;
	flex-direction:column;
	color:#267da7;
	font-weight:700;
}
#single_seo .oisogi .tel a > span .num{
	font-size:2.5em;
	font-weight:700;
}
@media screen and (max-width: 768px) {
	#single_seo .oisogi .tit{
		font-size:1.125em!important;
	}
	#single_seo .oisogi .oisogi_txt{
		font-size:1.125em!important;
	}
	#single_seo .oisogi .oisogi_txt02{
		font-size:1em!important;
	}
	#single_seo .oisogi .tel a{
		margin:1em 1.4rem;
	}
	#single_seo .oisogi .tel a img{
		width:60px;
	}
	#single_seo .oisogi .tel a > span{
		gap:0.25rem;
	}
	#single_seo .oisogi .tel a > span .txt{
		font-size:0.8em;
		line-height:1;
	}
	#single_seo .oisogi .tel a > span .num{
		font-size:1.75em;
		line-height:1.25;
	}
}
#single_seo .onayami_list{
	margin:5rem auto!important;
	padding:0!important;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:2rem;
}
#single_seo .onayami_list li{
	margin:0 auto!important;
	padding:0 0 0 2em!important;
	list-style:none;
	width:calc(50% - 1rem);
	background:url(../images/common/icon_check.svg) no-repeat left top / 1.5em;
	font-size:1.5em;
	font-weight:700;
	line-height:1.5;
}
@media screen and (max-width: 768px) {
	#single_seo .onayami_list li{
		width:100%;
		font-size:1.25em;
	}
}
#single_seo .highlight{
  padding:20px 0 80px;
  background-color:#f8f8f8;
  box-shadow:0 0 0 100vmax #f8f8f8;
  clip-path: inset(0 -100vmax);
  margin-top:80px;
}
#single_seo .highlight.blue{
  background-color:#edf6ff;
  box-shadow:0 0 0 100vmax #edf6ff;
}
/* parts_02 */
#single_seo .step {
  max-width:940px;
  margin:0 auto;
}
#single_seo .step .item{
  position:relative;
  padding-bottom:50px;
}
#single_seo .step .item::after{
  content:'';
  position:absolute;
  bottom:10px;
  left:56px;
  width:1px;
  height:calc(100% - 140px);
  border-right:4px dotted #333333;
}
#single_seo .step .item:last-child::after{
  content:none;
}
#single_seo .step .item .num{
  font-size:50px;
  font-weight:700;
  line-height:1;
  background: linear-gradient(#3576af 0%, #3576af 5.83%, #004888 35.13%, #002b51 100%);
  color:#fff;
  width:120px;
  height:120px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  position:absolute;
  top:0;
  left:0;
}
#single_seo .step .item .num span{
  font-size:20px;
  display:block;
  line-height:1;
}
#single_seo .step .item .inner{
  background-color:#fff;
  padding:1.5em 3em!important;
  margin:0 0 0 110px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#single_seo .step .item .inner h3{
  font-size:25px;
  font-weight:700;
  background-color:;
  background: linear-gradient(transparent 0%, #D3EFF5 0%);
  background-size: 100% 32%;
  background-position: left 1.25em;
  background-repeat: no-repeat;
  display:inline-block;
  padding:0.5em 0;
  margin-top:0!important;
}
#single_seo .step .item .inner p{
  font-size:20px;
  margin:0!important;
}
@media screen and (max-width: 768px) {
  #single_seo .step .item{
    position:relative;
    padding-bottom:50px;
  }
  #single_seo .step .item::after{
    bottom:10px;
    left:38px;
    width:1px;
    height:calc(100% - 100px);
  }
  #single_seo .step .item .num{
    font-size:32px;
    width:80px;
    height:80px;
  }
  #single_seo .step .item .num span{
    font-size:12px;
  }
  #single_seo .step .item .inner{
    padding:1.5em!important;
    margin:0 0 0 90px;
  }
  #single_seo .step .item .inner h3{
    font-size:20px;
  }
  #single_seo .step .item .inner p{
    font-size:16px;
  }
}
/* end/parts_02 */
#single_seo #cntactbnr{
	margin:3rem 0 6rem;
}
#single_seo .drain-price p{
	color:#222;
}
#single_seo .drain-price .item{
	margin-bottom:3rem;
}
#single_seo .drain-price table{
  margin:1rem 0;
  width:100%;
  table-layout: fixed;
}
#single_seo .drain-price table th,
#single_seo .drain-price table td{
  border:1px solid #267da7;
  padding:1.4rem;
}
#single_seo .drain-price table th{
  width:25%;
  min-width:10rem;
  font-weight:normal;
  background-color:#d2e9f4;
  vertical-align: middle;
  text-align:center;
  color:#222;
  font-weight:700;
}
#single_seo .drain-price table td{
  background-color:#fff;
  color:#222;
  line-height:1.55;
}
#single_seo .drain-price table td .num{
	font-size:1.25em;
	font-weight:700;
	color:#dd0000;
}
#single_seo .drain-price table td .text_red{
	color:#dd0000;
}
@media screen and (max-width: 640px) {
	#single_seo .drain-price table th,
	#single_seo .drain-price table td{
		font-size:1.4rem;
		padding:1.2rem;
	}
	#single_seo .drain-price table td .text_red{
		font-size:1.4rem;
	}
}
#single_seo .sec_drain_price{
  padding-bottom: 10px;
}
#single_seo .point_area .item{
	display:flex;
	gap:1.6rem;
	margin-bottom:3rem;
	padding-bottom:3rem;
	border-bottom:dotted 2px #c5c5c5;
}
#single_seo .point_area .item .icon{
	width:150px;
}
#single_seo .point_area .item .txt{
	width:calc(100% - 166px);
}
#single_seo .point_area .item .icon img{
	width:100%;
}
#single_seo .point_area .item .txt h3{
	margin:0 0 0.25em!important;
	color:#f95124!important;
	line-height:1.5!important;
}
#single_seo .point_area .item .txt p{
	margin:0!important;
}
@media screen and (max-width: 640px) {
	#single_seo .point_area .item .icon{
		width:84px;
	}
	#single_seo .point_area .item .txt{
		width:calc(100% - 100px);
	}
	#single_seo .point_area .item .txt h3{
		font-size:1.8rem!important;
	}
}
#single_seo .place{
	display:flex;
	flex-wrap:wrap;
	gap:1.5rem;
}
#single_seo .place .item{
	width:calc(100% / 5 - (6rem / 5));
	text-align:center;
	color:#222;
	font-size:1.4rem;
	font-weight:700;
}
#single_seo .place .item img{
	width:100%;
	border-radius:50%;
	margin-bottom:0.5rem;
}
@media screen and (max-width: 640px) {
	#single_seo .place .item{
		width:calc(100% / 3 - (3rem / 3));
		text-align:center;
		color:#222;
		font-size:1.2rem;
		font-weight:700;
	}
	#single_seo .place .item img{
		width:100%;
		border-radius:50%;
		margin-bottom:0.5rem;
	}
}
#single_seo .case{
	margin-top:5rem;
}
#single_seo .case .item{
	display:flex;
	gap:2rem;
	margin-bottom:3rem;
	padding-bottom:3rem;
	border-bottom:1px solid #ddd;
}
#single_seo .case .item:last-child{
	border:none;
	margin:0;
	padding:0;
}
#single_seo .case .item .txt{
	width:calc(100% - 320px);
}
#single_seo .case .item .img{
	width:300px;
}
#single_seo .case .item .img img{
	width:100%;
}
#single_seo .case .item .txt h3{
	margin-top:0!important;
	line-height:1.5!important;
}
#single_seo .case .item .txt p{
	margin-bottom:0!important;
}
#single_seo .case .info{
	display:flex;
	flex-wrap:wrap;
	gap:0 2em;
}
#single_seo .case .info dl{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
	margin-bottom:2rem;
	border-bottom:1px solid #ddd;
	padding-bottom:0.5em;
}
#single_seo .case .info dl dt{
	color:#1a93cc;
}
@media screen and (max-width: 768px) {
	#single_seo .case .info dl{
		font-size:1.4rem;
		width:100%;
		margin-bottom:1rem;
	}
}
@media screen and (max-width: 640px) {
	#single_seo .case .item{
		gap:1rem;
		flex-direction:column-reverse;
	}
	#single_seo .case .item .txt{
		width:100%;
	}
	#single_seo .case .item .img{
		width:100%;
	}
}
.must-know {
	margin-bottom:4rem;
}
.must-know ul{
	display:flex;
	flex-wrap:wrap;
	gap:2.4rem;
}
.must-know ul li{
	width:calc(25% - 1.8rem);
}
.must-know ul li a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:0.5em;
	height:100%;
	background-color:#2f93c9;
	color:#fff;
	font-size:1.8rem;
	font-weight:700;
	padding:0.75em 1em;
	border-radius:5px;
}
.must-know ul li a:after{
	font-family:"FontAwesome";
	content:"\f061";
	font-weight:normal;
}
@media screen and (max-width: 768px) {
	.must-know ul{
		gap:1.5rem 2.4rem;
	}
	.must-know ul li{
		width:calc(50% - 1.2rem);
	}
	.must-know ul li a{
		font-size:1.6rem;
		padding:0.5em 1em;
		border-radius:5px;
	}
	.multi-home #container #contents .kotsu h2.title.unset{
		font-size:2.5rem!important;
	}
}

/* footer_link */
.footer_link{
	background-color:#173c7a;
	color:#fff;
	border-top:1px solid #fff;
	padding:0 1rem 3rem;
}
body #footer > p{
	padding-bottom:1.5em;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}
.fade-in {
  animation: fadeIn 0.3s forwards;
}
.fade-out {
  animation: fadeOut 0.3s forwards;
}
.fade-active {
  opacity: 1;
}
.acc_btn {
	position: relative;
	padding: 0.5em 0.5em;
	cursor: pointer;
	border:1px solid #6f91c9;
	transition:.2s;
	max-width:960px;
	margin:3rem auto 0;
	font-size:16px;
	font-weight:700;
	width:100%;
	text-align:left;
}
.acc_btn:hover{
	background-color:#6f91c9;
}
.acc_btn::after {
	content: "";
	position: absolute;
	right: 1rem;
	top:1rem;
	width:0.75rem;
	height:0.75rem;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
	transition:.4s;
}
.acc_btn.open::after {
	position: absolute;
	top:1.25rem;
	transform:rotate(-135deg);
}
.acc_wrap {
	display:none;
	flex-wrap:wrap;
	max-width:960px;
	margin:0 auto;
}
.acc_wrap.fade-in {
	display:flex;
	justify-content:flex-start;
	justify-content:space-between;
}
.acc_wrap .inner{
	width: calc(50% - 1rem);
	margin:0;
}
.footer_link h3 a{
	color:#fff;
	font-weight:700;
	display:block;
	margin:1.25em 0 0.75em;
	font-size:16px;
	border-bottom:solid 1px #6f91c9;
	padding:0.5em 0;
	text-align:left;
}
.acc_wrap .inner ul{
	display:flex;
	flex-wrap:wrap;
	gap:1rem 1.5em;
}
.acc_wrap .inner ul li{
	margin:0;
	line-height:1.5;
}
.footer_link h3 a:hover{
	transform:scale(1);
	opacity:0.8;
}
.acc_wrap .inner ul li a{
	color:#fff;
	font-size:14px;
}
.acc_wrap .inner ul li a:hover{
	text-decoration:underline;
}
@media screen and (max-width: 768px) {
	.acc_wrap .inner{
		width: 100%;
	}
	.footer_link h3 a{
		font-size:14px;
	}
	.acc_wrap .inner ul{
		gap:0.25rem 1.5rem;
	}
	.acc_wrap .inner ul li a{
		font-size:12px;
	}
}
/* popup bnr */
.loading_ad{
  position: fixed;
  top: calc(50% - 236px);
  left: calc(50% - 300px);
  z-index: 99999;
  display: flex;
  align-items: center;
  flex-direction:column;
  justify-content: center;
  transition:.4s;
}
.overlay_bg{
  content:'';
  background: rgba(0,0,0,0.75);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}
.loading_ad.fix::after{
  background: rgba(0,0,0,0.5);
}
.loading_ad .sp_txt{
  display:none;
}
.loading_ad .popup_bnr {
  text-align:center;
  transition:.5s;
  position:relative;
  z-index:10;
  max-width:100%;
  width:600px;
}
.loading_ad .popup_bnr a{
  display:block;
  transition:.5s;
  background-color:#fff;
}
.loading_ad .popup_bnr a:hover{
  transform:scale(1);
}
.loading_ad .popup_bnr a:hover img{
  opacity:0.9;
}
.loading_ad .popup_bnr img{
  margin:0 auto;
  display:block;
  transition:.5s;
  max-width:100%;
}
.loading_ad.fix .popup_bnr img{
  max-width:100%;
}
.loading_ad.fix{
  background:none;
  max-width:100%;
  width:240px;
  height:auto;
  top:calc(100% - 305px);
  left:0;
  position:fixed;
}
.loading_ad.fix.open{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction:column;
  justify-content: center;
}
.loading_ad.fix .popup_bnr{
  width:240px;
  height:auto;
}
.loading_ad.fix.open .popup_bnr{
  width:720px;
  height:auto;
}
.loading_ad .sp_txt{
  display:none;
}
.loading_ad #close {
  display:block;
  width:50px;
  height:50px;
  background-color:#ed9c32;
  position: absolute;
  right:0;
  top:0;
  z-index:100;
  cursor:pointer;
}
.loading_ad #close span::before,
.loading_ad #close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 4px;
  margin: -5% 0 0 -30%;
  background: #fff;
  transition:.6s;
}
.loading_ad #close span::before {
  transform: rotate(-45deg);
  transition:.2s;
}
.loading_ad #close span::after {
  transform: rotate(45deg);
  transition:.2s;
}
.loading_ad.fix #close{
    width:34px;
    height:34px;
}
.loading_ad.fix #close span::before {
  transform: rotate(-0deg);
}
.loading_ad.fix #close span::after {
  transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  .loading_ad.fix .sp_txt{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    position:absolute;
    left:0;
    top:0;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index:100;
    height: auto;
    min-height: 214px;
    background-color:#ed9c32;
    color:#fff;
    padding: 10px 11px;
    transform:translateX(-100%);
    border-radius:5px 0 0 5px;
  }
  .loading_ad .sp_txt p{
    letter-spacing:0.1em;
    font-size:12px;
	font-weight:700;
  }
  .loading_ad .popup_bnr {
    text-align:center;
    transition:.4s;
    position:relative;
    z-index:10;
    max-width:96vw;
    width:340px;
  }
  .loading_ad.fix .popup_bnr{
    max-width:100%;
  }
  .loading_ad .popup_bnr img{
    max-width:100%;
    margin:0 auto;
    display:block;
    transition:.2s;
  }
  .loading_ad.fix .popup_bnr img{
    max-width:100%;
    width:340px;
  }
  .loading_ad{
    top: calc(50% - 137px);
    right: calc(50% - 170px);
    left:auto;
  }
  .loading_ad.fix{
    background:none;
    display:block;
    right:-240px;
    top: calc(8vh + 232px);
    left:auto;
  }
  .loading_ad.fix.open{
    transform:translateX(0%);
  }
  .loading_ad #sp_close {
  	display: inline-block;
  	width: 18px;
  	height: 18px;
  	position: absolute;
  	left: 6px;
  	top: 5px;
  }
  .loading_ad #sp_close span::before,
  .loading_ad #sp_close span::after {
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	width: 84%;
  	height: 16%;
  	margin: 0% 0 0 -30%;
  	background: #fff;
  	transition:.6s;
  }
  .loading_ad #sp_close span::before {
  	transform: rotate(0deg);
  }
  .loading_ad #sp_close span::after {
  	transform: rotate(90deg);
  }
  .loading_ad.fix.open #sp_close  span::before {
  	transform: rotate(-45deg);
  }
  .loading_ad.fix.open #sp_close  span::after {
    transform: rotate(45deg);
  }
  .loading_ad #close {
    width:34px;
    height:34px;
  }
}
/* end/popup bnr */