@charset "UTF-8";
p {
	line-height: 1.8;
	@include justify;
	text-align:left;
}
/* rank
-----------------*/
.recommend__box:nth-of-type(1) span.icon{
	background-image: url("/images/recommend_icon01.svg");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(2) span.icon{
	background-image: url("/images/recommend_icon02.svg");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(3) span.icon{
	background-image: url("/images/recommend_icon03.svg");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.recommend__box:nth-of-type(4) span.icon{
	background-image: url("/images/recommend_icon04.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(5) span.icon{
	background-image: url("/images/recommend_icon05.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(6) span.icon{
	background-image: url("/images/recommend_icon06.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(7) span.icon{
	background-image: url("/images/recommend_icon07.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(8) span.icon{
	background-image: url("/images/recommend_icon08.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.recommend__box:nth-of-type(9) span.icon{
	background-image: url("/images/recommend_icon09.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.recommend__box:nth-of-type(10) span.icon{
	background-image: url("/images/recommend_icon10.png");
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

/* Headings
-----------------*/
/* line 20, scss/_object.scss */
.container h2, .container h3, .container h4 { font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; line-height: 1.4; }

/* line 25, scss/_object.scss */
.container h2 { font-size: 3rem; }
@media screen and (max-width: 959px) { /* line 25, scss/_object.scss */
  .container h2 { font-size: 2rem; } }
/* line 28, scss/_object.scss */
.container h2.ranking { color: #fff; padding: 30px 0; }
@media screen and (max-width: 959px) { /* line 28, scss/_object.scss */
  .container h2.ranking { padding: 15px 0; } }
/* line 32, scss/_object.scss */
.container h2.ranking span { display: inline-block; }
/* line 34, scss/_object.scss */
.container h2.ranking span::before, h2.ranking span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; }
/* line 39, scss/_object.scss */
.container h2.ranking span::before { margin-right: .5em; }
/* line 40, scss/_object.scss */
.container h2.ranking span::after { margin-left: .5em; }
/* line 43, scss/_object.scss */
.container h2 strong { background: #ffea44; }

/* line 45, scss/_object.scss */
.container h3 { font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 45, scss/_object.scss */
  .container h3 { font-size: 1.8rem; } }

/* line 49, scss/_object.scss */
.container h4 { font-size: 2.1rem; }
@media screen and (max-width: 959px) { /* line 49, scss/_object.scss */
  .container h4 { font-size: 1.6rem; } }



/* line 12, scss/_object.scss */
.container { width: 960px; margin: 0 auto; }
@media screen and (max-width: 959px) { /* line 12, scss/_object.scss */
  .container { width: 95%; } }

.sub_contents{ font-family: ryo-gothic-plusn, sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #000; background: #fff; font-size:16px; letter-spacing: .1em; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 100vh; -moz-animation: fadeIn 1.5s ease 0s 1 normal; -webkit-animation: fadeIn 1.5s ease 0s 1 normal; animation: fadeIn 1.5s ease 0s 1 normal; }

@media screen and (max-width: 959px) { 
.sub_contents{
font-size:14px;
}
}


/* Sub Page
-------------------------------------*/
/* First View
-----------------*/
.fv-huyouhin {
  background-image: url("#{$img_path}fv-huyouhin_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-huyouhin_bg-sp.jpg");}
}
.fv-ihinseiri {
  background-image: url("#{$img_path}fv-ihinseiri_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-ihinseiri_bg-sp.jpg");}
}
.fv-gomiyashiki {
  background-image: url("#{$img_path}fv-gomiyashiki_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-gomiyashiki_bg-sp.jpg");}
}
.fv-osaka {
  background-image: url("#{$img_path}fv-osaka_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-osaka_bg-sp.jpg");}
}
.fv-suita {
  background-image: url("#{$img_path}fv-suita_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-suita_bg-sp.jpg");}
}
.fv-toyonaka {
  background-image: url("#{$img_path}fv-toyonaka_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-toyonaka_bg-sp.jpg");}
}
.fv-nishinomiya {
  background-image: url("#{$img_path}fv-nishinomiya_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-nishinomiya_bg-sp.jpg");}
}
.fv-kyoto {
  background-image: url("#{$img_path}fv-kyoto_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-kyoto_bg-sp.jpg");}
}
.fv-hyogo {
  background-image: url("#{$img_path}fv-hyogo_bg.jpg");
  @include sp {background-image: url("#{$img_path}fv-hyogo_bg-sp.jpg");}
}

/* Sub Contents
-----------------*/
/* line 49, scss/_sub.scss */
.sub_contents { padding: 90px 0; }
@media screen and (max-width: 959px) { /* line 49, scss/_sub.scss */
  .sub_contents { padding: 45px 0; } }
/* line 53, scss/_sub.scss */
.sub_contents .container h2 { font-size: 2.0rem; color: #0075a9; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 53, scss/_sub.scss */
  .sub_contents .container h2 { font-size: 2.0rem; margin-bottom: 15px; } }
/* line 61, scss/_sub.scss */
.sub_contents .container h2 small { font-size: 60%; }
/* line 62, scss/_sub.scss */
.sub_contents .container h2 + p { margin-bottom: 1em; }
@media screen and (min-width: 960px) { /* line 62, scss/_sub.scss */
  .sub_contents .container h2 + p { text-align: center; font-size: 1.1rem; } }
@media screen and (max-width: 959px) { /* line 62, scss/_sub.scss */
  .sub_contents .container h2 + p { font-size: 1.1rem; } }
/* line 69, scss/_sub.scss */
.sub_contents .container h2 + p strong { background: #ffea44;font-weight: normal; }
/* line 73, scss/_sub.scss */
.sub_contents .container > p + h2 { margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 73, scss/_sub.scss */
  .sub_contents .container > p + h2 { margin-top: 30px; } }
/* line 78, scss/_sub.scss */
.sub_contents .container h3 { font-size: 1.4rem; margin-bottom: 1em; }
@media screen and (max-width: 959px) { /* line 78, scss/_sub.scss */
  .sub_contents .container h3 { font-size: 1.4rem; } }
/* line 83, scss/_sub.scss */
.sub_contents .container .points { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; background: url("img/woman.png") no-repeat right 5% bottom; -moz-background-size: 30% auto; -o-background-size: 30% auto; -webkit-background-size: 30% auto; background-size: 30% auto; }
@media screen and (max-width: 959px) { /* line 83, scss/_sub.scss */
  .sub_contents .container .points { background: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; }
  /* line 95, scss/_sub.scss */
  .sub_contents .container .points h3 { text-align: left; } }
@media screen and (min-width: 960px) { /* line 97, scss/_sub.scss */
  .sub_contents .container .points ul { margin-left: 1em; } }
/* line 99, scss/_sub.scss */
.sub_contents .container .points ul li { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; font-weight: bold; margin-top: 1em; margin-left: 1.5em; text-indent: -1.5em; font-size: 1.0rem; }
@media screen and (max-width: 959px) { /* line 99, scss/_sub.scss */
  .sub_contents .container .points ul li { font-size: 1.28rem; } }
/* line 108, scss/_sub.scss */
.sub_contents .container .points ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: .5em; color: #eb6100; }
/* line 114, scss/_sub.scss */
.sub_contents .container .points ul li strong { color: #eb6100; }
/* line 118, scss/_sub.scss */
.sub_contents .container .ordinary { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 118, scss/_sub.scss */
  .sub_contents .container .ordinary { margin-bottom: 45px; } }
/* line 121, scss/_sub.scss */
.sub_contents .container .ordinary h3 { color: #fff; background: #0075a9; text-align: left; padding: 10px; margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 121, scss/_sub.scss */
  .sub_contents .container .ordinary h3 { margin-top: 30px; } }
/* line 128, scss/_sub.scss */
.sub_contents .container .ordinary h3 span { display: inline-block; position: relative; padding-left: 25px; }
@media screen and (max-width: 959px) { /* line 128, scss/_sub.scss */
  .sub_contents .container .ordinary h3 span { padding-left: 20px; } }
/* line 133, scss/_sub.scss */
.sub_contents .container .ordinary h3 span::before { position: absolute; content: ""; width: 10px; height: 80%; background: #fff; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 959px) { /* line 133, scss/_sub.scss */
  .sub_contents .container .ordinary h3 span::before { width: 5px; } }
/* line 146, scss/_sub.scss */
.sub_contents .container .ordinary h4 { text-align: left; color: #0075a9; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #0075a9; font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 146, scss/_sub.scss */
  .sub_contents .container .ordinary h4 { font-size: 1.8rem; } }
/* line 154, scss/_sub.scss */
.sub_contents .container .ordinary h4:not(:first-of-type) { margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 154, scss/_sub.scss */
  .sub_contents .container .ordinary h4:not(:first-of-type) { margin-top: 30px; } }
/* line 158, scss/_sub.scss */
.sub_contents .container .ordinary h4 span { display: inline-block; font-size: 60%; padding: 10px; background: #0075a9; color: #fff; margin-right: 1em; }
/* line 167, scss/_sub.scss */
.sub_contents .container .ordinary div { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
@media screen and (max-width: 959px) { /* line 167, scss/_sub.scss */
  .sub_contents .container .ordinary div { -webkit-flex-direction: column; flex-direction: column; } }
/* line 174, scss/_sub.scss */
.sub_contents .container .ordinary div figure { width: 30%; position: relative; overflow: hidden; }
@media screen and (max-width: 959px) { /* line 174, scss/_sub.scss */
  .sub_contents .container .ordinary div figure { width: 80%; padding-bottom: 80%; margin: 0 auto 15px; order: 0; } }
/* line 184, scss/_sub.scss */
.sub_contents .container .ordinary div figure img { width: 100%; height: auto; object-fit: cover; position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; }
/* line 194, scss/_sub.scss */
.sub_contents .container .ordinary div > p, .sub_contents .container .ordinary div span { width: calc(70% - 30px); }
@media screen and (max-width: 959px) { /* line 194, scss/_sub.scss */
  .sub_contents .container .ordinary div > p, .sub_contents .container .ordinary div span { width: 100%; order: 1; } }
/* line 202, scss/_sub.scss */
.sub_contents .container .ordinary div span { display: block; }
/* line 204, scss/_sub.scss */
.sub_contents .container .ordinary div span dl { margin-top: 1em; }
/* line 206, scss/_sub.scss */
.sub_contents .container .ordinary div span dl dt { text-align: left; color: #0075a9; margin-bottom: .5em; font-family: fot-udkakugo-large-pr6n, sans-serif; font-size: 120%; border-bottom: solid 1px #0075a9; padding-bottom: .5em; }
/* line 215, scss/_sub.scss */
.sub_contents .container .ordinary div span dl dd { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.8; }
/* line 222, scss/_sub.scss */
.sub_contents .container .ordinary a { color: #0075a9; text-decoration: underline; }
/* line 227, scss/_sub.scss */
.sub_contents .container .merit { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 227, scss/_sub.scss */
  .sub_contents .container .merit { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; }
  /* line 236, scss/_sub.scss */
  .sub_contents .container .merit h3 { text-align: left; } }
/* line 238, scss/_sub.scss */
.sub_contents .container .merit ol { counter-reset: merit; }
@media screen and (min-width: 960px) { /* line 238, scss/_sub.scss */
  .sub_contents .container .merit ol { margin-left: 1em; } }
/* line 241, scss/_sub.scss */
.sub_contents .container .merit ol li { color: #0075a9; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; font-weight: bold; margin-top: 1em; font-size: 1.0rem; position: relative; padding-left: 40px; }
@media screen and (max-width: 959px) { /* line 241, scss/_sub.scss */
  .sub_contents .container .merit ol li { font-size: 1.2rem; } }
/* line 251, scss/_sub.scss */
.sub_contents .container .merit ol li::before, .sub_contents .container .merit ol li::after { position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; }
/* line 260, scss/_sub.scss */
.sub_contents .container .merit ol li::before { content: ""; background: #0075a9; }
/* line 264, scss/_sub.scss */
.sub_contents .container .merit ol li::after { font-family: fot-udkakugo-large-pr6n, sans-serif; counter-increment: merit; content: counter(merit); color: #fff; text-align: center; line-height: 30px; }
/* line 272, scss/_sub.scss */
.sub_contents .container .merit ol li strong { color: #eb6100; }
/* line 274, scss/_sub.scss */
.sub_contents .container .merit ol + p { margin-top: 1em; }
/* line 277, scss/_sub.scss */
.sub_contents .container .q_a { border: solid 3px #0075a9; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; padding: 60px; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 277, scss/_sub.scss */
  .sub_contents .container .q_a { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; } }
/* line 287, scss/_sub.scss */
.sub_contents .container .q_a h3 { text-align: left; }
/* line 289, scss/_sub.scss */
.sub_contents .container .q_a dl:not(:last-child) { margin-bottom: 30px; }
/* line 292, scss/_sub.scss */
.sub_contents .container .q_a dl dt { color: #0075a9; text-align: left; border-bottom: solid 1px #0075a9; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.2rem; line-height: 1.4; font-weight: bold; padding-left: 30px; position: relative; }
@media screen and (max-width: 959px) { /* line 292, scss/_sub.scss */
  .sub_contents .container .q_a dl dt { font-size: 1.2rem; padding-left: 20px; } }
/* line 307, scss/_sub.scss */
.sub_contents .container .q_a dl dt::before { position: absolute; content: "Q."; left: 0; top: 0; }
/* line 314, scss/_sub.scss */
.sub_contents .container .q_a dl dd { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.8; padding-left: 30px; position: relative; }
@media screen and (max-width: 959px) { /* line 314, scss/_sub.scss */
  .sub_contents .container .q_a dl dd { padding-left: 20px; } }
/* line 320, scss/_sub.scss */
.sub_contents .container .q_a dl dd::before { position: absolute; content: "A."; left: 0; top: 0; }
/* line 329, scss/_sub.scss */
.sub_contents .container .caution { background: rgba(235, 97, 0, 0.1); border: solid 3px #eb6100; padding: 30px; }
@media screen and (max-width: 959px) { /* line 329, scss/_sub.scss */
  .sub_contents .container .caution { padding: 15px; } }
/* line 334, scss/_sub.scss */
.sub_contents .container .caution h3 { color: #eb6100; }
/* line 337, scss/_sub.scss */
.sub_contents .container .area figure { width: 300px; margin: 0 auto 30px; }

/* おすすめ業者
-----------------*/
/* line 349, scss/_sub.scss */
.recommend5 h2, .recommend10 h2 { background: #094; color: #fff; }
/* line 352, scss/_sub.scss */
.recommend5 h2 span, .recommend10 h2 span { display: inline-block; }
/* line 354, scss/_sub.scss */
.recommend5 h2 span::before, .recommend5 h2 span::after, .recommend10 h2 span::before, .recommend10 h2 span::after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; }
/* line 359, scss/_sub.scss */
.recommend5 h2 span::before, .recommend10 h2 span::before { margin-right: .5em; }
/* line 360, scss/_sub.scss */
.recommend5 h2 span::after, .recommend10 h2 span::after { margin-left: .5em; }
/* line 363, scss/_sub.scss */
.recommend5 .container, .recommend10 .container { padding: 90px 0; }
@media screen and (max-width: 959px) { /* line 363, scss/_sub.scss */
  .recommend5 .container, .recommend10 .container { padding: 45px 0; } }
@media screen and (min-width: 960px) { /* line 366, scss/_sub.scss */
  .recommend5 .container > p, .recommend10 .container > p { font-size: 2.4rem; text-align: center; } }
/* line 372, scss/_sub.scss */
.recommend5 .container > h3, .recommend10 .container > h3 { color: #094; font-size: 3rem; margin-top: 1em; margin-bottom: .5em; }
@media screen and (max-width: 959px) { /* line 372, scss/_sub.scss */
  .recommend5 .container > h3, .recommend10 .container > h3 { font-size: 2rem; } }
/* line 378, scss/_sub.scss */
.recommend5 .container > h3 + p, .recommend10 .container > h3 + p { font-size: 1.6rem; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
@media screen and (max-width: 959px) { /* line 378, scss/_sub.scss */
  .recommend5 .container > h3 + p, .recommend10 .container > h3 + p { font-size: 1.4rem; } }
/* line 384, scss/_sub.scss */
.recommend5 .container ol, .recommend10 .container ol { counter-reset: recommend5; }
/* line 386, scss/_sub.scss */
.recommend5 .container ol > li, .recommend10 .container ol > li { background: #fff; padding: 30px; margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 386, scss/_sub.scss */
  .recommend5 .container ol > li, .recommend10 .container ol > li { padding: 15px; margin-top: 30px; } }
/* line 394, scss/_sub.scss */
.recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { text-align: left; border-bottom: solid 2px #094; position: relative; }
@media screen and (min-width: 960px) { /* line 394, scss/_sub.scss */
  .recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { font-size: 3rem; padding-bottom: 20px; margin-bottom: 30px; padding-left: 200px; } }
@media screen and (max-width: 959px) { /* line 394, scss/_sub.scss */
  .recommend5 .container ol > li h3, .recommend10 .container ol > li h3 { font-size: 2.4rem; padding-top: 40px; padding-bottom: 10px; margin-bottom: 20px; } }
/* line 410, scss/_sub.scss */
.recommend5 .container ol > li h3::before, .recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::before, .recommend10 .container ol > li h3::after { position: absolute; top: 0; }
/* line 415, scss/_sub.scss */
.recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { text-align: center; background: #094; color: #ffea44; counter-increment: recommend5; content: "オススメ業者 " counter(recommend5); left: 0; }
@media screen and (min-width: 960px) { /* line 415, scss/_sub.scss */
  .recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { width: 160px; height: 40px; line-height: 40px; font-size: 1.8rem; } }
@media screen and (max-width: 959px) { /* line 415, scss/_sub.scss */
  .recommend5 .container ol > li h3::before, .recommend10 .container ol > li h3::before { height: 30px; line-height: 30px; padding: 0 10px; font-size: 1.4rem; } }
/* line 435, scss/_sub.scss */
.recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent transparent transparent #094; left: 160px; }
@media screen and (max-width: 959px) { /* line 435, scss/_sub.scss */
  .recommend5 .container ol > li h3::after, .recommend10 .container ol > li h3::after { display: none; } }
/* line 446, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail, .recommend10 .container ol > li .shop_detail { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; }
/* line 451, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail figure, .recommend10 .container ol > li .shop_detail figure { width: 260px; height: 200px; }
@media screen and (max-width: 959px) { /* line 451, scss/_sub.scss */
  .recommend5 .container ol > li .shop_detail figure, .recommend10 .container ol > li .shop_detail figure { width: 100%; height: auto; margin-bottom: 15px; } }
/* line 459, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail figure img, .recommend10 .container ol > li .shop_detail figure img { width: 100%; }
/* line 463, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div, .recommend10 .container ol > li .shop_detail div { width: 610px; }
@media screen and (max-width: 959px) { /* line 463, scss/_sub.scss */
  .recommend5 .container ol > li .shop_detail div, .recommend10 .container ol > li .shop_detail div { width: 100%; } }
/* line 466, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div h4, .recommend10 .container ol > li .shop_detail div h4 { color: #094; font-size: 2.1rem; line-height: 1.4; margin-bottom: 20px; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
@media screen and (max-width: 959px) { /* line 466, scss/_sub.scss */
  .recommend5 .container ol > li .shop_detail div h4, .recommend10 .container ol > li .shop_detail div h4 { font-size: 1.6rem; margin-bottom: 10px; } }
@media screen and (min-width: 960px) { /* line 477, scss/_sub.scss */
  .recommend5 .container ol > li .shop_detail div ul, .recommend10 .container ol > li .shop_detail div ul { margin-left: 20px; } }
/* line 479, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div ul li, .recommend10 .container ol > li .shop_detail div ul li { text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ line-height: 1.4; margin-left: 1.5em; text-indent: -1.5em; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 479, scss/_sub.scss */
  .recommend5 .container ol > li .shop_detail div ul li, .recommend10 .container ol > li .shop_detail div ul li { font-size: 1.6rem; } }
/* line 486, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div ul li:not(:last-child), .recommend10 .container ol > li .shop_detail div ul li:not(:last-child) { margin-bottom: 10px; }
/* line 487, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div ul li::before, .recommend10 .container ol > li .shop_detail div ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: .5em; color: #eb6100; }
/* line 493, scss/_sub.scss */
.recommend5 .container ol > li .shop_detail div ul li strong, .recommend10 .container ol > li .shop_detail div ul li strong { background: #ffea44; }
/* line 498, scss/_sub.scss */
.recommend5 .container ol > li table, .recommend10 .container ol > li table { width: 100%; margin: 30px 0; }
@media screen and (max-width: 959px) { /* line 498, scss/_sub.scss */
  .recommend5 .container ol > li table, .recommend10 .container ol > li table { margin: 15px 0; } }
@media screen and (max-width: 959px) { /* line 502, scss/_sub.scss */
  .recommend5 .container ol > li table tr, .recommend10 .container ol > li table tr { border: solid 1px #ccc; } }
/* line 505, scss/_sub.scss */
.recommend5 .container ol > li table th, .recommend5 .container ol > li table td, .recommend10 .container ol > li table th, .recommend10 .container ol > li table td { border: solid 1px #ccc; vertical-align: middle; padding: 10px; }
@media screen and (max-width: 959px) { /* line 505, scss/_sub.scss */
  .recommend5 .container ol > li table th, .recommend5 .container ol > li table td, .recommend10 .container ol > li table th, .recommend10 .container ol > li table td { display: list-item; list-style: none; width: 100%; border: none; } }
/* line 516, scss/_sub.scss */
.recommend5 .container ol > li table th, .recommend10 .container ol > li table th { background: #eee; }
@media screen and (min-width: 960px) { /* line 516, scss/_sub.scss */
  .recommend5 .container ol > li table th, .recommend10 .container ol > li table th { width: 30%; text-align: left; } }
@media screen and (max-width: 959px) { /* line 516, scss/_sub.scss */
  .recommend5 .container ol > li table th, .recommend10 .container ol > li table th { text-align: center; } }
/* line 524, scss/_sub.scss */
.recommend5 .container ol > li table td, .recommend10 .container ol > li table td { line-height: 1.4; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
/* line 527, scss/_sub.scss */
.recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { color: #ffea44; font-size: 120%; }
@media screen and (min-width: 960px) { /* line 527, scss/_sub.scss */
  .recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { width: 20%; } }
@media screen and (max-width: 959px) { /* line 527, scss/_sub.scss */
  .recommend5 .container ol > li table td:first-of-type, .recommend10 .container ol > li table td:first-of-type { padding-bottom: 0; } }
/* line 535, scss/_sub.scss */
.recommend5 .container ol > li a, .recommend10 .container ol > li a { margin: 30px auto 0; }
@media screen and (max-width: 959px) { /* line 535, scss/_sub.scss */
  .recommend5 .container ol > li a, .recommend10 .container ol > li a { margin: 15px auto 0; } }
@media screen and (min-width: 960px) { /* line 542, scss/_sub.scss */
  .recommend5 .container ol.huyouhin > li h3, .recommend10 .container ol.huyouhin > li h3 { padding-left: 240px; }
  /* line 545, scss/_sub.scss */
  .recommend5 .container ol.huyouhin > li h3::before, .recommend10 .container ol.huyouhin > li h3::before { width: 200px; }
  /* line 546, scss/_sub.scss */
  .recommend5 .container ol.huyouhin > li h3::after, .recommend10 .container ol.huyouhin > li h3::after { left: 200px; } }
/* line 548, scss/_sub.scss */
.recommend5 .container ol.huyouhin > li h3::before, .recommend10 .container ol.huyouhin > li h3::before { content: "不用品回収業者 " counter(recommend5) "位"; }
@media screen and (min-width: 960px) { /* line 556, scss/_sub.scss */
  .recommend5 .container ol.ihin > li h3, .recommend10 .container ol.ihin > li h3 { padding-left: 220px; }
  /* line 559, scss/_sub.scss */
  .recommend5 .container ol.ihin > li h3::before, .recommend10 .container ol.ihin > li h3::before { width: 180px; }
  /* line 560, scss/_sub.scss */
  .recommend5 .container ol.ihin > li h3::after, .recommend10 .container ol.ihin > li h3::after { left: 180px; } }
/* line 562, scss/_sub.scss */
.recommend5 .container ol.ihin > li h3::before, .recommend10 .container ol.ihin > li h3::before { content: "遺品整理業者 " counter(recommend5) "位"; }
@media screen and (min-width: 960px) { /* line 570, scss/_sub.scss */
  .recommend5 .container ol.gomi > li h3, .recommend10 .container ol.gomi > li h3 { padding-left: 280px; }
  /* line 573, scss/_sub.scss */
  .recommend5 .container ol.gomi > li h3::before, .recommend10 .container ol.gomi > li h3::before { width: 240px; }
  /* line 574, scss/_sub.scss */
  .recommend5 .container ol.gomi > li h3::after, .recommend10 .container ol.gomi > li h3::after { left: 240px; } }
/* line 576, scss/_sub.scss */
.recommend5 .container ol.gomi > li h3::before, .recommend10 .container ol.gomi > li h3::before { content: "ゴミ屋敷回収業者 " counter(recommend5) "位"; }
@media screen and (min-width: 960px) { /* line 586, scss/_sub.scss */
  .recommend5 .container ol.osaka > li h3, .recommend5 .container ol.kyoto > li h3, .recommend5 .container ol.hyogo > li h3, .recommend10 .container ol.osaka > li h3, .recommend10 .container ol.kyoto > li h3, .recommend10 .container ol.hyogo > li h3 { padding-left: 280px; }
  /* line 589, scss/_sub.scss */
  .recommend5 .container ol.osaka > li h3::before, .recommend5 .container ol.kyoto > li h3::before, .recommend5 .container ol.hyogo > li h3::before, .recommend10 .container ol.osaka > li h3::before, .recommend10 .container ol.kyoto > li h3::before, .recommend10 .container ol.hyogo > li h3::before { width: 240px; }
  /* line 590, scss/_sub.scss */
  .recommend5 .container ol.osaka > li h3::after, .recommend5 .container ol.kyoto > li h3::after, .recommend5 .container ol.hyogo > li h3::after, .recommend10 .container ol.osaka > li h3::after, .recommend10 .container ol.kyoto > li h3::after, .recommend10 .container ol.hyogo > li h3::after { left: 240px; } }
/* line 598, scss/_sub.scss */
.recommend5 .container ol.osaka > li h3::before, .recommend10 .container ol.osaka > li h3::before { content: "大阪のオススメ業者 " counter(recommend5) "位"; }
/* line 607, scss/_sub.scss */
.recommend5 .container ol.kyoto > li h3::before, .recommend10 .container ol.kyoto > li h3::before { content: "京都のオススメ業者 " counter(recommend5) "位"; }
/* line 616, scss/_sub.scss */
.recommend5 .container ol.hyogo > li h3::before, .recommend10 .container ol.hyogo > li h3::before { content: "兵庫のオススメ業者 " counter(recommend5) "位"; }

/* line 625, scss/_sub.scss */
.recommend5 { background: rgba(0, 153, 68, 0.1); }
/* line 627, scss/_sub.scss */
.recommend5 h2 { padding: 30px 0; }
@media screen and (max-width: 959px) { /* line 627, scss/_sub.scss */
  .recommend5 h2 { padding: 15px 0; } }

/* line 634, scss/_sub.scss */
.recommend10 .container h2 { height: 80px; line-height: 80px; position: relative; }
@media screen and (max-width: 959px) { /* line 634, scss/_sub.scss */
  .recommend10 .container h2 { height: 60px; line-height: 60px; } }
/* line 642, scss/_sub.scss */
.recommend10 .container h2::before, .recommend10 .container h2::after { position: absolute; content: ""; top: 0; width: 0; height: 0; border-style: solid; }
/* line 651, scss/_sub.scss */
.recommend10 .container h2::before { left: 0; border-width: 40px 0 40px 20px; border-color: transparent transparent transparent #fff; }
@media screen and (max-width: 959px) { /* line 651, scss/_sub.scss */
  .recommend10 .container h2::before { border-width: 30px 0 30px 20px; } }
/* line 657, scss/_sub.scss */
.recommend10 .container h2::after { right: 0; border-width: 40px 20px 40px 0; border-color: transparent #fff transparent transparent; }
@media screen and (max-width: 959px) { /* line 657, scss/_sub.scss */
  .recommend10 .container h2::after { border-width: 30px 20px 30px 0; } }
/* line 665, scss/_sub.scss */
.recommend10 .container ol > li { border: solid 1px #ccc; }
@media screen and (min-width: 960px) { /* line 668, scss/_sub.scss */
  .recommend10 .container ol > li .shop_detail div { width: 260px; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: space-between; justify-content: space-between; } }
@media screen and (min-width: 960px) { /* line 677, scss/_sub.scss */
  .recommend10 .container ol > li table { width: calc(100% - 310px); margin: 0; } }
/* line 686, scss/_sub.scss */
.recommend10.area { background: rgba(0, 153, 68, 0.1); }
/* line 688, scss/_sub.scss */
.recommend10.area h2 { padding: 30px 0; }
@media screen and (max-width: 959px) { /* line 688, scss/_sub.scss */
  .recommend10.area h2 { padding: 15px 0; } }
/* line 694, scss/_sub.scss */
.recommend10.area .container ol li { border: none; }
/* line 696, scss/_sub.scss */
.recommend10.area .container ol li:first-child { margin-top: 0; }


.recommend__box-item04 .detail2 {margin: 0 0 1em;border:0;font-size: 0.88em;font-weight: normal;}
@media screen and (max-width: 768px) {.recommend__box-item04 .detail2 {margin: 0 0 1em;font-size: 1rem;}}
.recommend__box-item04 .stxt {font-size: 0.88em;font-weight: normal;margin: 0 0 2em;}
@media screen and (max-width: 768px) {.recommend__box-item04 .stxt {margin: 0 0 1em;font-size: 1rem;}}
.recommend__box-item04 table
.recommend__box-item04 table{ width: 100%; margin: 30px 0; }
@media screen and (max-width: 959px) { /* line 498, scss/_sub.scss */
  .recommend__box-item04 table{ margin: 15px 0; } }
@media screen and (max-width: 959px) { /* line 502, scss/_sub.scss */
  .recommend__box-item04 table tr{ border: solid 1px #ccc; } }
/* line 505, scss/_sub.scss */
.recommend__box-item04 table th, .recommend__box-item04 table td { border: solid 1px #ccc; vertical-align: middle; padding: 10px; }
@media screen and (max-width: 959px) { /* line 505, scss/_sub.scss */
  .recommend__box-item04 table th, .recommend__box-item04 table td{ display: list-item; list-style: none; width: 100%; border: none; } }
/* line 516, scss/_sub.scss */
.recommend__box-item04 table th{ background: #eee; }
@media screen and (min-width: 960px) { /* line 516, scss/_sub.scss */
  .recommend__box-item04 table th{ width: 30%; text-align: left; } }
@media screen and (max-width: 959px) { /* line 516, scss/_sub.scss */
  .recommend__box-item04 table th{ text-align: center; } }
/* line 524, scss/_sub.scss */
.recommend__box-item04 table td{ line-height: 1.4; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
/* line 527, scss/_sub.scss */
.recommend__box-item04 table td:first-of-type{ color: #ffea44; font-size: 120%; }
@media screen and (min-width: 960px) { /* line 527, scss/_sub.scss */
  .recommend__box-item04 table td:first-of-type{ width: 20%; } }
@media screen and (max-width: 959px) { /* line 527, scss/_sub.scss */
  .recommend__box-item04 table td:first-of-type{ padding-bottom: 0; } }

.recommend__box-item .list-itemL { width: 100%;}


.sub_contents .container .select{ margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 118, scss/_sub.scss */
  .sub_contents .container .select { margin-bottom: 45px; } 
}
.sub_contents .container .select h3 { color: #fff; background: #0075a9; text-align: left; padding: 10px; margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 121, scss/_sub.scss */
  .sub_contents .container .select h3 { margin-top: 30px; } 
}
.sub_contents .container .select h3 span { display: inline-block; position: relative; padding-left: 25px; }
@media screen and (max-width: 959px) { /* line 128, scss/_sub.scss */
  .sub_contents .container .select h3 span { padding-left: 20px; } 
}
.sub_contents .container .select h3 span::before { position: absolute; content: ""; width: 10px; height: 80%; background: #fff; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 959px) { /* line 133, scss/_sub.scss */
  .sub_contents .container .select h3 span::before { width: 5px; } 
}

.sub_contents .container .select a {
  color: #0075a9;
  text-decoration: underline;
}

.summary{
  margin-top: -150px;
}
@media screen and (max-width: 959px) { /* line 133, scss/_sub.scss */
  .summary { margin-top: -40px; } 
}

.sp-br{
  display: none;
}

@media screen and (max-width:768px) {
  .sp-br{
      display: block;
  }
}

/* 横並びレイアウトの設定 */
.select .selecttextwrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* 画像コンテナの設定 */
.select .selecttextwrap figure {
  flex: 0 0 30%; /* PC時：画像を30%の幅 */
  margin: 0;
}

/* テキストコンテナの幅設定 */
.select .selecttextwrap > div {
  flex: 0 0 65%; /* PC時：テキストを65%の幅 */
  margin-left: 5%; /* 画像とのスペース */
}

/* reverse クラスの場合のマージンを反転 */
.selecttextwrap.reverse > div {
  margin-left: 0;
  margin-right: 5%;
}

/* SPサイズで縦並びにし、画像を上に配置 */
@media screen and (max-width: 959px) {
  .select .selecttextwrap,
  .select .selecttextwrap.reverse {
      flex-direction: column;
  }

  .select .selecttextwrap figure {
      order: -1; /* SP時：画像を上に配置 */
      width: 100%;
      margin-bottom: 15px;
  }

  .select .selecttextwrap > div {
      width: 100%;
      margin: 0;
  }
}

/* 画像の表示設定 */
.select .selecttextwrap figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}