@charset "UTF-8";
/* Scss Document */
@import url(//use.fontawesome.com/releases/v5.1.0/css/all.css);
/*==============================
	Reset
==============================*/
/* line 5, ../../../../../../../../Program Files/Adobe/Adobe Dreamweaver 2020/ruby/lib/ruby/gems/2.4.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 2020/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { line-height: 1; }

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

/* line 26, ../../../../../../../../Program Files/Adobe/Adobe Dreamweaver 2020/ruby/lib/ruby/gems/2.4.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 2020/ruby/lib/ruby/gems/2.4.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 2020/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { quotes: none; }
/* line 103, ../../../../../../../../Program Files/Adobe/Adobe Dreamweaver 2020/ruby/lib/ruby/gems/2.4.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 2020/ruby/lib/ruby/gems/2.4.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { border: none; }

/* line 116, ../../../../../../../../Program Files/Adobe/Adobe Dreamweaver 2020/ruby/lib/ruby/gems/2.4.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
==============================*/
/*==============================
	Base
==============================*/
/* 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: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 400; font-style: normal; text-align: center; color: #333; background: #fff; font-size: 1.6rem; position: relative; }
@media screen and (max-width: 959px) { /* line 20, ../scss/_base.scss */
  body { font-size: 1.4rem; } }
