@charset "UTF-8";
/* Scss Document */
@import url(//use.fontawesome.com/releases/v5.12.0/css/all.css);
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?c5h6rq"); src: url("fonts/icomoon.eot?c5h6rq#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?c5h6rq") format("truetype"), url("fonts/icomoon.woff?c5h6rq") format("woff"), url("fonts/icomoon.svg?c5h6rq#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }
/*============================================
	Reset
============================================*/
/* line 5, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

/* line 22, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

/* line 24, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { list-style: none; }

/* line 26, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { border-collapse: collapse; border-spacing: 0; }

/* line 28, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

/* line 30, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

/* line 32, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../Program Files/Adobe/Adobe Dreamweaver 2021/ruby/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*============================================
	Common
============================================*/
/* line 6, scss/_base.scss */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 959px) { /* line 9, scss/_base.scss */
  html, body { height: 100%; } }

/* line 15, scss/_base.scss */
html { font-size: 62.5%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* line 20, scss/_base.scss */
body { font-family: ryo-gothic-plusn, sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #000; background: #fff; font-size: 1.6rem; 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 (min-width: 960px) { /* line 20, scss/_base.scss */
  body { padding-top: 198px; } }
@media screen and (max-width: 959px) { /* line 20, scss/_base.scss */
  body { font-size: 1.4rem; -webkit-text-size-adjust: 100%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 20, scss/_base.scss */
  body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif; height: 100vh; } }

/* line 44, scss/_base.scss */
img { border: none; }
@media screen and (max-width: 959px) { /* line 44, scss/_base.scss */
  img { max-width: 100%; height: auto; width: auto; } }

/* line 52, scss/_base.scss */
a { text-decoration: none; outline: none; }

/* line 56, scss/_base.scss */
a, a img { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

/* line 60, scss/_base.scss */
a:hover, a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

/* line 64, scss/_base.scss */
header, main, section, footer { width: 100%; }

/* line 70, scss/_base.scss */
header, footer { flex-shrink: 0; }

/* line 71, scss/_base.scss */
main { flex: 1 0 auto; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 71, scss/_base.scss */
  main { min-height: 1px; } }

/* line 75, scss/_base.scss */
p { line-height: 1.8; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }

@media screen and (max-width: 959px) { /* line 6, scss/_object.scss */
  .pc { display: none !important; } }

@media screen and (min-width: 960px) { /* line 9, scss/_object.scss */
  .sp { display: none !important; } }

/* 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%; } }

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

/* line 25, scss/_object.scss */
h2 { font-size: 3rem; }
@media screen and (max-width: 959px) { /* line 25, scss/_object.scss */
  h2 { font-size: 2rem; } }
/* line 28, scss/_object.scss */
h2.ranking { color: #fff; padding: 30px 0; }
@media screen and (max-width: 959px) { /* line 28, scss/_object.scss */
  h2.ranking { padding: 15px 0; } }
/* line 32, scss/_object.scss */
h2.ranking span { display: inline-block; }
/* line 34, scss/_object.scss */
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 */
h2.ranking span::before { margin-right: .5em; }
/* line 40, scss/_object.scss */
h2.ranking span::after { margin-left: .5em; }
/* line 43, scss/_object.scss */
h2 strong { background: #ffea44; }

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

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

/* Buttons
-----------------*/
/* line 57, scss/_object.scss */
a[class^="btn_"] { display: block; width: 260px; height: 50px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; }
@media screen and (max-width: 959px) { /* line 57, scss/_object.scss */
  a[class^="btn_"] { width: 100%; } }
/* line 64, scss/_object.scss */
a[class^="btn_"]::before, a[class^="btn_"]::after { position: absolute; content: ""; }
/* line 69, scss/_object.scss */
a[class^="btn_"]::before { width: 100%; height: 50%; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; top: 0; left: 0; }
/* line 76, scss/_object.scss */
a[class^="btn_"]::after { width: 30px; height: 1px; background: #fff; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }
/* line 84, scss/_object.scss */
a[class^="btn_"] span { width: 100%; height: 100%; position: absolute; font-size: 1.8rem; line-height: 50px; font-weight: 500; color: #fff; left: 0; top: 0; }
/* line 94, scss/_object.scss */
a[class^="btn_"] span::after { position: absolute; content: ""; width: 10px; height: 1px; background: #fff; top: 22px; right: 20px; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
/* line 106, scss/_object.scss */
a.btn_blue { background: #0075a9; }
/* line 108, scss/_object.scss */
a.btn_blue::before { background: linear-gradient(#65b5d8, #389ac5); }
/* line 110, scss/_object.scss */
a.btn_orange { background: #eb6100; }
/* line 112, scss/_object.scss */
a.btn_orange::before { background: linear-gradient(#f4b284, #ee853c); }

/* Page Top
-----------------*/
/* line 118, scss/_object.scss */
#pageTop { display: block; position: fixed; z-index: 90; -moz-transform: rotateY(270deg); -webkit-transform: rotateY(270deg); transform: rotateY(270deg); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; bottom: 20px; right: 20px; }
@media screen and (max-width: 959px) { /* line 118, scss/_object.scss */
  #pageTop { display: none; } }
/* line 127, scss/_object.scss */
#pageTop:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
/* line 130, scss/_object.scss */
#pageTop div { position: relative; background: #0075a9; width: 45px; height: 45px; }
/* line 136, scss/_object.scss */
#pageTop .arrow { position: absolute; border: 1px solid #0075a9; border-left-color: #fff; border-top-color: #fff; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 15px; height: 15px; top: 20px; left: 15px; }

/*============================================
	Layout
============================================*/
/* Header
-----------------*/
/* line 8, scss/_layout.scss */
header { position: fixed; top: 0; left: 0; z-index: 999; background: #fff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
/* line 15, scss/_layout.scss */
header > .container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 30px; }
@media screen and (max-width: 959px) { /* line 15, scss/_layout.scss */
  header > .container { width: 100%; padding: 15px; background: #fff; position: fixed; z-index: 100; } }
/* line 28, scss/_layout.scss */
header > .container > a { width: 190px; }
@media screen and (max-width: 959px) { /* line 28, scss/_layout.scss */
  header > .container > a { width: 40%; z-index: 100; } }
/* line 34, scss/_layout.scss */
header > .container > a img { width: 100%; }
/* line 36, scss/_layout.scss */
header > .container .hamburger { position: absolute; width: 40px; height: 29px; top: 20px; right: 20px; z-index: 100; cursor: pointer; }
/* line 45, scss/_layout.scss */
header > .container .hamburger span.lines { position: absolute; background: #0075a9; width: 100%; height: 4px; display: block; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
/* line 53, scss/_layout.scss */
header > .container .hamburger span.lines.top.active { top: 12px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/* line 58, scss/_layout.scss */
header > .container .hamburger span.lines.center { top: 12px; }
/* line 60, scss/_layout.scss */
header > .container .hamburger span.lines.center.active { -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); }
/* line 64, scss/_layout.scss */
header > .container .hamburger span.lines.btm { bottom: 0; }
/* line 66, scss/_layout.scss */
header > .container .hamburger span.lines.btm.active { bottom: 12px; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
/* line 74, scss/_layout.scss */
header > .container p { font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 74, scss/_layout.scss */
  header > .container p { display: none; } }
/* line 77, scss/_layout.scss */
header > .container p span { display: inline-block; background: #eb6100; padding: 2px 5px; color: #fff; font-size: 1.4rem; margin-right: 10px; }
/* line 85, scss/_layout.scss */
header > .container p strong { font-weight: 500; background: #ffea44; }
@media screen and (min-width: 960px) { /* line 91, scss/_layout.scss */
  header nav { background: #0075a9; } }
@media screen and (max-width: 959px) { /* line 91, scss/_layout.scss */
  header nav { width: 100%; background: rgba(0, 117, 169, 0.9); z-index: 98; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: opacity 0.6s ease, visibility 0.6s ease; -o-transition: opacity 0.6s ease, visibility 0.6s ease; -webkit-transition: opacity 0.6s ease, visibility 0.6s ease; transition: opacity 0.6s ease, visibility 0.6s ease; visibility: hidden; }
  /* line 106, scss/_layout.scss */
  header nav.open { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; overflow: hidden; } }
@media screen and (min-width: 960px) { /* line 114, scss/_layout.scss */
  header nav > ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
  /* line 120, scss/_layout.scss */
  header nav > ul > li { position: relative; padding: 30px 0; }
  /* line 124, scss/_layout.scss */
  header nav > ul > li:hover ul { display: block; }
  /* line 126, scss/_layout.scss */
  header nav > ul > li:hover ul li { text-align: left; padding-left: 0; margin-bottom: 15px; } }
@media screen and (max-width: 959px) { /* line 114, scss/_layout.scss */
  header nav > ul { width: auto !important; display: inline-block; text-align: left; margin: 40% auto 0 !important; }
  /* line 141, scss/_layout.scss */
  header nav > ul li:not(:last-child) { margin-bottom: 30px; } }
/* line 147, scss/_layout.scss */
header nav > ul > li label, header nav > ul > li a { color: #fff; font-weight: 500; display: block; padding-left: 30px; position: relative; }
/* line 154, scss/_layout.scss */
header nav > ul > li label::before, header nav > ul > li a::before { /* 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; position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2rem; }
/* line 163, scss/_layout.scss */
header nav > ul > li label { padding-right: 20px; }
/* line 165, scss/_layout.scss */
header nav > ul > li label::after { color: #fff; right: 0; }
/* line 172, scss/_layout.scss */
header nav > ul > li:first-child label::before { content: ""; }
/* line 177, scss/_layout.scss */
header nav > ul > li:nth-child(2) label::before { content: ""; }
/* line 182, scss/_layout.scss */
header nav > ul > li:nth-child(3) a::before { content: ""; }
/* line 187, scss/_layout.scss */
header nav > ul > li:last-child a::before { content: ""; }
/* line 190, scss/_layout.scss */
header nav > ul > li > ul { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; }
@media screen and (min-width: 960px) { /* line 190, scss/_layout.scss */
  header nav > ul > li > ul { width: 100%; position: absolute; left: 0; top: calc(1em + 60px); background: #0075a9; display: none; } }
@media screen and (max-width: 959px) { /* line 190, scss/_layout.scss */
  header nav > ul > li > ul { visibility: hidden; height: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } }
/* line 207, scss/_layout.scss */
header nav > ul > li input { display: none; }
@media screen and (max-width: 959px) { /* line 212, scss/_layout.scss */
  header nav > ul > li input:checked + label::after { content: "\f0d8"; }
  /* line 213, scss/_layout.scss */
  header nav > ul > li input:checked + label + ul { height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; }
  /* line 217, scss/_layout.scss */
  header nav > ul > li input:checked + label + ul li { margin-top: 15px; }
  /* line 219, scss/_layout.scss */
  header nav > ul > li input:checked + label + ul li:not(:last-child) { margin-bottom: 0; } }
@media screen and (min-width: 960px) { /* line 230, scss/_layout.scss */
  header.transform { background: rgba(255, 255, 255, 0.9); }
  /* line 232, scss/_layout.scss */
  header.transform > .container { width: 100%; padding: 20px; }
  /* line 235, scss/_layout.scss */
  header.transform > .container > a { width: 113px; }
  /* line 237, scss/_layout.scss */
  header.transform p { display: none; }
  /* line 238, scss/_layout.scss */
  header.transform nav { position: absolute; right: 20px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: transparent; }
  /* line 244, scss/_layout.scss */
  header.transform nav > ul { width: auto; }
  /* line 247, scss/_layout.scss */
  header.transform nav > ul li:not(:last-child) { margin-right: 30px; }
  /* line 248, scss/_layout.scss */
  header.transform nav > ul li a, header.transform nav > ul li label { color: #000; }
  /* line 251, scss/_layout.scss */
  header.transform nav > ul li label::after { color: #000; }
  /* line 253, scss/_layout.scss */
  header.transform nav > ul li ul { background: rgba(255, 255, 255, 0.9); } }

/* First View
-----------------*/
/* line 263, scss/_layout.scss */
section[class^="fv"] { height: 500px; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
@media screen and (max-width: 959px) { /* line 263, scss/_layout.scss */
  section[class^="fv"] { height: 100vh; background-position: top center; }
  /* line 275, scss/_layout.scss */
  section[class^="fv"] img { width: 80%; } }
/* line 277, scss/_layout.scss */
section[class^="fv"] h1 { margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 277, scss/_layout.scss */
  section[class^="fv"] h1 { margin-bottom: 15px; } }
/* line 281, scss/_layout.scss */
section[class^="fv"] p { width: 475px; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 281, scss/_layout.scss */
  section[class^="fv"] p { width: 95%; margin: 0 auto; font-size: 1.4rem; } }

/* Contents
-----------------*/
/* line 294, scss/_layout.scss */
.contents { background: url("img/bg_contents.jpg") repeat; padding: 90px 0; }
@media screen and (max-width: 959px) { /* line 294, scss/_layout.scss */
  .contents { padding: 45px 0; } }
/* line 299, scss/_layout.scss */
.contents nav { background: #fff; border: solid 1px #0075a9; padding: 30px; width: 600px; margin: 0 auto; }
@media screen and (max-width: 959px) { /* line 299, scss/_layout.scss */
  .contents nav { width: 95%; padding: 15px; } }
/* line 309, scss/_layout.scss */
.contents nav input { display: none; }
/* line 310, scss/_layout.scss */
.contents nav label { font-size: 1.8rem; width: 100%; text-align: left; font-weight: bold; position: relative; cursor: pointer; }
@media screen and (max-width: 959px) { /* line 310, scss/_layout.scss */
  .contents nav label { font-size: 1.6rem; } }
/* line 318, scss/_layout.scss */
.contents nav label::before, .contents nav label::after { color: #666; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
/* line 325, scss/_layout.scss */
.contents nav label::before { font-size: 1.2rem; font-weight: normal; content: "OPEN"; right: 1.5em; }
/* line 331, scss/_layout.scss */
.contents nav label::after { font-size: 2rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; right: 0; }
/* line 338, scss/_layout.scss */
.contents nav ol { text-align: left; visibility: hidden; height: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; overflow: hidden; counter-reset: list; }
@media screen and (min-width: 960px) { /* line 338, scss/_layout.scss */
  .contents nav ol { margin-left: 1em; } }
/* line 347, scss/_layout.scss */
.contents nav ol > li { font-size: 1.8rem; font-weight: bold; line-height: 1.4; margin-left: 1.5em; text-indent: -1.5em; }
@media screen and (max-width: 959px) { /* line 347, scss/_layout.scss */
  .contents nav ol > li { font-size: 1.6rem; } }
/* line 354, scss/_layout.scss */
.contents nav ol > li a { color: #0075a9; }
/* line 356, scss/_layout.scss */
.contents nav ol > li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; color: #0075a9; text-decoration: underline; }
/* line 362, scss/_layout.scss */
.contents nav ol > li:not(:last-child) { margin-bottom: 1em; }
/* line 363, scss/_layout.scss */
.contents nav ol > li::before { counter-increment: list; content: counter(list) ". "; }
/* line 368, scss/_layout.scss */
.contents nav ol > li ul li { font-size: 1.6rem; font-weight: normal; margin-top: .8em; margin-left: 1.25em; text-indent: -1.25em; }
@media screen and (max-width: 959px) { /* line 368, scss/_layout.scss */
  .contents nav ol > li ul li { font-size: 1.4rem; } }
/* line 375, scss/_layout.scss */
.contents nav ol > li ul li:first-child { margin-top: 20px; }
@media screen and (max-width: 959px) { /* line 375, scss/_layout.scss */
  .contents nav ol > li ul li:first-child { margin-top: 10px; } }
/* line 379, scss/_layout.scss */
.contents nav ol > li ul li::before { content: "・"; margin-right: .5em; }
/* line 387, scss/_layout.scss */
.contents nav input:checked + label::before { content: "CLOSE"; }
/* line 388, scss/_layout.scss */
.contents nav input:checked + label::after { content: "\f0d8"; }
/* line 389, scss/_layout.scss */
.contents nav input:checked + label + ol { height: auto; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; visibility: visible; margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 389, scss/_layout.scss */
  .contents nav input:checked + label + ol { margin-top: 15px; } }
/* line 397, scss/_layout.scss */
.contents h2 { color: #0075a9; margin: 60px 0; }
@media screen and (max-width: 959px) { /* line 397, scss/_layout.scss */
  .contents h2 { margin: 30px 0; } }
/* line 402, scss/_layout.scss */
.contents h3 { color: #fff; background: #0075a9; text-align: left; padding: 10px; margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 402, scss/_layout.scss */
  .contents h3 { margin-top: 30px; } }
/* line 409, scss/_layout.scss */
.contents h3 span { display: inline-block; position: relative; padding-left: 25px; }
@media screen and (max-width: 959px) { /* line 409, scss/_layout.scss */
  .contents h3 span { padding-left: 20px; } }
/* line 414, scss/_layout.scss */
.contents 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 414, scss/_layout.scss */
  .contents h3 span::before { width: 5px; } }
/* line 427, scss/_layout.scss */
.contents h4 { text-align: left; color: #0075a9; margin-bottom: 30px; padding-bottom: 10px; border-bottom: solid 1px #0075a9; }
@media screen and (max-width: 959px) { /* line 427, scss/_layout.scss */
  .contents h4 { margin-bottom: 15px; padding-bottom: 5px; } }
/* line 439, scss/_layout.scss */
.contents p strong { color: #eb6100; }
/* line 441, scss/_layout.scss */
.contents .box { background: #fff; padding: 30px; }
@media screen and (max-width: 959px) { /* line 441, scss/_layout.scss */
  .contents .box { padding: 15px; } }
/* line 445, scss/_layout.scss */
.contents .box .inner { background: rgba(0, 117, 169, 0.1); padding: 30px; margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 445, scss/_layout.scss */
  .contents .box .inner { padding: 15px; margin-top: 15px; } }
/* line 453, scss/_layout.scss */
.contents .box .inner + p { margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 453, scss/_layout.scss */
  .contents .box .inner + p { margin-top: 15px; } }
/* line 458, scss/_layout.scss */
.contents .box .inner p + dl { margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 458, scss/_layout.scss */
  .contents .box .inner p + dl { margin-top: 15px; } }
/* line 464, scss/_layout.scss */
.contents .box .inner dl dt { text-align: left; font-size: 1.8rem; line-height: 1.4; font-weight: bold; margin-bottom: 1em; }
@media screen and (max-width: 959px) { /* line 464, scss/_layout.scss */
  .contents .box .inner dl dt { font-size: 1.6rem; line-height: 1.4; } }
/* line 475, scss/_layout.scss */
.contents .box .inner dl dd { line-height: 1.8; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ }
/* line 478, scss/_layout.scss */
.contents .box .inner dl dd:not(:last-of-type) { margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 478, scss/_layout.scss */
  .contents .box .inner dl dd:not(:last-of-type) { margin-bottom: 15px; } }
/* line 484, scss/_layout.scss */
.contents .box .inner dl.check dt { margin-left: 1.5em; text-indent: -1.5em; }
/* line 487, scss/_layout.scss */
.contents .box .inner dl.check dt::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; margin-right: .5em; color: #eb6100; }
/* line 494, scss/_layout.scss */
.contents .box .inner dl.check dd { margin-left: 1.75em; }
/* line 497, scss/_layout.scss */
.contents .box .inner dl.level dt { margin-left: 4.5em; text-indent: -4.5em; }
/* line 501, scss/_layout.scss */
.contents .box .inner dl.level dd { margin-left: 5em; }
@media screen and (min-width: 960px) { /* line 504, scss/_layout.scss */
  .contents .box .inner table { border-collapse: separate; border-spacing: 10px; } }
@media screen and (max-width: 959px) { /* line 509, scss/_layout.scss */
  .contents .box .inner table tr { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
/* line 517, scss/_layout.scss */
.contents .box .inner table th, .contents .box .inner table td { padding: 10px; vertical-align: middle; text-align: left; }
@media screen and (max-width: 959px) { /* line 517, scss/_layout.scss */
  .contents .box .inner table th, .contents .box .inner table td { display: list-item; list-style: none; } }
/* line 527, scss/_layout.scss */
.contents .box .inner table thead th { font-weight: bold; text-align: center; font-size: 1.8rem; background: #0075a9; color: #fff; }
@media screen and (max-width: 959px) { /* line 527, scss/_layout.scss */
  .contents .box .inner table thead th { width: 50%; font-size: 1.4rem; } }
@media screen and (max-width: 959px) { /* line 538, scss/_layout.scss */
  .contents .box .inner table thead td { display: none; } }
@media screen and (max-width: 959px) { /* line 543, scss/_layout.scss */
  .contents .box .inner table tbody tr { background: #fff; } }
/* line 546, scss/_layout.scss */
.contents .box .inner table tbody th { font-weight: bold; }
@media screen and (min-width: 960px) { /* line 546, scss/_layout.scss */
  .contents .box .inner table tbody th { color: #0075a9; width: 20%; padding: 0; } }
@media screen and (max-width: 959px) { /* line 546, scss/_layout.scss */
  .contents .box .inner table tbody th { width: 100%; background: rgba(0, 117, 169, 0.5); color: #fff; text-align: center; } }
/* line 560, scss/_layout.scss */
.contents .box .inner table tbody td { line-height: 1.4; }
/* line 562, scss/_layout.scss */
.contents .box .inner table tbody td i { color: #0075a9; }
/* line 563, scss/_layout.scss */
.contents .box .inner table tbody td:first-of-type, .contents .box .inner table tbody td:last-of-type { background: #fff; width: 38%; }
@media screen and (max-width: 959px) { /* line 563, scss/_layout.scss */
  .contents .box .inner table tbody td:first-of-type, .contents .box .inner table tbody td:last-of-type { width: 45%; } }
@media screen and (max-width: 959px) { /* line 569, scss/_layout.scss */
  .contents .box .inner table tbody td:nth-of-type(2) { width: 10%; } }

/* Footer
-----------------*/
/* line 583, scss/_layout.scss */
footer { background: #0075a9; color: #fff; padding: 60px 0; }
@media screen and (max-width: 959px) { /* line 583, scss/_layout.scss */
  footer { padding: 30px 0; } }
@media screen and (min-width: 960px) { /* line 588, scss/_layout.scss */
  footer ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
@media screen and (max-width: 959px) { /* line 588, scss/_layout.scss */
  footer ul { display: inline-block; text-align: left; margin: 0 auto; } }
@media screen and (min-width: 960px) { /* line 603, scss/_layout.scss */
  footer ul li:not(:last-child)::after { content: "/"; margin: 0 1em; } }
@media screen and (max-width: 959px) { /* line 601, scss/_layout.scss */
  footer ul li:not(:last-child) { margin-bottom: 20px; } }
/* line 612, scss/_layout.scss */
footer ul li:first-child a::before { content: ""; }
/* line 617, scss/_layout.scss */
footer ul li:nth-child(2) a::before { content: ""; }
/* line 622, scss/_layout.scss */
footer ul li:nth-child(3) a::before { content: ""; }
/* line 627, scss/_layout.scss */
footer ul li:nth-child(4) a::before { content: ""; }
/* line 630, scss/_layout.scss */
footer ul li a { color: #fff; padding-left: 25px; position: relative; }
/* line 634, scss/_layout.scss */
footer ul li a::before { /* 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; position: absolute; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2rem; }
/* line 645, scss/_layout.scss */
footer small { font-size: 1.4rem; display: block; margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 645, scss/_layout.scss */
  footer small { font-size: 1.2rem; margin-top: 15px; margin-right: 2.5%; text-align: right; } }

/* Top Page
-------------------------------------*/
/* First View
-----------------*/
/* line 10, scss/_top.scss */
.fv-top { background-image: url("img/fv_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 10, scss/_top.scss */
  .fv-top { background-image: url("img/fv_bg-sp.jpg"); } }

/* 回収業者検索
-----------------*/
/* line 17, scss/_top.scss */
.search { background: rgba(0, 117, 169, 0.3); padding: 30px 0; }
@media screen and (max-width: 959px) { /* line 17, scss/_top.scss */
  .search { padding: 15px 0; } }
/* line 21, scss/_top.scss */
.search .container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
@media screen and (max-width: 959px) { /* line 21, scss/_top.scss */
  .search .container { -webkit-flex-direction: column; flex-direction: column; } }
/* line 29, scss/_top.scss */
.search .container h4 { font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 29, scss/_top.scss */
  .search .container h4 { font-size: 1.8rem; margin-bottom: 10px; } }
/* line 36, scss/_top.scss */
.search .container label { width: 300px; height: 50px; }
@media screen and (max-width: 959px) { /* line 36, scss/_top.scss */
  .search .container label { width: 100%; margin-bottom: 10px; } }
/* line 43, scss/_top.scss */
.search .container label::after { font-size: 120%; }
/* line 44, scss/_top.scss */
.search .container label select { height: 100%; padding: 0 10px; background: #fff; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/* line 52, scss/_top.scss */
.search .container i { color: #666; font-size: 24px; }
@media screen and (max-width: 959px) { /* line 52, scss/_top.scss */
  .search .container i { margin-bottom: 10px; } }
/* line 57, scss/_top.scss */
.search .container .search_btn { position: relative; width: 100px; height: 50px; }
@media screen and (max-width: 959px) { /* line 57, scss/_top.scss */
  .search .container .search_btn { height: 40px; } }
/* line 62, scss/_top.scss */
.search .container .search_btn::before, .search .container .search_btn::after { position: absolute; content: ""; left: 0; top: 0; }
/* line 69, scss/_top.scss */
.search .container .search_btn::before { width: 100%; height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #000; }
/* line 75, scss/_top.scss */
.search .container .search_btn::after { width: 100%; height: 50%; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; background: linear-gradient(#666666, #333333); }
/* line 81, scss/_top.scss */
.search .container .search_btn input[type="submit"] { width: 100%; height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 2.4rem; position: relative; z-index: 2; background: transparent; }
@media screen and (max-width: 959px) { /* line 81, scss/_top.scss */
  .search .container .search_btn input[type="submit"] { margin-top: 0; font-size: 1.8rem; } }

/* お悩み
-----------------*/
/* line 100, scss/_top.scss */
.problem { padding: 90px 0; }
@media screen and (max-width: 959px) { /* line 100, scss/_top.scss */
  .problem { padding: 45px 0; } }
/* line 103, scss/_top.scss */
.problem h2 { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 103, scss/_top.scss */
  .problem h2 { margin-bottom: 30px; } }
/* line 107, scss/_top.scss */
.problem ul { 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 107, scss/_top.scss */
  .problem ul { display: block; } }
/* line 112, scss/_top.scss */
.problem ul li { display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap; -webkit-align-items: center; align-items: center; width: 300px; }
@media screen and (max-width: 959px) { /* line 112, scss/_top.scss */
  .problem ul li { width: 100%; }
  /* line 119, scss/_top.scss */
  .problem ul li:not(:last-child) { margin-bottom: 30px; } }
/* line 121, scss/_top.scss */
.problem ul li figure { overflow: hidden; position: relative; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 240px; height: 240px; }
@media screen and (max-width: 959px) { /* line 121, scss/_top.scss */
  .problem ul li figure { width: 200px; height: 200px; } }
/* line 131, scss/_top.scss */
.problem ul li figure img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; }
/* line 142, scss/_top.scss */
.problem ul li dl dt { color: #0075a9; font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; font-size: 2.4rem; padding: 20px 0; border-bottom: solid 3px #0075a9; }
@media screen and (max-width: 959px) { /* line 142, scss/_top.scss */
  .problem ul li dl dt { font-size: 1.8rem; padding: 10px 0; } }
/* line 154, scss/_top.scss */
.problem ul li dl dd { margin-top: 15px; font-size: 1.8rem; line-height: 1.4; text-align: justify; text-justify: inter-ideograph; /* IEで必要 */ text-justify: inter-character; /* Firefoxで必要 */ margin-left: 1.5em; text-indent: -1.5em; }
@media screen and (max-width: 959px) { /* line 154, scss/_top.scss */
  .problem ul li dl dd { margin-top: 15px; font-size: 1.4rem; } }
/* line 165, scss/_top.scss */
.problem ul li dl dd::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; color: #eb6100; margin-right: .5em; }
/* line 171, scss/_top.scss */
.problem ul li dl dd strong { font-weight: 700; color: #eb6100; }

/* Before After
-----------------*/
@media screen and (min-width: 960px) { /* line 184, scss/_top.scss */
  .before_after .container { background: url("img/woman.png") no-repeat bottom right 60px; -moz-background-size: 27% auto; -o-background-size: 27% auto; -webkit-background-size: 27% auto; background-size: 27% auto; padding-bottom: 90px; } }
@media screen and (max-width: 959px) { /* line 184, scss/_top.scss */
  .before_after .container { padding-bottom: 45px; } }
/* line 191, scss/_top.scss */
.before_after .container .box { 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 191, scss/_top.scss */
  .before_after .container .box { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 15px; margin-bottom: 30px; }
  /* line 200, scss/_top.scss */
  .before_after .container .box h3 { text-align: left; } }
/* line 202, scss/_top.scss */
.before_after .container .box ul { margin: 60px 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
@media screen and (max-width: 959px) { /* line 202, scss/_top.scss */
  .before_after .container .box ul { margin: 15px 0; } }
/* line 208, scss/_top.scss */
.before_after .container .box ul li { margin-top: 40px; width: 300px; position: relative; }
@media screen and (max-width: 959px) { /* line 208, scss/_top.scss */
  .before_after .container .box ul li { margin-top: 30px; width: 100%; } }
/* line 216, scss/_top.scss */
.before_after .container .box ul li::before { position: absolute; left: 0; top: -40px; font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; font-size: 2.4rem; color: #fff; text-align: center; width: 100%; height: 40px; line-height: 40px; }
@media screen and (max-width: 959px) { /* line 216, scss/_top.scss */
  .before_after .container .box ul li::before { top: -30px; font-size: 1.6rem; height: 30px; line-height: 30px; } }
@media screen and (min-width: 960px) { /* line 235, scss/_top.scss */
  .before_after .container .box ul li:first-child { margin-right: 80px; } }
@media screen and (max-width: 959px) { /* line 235, scss/_top.scss */
  .before_after .container .box ul li:first-child { margin-bottom: 50px; } }
/* line 238, scss/_top.scss */
.before_after .container .box ul li:first-child::before { background: #0075a9; content: "Before"; }
/* line 242, scss/_top.scss */
.before_after .container .box ul li:first-child::after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #eb6100; }
@media screen and (min-width: 960px) { /* line 242, scss/_top.scss */
  .before_after .container .box ul li:first-child::after { content: "\f061"; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -60px; font-size: 4rem; } }
@media screen and (max-width: 959px) { /* line 242, scss/_top.scss */
  .before_after .container .box ul li:first-child::after { content: "\f063"; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -40px; font-size: 3rem; } }
/* line 263, scss/_top.scss */
.before_after .container .box ul li:last-child::before { background: #eb6100; content: "After"; }
/* line 268, scss/_top.scss */
.before_after .container .box ul li figure { width: 100%; height: 240px; position: relative; overflow: hidden; background: #eee; }
@media screen and (max-width: 959px) { /* line 268, scss/_top.scss */
  .before_after .container .box ul li figure { height: 180px; } }
/* line 275, scss/_top.scss */
.before_after .container .box ul li figure img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; }
/* line 287, scss/_top.scss */
.before_after .container .box p { font-weight: 300; }
/* line 289, scss/_top.scss */
.before_after .container > h3 { width: 100%; display: block; background: #0075a9; color: #fff; }
@media screen and (min-width: 960px) { /* line 289, scss/_top.scss */
  .before_after .container > h3 { position: relative; height: 180px; margin-bottom: 60px; }
  /* line 298, scss/_top.scss */
  .before_after .container > h3::before, .before_after .container > h3::after { position: absolute; content: ""; top: 0; width: 0; height: 0; border-style: solid; }
  /* line 307, scss/_top.scss */
  .before_after .container > h3::before { left: 0; border-width: 90px 0 90px 50px; border-color: transparent transparent transparent #fff; }
  /* line 312, scss/_top.scss */
  .before_after .container > h3::after { right: 0; border-width: 90px 50px 90px 0; border-color: transparent #fff transparent transparent; }
  /* line 317, scss/_top.scss */
  .before_after .container > h3 span { white-space: nowrap; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media screen and (max-width: 959px) { /* line 289, scss/_top.scss */
  .before_after .container > h3 { padding: 10px; margin-bottom: 30px; } }
/* line 330, scss/_top.scss */
.before_after .container > h3 strong { font-size: 3.6rem; color: #ffea44; }
@media screen and (max-width: 959px) { /* line 330, scss/_top.scss */
  .before_after .container > h3 strong { font-size: 2.4rem; } }
/* line 336, scss/_top.scss */
.before_after .container > ul { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 336, scss/_top.scss */
  .before_after .container > ul { margin-bottom: 30px; } }
/* line 339, scss/_top.scss */
.before_after .container > ul > li { text-align: left; font-weight: 500; font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 339, scss/_top.scss */
  .before_after .container > ul > li { font-size: 1.6rem; line-height: 1.4; } }
/* line 347, scss/_top.scss */
.before_after .container > ul > li:not(:last-child) { margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 347, scss/_top.scss */
  .before_after .container > ul > li:not(:last-child) { margin-bottom: 10px; } }
/* line 353, scss/_top.scss */
.before_after .container > p { font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 353, scss/_top.scss */
  .before_after .container > p { font-size: 1.4rem; } }

/* ランキング & バナー
-----------------*/
/* line 365, scss/_top.scss */
section[class$="_ranking"] .container, .bnr .container { padding: 90px 0; 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; }
@media screen and (max-width: 959px) { /* line 365, scss/_top.scss */
  section[class$="_ranking"] .container, .bnr .container { padding: 30px 0; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } }
/* line 378, scss/_top.scss */
section[class$="_ranking"] ul li, .bnr ul li { width: 240px; }
@media screen and (max-width: 959px) { /* line 378, scss/_top.scss */
  section[class$="_ranking"] ul li, .bnr ul li { width: 100%; border-bottom: dotted 1px; } }
/* line 384, scss/_top.scss */
section[class$="_ranking"] ul li a, .bnr ul li a { display: block; }
@media screen and (max-width: 959px) { /* line 384, scss/_top.scss */
  section[class$="_ranking"] ul li a, .bnr ul li a { padding: 15px; position: relative; }
  /* line 389, scss/_top.scss */
  section[class$="_ranking"] ul li a::after, .bnr ul li a::after { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da"; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; font-size: 150%; } }
/* line 399, scss/_top.scss */
section[class$="_ranking"] ul li a figure, .bnr ul li a figure { width: 240px; height: 240px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; overflow: hidden; position: relative; }
@media screen and (max-width: 959px) { /* line 399, scss/_top.scss */
  section[class$="_ranking"] ul li a figure, .bnr ul li a figure { display: none; } }
/* line 407, scss/_top.scss */
section[class$="_ranking"] ul li a figure img, .bnr ul li a figure img { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* line 414, scss/_top.scss */
section[class$="_ranking"] ul li a p, .bnr ul li a p { font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; }
@media screen and (min-width: 960px) { /* line 414, scss/_top.scss */
  section[class$="_ranking"] ul li a p, .bnr ul li a p { text-align: center; font-size: 2.4rem; margin-top: 15px; } }
@media screen and (max-width: 959px) { /* line 414, scss/_top.scss */
  section[class$="_ranking"] ul li a p, .bnr ul li a p { font-size: 1.8rem; } }
/* line 426, scss/_top.scss */
section[class$="_ranking"] ul li a:hover figure img, .bnr ul li a:hover figure img { -moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }

/* line 436, scss/_top.scss */
.total_ranking { background: rgba(235, 97, 0, 0.1); }
/* line 438, scss/_top.scss */
.total_ranking h2 { background: #eb6100; }
/* line 439, scss/_top.scss */
.total_ranking .container { counter-reset: rank; }
/* line 441, scss/_top.scss */
.total_ranking .container li { width: 300px; background: #fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); padding: 20px; position: relative; }
@media screen and (max-width: 959px) { /* line 441, scss/_top.scss */
  .total_ranking .container li { width: 100%; }
  /* line 449, scss/_top.scss */
  .total_ranking .container li:not(:last-child) { margin-bottom: 30px; } }
/* line 451, scss/_top.scss */
.total_ranking .container li::before, .total_ranking .container li::after { position: absolute; z-index: 2; }
/* line 456, scss/_top.scss */
.total_ranking .container li::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 80px 80px 0 0; left: 0; top: 0; }
/* line 465, scss/_top.scss */
.total_ranking .container li::after { font-family: fot-udkakugo-large-pr6n, sans-serif; font-weight: 600; counter-increment: rank; content: "No." counter(rank); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 5px; top: 20px; }
/* line 475, scss/_top.scss */
.total_ranking .container li:first-child::before { border-color: #ffea44 transparent transparent transparent; }
/* line 478, scss/_top.scss */
.total_ranking .container li:nth-child(2)::before { border-color: #ccc transparent transparent transparent; }
/* line 481, scss/_top.scss */
.total_ranking .container li:last-child::before { border-color: #a84200 transparent transparent transparent; }
/* line 482, scss/_top.scss */
.total_ranking .container li:last-child::after { color: #fff; }
/* line 484, scss/_top.scss */
.total_ranking .container li figure { width: 100%; height: 200px; overflow: hidden; position: relative; background: #eee; margin-bottom: 20px; }
/* line 491, scss/_top.scss */
.total_ranking .container li figure img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; }
/* line 501, scss/_top.scss */
.total_ranking .container li h4 { text-align: center; font-weight: 700; font-size: 1.8rem; }
/* line 506, scss/_top.scss */
.total_ranking .container li dl { width: 100%; border-top: solid 1px #eee; padding-top: 10px; margin-top: 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; text-align: left; }
/* line 514, scss/_top.scss */
.total_ranking .container li dl:last-of-type { padding-bottom: 10px; }
/* line 515, scss/_top.scss */
.total_ranking .container li dl dt { color: #666; font-size: 1.4rem; width: 55%; }
/* line 520, scss/_top.scss */
.total_ranking .container li dl dd { color: #fbb40b; font-size: 1.8rem; }
/* line 526, scss/_top.scss */
.total_ranking .container li a[class^="btn_"] { margin-top: 10px; }

/* line 532, scss/_top.scss */
.area_ranking { background: rgba(0, 153, 68, 0.1); }
/* line 534, scss/_top.scss */
.area_ranking h2 { background: #094; }
@media screen and (max-width: 959px) { /* line 536, scss/_top.scss */
  .area_ranking .container li { border-color: #094; }
  /* line 540, scss/_top.scss */
  .area_ranking .container li a::after { color: #094; } }
/* line 544, scss/_top.scss */
.area_ranking .container li:first-child img { width: 70px; }
/* line 547, scss/_top.scss */
.area_ranking .container li:nth-child(2) img { width: 120px; }
/* line 550, scss/_top.scss */
.area_ranking .container li:last-child img { width: 100px; }
/* line 552, scss/_top.scss */
.area_ranking .container li p { color: #094; }

/* line 557, scss/_top.scss */
.genre_ranking { background: rgba(0, 117, 169, 0.1); }
/* line 559, scss/_top.scss */
.genre_ranking h2 { background: #0075a9; }
@media screen and (max-width: 959px) { /* line 561, scss/_top.scss */
  .genre_ranking .container li { border-color: #0075a9; }
  /* line 565, scss/_top.scss */
  .genre_ranking .container li a::after { color: #0075a9; } }
/* line 568, scss/_top.scss */
.genre_ranking .container li img { width: 180px; }
/* line 569, scss/_top.scss */
.genre_ranking .container li p { color: #0075a9; }

/* line 576, scss/_top.scss */
.bnr .container li { width: 465px; }
@media screen and (max-width: 959px) { /* line 576, scss/_top.scss */
  .bnr .container li { width: 100%; border-bottom: none; }
  /* line 581, scss/_top.scss */
  .bnr .container li:not(:last-child) { margin-bottom: 15px; }
  /* line 582, scss/_top.scss */
  .bnr .container li a { padding: 0; }
  /* line 584, scss/_top.scss */
  .bnr .container li a::after { display: none; } }

/* Sub Page
-------------------------------------*/
/* First View
-----------------*/
/* line 10, scss/_sub.scss */
.fv-huyouhin { background-image: url("img/fv-huyouhin_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 10, scss/_sub.scss */
  .fv-huyouhin { background-image: url("img/fv-huyouhin_bg-sp.jpg"); } }

/* line 14, scss/_sub.scss */
.fv-ihinseiri { background-image: url("img/fv-ihinseiri_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 14, scss/_sub.scss */
  .fv-ihinseiri { background-image: url("img/fv-ihinseiri_bg-sp.jpg"); } }

/* line 18, scss/_sub.scss */
.fv-gomiyashiki { background-image: url("img/fv-gomiyashiki_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 18, scss/_sub.scss */
  .fv-gomiyashiki { background-image: url("img/fv-gomiyashiki_bg-sp.jpg"); } }

/* line 22, scss/_sub.scss */
.fv-osaka { background-image: url("img/fv-osaka_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 22, scss/_sub.scss */
  .fv-osaka { background-image: url("img/fv-osaka_bg-sp.jpg"); } }

/* line 26, scss/_sub.scss */
.fv-suita { background-image: url("img/fv-suita_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 26, scss/_sub.scss */
  .fv-suita { background-image: url("img/fv-suita_bg-sp.jpg"); } }

/* line 30, scss/_sub.scss */
.fv-toyonaka { background-image: url("img/fv-toyonaka_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 30, scss/_sub.scss */
  .fv-toyonaka { background-image: url("img/fv-toyonaka_bg-sp.jpg"); } }

/* line 34, scss/_sub.scss */
.fv-nishinomiya { background-image: url("img/fv-nishinomiya_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 34, scss/_sub.scss */
  .fv-nishinomiya { background-image: url("img/fv-nishinomiya_bg-sp.jpg"); } }

/* line 38, scss/_sub.scss */
.fv-kyoto { background-image: url("img/fv-kyoto_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 38, scss/_sub.scss */
  .fv-kyoto { background-image: url("img/fv-kyoto_bg-sp.jpg"); } }

/* line 42, scss/_sub.scss */
.fv-hyogo { background-image: url("img/fv-hyogo_bg.jpg"); }
@media screen and (max-width: 959px) { /* line 42, scss/_sub.scss */
  .fv-hyogo { background-image: url("img/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: 3.6rem; color: #0075a9; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 53, scss/_sub.scss */
  .sub_contents .container h2 { font-size: 2.4rem; 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: 2rem; } }
@media screen and (max-width: 959px) { /* line 62, scss/_sub.scss */
  .sub_contents .container h2 + p { font-size: 1.6rem; } }
/* line 69, scss/_sub.scss */
.sub_contents .container h2 + p strong { background: #ffea44; }
/* 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: 3rem; margin-bottom: 1em; }
@media screen and (max-width: 959px) { /* line 78, scss/_sub.scss */
  .sub_contents .container h3 { font-size: 2rem; } }
/* 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.8rem; }
@media screen and (max-width: 959px) { /* line 99, scss/_sub.scss */
  .sub_contents .container .points ul li { font-size: 1.6rem; } }
/* 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.8rem; 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.6rem; } }
/* 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: 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.6rem; 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; }

/* 運営会社情報 & プライバシーポリシー & 免責事項
-----------------*/
/* line 707, scss/_sub.scss */
.documents { padding-top: 90px; }
@media screen and (max-width: 959px) { /* line 707, scss/_sub.scss */
  .documents { padding-top: 45px; } }
/* line 710, scss/_sub.scss */
.documents:last-child { padding-bottom: 90px; }
@media screen and (max-width: 959px) { /* line 710, scss/_sub.scss */
  .documents:last-child { padding-bottom: 45px; } }
/* line 714, scss/_sub.scss */
.documents h2 { color: #0075a9; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 714, scss/_sub.scss */
  .documents h2 { margin-bottom: 30px; } }
/* line 719, scss/_sub.scss */
.documents h3 { text-align: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #000; }
@media screen and (max-width: 959px) { /* line 719, scss/_sub.scss */
  .documents h3 { margin-bottom: 10px; padding-bottom: 10px; } }
/* line 730, scss/_sub.scss */
.documents p:not(:last-child) { margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 730, scss/_sub.scss */
  .documents p:not(:last-child) { margin-bottom: 15px; } }
/* line 734, scss/_sub.scss */
.documents p.right { text-align: right; }

/* お問い合わせ
-----------------*/
/* line 740, scss/_sub.scss */
.contact { padding: 90px 0; }
@media screen and (max-width: 959px) { /* line 740, scss/_sub.scss */
  .contact { padding: 30px 0; } }
/* line 743, scss/_sub.scss */
.contact h2 { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 743, scss/_sub.scss */
  .contact h2 { margin-bottom: 30px; } }
/* line 748, scss/_sub.scss */
.contact p span { color: #eb6100; }
/* line 749, scss/_sub.scss */
.contact p.center { text-align: center; }
/* line 751, scss/_sub.scss */
.contact table { width: 100%; text-align: left; margin-top: 10px; }
@media screen and (max-width: 959px) { /* line 751, scss/_sub.scss */
  .contact table { margin-top: 30px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 751, scss/_sub.scss */
  .contact table { table-layout: fixed; } }
@media screen and (max-width: 959px) { /* line 759, scss/_sub.scss */
  .contact table tr:not(:last-child) td { padding-bottom: 20px; border-bottom: dotted 1px #ccc; margin-bottom: 20px; } }
@media screen and (min-width: 960px) { /* line 768, scss/_sub.scss */
  .contact table th, .contact table td { border: solid 1px #ccc; padding: 10px; vertical-align: middle; } }
@media screen and (max-width: 959px) { /* line 768, scss/_sub.scss */
  .contact table th, .contact table td { display: list-item; list-style: none; width: 100%; } }
@media screen and (min-width: 960px) { /* line 781, scss/_sub.scss */
  .contact table th { width: 30%; background: #eee; } }
@media screen and (max-width: 959px) { /* line 781, scss/_sub.scss */
  .contact table th { padding-bottom: 10px; } }
/* line 787, scss/_sub.scss */
.contact table th span { display: inline-block; line-height: 1.4; }
/* line 790, scss/_sub.scss */
.contact table th span::after { color: #fff; text-align: center; margin-left: 10px; font-size: 1.2rem; padding: 2px 5px; display: inline-block; background: red; content: "必須"; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 790, scss/_sub.scss */
  .contact table th span::after { padding: 5px 5px 0 5px; } }
@media screen and (min-width: 960px) { /* line 803, scss/_sub.scss */
  .contact table td { width: 70%; } }
@media screen and (max-width: 959px) { /* line 803, scss/_sub.scss */
  .contact table td { font-size: 1.6rem; }
  /* line 807, scss/_sub.scss */
  .contact table td.value { line-height: 1.4; } }
/* line 809, scss/_sub.scss */
.contact table td span { display: block; }
/* line 810, scss/_sub.scss */
.contact table td small { font-size: 80%; color: #666; }
@media screen and (min-width: 960px) { /* line 810, scss/_sub.scss */
  .contact table td small { margin-left: 1em; } }
@media screen and (max-width: 959px) { /* line 810, scss/_sub.scss */
  .contact table td small { display: block; margin-top: .5em; } }
/* line 819, scss/_sub.scss */
.contact table td ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px; }
/* line 823, scss/_sub.scss */
.contact table td ul li { margin-bottom: 10px; }
/* line 825, scss/_sub.scss */
.contact table td ul li:not(:last-child) { margin-right: 40px; }
@media screen and (max-width: 959px) { /* line 825, scss/_sub.scss */
  .contact table td ul li:not(:last-child) { margin-right: 20px; } }
/* line 833, scss/_sub.scss */
.contact .agree { margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 833, scss/_sub.scss */
  .contact .agree { margin-top: 15px; } }
/* line 836, scss/_sub.scss */
.contact .agree a { color: #0075a9; text-decoration: underline; }
/* line 841, scss/_sub.scss */
.contact .submitBtn { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-top: 30px; height: inherit; }
@media screen and (max-width: 959px) { /* line 841, scss/_sub.scss */
  .contact .submitBtn { margin-top: 15px; } }

/*============================================
	Form
============================================*/
/* Form Tags
-----------------*/
/* line 8, scss/_form.scss */
input, select, textarea { font-family: ryo-gothic-plusn, sans-serif; color: #000; padding: 5px 10px; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #eee; background: #eee; font-size: 1.8rem; letter-spacing: .15em; }
@media screen and (max-width: 959px) { /* line 8, scss/_form.scss */
  input, select, textarea { font-size: 1.4rem; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 8, scss/_form.scss */
  input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif; } }
/* line 22, scss/_form.scss */
input:focus, select:focus, textarea:focus { border-color: #0075a9; outline: none; }

/* line 27, scss/_form.scss */
input { width: 100%; }
/* line 29, scss/_form.scss */
input.half { width: 50%; }
@media screen and (max-width: 959px) { /* line 29, scss/_form.scss */
  input.half { width: 100%; } }
/* line 33, scss/_form.scss */
input.zip1 { width: 25%; }
/* line 36, scss/_form.scss */
input.zip2 { width: 35%; }
/* line 39, scss/_form.scss */
input.adr { width: calc(100% - 4.6em); }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* line 39, scss/_form.scss */
  input.adr { width: calc(100% - 5em); } }
/* line 43, scss/_form.scss */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -moz-appearance: none; -webkit-appearance: none; margin: 0; }
@media screen and (min-width: 960px) { /* line 48, scss/_form.scss */
  input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; } }
/* line 53, scss/_form.scss */
input[type="checkbox"], input[type="radio"] { display: none; }
/* line 57, scss/_form.scss */
input[type="submit"] { background: green; }
/* line 60, scss/_form.scss */
input[type="submit"][disabled] { background-color: #999; cursor: default; }

/* line 65, scss/_form.scss */
input[type="submit"], button { display: inline-block; border: none; color: #fff; cursor: pointer; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
@media screen and (min-width: 960px) { /* line 65, scss/_form.scss */
  input[type="submit"], button { width: 240px; height: 50px; line-height: 50px; font-size: 1.8rem; } }
@media screen and (max-width: 959px) { /* line 65, scss/_form.scss */
  input[type="submit"], button { width: 49%; height: 40px; line-height: 40px; font-size: 1.6rem; margin-top: 15px; font-size: 1.4rem; } }
/* line 87, scss/_form.scss */
input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; }

/* line 89, scss/_form.scss */
button { background: #999; }
@media screen and (min-width: 960px) { /* line 89, scss/_form.scss */
  button { margin-right: 15px; } }
@media screen and (max-width: 959px) { /* line 89, scss/_form.scss */
  button { margin-right: 2%; } }

/* line 94, scss/_form.scss */
label { position: relative; display: inline-block; }
/* line 97, scss/_form.scss */
label::after { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; content: "\f0d7"; font-weight: 900; right: 10px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; color: #999; z-index: 5; }
/* line 109, scss/_form.scss */
label.select { width: 50%; }
@media screen and (max-width: 959px) { /* line 109, scss/_form.scss */
  label.select { width: 100%; } }
/* line 113, scss/_form.scss */
label.checkbox { cursor: pointer; margin-bottom: 10px; }
@media screen and (max-width: 959px) { /* line 113, scss/_form.scss */
  label.checkbox { width: 100%; } }
/* line 117, scss/_form.scss */
label.checkbox::after { display: none; }
/* line 120, scss/_form.scss */
label.checkbox span.cb::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c8"; font-weight: 400; color: #999; margin-right: 10px; font-size: 110%; }
/* line 130, scss/_form.scss */
label.checkbox:last-child { margin-bottom: 0; }
/* line 131, scss/_form.scss */
label.checkbox input[type="checkbox"]:checked + .cb::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f14a"; font-weight: 400; color: #000; }
/* line 138, scss/_form.scss */
label.radio { cursor: pointer; margin-right: 10px; }
/* line 141, scss/_form.scss */
label.radio::after { display: none; }
/* line 144, scss/_form.scss */
label.radio span.rd::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 400; content: "\f111"; color: #999; margin-right: 5px; }
/* line 153, scss/_form.scss */
label.radio:last-child { margin-bottom: 0; }
/* line 154, scss/_form.scss */
label.radio input[type="radio"]:checked + .rd::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 400; content: "\f192"; color: #000; }

/* line 162, scss/_form.scss */
select { width: 100%; display: table-cell; vertical-align: middle; }
/* line 166, scss/_form.scss */
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
/* line 170, scss/_form.scss */
select::-ms-expand { display: none; }

/* line 172, scss/_form.scss */
select, option { outline: 0; }

/* line 173, scss/_form.scss */
textarea { width: 100%; height: 200px; }

/* line 177, scss/_form.scss */
:placeholder-shown, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: #999; }

/* line 182, scss/_form.scss */
legend { display: none; }

/* Validation
------------------------------*/
/* line 186, scss/_form.scss */
.err { border: solid 1px red; background: rgba(255, 0, 0, 0.1); }

/* line 190, scss/_form.scss */
.errMsg { margin-left: 1em; padding-bottom: 1px; display: block; line-height: 1.4; text-indent: -.9em; color: #fff; }

/* line 198, scss/_form.scss */
.formError { margin-left: 1em; padding-bottom: 13px; display: block; }
/* line 202, scss/_form.scss */
.formError .formErrorContent { padding: 6px; position: relative; background: rgba(255, 0, 0, 0.8); font-size: 1.2rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* line 208, scss/_form.scss */
.formError .formErrorContent::after { position: absolute; content: ""; left: 20px; bottom: -13px; width: 0; height: 0; border-style: solid; border-width: 13px 5px 0 5px; border-color: rgba(255, 0, 0, 0.8) transparent transparent transparent; }
/* line 220, scss/_form.scss */
.formError .formErrorArrow { display: none; }
/* line 223, scss/_form.scss */
.formError.fixed { margin-left: 0; }
/* line 225, scss/_form.scss */
.formError.fixed .formErrorContent { display: inline-block; }

/*# sourceMappingURL=style.css.map */


section{overflow-wrap: break-word;}

.pan{
  border-top: #b7b7b7 solid 1px;
  /* width: 100%; */
  margin: 0 20px 0 20px;
}

.page-topicpath__list{
  display: flex;
  /* gap: 40px; */
  font-size: 0.8em;
  max-width: 960px;
  margin: 10px auto;
  color: #666;
}

.pan ol li:not(:last-of-type)::after {
  content: ">";
  font-size: 1em;
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #666;
}

.page-topicpath__list li a{
  color: #0075a9;
}
.page-topicpath__list li a:hover{
  color: rgb(0, 95, 136);
  border-bottom: rgb(0, 95, 136) solid 0.6px;
}
.pan ol li a span{
  font-weight: 600;
}
.breadcrumb {
  border-top: #b7b7b7 solid 1px;
  margin: 0 20px;
  display: inline;
}

.breadcrumb__inner {
  max-width: 960px;
  margin: 10px auto;
  display: block;
}

.breadcrumb__list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  color: #666;
  text-align: left;
  flex-wrap: wrap;
}

.breadcrumb__list li:not(:last-of-type)::after {
  content: ">";
  font-size: 1em;
  margin: 0 0.6em;
  color: #666;
  display: inline-block;
}

.breadcrumb__list li,.breadcrumb__list li a{
  color: #0075a9;
  text-decoration: none;
  font-weight: 600;
  list-style: none;
  white-space: initial;
}

.breadcrumb__list li a:hover {
  color: rgb(0, 95, 136);
  border-bottom: rgb(0, 95, 136) solid 0.6px;
}

@media screen and (max-width: 510px) {
  .breadcrumb__list {
    font-size: 0.7em;
    font-weight: 400;
  }
}