/* line 30, ../scss/_base.scss */
body.sub { background: #036; }
/* line 32, ../scss/_base.scss */
body.sub header { background: #fff; }

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

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

/* line 47, ../scss/_base.scss */
a, a img { -moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; }

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

/* line 56, ../scss/_base.scss */
main.sub { padding-top: 110px; }

/* line 60, ../scss/_base.scss */
section { width: 100%; padding: 60px 0; }
@media screen and (max-width: 959px) { /* line 60, ../scss/_base.scss */
  section { padding: 30px 0; } }

/* line 65, ../scss/_base.scss */
p { line-height: 1.8; text-align: justify; }
/* line 68, ../scss/_base.scss */
p.insist { font-family: ryo-display-plusn, serif; color: #036; font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 68, ../scss/_base.scss */
  p.insist { font-size: 1.8rem; } }
/* line 73, ../scss/_base.scss */
p.insist strong { color: #f60; }

/*==============================
	Object
==============================*/
/* Common
---------------------------------------------*/
@media screen and (max-width: 959px) { /* line 8, ../scss/_object.scss */
  .pc { display: none; } }

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

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

/* line 21, ../scss/_object.scss */
.tel { color: #036; position: relative; display: block; padding-left: 65px; }
@media screen and (max-width: 959px) { /* line 21, ../scss/_object.scss */
  .tel { padding-left: 50px; } }
/* line 27, ../scss/_object.scss */
.tel span { font-family: ryo-display-plusn, serif; font-size: 4.6rem; font-weight: 700; }
@media screen and (max-width: 959px) { /* line 27, ../scss/_object.scss */
  .tel span { font-size: 3.8rem; } }
/* line 33, ../scss/_object.scss */
.tel::before { position: absolute; content: ""; background: url("../img/dial.svg") no-repeat; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 55px; height: 36px; }
@media screen and (max-width: 959px) { /* line 33, ../scss/_object.scss */
  .tel::before { width: 48px; height: 32px; } }

/* line 48, ../scss/_object.scss */
.btn { text-align: center; display: block; height: 50px; line-height: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size: 2.4rem; }
@media screen and (min-width: 960px) { /* line 48, ../scss/_object.scss */
  .btn { background-color: #4ba614; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF4BA614', endColorstr='#FF008C00'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYTYxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOGMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4ba614), color-stop(100%, #008c00)); background-image: -moz-linear-gradient(top, #4ba614 0%, #008c00 100%); background-image: -webkit-linear-gradient(top, #4ba614 0%, #008c00 100%); background-image: linear-gradient(to bottom, #4ba614 0%, #008c00 100%); width: 250px; color: #fff; } }
@media screen and (max-width: 959px) { /* line 48, ../scss/_object.scss */
  .btn { background: #ff0; width: 100%; margin-bottom: 20px; color: #036; position: relative; }
  /* line 68, ../scss/_object.scss */
  .btn::before { position: absolute; content: "\f0e0"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 400; left: 20%; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

/* line 79, ../scss/_object.scss */
.line { font-size: 2.4rem; font-weight: bold; position: relative; }
@media screen and (min-width: 960px) { /* line 79, ../scss/_object.scss */
  .line { color: #00c300; padding-left: 60px; } }
@media screen and (max-width: 959px) { /* line 79, ../scss/_object.scss */
  .line { display: block; width: 100%; height: 50px; line-height: 50px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; background: #00c300; color: #fff; } }
/* line 96, ../scss/_object.scss */
.line::before { position: absolute; content: ""; left: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../img/line.svg") no-repeat; width: 50px; height: 50px; }
@media screen and (max-width: 959px) { /* line 96, ../scss/_object.scss */
  .line::before { width: 30px; height: 30px; background: url("../img/line-w.svg") no-repeat; left: 20%; } }

/* Headings
---------------------------------------------*/
/* line 116, ../scss/_object.scss */
h1 { text-align: center; margin-bottom: 80px; }
@media screen and (max-width: 959px) { /* line 116, ../scss/_object.scss */
  h1 { margin-bottom: 60px; } }
/* line 120, ../scss/_object.scss */
h1 em { display: inline-block; color: #f60; font-size: 2.4rem; position: relative; }
@media screen and (max-width: 959px) { /* line 120, ../scss/_object.scss */
  h1 em { font-size: 1.6rem; } }
/* line 126, ../scss/_object.scss */
h1 em::before, h1 em::after { position: absolute; content: ""; width: 1px; height: 40px; background: #f60; top: 50%; }
@media screen and (max-width: 959px) { /* line 126, ../scss/_object.scss */
  h1 em::before, h1 em::after { height: 30px; } }
/* line 136, ../scss/_object.scss */
h1 em::before { left: -20px; -moz-transform: translateY(-50%) rotate(-30deg); -ms-transform: translateY(-50%) rotate(-30deg); -webkit-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); }
/* line 140, ../scss/_object.scss */
h1 em::after { right: -20px; -moz-transform: translateY(-50%) rotate(30deg); -ms-transform: translateY(-50%) rotate(30deg); -webkit-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); }
/* line 145, ../scss/_object.scss */
h1 span { display: block; background: #036; margin: 30px auto; width: 500px; height: 50px; line-height: 50px; color: #fff; font-family: ryo-display-plusn, serif; font-size: 3rem; font-weight: 500; }
@media screen and (max-width: 959px) { /* line 145, ../scss/_object.scss */
  h1 span { width: 80%; height: 40px; line-height: 40px; font-size: 1.8rem; margin: 15px auto 90px; } }
/* line 164, ../scss/_object.scss */
h1 .back { text-align: center; line-height: inherit; }
@media screen and (max-width: 959px) { /* line 164, ../scss/_object.scss */
  h1 .back { background: rgba(255, 255, 255, 0.5); padding: 15px 0; width: 90%; display: inline-block; margin: 0 auto; } }
/* line 178, ../scss/_object.scss */
h1 small, h1 strong { display: block; font-family: ryo-display-plusn, serif; color: #036; font-weight: 700; }
@media screen and (max-width: 959px) { /* line 178, ../scss/_object.scss */
  h1 small, h1 strong { text-shadow: 0 0 10px #fff; } }
/* line 188, ../scss/_object.scss */
h1 small { font-size: 7.2rem; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 188, ../scss/_object.scss */
  h1 small { font-size: 4rem; margin-bottom: 15px; } }
/* line 196, ../scss/_object.scss */
h1 strong { font-size: 12.5rem; }
@media screen and (max-width: 959px) { /* line 196, ../scss/_object.scss */
  h1 strong { font-size: 7rem; } }

/* line 201, ../scss/_object.scss */
h2, h3 { font-family: ryo-display-plusn, serif; font-weight: 700; }

/* line 206, ../scss/_object.scss */
h2 { text-align: left; color: #036; position: relative; font-size: 3.6rem; height: 60px; line-height: 60px; padding-left: 45px; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 206, ../scss/_object.scss */
  h2 { font-size: 2.4rem; height: inherit; line-height: 1.4; padding-left: 25px; } }
/* line 221, ../scss/_object.scss */
h2::before, h2::after { position: absolute; content: ""; top: 0; height: 60px; }
@media screen and (max-width: 959px) { /* line 221, ../scss/_object.scss */
  h2::before, h2::after { height: 110%; } }
/* line 229, ../scss/_object.scss */
h2::before { left: 0; width: 5px; background: #f60; }
/* line 234, ../scss/_object.scss */
h2::after { left: 5px; width: 10px; background: #036; }
/* line 239, ../scss/_object.scss */
h2 strong { color: #f60; position: relative; }
/* line 242, ../scss/_object.scss */
h2 strong::after { position: absolute; content: ""; width: 106%; height: 20px; left: -3%; bottom: -5px; background: rgba(255, 255, 0, 0.5); z-index: -1; }
@media screen and (max-width: 959px) { /* line 242, ../scss/_object.scss */
  h2 strong::after { height: 10px; } }

/* お気軽にご相談ください
---------------------------------------------*/
/* line 258, ../scss/_object.scss */
.contact { background: #036; }
/* line 260, ../scss/_object.scss */
.contact h3 { color: #fff; font-size: 2.4rem; margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 260, ../scss/_object.scss */
  .contact h3 { font-size: 1.8rem; line-height: 1.4; } }
/* line 268, ../scss/_object.scss */
.contact h3 strong { color: #ff0; font-size: 3.2rem; }
@media screen and (max-width: 959px) { /* line 268, ../scss/_object.scss */
  .contact h3 strong { font-size: 2.4rem; } }
@media screen and (min-width: 960px) { /* line 274, ../scss/_object.scss */
  .contact .contactus { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: stretch; align-items: stretch; } }
/* line 280, ../scss/_object.scss */
.contact .contactus li { background: #fff; }
@media screen and (min-width: 960px) { /* line 280, ../scss/_object.scss */
  .contact .contactus li { width: 510px; height: 170px; padding: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-flow: column wrap; flex-flow: column wrap; } }
@media screen and (max-width: 959px) { /* line 280, ../scss/_object.scss */
  .contact .contactus li { width: 100%; padding: 15px; } }
/* line 294, ../scss/_object.scss */
.contact .contactus li:first-child { background: #ff0; }
@media screen and (min-width: 960px) { /* line 294, ../scss/_object.scss */
  .contact .contactus li:first-child { width: 450px; } }
/* line 298, ../scss/_object.scss */
.contact .contactus li p { line-height: 1; }
@media screen and (min-width: 960px) { /* line 298, ../scss/_object.scss */
  .contact .contactus li p { font-size: 1.8rem; } }
@media screen and (max-width: 959px) { /* line 298, ../scss/_object.scss */
  .contact .contactus li p { margin-bottom: 20px; } }
/* line 302, ../scss/_object.scss */
.contact .contactus li p span { padding: 5px; border: solid 1px #f60; display: inline-block; color: #f60; font-weight: bold; margin-right: 10px; }
/* line 311, ../scss/_object.scss */
.contact .contactus li small { text-align: justify; }
@media screen and (min-width: 960px) { /* line 312, ../scss/_object.scss */
  .contact .contactus li div { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }

/* Page Top
---------------------------------------------*/
/* line 325, ../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 325, ../scss/_object.scss */
  #pageTop { display: none; } }
/* line 334, ../scss/_object.scss */
#pageTop:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
/* line 337, ../scss/_object.scss */
#pageTop div { position: relative; background: #f60; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 45px; height: 45px; }
/* line 344, ../scss/_object.scss */
#pageTop .arrow { position: absolute; border: 1px solid #f60; 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: absolute; width: 100%; padding: 30px; top: 0; left: 0; right: 0; z-index: 100; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
@media screen and (max-width: 959px) { /* line 8, ../scss/_layout.scss */
  header { padding: 15px; } }
@media screen and (max-width: 959px) { /* line 20, ../scss/_layout.scss */
  header a { width: 50%; } }
@media screen and (min-width: 960px) { /* line 22, ../scss/_layout.scss */
  header a img { width: 419px; } }
/* line 25, ../scss/_layout.scss */
header a.tel { padding-left: 56px; }
@media screen and (max-width: 959px) { /* line 25, ../scss/_layout.scss */
  header a.tel { padding-left: 46px; } }
/* line 28, ../scss/_layout.scss */
header a.tel::before { width: 46px; height: 30px; }
/* line 32, ../scss/_layout.scss */
header a.tel span { font-size: 3.6rem; }
@media screen and (max-width: 959px) { /* line 32, ../scss/_layout.scss */
  header a.tel span { display: none; } }
@media screen and (max-width: 959px) { /* line 37, ../scss/_layout.scss */
  header a.btn { width: 50px; position: relative; margin-bottom: 0; }
  /* line 42, ../scss/_layout.scss */
  header a.btn::before { left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 2.4rem; }
  /* line 47, ../scss/_layout.scss */
  header a.btn span { display: none; } }
/* line 51, ../scss/_layout.scss */
header ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
/* line 56, ../scss/_layout.scss */
header ul li:not(:last-child) { margin-right: 30px; }
@media screen and (max-width: 959px) { /* line 56, ../scss/_layout.scss */
  header ul li:not(:last-child) { margin-right: 15px; } }

/* First View
---------------------------------------------*/
/* line 66, ../scss/_layout.scss */
.fv { background: url("../img/fv.jpg") no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; position: relative; }
@media screen and (min-width: 960px) { /* line 66, ../scss/_layout.scss */
  .fv { min-height: 1080px; background-position: center center; } }
@media screen and (max-width: 959px) { /* line 66, ../scss/_layout.scss */
  .fv { height: 100vh; background-position: left 40% top; } }
/* line 78, ../scss/_layout.scss */
.fv div { position: absolute; }
@media screen and (min-width: 960px) { /* line 78, ../scss/_layout.scss */
  .fv div { top: 50%; left: 48%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } }
@media screen and (max-width: 959px) { /* line 78, ../scss/_layout.scss */
  .fv div { width: 100%; top: 15%; left: 0; } }
@media screen and (max-width: 959px) { /* line 90, ../scss/_layout.scss */
  .fv div ul { display: inline-block; margin: 0 auto; } }
/* line 95, ../scss/_layout.scss */
.fv div ul li { text-align: left; font-family: ryo-display-plusn, serif; font-weight: 700; color: #036; font-size: 3.6rem; }
@media screen and (max-width: 959px) { /* line 95, ../scss/_layout.scss */
  .fv div ul li { font-size: 2rem; text-shadow: 0 0 10px #fff; } }
/* line 105, ../scss/_layout.scss */
.fv div ul li:not(:last-child) { margin-bottom: 40px; }
@media screen and (max-width: 959px) { /* line 105, ../scss/_layout.scss */
  .fv div ul li:not(:last-child) { margin-bottom: 10px; } }
/* line 109, ../scss/_layout.scss */
.fv div ul li::before { color: #f60; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a4"; margin-right: 20px; }
@media screen and (max-width: 959px) { /* line 109, ../scss/_layout.scss */
  .fv div ul li::before { margin-right: 10px; } }
/* line 116, ../scss/_layout.scss */
.fv div ul li strong { color: #f60; position: relative; }
/* line 119, ../scss/_layout.scss */
.fv div ul li strong::after { position: absolute; content: ""; width: 106%; height: 20px; left: -3%; bottom: -5px; background: rgba(255, 255, 0, 0.5); z-index: -1; }
@media screen and (max-width: 959px) { /* line 119, ../scss/_layout.scss */
  .fv div ul li strong::after { height: 10px; } }
/* line 131, ../scss/_layout.scss */
.fv div ul li small { font-size: 1.4rem; display: block; text-align: right; }
@media screen and (min-width: 960px) { /* line 131, ../scss/_layout.scss */
  .fv div ul li small { margin-top: 1em; padding-right: 1em; } }
@media screen and (max-width: 959px) { /* line 143, ../scss/_layout.scss */
  .fv .line { width: 95%; position: absolute; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 3%; } }

/* お知らせ
---------------------------------------------*/
/* line 157, ../scss/_layout.scss */
.news .container { width: 760px; border: solid 3px #f60; background: rgba(255, 102, 0, 0.2); padding: 30px; }
@media screen and (max-width: 959px) { /* line 157, ../scss/_layout.scss */
  .news .container { width: 95%; padding: 15px; } }
/* line 166, ../scss/_layout.scss */
.news .container h3 { text-align: left; margin-bottom: .5em; font-size: 150%; color: #f60; line-height: 1.2; }
@media screen and (max-width: 959px) { /* line 166, ../scss/_layout.scss */
  .news .container h3 { text-align: center; } }

/* 弁護士が代理人だから・・・
---------------------------------------------*/
/* line 179, ../scss/_layout.scss */
.lawyer { background: url("../img/bg.png") no-repeat; -moz-background-size: 100%; -o-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }
@media screen and (min-width: 960px) { /* line 179, ../scss/_layout.scss */
  .lawyer { background-position: center bottom -80px; } }
@media screen and (max-width: 959px) { /* line 179, ../scss/_layout.scss */
  .lawyer { background-position: center bottom; } }
@media screen and (min-width: 960px) { /* line 184, ../scss/_layout.scss */
  .lawyer ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
/* line 191, ../scss/_layout.scss */
.lawyer ul li { width: 465px; margin-bottom: 30px; background: rgba(0, 51, 102, 0.1); }
@media screen and (max-width: 959px) { /* line 191, ../scss/_layout.scss */
  .lawyer ul li { width: 100%; margin-bottom: 15px; } }
/* line 199, ../scss/_layout.scss */
.lawyer ul li h4 { background: #036; position: relative; width: 100%; height: 90px; }
@media screen and (max-width: 959px) { /* line 199, ../scss/_layout.scss */
  .lawyer ul li h4 { height: 60px; } }
/* line 205, ../scss/_layout.scss */
.lawyer ul li h4 span { position: absolute; display: block; white-space: nowrap; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: ryo-display-plusn, serif; font-weight: 700; color: #fff; text-align: center; font-size: 2.4rem; line-height: 1.4; }
@media screen and (max-width: 959px) { /* line 205, ../scss/_layout.scss */
  .lawyer ul li h4 span { font-size: 1.8rem; } }
/* line 219, ../scss/_layout.scss */
.lawyer ul li h4 span strong { color: #ff0; }
/* line 222, ../scss/_layout.scss */
.lawyer ul li p { padding: 30px; }
@media screen and (max-width: 959px) { /* line 222, ../scss/_layout.scss */
  .lawyer ul li p { padding: 15px; } }
/* line 225, ../scss/_layout.scss */
.lawyer ul li p small { font-size: 1.4rem; display: block; }
@media screen and (max-width: 959px) { /* line 225, ../scss/_layout.scss */
  .lawyer ul li p small { font-size: 1.2rem; } }
/* line 233, ../scss/_layout.scss */
.lawyer h3 { color: #036; font-size: 3rem; margin: 30px 0; }
@media screen and (max-width: 959px) { /* line 233, ../scss/_layout.scss */
  .lawyer h3 { font-size: 2.4rem; line-height: 1.4; margin: 30px 0 15px; } }
/* line 242, ../scss/_layout.scss */
.lawyer h3 strong { color: #f60; }
/* line 244, ../scss/_layout.scss */
.lawyer dl { border: solid 1px #333; padding: 30px; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 244, ../scss/_layout.scss */
  .lawyer dl { padding: 15px; } }
/* line 249, ../scss/_layout.scss */
.lawyer dl dt { text-align: left; font-weight: bold; font-size: 1.8rem; margin-bottom: 1em; }
@media screen and (max-width: 959px) { /* line 249, ../scss/_layout.scss */
  .lawyer dl dt { font-size: 1.6rem; } }
/* line 256, ../scss/_layout.scss */
.lawyer dl dd { text-align: justify; line-height: 1.8; }
/* line 261, ../scss/_layout.scss */
.lawyer .profile { background: rgba(0, 51, 102, 0.8); padding: 30px; margin-top: 60px; color: #fff; }
@media screen and (max-width: 959px) { /* line 261, ../scss/_layout.scss */
  .lawyer .profile { margin-top: 15px; padding: 15px; } }
@media screen and (min-width: 960px) { /* line 270, ../scss/_layout.scss */
  .lawyer .profile figure { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { /* line 270, ../scss/_layout.scss */
  .lawyer .profile figure { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { /* line 279, ../scss/_layout.scss */
  .lawyer .profile figure img { margin-right: 30px; } }
@media screen and (max-width: 959px) { /* line 279, ../scss/_layout.scss */
  .lawyer .profile figure img { margin-bottom: 15px; } }
/* line 283, ../scss/_layout.scss */
.lawyer .profile figure figcaption { text-align: left; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 283, ../scss/_layout.scss */
  .lawyer .profile figure figcaption { font-size: 1.4rem; text-align: center; } }
/* line 290, ../scss/_layout.scss */
.lawyer .profile figure figcaption span { display: block; font-family: ryo-display-plusn, serif; margin: 20px 0; }
@media screen and (max-width: 959px) { /* line 290, ../scss/_layout.scss */
  .lawyer .profile figure figcaption span { margin: 10px 0; } }
/* line 295, ../scss/_layout.scss */
.lawyer .profile figure figcaption span big { font-size: 2.4rem; margin-left: 1em; }
@media screen and (max-width: 959px) { /* line 295, ../scss/_layout.scss */
  .lawyer .profile figure figcaption span big { font-size: 1.8rem; } }
/* line 301, ../scss/_layout.scss */
.lawyer .profile figure figcaption p { width: 670px; font-size: 1.6rem; padding: 20px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
@media screen and (max-width: 959px) { /* line 301, ../scss/_layout.scss */
  .lawyer .profile figure figcaption p { width: 100%; font-size: 1.4rem; padding: 10px 0; } }
@media screen and (min-width: 960px) { /* line 315, ../scss/_layout.scss */
  .lawyer .profile div { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
/* line 322, ../scss/_layout.scss */
.lawyer .profile div dl { padding: 0; border: none; margin-bottom: 0; }
@media screen and (min-width: 960px) { /* line 326, ../scss/_layout.scss */
  .lawyer .profile div dl:first-child { margin-right: 60px; } }
@media screen and (max-width: 959px) { /* line 326, ../scss/_layout.scss */
  .lawyer .profile div dl:first-child { margin-bottom: 15px; } }
/* line 330, ../scss/_layout.scss */
.lawyer .profile div dl dt { font-size: 1.8rem; margin-bottom: 1em; }
@media screen and (max-width: 959px) { /* line 330, ../scss/_layout.scss */
  .lawyer .profile div dl dt { font-size: 1.6rem; } }
/* line 335, ../scss/_layout.scss */
.lawyer .profile div dl dd { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; }
/* line 339, ../scss/_layout.scss */
.lawyer .profile div dl dd span { margin-right: 1em; white-space: nowrap; }

/* 毎日辛さに耐えながら・・・
---------------------------------------------*/
/* line 352, ../scss/_layout.scss */
.check h2 + ul { margin-bottom: 30px; border-top: dotted 1px #036; }
/* line 355, ../scss/_layout.scss */
.check h2 + ul li { border-bottom: dotted 1px #036; padding: 20px 0 20px 80px; font-size: 2.4rem; text-align: justify; position: relative; }
@media screen and (max-width: 959px) { /* line 355, ../scss/_layout.scss */
  .check h2 + ul li { padding: 10px 0 10px 40px; font-size: 1.8rem; line-height: 1.4; } }
/* line 366, ../scss/_layout.scss */
.check h2 + ul li strong { font-weight: bold; }
/* line 367, ../scss/_layout.scss */
.check h2 + ul li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #f60; position: absolute; content: "\f00c"; left: 30px; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (max-width: 959px) { /* line 367, ../scss/_layout.scss */
  .check h2 + ul li::before { left: 10px; } }
@media screen and (min-width: 960px) { /* line 379, ../scss/_layout.scss */
  .check .insist { text-align: center; } }
/* line 382, ../scss/_layout.scss */
.check .quit { margin-top: 60px; background: rgba(255, 102, 0, 0.1); padding: 30px; }
@media screen and (max-width: 959px) { /* line 382, ../scss/_layout.scss */
  .check .quit { padding: 15px; margin-top: 30px; } }
/* line 390, ../scss/_layout.scss */
.check .quit h3 { font-size: 3.6rem; margin-bottom: 50px; display: inline-block; position: relative; }
@media screen and (max-width: 959px) { /* line 390, ../scss/_layout.scss */
  .check .quit h3 { font-size: 2rem; line-height: 1.4; margin-bottom: 30px; } }
/* line 400, ../scss/_layout.scss */
.check .quit h3::after { position: absolute; content: ""; background: #f60; left: -3%; bottom: -20px; width: 106%; height: 10px; }
@media screen and (max-width: 959px) { /* line 400, ../scss/_layout.scss */
  .check .quit h3::after { bottom: -10px; } }
@media screen and (min-width: 960px) { /* line 411, ../scss/_layout.scss */
  .check .quit p { font-size: 1.8rem; } }
/* line 414, ../scss/_layout.scss */
.check .quit .box { margin-top: 30px; background: #fff; padding: 30px; }
@media screen and (max-width: 959px) { /* line 414, ../scss/_layout.scss */
  .check .quit .box { padding: 15px; margin-top: 15px; } }
/* line 422, ../scss/_layout.scss */
.check .quit .box h4 { font-size: 3rem; font-family: ryo-display-plusn, serif; margin-bottom: 1em; color: #036; line-height: 1.4; }
@media screen and (max-width: 959px) { /* line 422, ../scss/_layout.scss */
  .check .quit .box h4 { font-size: 2.4rem; } }
/* line 430, ../scss/_layout.scss */
.check .quit .box h5 { font-weight: bold; font-size: 2.4rem; margin-bottom: .5em; line-height: 1.4; }
@media screen and (max-width: 959px) { /* line 430, ../scss/_layout.scss */
  .check .quit .box h5 { font-size: 1.8rem; } }
/* line 436, ../scss/_layout.scss */
.check .quit .box h5 strong { color: #f60; }
@media screen and (max-width: 959px) { /* line 438, ../scss/_layout.scss */
  .check .quit .box small { display: block; text-align: justify; line-height: 1.4; margin-left: 1em; text-indent: -1em; } }
@media screen and (max-width: 959px) { /* line 447, ../scss/_layout.scss */
  .check .quit .box img { margin: 15px 0; } }
/* line 450, ../scss/_layout.scss */
.check .quit .box ol { counter-reset: list; }
/* line 452, ../scss/_layout.scss */
.check .quit .box ol li { text-align: justify; position: relative; padding-left: 40px; padding-top: .25em; line-height: 1.4; }
/* line 458, ../scss/_layout.scss */
.check .quit .box ol li:not(:last-child) { margin-bottom: 1em; }
/* line 459, ../scss/_layout.scss */
.check .quit .box ol li::before, .check .quit .box ol li::after { position: absolute; left: 0; top: 0; width: 30px; height: 30px; }
/* line 467, ../scss/_layout.scss */
.check .quit .box ol li::before { content: ""; background: #f60; }
/* line 471, ../scss/_layout.scss */
.check .quit .box ol li::after { counter-increment: list; content: "" counter(list) ""; text-align: center; color: #fff; line-height: 30px; }
@media screen and (min-width: 960px) { /* line 481, ../scss/_layout.scss */
  .check .quit .box a.line { font-size: 4rem; margin-top: 30px; display: inline-block; }
  /* line 486, ../scss/_layout.scss */
  .check .quit .box a.line::after { content: "はこちら"; } }
@media screen and (max-width: 959px) { /* line 481, ../scss/_layout.scss */
  .check .quit .box a.line { margin-top: 15px; } }

/* 幅広い方々からお問い合わせいただいています
---------------------------------------------*/
/* line 497, ../scss/_layout.scss */
.graph { padding-top: 0; }
/* line 499, ../scss/_layout.scss */
.graph h3 { font-size: 3rem; line-height: 1.4; font-weight: bold; font-family: ryo-display-plusn, serif; color: #036; }
@media screen and (max-width: 959px) { /* line 499, ../scss/_layout.scss */
  .graph h3 { font-size: 2.4rem; } }
/* line 507, ../scss/_layout.scss */
.graph img { border: solid 1px #ccc; margin: 30px 0; width: 680px; }
@media screen and (max-width: 959px) { /* line 507, ../scss/_layout.scss */
  .graph img { margin: 15px 0; width: 100%; } }
/* line 517, ../scss/_layout.scss */
.graph p strong { color: #f60; font-weight: bold; }

/* 弁護士は重くありません。
---------------------------------------------*/
@media screen and (min-width: 960px) { /* line 528, ../scss/_layout.scss */
  .relief figure { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 30px; } }
@media screen and (max-width: 959px) { /* line 528, ../scss/_layout.scss */
  .relief figure { margin-bottom: 15px; } }
@media screen and (min-width: 960px) { /* line 536, ../scss/_layout.scss */
  .relief figure img { margin-right: 30px; } }
@media screen and (max-width: 959px) { /* line 536, ../scss/_layout.scss */
  .relief figure img { margin: 0 auto 15px; } }
/* line 540, ../scss/_layout.scss */
.relief figure figcaption { font-family: ryo-display-plusn, serif; font-weight: 700; text-align: left; font-size: 2.4rem; line-height: 1.8; }
@media screen and (max-width: 959px) { /* line 540, ../scss/_layout.scss */
  .relief figure figcaption { font-size: 1.8rem; } }
/* line 547, ../scss/_layout.scss */
.relief figure figcaption h3 { color: #036; font-size: 3.6rem; line-height: 1.4; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 547, ../scss/_layout.scss */
  .relief figure figcaption h3 { font-size: 2rem; margin-bottom: 30px; text-align: center; } }
/* line 557, ../scss/_layout.scss */
.relief figure figcaption h3 strong { color: #f60; position: relative; }
/* line 560, ../scss/_layout.scss */
.relief figure figcaption h3 strong::after { position: absolute; content: ""; width: 106%; height: 20px; left: -3%; bottom: -5px; background: rgba(255, 255, 0, 0.5); z-index: -1; }
@media screen and (max-width: 959px) { /* line 560, ../scss/_layout.scss */
  .relief figure figcaption h3 strong::after { height: 10px; } }
/* line 576, ../scss/_layout.scss */
.relief p strong { color: #f60; font-weight: bold; }

/* 料金システム
---------------------------------------------*/
/* line 585, ../scss/_layout.scss */
.price { background: rgba(0, 51, 102, 0.1); }
/* line 587, ../scss/_layout.scss */
.price p { margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 587, ../scss/_layout.scss */
  .price p { margin-bottom: 10px; } }
/* line 590, ../scss/_layout.scss */
.price p strong { color: #f60; font-weight: bold; }
/* line 594, ../scss/_layout.scss */
.price p.option { margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 594, ../scss/_layout.scss */
  .price p.option { margin-top: 15px; } }
/* line 600, ../scss/_layout.scss */
.price ul.card { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 600, ../scss/_layout.scss */
  .price ul.card { -webkit-justify-content: center; justify-content: center; margin-bottom: 15px; } }
/* line 610, ../scss/_layout.scss */
.price ul.card li { color: #f60; font-weight: bold; font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 610, ../scss/_layout.scss */
  .price ul.card li { font-size: 1.6rem; }
  /* line 616, ../scss/_layout.scss */
  .price ul.card li:first-child { width: 100%; margin-bottom: 10px; margin-right: 0; }
  /* line 621, ../scss/_layout.scss */
  .price ul.card li:nth-child(6), .price ul.card li:nth-child(7) { margin-top: 10px; }
  /* line 623, ../scss/_layout.scss */
  .price ul.card li:last-child { margin-right: 10px; } }
/* line 625, ../scss/_layout.scss */
.price ul.card li:not(:last-child) { margin-right: 10px; }
/* line 629, ../scss/_layout.scss */
.price ul.option_detail li { display: block; text-align: justify; margin-left: 1em; text-indent: -1em; }
/* line 634, ../scss/_layout.scss */
.price ul.option_detail li::before { content: "・"; }
/* line 635, ../scss/_layout.scss */
.price ul.option_detail li:not(:last-child) { margin-bottom: .5em; }
/* line 639, ../scss/_layout.scss */
.price .box { width: 100%; background: #fff; padding: 30px; margin-bottom: 30px; -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 959px) { /* line 639, ../scss/_layout.scss */
  .price .box { padding: 15px; margin-bottom: 15px; -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); } }
/* line 650, ../scss/_layout.scss */
.price .box dl { border-bottom: solid 1px #036; font-family: ryo-display-plusn, serif; font-weight: 700; }
@media screen and (min-width: 960px) { /* line 650, ../scss/_layout.scss */
  .price .box dl { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; padding-bottom: 20px; margin-bottom: 20px; font-size: 3rem; } }
@media screen and (max-width: 959px) { /* line 650, ../scss/_layout.scss */
  .price .box dl { font-size: 2.4rem; padding-bottom: 10px; margin-bottom: 10px; } }
/* line 667, ../scss/_layout.scss */
.price .box dl dt { color: #036; }
@media screen and (max-width: 959px) { /* line 667, ../scss/_layout.scss */
  .price .box dl dt { text-align: left; margin-bottom: .5em; } }
/* line 673, ../scss/_layout.scss */
.price .box dl dt strong { color: #f60; }
/* line 675, ../scss/_layout.scss */
.price .box dl dd { color: #f60; }
@media screen and (max-width: 959px) { /* line 675, ../scss/_layout.scss */
  .price .box dl dd { text-align: right; font-size: 1.8rem; } }
/* line 681, ../scss/_layout.scss */
.price .box dl dd small { font-size: 1.6rem; }
@media screen and (max-width: 959px) { /* line 681, ../scss/_layout.scss */
  .price .box dl dd small { font-size: 1.2rem; } }
/* line 687, ../scss/_layout.scss */
.price .box p { font-size: 1.8rem; margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 687, ../scss/_layout.scss */
  .price .box p { font-size: 1.4rem; margin-bottom: 10px; } }
/* line 695, ../scss/_layout.scss */
.price .box ul { background: rgba(0, 51, 102, 0.1); padding: 30px; }
@media screen and (max-width: 959px) { /* line 695, ../scss/_layout.scss */
  .price .box ul { padding: 15px; } }
/* line 699, ../scss/_layout.scss */
.price .box ul.plus { background: rgba(255, 102, 0, 0.1); position: relative; margin-top: 60px; }
@media screen and (max-width: 959px) { /* line 699, ../scss/_layout.scss */
  .price .box ul.plus { margin-top: 40px; } }
/* line 704, ../scss/_layout.scss */
.price .box ul.plus::before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; color: #036; top: -50px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 4rem; }
@media screen and (max-width: 959px) { /* line 704, ../scss/_layout.scss */
  .price .box ul.plus::before { font-size: 3rem; top: -35px; } }
/* line 719, ../scss/_layout.scss */
.price .box ul li { text-align: left; font-family: ryo-display-plusn, serif; color: #036; font-size: 2.4rem; font-weight: 500; }
@media screen and (max-width: 959px) { /* line 719, ../scss/_layout.scss */
  .price .box ul li { font-size: 1.8rem; line-height: 1.4; margin-left: 1.5em; text-indent: -1.5em; } }
/* line 731, ../scss/_layout.scss */
.price .box ul li:not(:last-child) { margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 731, ../scss/_layout.scss */
  .price .box ul li:not(:last-child) { margin-bottom: 10px; } }
/* line 735, ../scss/_layout.scss */
.price .box ul li::before { color: #f60; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a4"; margin-right: 10px; }
/* line 741, ../scss/_layout.scss */
.price .box ul li small { font-size: 1.6rem; }
@media screen and (max-width: 959px) { /* line 741, ../scss/_layout.scss */
  .price .box ul li small { font-size: 1.2rem; } }
@media screen and (min-width: 960px) { /* line 748, ../scss/_layout.scss */
  .price .option { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; } }
/* line 754, ../scss/_layout.scss */
.price .option h3 { display: inline-block; background: #036; color: #fff; }
@media screen and (min-width: 960px) { /* line 754, ../scss/_layout.scss */
  .price .option h3 { text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 180px; height: 180px; margin-right: 30px; padding-top: 60px; font-size: 3rem; } }
@media screen and (max-width: 959px) { /* line 754, ../scss/_layout.scss */
  .price .option h3 { width: 100%; padding: 10px; font-size: 2.4rem; margin-bottom: 15px; } }
/* line 773, ../scss/_layout.scss */
.price .option h3 span { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 400; }
@media screen and (min-width: 960px) { /* line 773, ../scss/_layout.scss */
  .price .option h3 span { font-size: 1.6rem; display: block; margin-top: 20px; } }
@media screen and (max-width: 959px) { /* line 773, ../scss/_layout.scss */
  .price .option h3 span { font-size: 1.2rem; } }
/* line 785, ../scss/_layout.scss */
.price .option ul li { text-align: left; font-family: ryo-display-plusn, serif; color: #036; font-size: 2.4rem; font-weight: 500; }
@media screen and (max-width: 959px) { /* line 785, ../scss/_layout.scss */
  .price .option ul li { font-size: 1.8rem; line-height: 1.4; margin-left: 1em; text-indent: -1em; } }
/* line 797, ../scss/_layout.scss */
.price .option ul li:not(:last-child) { margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 797, ../scss/_layout.scss */
  .price .option ul li:not(:last-child) { margin-bottom: 10px; } }
/* line 801, ../scss/_layout.scss */
.price .option ul li::before { content: "・"; }

/* 非弁退職代行業者との比較
---------------------------------------------*/
/* line 810, ../scss/_layout.scss */
.comparison table { position: relative; }
/* line 812, ../scss/_layout.scss */
.comparison table::after { position: absolute; content: ""; border: solid 5px #f60; width: calc(100% / 3 - 3px); height: calc(100% - 10px); top: 0; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }
/* line 824, ../scss/_layout.scss */
.comparison table th, .comparison table td { border: solid 1px #036; padding: 15px; text-align: center; vertical-align: middle; width: calc(100% / 3); }
@media screen and (max-width: 959px) { /* line 824, ../scss/_layout.scss */
  .comparison table th, .comparison table td { padding: 10px; line-height: 1.2; } }
/* line 836, ../scss/_layout.scss */
.comparison table th { font-weight: bold; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 836, ../scss/_layout.scss */
  .comparison table th { font-size: 1.4rem; } }
/* line 840, ../scss/_layout.scss */
.comparison table th:not(:first-child) { color: #fff; }
/* line 841, ../scss/_layout.scss */
.comparison table th:first-child { background: rgba(0, 51, 102, 0.1); }
/* line 842, ../scss/_layout.scss */
.comparison table th:nth-child(2) { background: #f60; }
/* line 843, ../scss/_layout.scss */
.comparison table th:nth-child(3) { background: #036; }
/* line 846, ../scss/_layout.scss */
.comparison table td:not(:first-child) { font-weight: bold; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 846, ../scss/_layout.scss */
  .comparison table td:not(:first-child) { font-size: 1.4rem; } }
/* line 851, ../scss/_layout.scss */
.comparison table td:nth-child(2) { background: rgba(255, 102, 0, 0.1); }
/* line 852, ../scss/_layout.scss */
.comparison table td small { font-size: 1.4rem; }
@media screen and (max-width: 959px) { /* line 852, ../scss/_layout.scss */
  .comparison table td small { font-size: 1.2rem; } }
/* line 859, ../scss/_layout.scss */
.comparison .support h3 { color: #036; font-size: 3.6rem; line-height: 1.4; margin: 60px 0; }
@media screen and (max-width: 959px) { /* line 859, ../scss/_layout.scss */
  .comparison .support h3 { font-size: 2.4rem; margin: 30px 0; } }
/* line 868, ../scss/_layout.scss */
.comparison .support h3 strong { color: #f60; position: relative; }
/* line 871, ../scss/_layout.scss */
.comparison .support h3 strong::after { position: absolute; content: ""; width: 106%; height: 20px; left: -3%; bottom: -5px; background: rgba(255, 255, 0, 0.5); z-index: -1; }
@media screen and (max-width: 959px) { /* line 871, ../scss/_layout.scss */
  .comparison .support h3 strong::after { height: 10px; } }
/* line 886, ../scss/_layout.scss */
.comparison .support ul li:not(:last-child) { margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 886, ../scss/_layout.scss */
  .comparison .support ul li:not(:last-child) { margin-bottom: 15px; } }
/* line 891, ../scss/_layout.scss */
.comparison .support ul li dl dt { font-family: ryo-display-plusn, serif; font-weight: 700; color: #036; text-align: left; background: rgba(255, 102, 0, 0.3); position: relative; }
@media screen and (min-width: 960px) { /* line 891, ../scss/_layout.scss */
  .comparison .support ul li dl dt { font-size: 2.4rem; height: 50px; line-height: 50px; padding-left: 40px; margin-bottom: 30px; margin-left: 60px; } }
@media screen and (max-width: 959px) { /* line 891, ../scss/_layout.scss */
  .comparison .support ul li dl dt { font-size: 1.8rem; line-height: 1.2; padding: 10px 10px 10px 50px; margin-bottom: 10px; } }
/* line 912, ../scss/_layout.scss */
.comparison .support ul li dl dt::before { color: #f60; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4da"; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (min-width: 960px) { /* line 912, ../scss/_layout.scss */
  .comparison .support ul li dl dt::before { font-size: 8rem; left: -60px; } }
@media screen and (max-width: 959px) { /* line 912, ../scss/_layout.scss */
  .comparison .support ul li dl dt::before { font-size: 3.6rem; left: 10px; } }
/* line 929, ../scss/_layout.scss */
.comparison .support ul li dl dd { text-align: justify; line-height: 1.8; }
@media screen and (min-width: 960px) { /* line 929, ../scss/_layout.scss */
  .comparison .support ul li dl dd { padding: 0 30px 0 100px; } }

/* 簡単３ステップで即日退職！
---------------------------------------------*/
/* line 942, ../scss/_layout.scss */
.flow { background: rgba(0, 51, 102, 0.1); }
/* line 944, ../scss/_layout.scss */
.flow h3 { color: #036; font-size: 3.6rem; line-height: 1.4; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 944, ../scss/_layout.scss */
  .flow h3 { font-size: 2.4rem; margin-bottom: 30px; } }
/* line 953, ../scss/_layout.scss */
.flow h3 strong { color: #f60; position: relative; }
/* line 956, ../scss/_layout.scss */
.flow h3 strong::after { position: absolute; content: ""; width: 106%; height: 20px; left: -3%; bottom: -5px; background: rgba(255, 255, 0, 0.5); z-index: -1; }
@media screen and (max-width: 959px) { /* line 956, ../scss/_layout.scss */
  .flow h3 strong::after { height: 10px; } }
/* line 969, ../scss/_layout.scss */
.flow ol { counter-reset: list; }
@media screen and (min-width: 960px) { /* line 969, ../scss/_layout.scss */
  .flow ol { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; } }
/* line 976, ../scss/_layout.scss */
.flow ol li { background: #fff; -moz-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1); width: 300px; }
@media screen and (max-width: 959px) { /* line 976, ../scss/_layout.scss */
  .flow ol li { width: 100%; -moz-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1); } }
/* line 984, ../scss/_layout.scss */
.flow ol li:not(:last-child) { position: relative; }
@media screen and (max-width: 959px) { /* line 984, ../scss/_layout.scss */
  .flow ol li:not(:last-child) { margin-bottom: 30px; } }
/* line 987, ../scss/_layout.scss */
.flow ol li:not(:last-child)::after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; }
@media screen and (min-width: 960px) { /* line 987, ../scss/_layout.scss */
  .flow ol li:not(:last-child)::after { top: 0; right: -30px; border-width: 25px 0 25px 30px; border-color: transparent transparent transparent #f60; } }
@media screen and (max-width: 959px) { /* line 987, ../scss/_layout.scss */
  .flow ol li:not(:last-child)::after { bottom: -20px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-width: 30px 30px 0 30px; border-color: #fff transparent transparent transparent; } }
/* line 1009, ../scss/_layout.scss */
.flow ol li dl dt { background: #f60; height: 50px; line-height: 50px; color: #ff0; font-family: ryo-display-plusn, serif; font-weight: 700; font-size: 2.4rem; text-align: left; padding-left: 20px; }
/* line 1019, ../scss/_layout.scss */
.flow ol li dl dt::before { font-size: 1.8rem; color: #fff; counter-increment: list; content: "STEP " counter(list) ". "; }
/* line 1026, ../scss/_layout.scss */
.flow ol li dl dd { padding: 30px; text-align: justify; line-height: 1.8; }

/* よくあるご質問
---------------------------------------------*/
/* line 1039, ../scss/_layout.scss */
.faq h2 { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 1039, ../scss/_layout.scss */
  .faq h2 { margin-bottom: 30px; } }
/* line 1043, ../scss/_layout.scss */
.faq dl { border-bottom: dotted 1px #036; padding-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 1043, ../scss/_layout.scss */
  .faq dl { padding-bottom: 10px; } }
/* line 1047, ../scss/_layout.scss */
.faq dl:not(:last-child) { margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 1047, ../scss/_layout.scss */
  .faq dl:not(:last-child) { margin-bottom: 15px; } }
/* line 1051, ../scss/_layout.scss */
.faq dl dt { font-family: ryo-display-plusn, serif; font-weight: 500; color: #036; font-size: 2.4rem; text-align: left; padding-left: 60px; position: relative; margin-bottom: 20px; }
@media screen and (max-width: 959px) { /* line 1051, ../scss/_layout.scss */
  .faq dl dt { font-size: 1.8rem; line-height: 1.4; padding-left: 40px; margin-bottom: 10px; } }
/* line 1066, ../scss/_layout.scss */
.faq dl dt::before { position: absolute; content: "Q"; background: #036; color: #fff; font-size: 3rem; font-weight: 700; text-align: center; width: 40px; height: 40px; line-height: 40px; 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 1066, ../scss/_layout.scss */
  .faq dl dt::before { font-size: 2rem; width: 30px; height: 30px; line-height: 30px; } }
/* line 1088, ../scss/_layout.scss */
.faq dl dd { font-size: 1.8rem; line-height: 1.8; text-align: justify; padding-left: 60px; }
@media screen and (max-width: 959px) { /* line 1088, ../scss/_layout.scss */
  .faq dl dd { font-size: 1.4rem; padding-left: 40px; } }
/* line 1097, ../scss/_layout.scss */
.faq dl dd small { font-size: 1.4rem; }
@media screen and (max-width: 959px) { /* line 1097, ../scss/_layout.scss */
  .faq dl dd small { font-size: 1.2rem; } }

/* フォーム
---------------------------------------------*/
/* line 1107, ../scss/_layout.scss */
#contactForm { padding-bottom: 0; }
/* line 1109, ../scss/_layout.scss */
#contactForm .contactus { margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 1109, ../scss/_layout.scss */
  #contactForm .contactus { margin-bottom: 30px; } }
@media screen and (min-width: 960px) { /* line 1112, ../scss/_layout.scss */
  #contactForm .contactus li { width: 50%; }
  /* line 1115, ../scss/_layout.scss */
  #contactForm .contactus li:first-child { width: 50%; }
  /* line 1116, ../scss/_layout.scss */
  #contactForm .contactus li p { text-align: center; } }
/* line 1118, ../scss/_layout.scss */
#contactForm .contactus li .line { font-size: 4rem; display: inline-block; }
@media screen and (max-width: 959px) { /* line 1118, ../scss/_layout.scss */
  #contactForm .contactus li .line { font-size: 3rem; }
  /* line 1123, ../scss/_layout.scss */
  #contactForm .contactus li .line::before { display: none; } }
/* line 1128, ../scss/_layout.scss */
#contactForm h3 { color: #fff; font-family: ryo-display-plusn, serif; font-weight: 700; font-size: 3.6rem; margin-bottom: 30px; }
/* line 1134, ../scss/_layout.scss */
#contactForm h3 strong { font-size: 3.6rem; color: #ff0; }

/* line 1141, ../scss/_layout.scss */
.hearing h3 { font-family: ryo-display-plusn, serif; font-weight: 700; font-size: 3.6rem; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 1141, ../scss/_layout.scss */
  .hearing h3 { font-size: 2.4rem; margin-bottom: 15px; margin-top: 30px; } }
/* line 1154, ../scss/_layout.scss */
.hearing .form table th { line-height: 1.4; }
@media screen and (min-width: 960px) { /* line 1154, ../scss/_layout.scss */
  .hearing .form table th { font-size: 1.6rem; padding-right: 20px; } }
/* line 1161, ../scss/_layout.scss */
.hearing .form table td { line-height: 1.4; }

/* line 1167, ../scss/_layout.scss */
.form { background: #fff; padding: 60px; }
@media screen and (max-width: 959px) { /* line 1167, ../scss/_layout.scss */
  .form { padding: 15px; } }
/* line 1171, ../scss/_layout.scss */
.form p { text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 959px) { /* line 1171, ../scss/_layout.scss */
  .form p { margin-bottom: 15px; text-align: justify; } }
/* line 1178, ../scss/_layout.scss */
.form p a { color: #036; text-decoration: underline; }
/* line 1182, ../scss/_layout.scss */
.form p span { color: #f60; }
/* line 1184, ../scss/_layout.scss */
.form table { width: 100%; }
/* line 1186, ../scss/_layout.scss */
.form table tr { border-top: solid 1px rgba(0, 51, 102, 0.3); }
@media screen and (max-width: 959px) { /* line 1192, ../scss/_layout.scss */
  .form table tr:nth-child(7) td ul li:nth-child(2) { margin-left: 0; margin-top: 0; } }
/* line 1203, ../scss/_layout.scss */
.form table th, .form table td { padding: 20px 0; vertical-align: middle; text-align: left; line-height: 1.4; }
@media screen and (max-width: 959px) { /* line 1203, ../scss/_layout.scss */
  .form table th, .form table td { display: list-item; list-style: none; } }
/* line 1214, ../scss/_layout.scss */
.form table th { width: 30%; font-size: 1.8rem; color: #036; }
@media screen and (max-width: 959px) { /* line 1214, ../scss/_layout.scss */
  .form table th { width: 100%; font-size: 1.6rem; padding-bottom: 0; } }
/* line 1224, ../scss/_layout.scss */
.form table th span::after { color: #fff; text-align: center; line-height: 1em; padding: 3px 10px; margin-left: 10px; font-size: 1.4rem; background: #f60; content: "必須"; }
@media screen and (max-width: 959px) { /* line 1224, ../scss/_layout.scss */
  .form table th span::after { font-size: 1.2rem; } }
@media screen and (max-width: 959px) { /* line 1237, ../scss/_layout.scss */
  .form table td { width: 100%; font-size: 1.4rem; } }
/* line 1242, ../scss/_layout.scss */
.form table td ul { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
/* line 1248, ../scss/_layout.scss */
.form table td ul li:not(:first-child) { margin-left: 35px; }
@media screen and (max-width: 959px) { /* line 1248, ../scss/_layout.scss */
  .form table td ul li:not(:first-child) { margin-left: 1.5em; } }
/* line 1252, ../scss/_layout.scss */
.form table td ul li:nth-child(5) { margin-top: 20px; }
@media screen and (min-width: 960px) { /* line 1252, ../scss/_layout.scss */
  .form table td ul li:nth-child(5) { margin-left: 0; } }
@media screen and (max-width: 959px) { /* line 1256, ../scss/_layout.scss */
  .form table td ul li:nth-child(4) { margin-left: 0; margin-top: 20px; } }
/* line 1263, ../scss/_layout.scss */
.form table td ul.block { display: block; }
/* line 1265, ../scss/_layout.scss */
.form table td ul.block li { margin-left: 0; }
/* line 1267, ../scss/_layout.scss */
.form table td ul.block li:not(:last-child) { margin-bottom: 20px; }
/* line 1268, ../scss/_layout.scss */
.form table td ul.block li .radio { margin-left: 1.5em; text-indent: -1.5em; }
/* line 1275, ../scss/_layout.scss */
.form table td a { margin-left: 1em; color: #390; }
/* line 1278, ../scss/_layout.scss */
.form table td a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f35d"; margin-left: .5em; }
/* line 1286, ../scss/_layout.scss */
.form .privacy { width: 100%; height: 150px; padding: 30px; margin: 30px auto; overflow: auto; background: rgba(0, 51, 102, 0.1); }
@media screen and (max-width: 959px) { /* line 1286, ../scss/_layout.scss */
  .form .privacy { padding: 15px; margin: 0 auto 30px; } }
/* line 1297, ../scss/_layout.scss */
.form .privacy h4, .form .privacy h5 { text-align: left; margin-bottom: .8em; font-family: ryo-display-plusn, serif; font-weight: 700; }
/* line 1304, ../scss/_layout.scss */
.form .privacy h4 { font-size: 2.4rem; }
@media screen and (max-width: 959px) { /* line 1304, ../scss/_layout.scss */
  .form .privacy h4 { font-size: 2.4rem; } }
/* line 1308, ../scss/_layout.scss */
.form .privacy h5 { font-size: 1.8rem; margin-top: 1.5em; }
@media screen and (max-width: 959px) { /* line 1308, ../scss/_layout.scss */
  .form .privacy h5 { font-size: 1.6rem; } }
/* line 1313, ../scss/_layout.scss */
.form .privacy p { text-align: justify; font-size: 1.6rem; }
@media screen and (max-width: 959px) { /* line 1313, ../scss/_layout.scss */
  .form .privacy p { font-size: 1.4rem; } }
/* line 1319, ../scss/_layout.scss */
.form .agree { margin-top: 30px; font-size: 1.6rem; }
@media screen and (max-width: 959px) { /* line 1319, ../scss/_layout.scss */
  .form .agree { margin-top: 15px; } }
/* line 1324, ../scss/_layout.scss */
.form .submitBtn { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin-top: 30px; }
@media screen and (max-width: 959px) { /* line 1324, ../scss/_layout.scss */
  .form .submitBtn { margin-top: 15px; } }
/* line 1331, ../scss/_layout.scss */
.form h4 { font-family: ryo-display-plusn, serif; font-weight: 700; text-align: center; font-size: 2.4rem; margin-bottom: .8em; line-height: 1.4; }

/* 特商法
---------------------------------------------*/
@media screen and (max-width: 959px) { /* line 1344, ../scss/_layout.scss */
  .scta h3 { font-size: 2.4rem !important; } }
/* line 1347, ../scss/_layout.scss */
.scta tr { border-bottom: solid 1px rgba(0, 51, 102, 0.3); border-top: none !important; }

/* Footer
---------------------------------------------*/
/* line 1355, ../scss/_layout.scss */
footer { background: #036; color: #fff; padding: 30px 0; }
/* line 1359, ../scss/_layout.scss */
footer a { color: #fff; }
/* line 1360, ../scss/_layout.scss */
footer small { font-size: 1.4rem; margin-top: 20px; display: block; }

/*==============================
	Form
==============================*/
/* Steps
---------------------------------------------*/
/* line 8, ../scss/_form.scss */
#step { text-align: center; padding-top: 40px; margin-bottom: 60px; }
@media screen and (max-width: 959px) { /* line 8, ../scss/_form.scss */
  #step { margin-bottom: 30px; } }
/* line 13, ../scss/_form.scss */
#step ol { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; counter-reset: step; }
/* line 18, ../scss/_form.scss */
#step ol li { position: relative; font-size: 1.6rem; }
@media screen and (min-width: 960px) { /* line 18, ../scss/_form.scss */
  #step ol li { margin-right: 80px; } }
@media screen and (max-width: 959px) { /* line 18, ../scss/_form.scss */
  #step ol li { margin-right: 40px; } }
/* line 23, ../scss/_form.scss */
#step ol li span { display: block; font-size: 1.2rem; margin-top: 5px; color: #036; }
/* line 31, ../scss/_form.scss */
#step ol li a::before, #step ol li em::before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; counter-increment: step; content: counter(step); color: #333; background: #eee; position: absolute; width: 30px; height: 30px; line-height: 30px; font-size: 1.4rem; top: -40px; left: calc(50% - 15px); z-index: 2; font-family: ryo-display-plusn, serif; }
/* line 48, ../scss/_form.scss */
#step ol li::after { position: absolute; content: ""; background: #eee; z-index: 1; height: 5px; top: -27.5px; left: 50%; }
@media screen and (min-width: 960px) { /* line 48, ../scss/_form.scss */
  #step ol li::after { width: calc(100% + 80px); } }
@media screen and (max-width: 959px) { /* line 48, ../scss/_form.scss */
  #step ol li::after { width: calc(100% + 40px); } }
/* line 59, ../scss/_form.scss */
#step ol li:last-child { margin-right: 0; }
/* line 61, ../scss/_form.scss */
#step ol li:last-child::after { display: none; }
/* line 65, ../scss/_form.scss */
#step ol li.visited a::before { background: #036; color: #fff; }
/* line 69, ../scss/_form.scss */
#step ol li.visited a span { color: #036; }
/* line 71, ../scss/_form.scss */
#step ol li.visited::after { background: #036; }
/* line 77, ../scss/_form.scss */
#step ol li.current em::before { background: #036; color: #fff; }
/* line 83, ../scss/_form.scss */
#step ol li a { padding-top: 40px; color: #036; }
/* line 86, ../scss/_form.scss */
#step ol li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
/* line 88, ../scss/_form.scss */
#step ol li a:hover::before { -moz-box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.3); -webkit-box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.3); box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.3); }
/* line 93, ../scss/_form.scss */
#step ol li em { padding-top: 40px; font-style: normal; }

/* Form tags
---------------------------------------------*/
/* line 103, ../scss/_form.scss */
input, select, textarea { background: #eee; color: #333; padding: 10px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -moz-appearance: none; -webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: solid 2px #eee; font-size: 1.8rem; }
@media screen and (max-width: 959px) { /* line 103, ../scss/_form.scss */
  input, select, textarea { font-size: 1.4rem; } }
/* line 115, ../scss/_form.scss */
input:focus, select:focus, textarea:focus { border: solid 2px #666; background: rgba(0, 51, 102, 0.1); }

/* line 120, ../scss/_form.scss */
input { width: 100%; }
@media screen and (max-width: 959px) { /* line 120, ../scss/_form.scss */
  input { padding: 14px 10px; } }
/* line 123, ../scss/_form.scss */
input.date, input.half { width: 50%; }
@media screen and (max-width: 959px) { /* line 123, ../scss/_form.scss */
  input.date, input.half { width: 45%; } }
/* line 128, ../scss/_form.scss */
input.age, input.zip-3 { width: 20%; }
/* line 129, ../scss/_form.scss */
input.zip-4 { width: 30%; }
/* line 130, ../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 135, ../scss/_form.scss */
  input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; } }
/* line 140, ../scss/_form.scss */
input[type="checkbox"], input[type="radio"] { display: none; }
/* line 144, ../scss/_form.scss */
input[type="submit"] { background: #f60; }
/* line 146, ../scss/_form.scss */
input[type="submit"].confirm { background: #390; }
/* line 150, ../scss/_form.scss */
input[type="submit"][disabled] { background-color: #999; cursor: default; }

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

/* line 176, ../scss/_form.scss */
button { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; background: #333; }
@media screen and (min-width: 960px) { /* line 176, ../scss/_form.scss */
  button { margin-right: 15px; } }
@media screen and (max-width: 959px) { /* line 176, ../scss/_form.scss */
  button { margin-right: 2%; } }

/* line 182, ../scss/_form.scss */
label { position: relative; display: inline-block; }
/* line 185, ../scss/_form.scss */
label::after { font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; content: "\f0dc"; 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 196, ../scss/_form.scss */
label.select { width: 100%; }
/* line 200, ../scss/_form.scss */
label.select-half { width: 40%; }
/* line 201, ../scss/_form.scss */
label.select-time { width: 10%; }
@media screen and (max-width: 959px) { /* line 201, ../scss/_form.scss */
  label.select-time { width: 15%; } }
/* line 205, ../scss/_form.scss */
label.checkbox { cursor: pointer; margin-bottom: 10px; }
@media screen and (max-width: 959px) { /* line 205, ../scss/_form.scss */
  label.checkbox { width: 100%; } }
/* line 209, ../scss/_form.scss */
label.checkbox::after { display: none; }
/* line 212, ../scss/_form.scss */
label.checkbox span.cb::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c8"; font-weight: 400; color: #333; margin-right: 10px; font-size: 110%; }
/* line 222, ../scss/_form.scss */
label.checkbox:last-child { margin-bottom: 0; }
/* line 223, ../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: #333; }
/* line 230, ../scss/_form.scss */
label.radio { cursor: pointer; margin-right: 10px; }
/* line 233, ../scss/_form.scss */
label.radio::after { display: none; }
/* line 236, ../scss/_form.scss */
label.radio span.rd::before { font-family: "Font Awesome 5 Free"; font-weight: 900; font-weight: 400; content: "\f111"; color: #333; margin-right: 5px; }
/* line 245, ../scss/_form.scss */
label.radio:last-child { margin-bottom: 0; }
/* line 246, ../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: #333; }

/* line 254, ../scss/_form.scss */
select { width: 100%; display: table-cell; vertical-align: middle; }

/* line 259, ../scss/_form.scss */
textarea { width: 100%; }
/* line 261, ../scss/_form.scss */
textarea.detail { margin-top: 1em; }
@media screen and (min-width: 960px) { /* line 261, ../scss/_form.scss */
  textarea.detail { height: 100px; } }
@media screen and (max-width: 959px) { /* line 261, ../scss/_form.scss */
  textarea.detail { height: 80px; } }
@media screen and (min-width: 960px) { /* line 266, ../scss/_form.scss */
  textarea.comment { height: 200px; } }
@media screen and (max-width: 959px) { /* line 266, ../scss/_form.scss */
  textarea.comment { height: 100px; } }

/* line 271, ../scss/_form.scss */
:placeholder-shown { color: #999; }

/* line 272, ../scss/_form.scss */
::-webkit-input-placeholder { color: #999; }

/* line 273, ../scss/_form.scss */
:-moz-placeholder { color: #999; }

/* line 274, ../scss/_form.scss */
::-moz-placeholder { color: #999; }

/* line 275, ../scss/_form.scss */
:-ms-input-placeholder { color: #999; }

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

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