@charset "UTF-8";

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #3c3cb8;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #29297e;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.img-fluid,
.img-responsive {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.container,
.c-fixed-bottom__wrapper-box,
.c-footer {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row,
.l-sidebar-single,
.l-sidebar-review-single,
.c-archive-loop,
.c-mitsumoriform-prev__body-row,
.c-posttype-qa__answer-box__answer-description {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters,
.c-posttype-qa__answer-box__answer-description {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.c-posttype-qa__answer-box__answer-description > .col,
.no-gutters > [class*="col-"],
.c-posttype-qa__answer-box__answer-description > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-xs-1,
.col-2,
.col-xs-2,
.col-3,
.col-xs-3,
.c-author__body-box__avatar-box,
.c-form__btn-box--back,
.col-4,
.col-xs-4,
.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo,
.col-5,
.col-xs-5,
.col-6,
.col-xs-6,
.c-form__btn-box--next,
.col-7,
.col-xs-7,
.col-8,
.col-xs-8,
.col-9,
.col-xs-9,
.c-author__body-box__text-box,
.col-10,
.col-xs-10,
.col-11,
.col-xs-11,
.col-12,
.col-xs-12,
.c-archive-loop__eyecatch-box + .c-archive-loop__article-box,
.c-archive-loop__article-box,
.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20,
.c-mitsumoriform-prev__body-row__step-col--margin20,
.c-posttype-qa__answer-box__answer-description__adviser-box,
.c-posttype-qa__answer-box__answer-description__answer-balloon,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.c-archive-loop__eyecatch-box,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.c-vendor-list-city__list-body__list-row__list-col,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-fmd-1,
.col-fmd-2,
.col-fmd-3,
.col-fmd-4,
.col-fmd-5,
.col-fmd-6,
.col-fmd-7,
.col-fmd-8,
.col-fmd-9,
.col-fmd-10,
.col-fmd-11,
.col-fmd-12,
.col-fmd,
.col-fmd-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.l-sidebar-single__col-side,
.l-sidebar-review-single__col-side,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.l-sidebar-single__col-main,
.l-sidebar-review-single__col-main,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1,
.col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2,
.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3,
.col-xs-3,
.c-author__body-box__avatar-box,
.c-form__btn-box--back {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4,
.col-xs-4,
.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5,
.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6,
.col-xs-6,
.c-form__btn-box--next {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7,
.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8,
.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9,
.col-xs-9,
.c-author__body-box__text-box {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10,
.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11,
.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12,
.col-xs-12,
.c-archive-loop__eyecatch-box + .c-archive-loop__article-box,
.c-archive-loop__article-box,
.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20,
.c-mitsumoriform-prev__body-row__step-col--margin20,
.c-posttype-qa__answer-box__answer-description__adviser-box,
.c-posttype-qa__answer-box__answer-description__answer-balloon {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1,
.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.offset-2,
.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.offset-3,
.col-xs-offset-3 {
  margin-left: 25%;
}

.offset-4,
.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.offset-5,
.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.offset-6,
.col-xs-offset-6 {
  margin-left: 50%;
}

.offset-7,
.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.offset-8,
.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.offset-9,
.col-xs-offset-9 {
  margin-left: 75%;
}

.offset-10,
.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.offset-11,
.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #c8c8eb;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #9a9ada;
}

.table-hover .table-primary:hover {
  background-color: #b5b5e4;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #b5b5e4;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ebc4c0;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #db928a;
}

.table-hover .table-danger:hover {
  background-color: #e5b2ad;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #e5b2ad;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control,
.c-mitsumoriform-prev__postal-input {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand,
.c-mitsumoriform-prev__postal-input::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus,
.c-mitsumoriform-prev__postal-input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #9797dd;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.25);
}

.form-control::-moz-placeholder,
.c-mitsumoriform-prev__postal-input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder,
.c-mitsumoriform-prev__postal-input::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.c-mitsumoriform-prev__postal-input:disabled,
.form-control[readonly],
.c-mitsumoriform-prev__postal-input[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value,
select.c-mitsumoriform-prev__postal-input:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 2rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 1.4rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size],
select.c-mitsumoriform-prev__postal-input[size],
select.form-control[multiple],
select.c-mitsumoriform-prev__postal-input[multiple] {
  height: auto;
}

textarea.form-control,
textarea.c-mitsumoriform-prev__postal-input {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid,
.was-validated .c-mitsumoriform-prev__postal-input:valid,
.form-control.is-valid,
.is-valid.c-mitsumoriform-prev__postal-input {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.was-validated .c-mitsumoriform-prev__postal-input:valid:focus,
.form-control.is-valid:focus,
.is-valid.c-mitsumoriform-prev__postal-input:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .c-mitsumoriform-prev__postal-input:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.was-validated .c-mitsumoriform-prev__postal-input:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.is-valid.c-mitsumoriform-prev__postal-input ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.is-valid.c-mitsumoriform-prev__postal-input ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid,
.was-validated textarea.c-mitsumoriform-prev__postal-input:valid,
textarea.form-control.is-valid,
textarea.is-valid.c-mitsumoriform-prev__postal-input {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #B92D1E;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(185, 45, 30, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid,
.was-validated .c-mitsumoriform-prev__postal-input:invalid,
.form-control.is-invalid,
.is-invalid.c-mitsumoriform-prev__postal-input {
  border-color: #B92D1E;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B92D1E' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B92D1E' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.was-validated .c-mitsumoriform-prev__postal-input:invalid:focus,
.form-control.is-invalid:focus,
.is-invalid.c-mitsumoriform-prev__postal-input:focus {
  border-color: #B92D1E;
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .c-mitsumoriform-prev__postal-input:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.was-validated .c-mitsumoriform-prev__postal-input:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.is-invalid.c-mitsumoriform-prev__postal-input ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.is-invalid.c-mitsumoriform-prev__postal-input ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid,
.was-validated textarea.c-mitsumoriform-prev__postal-input:invalid,
textarea.form-control.is-invalid,
textarea.is-invalid.c-mitsumoriform-prev__postal-input {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #B92D1E;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B92D1E' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23B92D1E' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #B92D1E;
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #B92D1E;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #B92D1E;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #B92D1E;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #dd3e2d;
  background-color: #dd3e2d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #B92D1E;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #B92D1E;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #B92D1E;
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

.btn,
.c-btn__popup,
.c-btn__popup--gray,
.c-btn__popup--gorange {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover,
.c-btn__popup:hover,
.c-btn__popup--gray:hover,
.c-btn__popup--gorange:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus,
.c-btn__popup:focus,
.c-btn__popup--gray:focus,
.c-btn__popup--gorange:focus,
.btn.focus,
.focus.c-btn__popup,
.focus.c-btn__popup--gray,
.focus.c-btn__popup--gorange {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.25);
}

.btn.disabled,
.disabled.c-btn__popup,
.disabled.c-btn__popup--gray,
.disabled.c-btn__popup--gorange,
.btn:disabled,
.c-btn__popup:disabled,
.c-btn__popup--gray:disabled,
.c-btn__popup--gorange:disabled {
  opacity: 0.65;
}

a.btn.disabled,
a.disabled.c-btn__popup,
a.disabled.c-btn__popup--gray,
a.disabled.c-btn__popup--gorange,
fieldset:disabled a.btn,
fieldset:disabled a.c-btn__popup,
fieldset:disabled a.c-btn__popup--gray,
fieldset:disabled a.c-btn__popup--gorange {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.btn-primary:hover {
  color: #fff;
  background-color: #33339b;
  border-color: #2f2f92;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 195, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2f2f92;
  border-color: #2c2c88;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(89, 89, 195, 0.5);
}

.btn-secondary,
.btn-default {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover,
.btn-default:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus,
.btn-default:focus,
.btn-secondary.focus,
.focus.btn-default {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled,
.disabled.btn-default,
.btn-secondary:disabled,
.btn-default:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle,
.show > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.show > .dropdown-toggle.btn-default:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #B92D1E;
  border-color: #B92D1E;
}

.btn-danger:hover {
  color: #fff;
  background-color: #982519;
  border-color: #8d2217;
}

.btn-danger:focus,
.btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(196, 77, 64, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #B92D1E;
  border-color: #B92D1E;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #8d2217;
  border-color: #822015;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(196, 77, 64, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #3c3cb8;
  border-color: #3c3cb8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #3c3cb8;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #B92D1E;
  border-color: #B92D1E;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #B92D1E;
  border-color: #B92D1E;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #B92D1E;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #B92D1E;
  border-color: #B92D1E;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #3c3cb8;
  text-decoration: none;
}

.btn-link:hover {
  color: #29297e;
  text-decoration: underline;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .c-mitsumoriform-prev__postal-input,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .c-mitsumoriform-prev__postal-input + .form-control,
.input-group > .form-control + .c-mitsumoriform-prev__postal-input,
.input-group > .c-mitsumoriform-prev__postal-input + .c-mitsumoriform-prev__postal-input,
.input-group > .form-control + .custom-select,
.input-group > .c-mitsumoriform-prev__postal-input + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .c-mitsumoriform-prev__postal-input + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .c-mitsumoriform-prev__postal-input,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .c-mitsumoriform-prev__postal-input,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .c-mitsumoriform-prev__postal-input,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .c-mitsumoriform-prev__postal-input:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .c-mitsumoriform-prev__postal-input:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .c-mitsumoriform-prev__postal-input:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-prepend .c-btn__popup,
.input-group-prepend .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gorange,
.input-group-append .btn,
.input-group-append .c-btn__popup,
.input-group-append .c-btn__popup--gray,
.input-group-append .c-btn__popup--gorange {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-prepend .c-btn__popup:focus,
.input-group-prepend .c-btn__popup--gray:focus,
.input-group-prepend .c-btn__popup--gorange:focus,
.input-group-append .btn:focus,
.input-group-append .c-btn__popup:focus,
.input-group-append .c-btn__popup--gray:focus,
.input-group-append .c-btn__popup--gorange:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .c-btn__popup + .btn,
.input-group-prepend .c-btn__popup--gray + .btn,
.input-group-prepend .c-btn__popup--gorange + .btn,
.input-group-prepend .btn + .c-btn__popup,
.input-group-prepend .c-btn__popup + .c-btn__popup,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup,
.input-group-prepend .btn + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup--gray,
.input-group-prepend .btn + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup--gorange,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .c-btn__popup + .input-group-text,
.input-group-prepend .c-btn__popup--gray + .input-group-text,
.input-group-prepend .c-btn__popup--gorange + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .c-btn__popup,
.input-group-prepend .input-group-text + .c-btn__popup--gray,
.input-group-prepend .input-group-text + .c-btn__popup--gorange,
.input-group-append .btn + .btn,
.input-group-append .c-btn__popup + .btn,
.input-group-append .c-btn__popup--gray + .btn,
.input-group-append .c-btn__popup--gorange + .btn,
.input-group-append .btn + .c-btn__popup,
.input-group-append .c-btn__popup + .c-btn__popup,
.input-group-append .c-btn__popup--gray + .c-btn__popup,
.input-group-append .c-btn__popup--gorange + .c-btn__popup,
.input-group-append .btn + .c-btn__popup--gray,
.input-group-append .c-btn__popup + .c-btn__popup--gray,
.input-group-append .c-btn__popup--gray + .c-btn__popup--gray,
.input-group-append .c-btn__popup--gorange + .c-btn__popup--gray,
.input-group-append .btn + .c-btn__popup--gorange,
.input-group-append .c-btn__popup + .c-btn__popup--gorange,
.input-group-append .c-btn__popup--gray + .c-btn__popup--gorange,
.input-group-append .c-btn__popup--gorange + .c-btn__popup--gorange,
.input-group-append .btn + .input-group-text,
.input-group-append .c-btn__popup + .input-group-text,
.input-group-append .c-btn__popup--gray + .input-group-text,
.input-group-append .c-btn__popup--gorange + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .c-btn__popup,
.input-group-append .input-group-text + .c-btn__popup--gray,
.input-group-append .input-group-text + .c-btn__popup--gorange {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .c-mitsumoriform-prev__postal-input:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .c-mitsumoriform-prev__postal-input,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .c-btn__popup,
.input-group-lg > .input-group-prepend > .c-btn__popup--gray,
.input-group-lg > .input-group-prepend > .c-btn__popup--gorange,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .c-btn__popup,
.input-group-lg > .input-group-append > .c-btn__popup--gray,
.input-group-lg > .input-group-append > .c-btn__popup--gorange {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .c-mitsumoriform-prev__postal-input:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .c-mitsumoriform-prev__postal-input,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .c-btn__popup,
.input-group-sm > .input-group-prepend > .c-btn__popup--gray,
.input-group-sm > .input-group-prepend > .c-btn__popup--gorange,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .c-btn__popup,
.input-group-sm > .input-group-append > .c-btn__popup--gray,
.input-group-sm > .input-group-append > .c-btn__popup--gorange {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .c-btn__popup,
.input-group > .input-group-prepend > .c-btn__popup--gray,
.input-group > .input-group-prepend > .c-btn__popup--gorange,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup--gray,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup--gorange,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup--gray:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup--gorange:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .c-btn__popup,
.input-group > .input-group-append > .c-btn__popup--gray,
.input-group > .input-group-append > .c-btn__popup--gorange,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup--gray,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup--gorange,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup--gray:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup--gorange:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.card,
.panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr,
.panel > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child,
.panel > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child,
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body,
.panel-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header,
.panel-heading {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child,
.panel-heading:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child,
.panel-heading + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card,
.card-deck .panel {
  margin-bottom: 15px;
}

.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card,
.card-group > .panel {
  margin-bottom: 15px;
}

.card-columns .card,
.card-columns .panel {
  margin-bottom: 0.75rem;
}

.accordion > .card,
.accordion > .panel {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child,
.accordion > .panel:not(:first-of-type) .card-header:first-child,
.accordion > .card:not(:first-of-type) .panel-heading:first-child,
.accordion > .panel:not(:first-of-type) .panel-heading:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type),
.accordion > .panel:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type,
.accordion > .panel:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type,
.accordion > .panel:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header,
.accordion > .panel .card-header,
.accordion > .card .panel-heading,
.accordion > .panel .panel-heading {
  margin-bottom: -1px;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #3c3cb8;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #29297e;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 2rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

a.badge:hover,
a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge,
.c-btn__popup .badge,
.c-btn__popup--gray .badge,
.c-btn__popup--gorange .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #3c3cb8;
}

a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #2f2f92;
}

a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(60, 60, 184, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #B92D1E;
}

a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #8d2217;
}

a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(185, 45, 30, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4.9rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #1f1f60;
  background-color: #d8d8f1;
  border-color: #c8c8eb;
}

.alert-primary hr {
  border-top-color: #b5b5e4;
}

.alert-primary .alert-link {
  color: #131339;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #601710;
  background-color: #f1d5d2;
  border-color: #ebc4c0;
}

.alert-danger hr {
  border-top-color: #e5b2ad;
}

.alert-danger .alert-link {
  color: #340d09;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #3c3cb8;
  border-color: #3c3cb8;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #1f1f60;
  background-color: #c8c8eb;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #1f1f60;
  background-color: #b5b5e4;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #1f1f60;
  border-color: #1f1f60;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #601710;
  background-color: #ebc4c0;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #601710;
  background-color: #e5b2ad;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #601710;
  border-color: #601710;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary,
.c-author__header-box {
  background-color: #3c3cb8 !important;
}

a.bg-primary:hover,
a.c-author__header-box:hover,
a.bg-primary:focus,
a.c-author__header-box:focus,
button.bg-primary:hover,
button.c-author__header-box:hover,
button.bg-primary:focus,
button.c-author__header-box:focus {
  background-color: #2f2f92 !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #B92D1E !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #8d2217 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border,
.c-author {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #3c3cb8 !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #B92D1E !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle,
.img-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none,
.hidden,
.hidden-sm.hidden-xs,
.c-archive-loop__eyecatch-box {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex,
.c-author__body-box,
.c-posttype-qa__answer-box__answer-description__adviser-box {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.float-left,
.pull-left {
  float: left !important;
}

.float-right,
.pull-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom,
.c-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center,
.c-author__header-box {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white,
.c-author__header-box {
  color: #fff !important;
}

.text-primary {
  color: #3c3cb8 !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #29297e !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #B92D1E !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #771d13 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.l-fixedright {
  display: block;
}

.l-fixedright__right-box {
  display: none;
}

.c-fixedright {
  background-color: #fff;
}

.l-fixedright__right-box .container,
.l-fixedright__right-box .c-fixed-bottom__wrapper-box,
.l-fixedright__right-box .c-footer {
  padding: 0;
}

.l-fixedright__right-box .col-6.text-center.pr1-xs.pr3-md,
.l-fixedright__right-box .text-center.pr1-xs.pr3-md.col-xs-6,
.l-fixedright__right-box .pr1-xs.pr3-md.col-xs-6.c-author__header-box,
.l-fixedright__right-box .col-6.pr1-xs.pr3-md.c-author__header-box,
.l-fixedright__right-box .pr1-xs.pr3-md.c-author__header-box.c-form__btn-box--next,
.l-fixedright__right-box .text-center.pr1-xs.pr3-md.c-form__btn-box--next {
  padding-right: 5px !important;
}

.l-fixedright__right-box .col-6.text-center.pl1-xs.pl3-md,
.l-fixedright__right-box .text-center.pl1-xs.pl3-md.col-xs-6,
.l-fixedright__right-box .pl1-xs.pl3-md.col-xs-6.c-author__header-box,
.l-fixedright__right-box .col-6.pl1-xs.pl3-md.c-author__header-box,
.l-fixedright__right-box .pl1-xs.pl3-md.c-author__header-box.c-form__btn-box--next,
.l-fixedright__right-box .text-center.pl1-xs.pl3-md.c-form__btn-box--next {
  padding-left: 5px !important;
}

.l-fixedright__right-box .c-form__fvform-title span {
  font-size: 20px;
}

.l-fixedright__right-box .yp-fvform__label label {
  padding: 10px;
  height: auto;
}

.l-fixedright__right-box .yp-fvform__label-title {
  font-size: 14px;
  height: 40px;
}

.l-fixedright__right-box .yp-fvform__all,
.l-fixedright__right-box .yp-fvform__part {
  width: 100%;
  height: 80px;
}

.yp-fvform__label label {
  border: 2px solid #666;
  padding: 15px 5px;
  width: 100%;
  height: 150px;
  cursor: pointer;
}

.yp-fvform__label input:checked + label {
  box-shadow: 0 0 0 4px #3c3cb8 inset;
  border-color: #3c3cb8;
}

.yp-fvform__label-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-feature-settings: "palt";
}

input:checked + label .yp-fvform__label-title {
  color: #3c3cb8;
}

.yp-fvform__all,
.yp-fvform__part {
  margin: 0 auto;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}

.yp-fvform__all {
  background-image: url(/img/yanekouji/form/fvform-all_gray.png);
  width: 110px;
  height: 110px;
}

input:checked + label .yp-fvform__all {
  background-image: url(/img/yanekouji/form/fvform-all_ypblue.png);
}

.yp-fvform__part {
  background-image: url(/img/yanekouji/form/fvform-part_gray.png);
  width: 110px;
  height: 110px;
}

input:checked + label .yp-fvform__part {
  background-image: url(/img/yanekouji/form/fvform-part_ypblue.png);
}

.yp-fvform__label-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-feature-settings: "palt";
}

input:checked + label .yp-fvform__label-title {
  color: #3c3cb8;
}

.yp-fvform__btn input {
  margin: 15px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #3c3cb8;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.yp-fvform__btn input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.yp-fvform__btn input:disabled {
  background-color: #b3b3b3;
  cursor: default;
  box-shadow: none;
  transform: translateY(0px);
}

.bg-darkbrown-bt {
  background-color: #3C1E05;
}

.bg-yellowgreen-bt {
  background-color: #64C832;
}

.text-darkbrown-bt {
  color: #3C1E05;
}

.pages-lp-battery-form__ballon {
  position: relative;
  display: inline-block;
  background-color: #fff;
}

.pages-lp-battery-form__ballon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}

.pages-lp-battery-form__btn-bt {
  background-color: #FFCD37;
  box-shadow: 0 5px 0 #AF8C35;
  transform: translateY(-3px);
}

.pages-lp-battery-form__btn-bt:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.pages-lp-battery-form__btn-sl {
  box-shadow: 0 5px 0 #547F3B;
  transform: translateY(-3px);
}

.pages-lp-battery-form__btn-sl:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.pages-lp-battery-form__btn-bt {
  background-color: #FFCD37;
  box-shadow: 0 5px 0 #AF8C35;
  transform: translateY(-3px);
}

.pages-lp-battery-form__btn-sl {
  box-shadow: 0 5px 0 #547F3B;
  transform: translateY(-3px);
}

.fixed-bottom,
.c-fixed-bottom,
.c-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.modal {
  -webkit-overflow-scrolling: touch;
}

.modal-body-scroll-height {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.modal-dialog {
  margin-top: 80px;
}

.modal-title {
  margin-top: 0;
  font-size: 20px;
}

.hidden-xs {
  display: none;
}

.hidden-sm {
  display: inline-block;
}

.row.hidden-xs,
.hidden-xs.l-sidebar-single,
.hidden-xs.l-sidebar-review-single,
.hidden-xs.c-archive-loop,
.hidden-xs.c-mitsumoriform-prev__body-row,
.hidden-xs.c-posttype-qa__answer-box__answer-description {
  display: none;
}

.row.hidden-sm,
.hidden-sm.l-sidebar-single,
.hidden-sm.l-sidebar-review-single,
.hidden-sm.c-archive-loop,
.hidden-sm.c-mitsumoriform-prev__body-row,
.hidden-sm.c-posttype-qa__answer-box__answer-description {
  display: flex;
}

.img-fluid,
.img-responsive {
  margin: 0 auto;
  display: block;
}

.btn,
.c-btn__popup,
.c-btn__popup--gray,
.c-btn__popup--gorange {
  font-size: 1.6rem;
  cursor: pointer;
}

a:visited.btn-default {
  color: #fff;
}

.media-list {
  list-style: none;
  margin-left: 5px;
  padding-left: 0;
}

.media-left {
  margin-right: 5px;
}

.media-heading {
  font-size: 1.4rem;
}

.media-body {
  font-size: 1.1rem;
}

.form-control:focus,
.c-mitsumoriform-prev__postal-input:focus {
  box-shadow: none;
}

.input-group > .wpcf7-form-control-wrap {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.table-responsive::before {
  content: "表は左右にスクロールできます";
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  display: block;
  color: #999;
}

.table-responsive .table {
  margin: 0;
}

.table-responsive .table th {
  word-break: keep-all;
}

.input-group-insert {
  margin-right: -1px;
  margin-left: -1px;
  display: flex;
}

input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
  height: auto;
}

table {
  margin: 20px 0 0;
}

table caption {
  caption-side: top;
}

table th,
table td {
  padding: 5px;
  border: 1px solid #e9ecef;
}

table th {
  background-color: #f8f9fa;
  color: #333;
}

img {
  height: auto;
}

/* normalize.css ここから*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden] template {
  display: none;
}

/* Links */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

.normal,
.normal-sm {
  font-weight: normal;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

/* h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
  max-width: 100%;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  /*   margin: 1em 40px; */
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  word-break: break-all;
}

/* normalize.css ここまで*/

/* base.css ここから*/

body {
  margin: 0;
  padding: 0;
  color: #333;
  background-color: #FFF;
  font-size: 1.4rem;
  width: 100%;
  font-family: "メイリオ","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
}

html {
  font-size: 62.5%;
  width: 100%;
}

/*
# タイトル

サイト共通のタイトルスタイル。

## h1

`h1`タグに適用される。

```
<h1>
  タイトル
</h1>
```

## h2

`h2`タグに適用される。

```
<h2>
  タイトル
</h2>
```
## h3

`h3`タグに適用される。

```
<h3>
  タイトル
</h3>
```
## h4

`h4`タグに適用される。

```
<h4>
  タイトル
</h4>
```
*/

h1 {
  margin: 5px 0 10px 0;
  padding: 0;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 2px;
}

h2 {
  margin: 40px 0 20px;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
}

h3 {
  margin: 40px 0 20px;
  padding: 0;
  font-size: 2.0rem;
  line-height: 1.4;
}

h4 {
  margin: 40px 0 20px;
  padding: 0;
  font-size: 1.8rem;
  font-weight: bold;
}

table {
  table-layout: auto;
}

p {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 1.7;
}

em {
  font-weight: bold;
  font-style: normal;
}

address {
  font-style: normal;
  text-align: center;
  font-size: 100%;
}

a {
  text-decoration: none;
  border: none;
  color: #00E;
}

a:visited {
  color: #a776d3;
}

rt {
  margin-bottom: -5px;
}

a:hover {
  color: #00e;
  text-decoration: underline;
}

a img {
  border: none;
}

a:hover img {
  opacity: 0.7;
}

.imagemap a:hover {
  background: rgba(255, 255, 255, 0.4);
}

.nowrap {
  white-space: nowrap;
}

caption {
  text-align: left;
  color: #333;
  font-weight: bold;
  padding-bottom: 5px;
  letter-spacing: 0.1rem;
}

caption:before {
  content: "▼";
  padding-right: 5px;
}

dt {
  font-weight: bold;
  margin: 0;
}

dd {
  margin-left: 10px;
  margin-bottom: 5px;
}

dl {
  margin-left: 10px;
}

table p,
table ol,
table ul,
table dl {
  margin-left: 10px;
}

li {
  margin-bottom: 10px;
}

li:last-child {
  margin-bottom: 0;
}

ol,
ul {
  padding-left: 26px;
}

ul.content-list {
  font-size: 18px;
  padding-left: 20px;
  color: #999;
}

ul.content-list li {
  margin-bottom: 15px;
}

ins {
  text-decoration: none;
}

del {
  color: #999;
}

cite {
  font-size: 12px;
  line-height: 1.2;
}

/* 共通　*/

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* フォーム */

input.zip,
input.c-mitsumoriform-prev__postal-input,
input.tel {
  ime-mode: disabled;
}

/* placeholderの色設定 */

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #999;
  font-weight: normal;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  color: #999;
  font-weight: normal;
}

/* ここまでplaceholderの色設定 */

/*blockquote {
  margin:15px 0 0;
  padding: 30px;
  border-left:5px solid #B8D1E4;
  background-color: $gray-100;
  font-size: inherit;
}

blockquote > h3 {
  border:none;
  color:#333;
  font-weight:bold;
  margin-bottom: 5px;
  margin-top: -5px;
}
blockquote > h3::after {
  content: none;
}*/

/*blockquote修正*/

blockquote {
  margin: 15px 0 0;
  padding: 55px 30px 30px 30px;
  border-top: 8px solid #3c3cb8;
  background-color: #f8f9fa;
  font-size: 16px;
  background-image: url("/img/post/d-quo.svg");
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: top 20px left 30px;
  text-align: justify;
}

blockquote > h3 {
  border: none;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: -5px;
}

blockquote > h3::after {
  content: none;
}

/*blockquote修正ここまで*/

ins p {
  color: #999;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
}

ins cite a {
  color: #999;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: underline;
}

/*!
 * jquery-drawer - A small CSS3 and jQuery plugin for app style drawer menu.
 * @version v2.4.0
 * @link    http://git.blivesta.com/drawer
 * @author  blivesta
 * @license MIT
 */

body.drawer-navbar.drawer-fixed {
  padding-top: 0;
}

.drawer-main {
  position: fixed;
  z-index: 5300;
  top: 0;
  overflow: hidden;
  width: 280px;
  height: 100%;
}

.drawer-left .drawer-main {
  left: -280px;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(-280px, 0, 0);
}

.drawer-left.drawer-open .drawer-main {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.drawer-right .drawer-main {
  right: -280px;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(280px, 0, 0);
}

.drawer-right.drawer-open .drawer-main {
  right: 0;
  transform: translate3d(0, 0, 0);
}

.drawer-top .drawer-main {
  width: 100%;
  height: auto;
  max-height: 100%;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, -100%, 0);
}

.drawer-top.drawer-open .drawer-main {
  transform: translate3d(0, 0, 0);
}

.drawer-overlay {
  position: relative;
}

.drawer-left .drawer-hamburger {
  left: 0;
  transform: translateX(0) translateY(0);
}

.drawer-left.drawer-open .drawer-hamburger {
  transform: translateX(280px) translateY(0);
}

.drawer-right .drawer-hamburger {
  right: 0;
  transform: translateX(0) translateY(0);
}

.drawer-right.drawer-open .drawer-hamburger {
  transform: translateX(-280px) translateY(0);
}

.drawer-top .drawer-hamburger {
  right: 0;
}

.drawer-top.drawer-open .drawer-hamburger {
  z-index: 5400;
  right: 0;
}

.drawer-overlay-upper {
  position: fixed;
  z-index: 5200;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.drawer-open .drawer-overlay-upper {
  display: block !important;
}

.drawer-hamburger {
  background: 0;
  position: fixed;
  display: block;
  top: 0;
  padding: 20px;
  width: 70px;
  height: 70px;
  background-color: transparent;
  border: 0;
  z-index: 5100;
  outline: 0;
}

.drawer-hamburger:hover {
  cursor: pointer;
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  height: 3px;
  width: 100%;
  border-radius: 1px;
  background-color: #ddd;
  transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  position: absolute;
  content: " ";
  top: -10px;
  left: 0;
}

.drawer-hamburger-icon:after {
  top: 10px;
}

.drawer-open .drawer-hamburger-icon {
  background-color: transparent;
}

.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
  top: 0;
}

.drawer-open .drawer-hamburger-icon:before {
  transform: rotate(45deg);
}

.drawer-open .drawer-hamburger-icon:after {
  transform: rotate(-45deg);
}

.drawer-default {
  background-color: #222;
  box-shadow: inset 0 0 0 #000;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.drawer-default + .drawer-overlay {
  background-color: #fff;
}

.drawer-default li,
.drawer-default a,
.drawer-default .drawer-brand {
  /* position:relative; */
  display: block;
}

.drawer-default a {
  text-decoration: none;
}

.drawer-default a:hover,
.drawer-default a:focus {
  text-decoration: underline;
}

.drawer-default .drawer-brand a {
  padding: 20px 15px;
  color: #fff;
  font-size: 22px;
}

.drawer-default .drawer-brand a:hover {
  color: #555;
}

.drawer-default .drawer-brand > img {
  display: block;
}

.drawer-default .drawer-footer {
  position: relative;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  background-color: transparent;
}

.drawer-default .drawer-footer span:before,
.drawer-default .drawer-footer span:after {
  content: " ";
  display: block;
}

.drawer-default ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-default .drawer-menu-item {
  padding: 15px 15px 0;
  font-size: 18px;
  color: #555;
}

.drawer-default .drawer-menu-item.disabled a {
  color: #333;
}

.drawer-default .drawer-menu-item.disabled a:hover,
.drawer-default .drawer-menu-item.disabled a:focus {
  cursor: not-allowed;
  color: #333;
  background-color: transparent;
}

.drawer-default .drawer-menu-item a {
  color: #888;
}

.drawer-default .drawer-menu-item a:hover,
.drawer-default .drawer-menu-item a:focus {
  color: #fff;
  background-color: transparent;
}

.drawer-default .drawer-menu-item a img {
  max-width: none;
}

.drawer-default .drawer-submenu {
  margin-bottom: 20px;
}

.drawer-default .drawer-submenu:last-child {
  margin-bottom: 0;
}

.drawer-default .drawer-submenu-item {
  padding: 0;
}

.drawer-default .drawer-submenu-item a {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}

.drawer-default .drawer-submenu-item a:hover,
.drawer-default .drawer-submenu-item a:focus {
  color: #fff;
}

.drawer-default .dropdown-menu {
  position: absolute;
  display: none;
  z-index: 5000;
  background-color: #222;
  border: 0;
  box-shadow: none;
}

.drawer-default .dropdown-menu > li > a {
  padding: 0 !important;
}

.drawer-default .dropdown.open > .dropdown-menu {
  position: static;
  display: block;
  float: none;
  width: auto;
}

.drawer-navbar-default {
  background-color: #222;
  box-shadow: inset 0 0 0 #000;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
}

.drawer-navbar-default + .drawer-overlay {
  background-color: #fff;
}

.drawer-navbar-default li,
.drawer-navbar-default a,
.drawer-navbar-default .drawer-brand {
  position: relative;
  display: block;
}

.drawer-navbar-default a {
  text-decoration: none;
  outline: 0;
}

.drawer-navbar-default a:hover,
.drawer-navbar-default a:focus {
  text-decoration: none;
}

.drawer-navbar-default .drawer-brand a {
  padding: 20px 15px;
  color: #fff;
  font-size: 22px;
}

.drawer-navbar-default .drawer-brand a:hover,
.drawer-navbar-default .drawer-brand a:focus {
  color: #555;
}

.drawer-navbar-default .drawer-brand > img {
  display: block;
}

.drawer-navbar-default .drawer-footer {
  position: relative;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  background-color: transparent;
}

.drawer-navbar-default .drawer-footer span:before,
.drawer-navbar-default .drawer-footer span:after {
  content: " ";
  display: block;
}

.drawer-navbar-default ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.drawer-navbar-default .drawer-menu.drawer-navbar-right {
  float: none;
}

.drawer-navbar-default .drawer-menu-item {
  padding: 15px 15px 0;
  font-size: 18px;
  color: #555;
}

.drawer-navbar-default .drawer-menu-item.disabled a {
  color: #333;
}

.drawer-navbar-default .drawer-menu-item.disabled a:hover,
.drawer-navbar-default .drawer-menu-item.disabled a:focus {
  color: #333;
  background-color: transparent;
  cursor: not-allowed;
}

.drawer-navbar-default .drawer-menu-item a {
  color: #888;
}

.drawer-navbar-default .drawer-menu-item a:hover,
.drawer-navbar-default .drawer-menu-item a:focus {
  color: #fff;
  background-color: transparent;
}

.drawer-navbar-default .drawer-menu-item a img {
  max-width: none;
}

.drawer-navbar-default .drawer-submenu {
  margin-bottom: 20px;
}

.drawer-navbar-default .drawer-submenu:last-child {
  margin-bottom: 0;
}

.drawer-navbar-default .drawer-submenu-item {
  padding: 0;
}

.drawer-navbar-default .drawer-submenu-item a {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
}

.drawer-navbar-default .drawer-submenu-item a:hover,
.drawer-navbar-default .drawer-submenu-item a:focus {
  color: #fff;
}

.drawer-navbar-default .dropdown-menu {
  position: absolute;
  display: none;
  z-index: 5000;
  top: 100%;
  left: 0;
  background-color: #222;
  border: 0;
  box-shadow: none;
}

.drawer-navbar-default .dropdown-menu > li > a {
  padding: 0 !important;
}

.drawer-navbar-default .dropdown.open > .dropdown-menu {
  display: block;
}

.drawer-dropdown .caret,
.drawer-dropdown-hover .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  transition: transform .2s ease,opacity .2s ease;
  transform: rotate(0);
}

.drawer-dropdown.open .caret,
.drawer-dropdown-hover.open .caret {
  transform: rotate(180deg);
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative;
}

.simply-scroll-clip {
  /* Clip DIV - automatically generated */
  position: relative;
  overflow: hidden;
}

.simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
}

.simply-scroll-btn {
  position: absolute;
  background-image: url(buttons.png);
  width: 42px;
  height: 44px;
  z-index: 3;
  cursor: pointer;
}

.simply-scroll-btn-left {
  left: 6px;
  bottom: 6px;
  background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
  background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
  background-position: 0 -88px;
}

.simply-scroll-btn-right {
  right: 6px;
  bottom: 6px;
  background-position: -84px -44px;
}

.simply-scroll-btn-right.disabled {
  background-position: -84px 0 !important;
}

.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
  background-position: -84px -88px;
}

.simply-scroll-btn-up {
  right: 6px;
  top: 6px;
  background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
  background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
  background-position: -126px -88px;
}

.simply-scroll-btn-down {
  right: 6px;
  bottom: 6px;
  background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
  background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
  background-position: -42px -88px;
}

.simply-scroll-btn-pause {
  right: 6px;
  bottom: 6px;
  background-position: -168px -44px;
}

.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
  background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
  background-position: -84px -44px;
}

.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
  background-position: -84px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll {
  /* Customisable base class for style override DIV */
  width: 576px;
  height: 200px;
  margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
  width: 576px;
  height: 200px;
}

.simply-scroll .simply-scroll-list li {
  float: left;
  width: 290px;
  height: 200px;
}

/* Vertical scroller example */

.vert {
  /* wider than clip to position buttons to side */
  width: 340px;
  height: 400px;
  margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
  width: 290px;
  height: 400px;
}

.vert .simply-scroll-list li {
  width: 290px;
  height: 200px;
}

.vert .simply-scroll-btn-up {
  /* modified btn pos */
  right: 0;
  top: 0;
}

.vert .simply-scroll-btn-down {
  /* modified btn pos */
  right: 0;
  top: 52px;
}

/* NOTE left-right classes wouldn't be needed on vertical scroller */

/* ページ下部固定CTAスタイルここから */

.c-fixed-bottom {
  background-color: rgba(0, 0, 0, 0.7);
}

.c-fixed-bottom__wrapper-box {
  padding: 10px;
}

.c-fixed-bottom img {
  width: auto;
  max-height: 60px;
  height: auto;
}

/*下部固定フッター配色変更ここまで*/

/*.c-fixed-bottom .btn:hover {
    opacity: 1;
    -webkit-transition: ease-in-out .2s;
    background-repeat: repeat-x;
    border-color: #D24B15;
    background: rgb(255,147,46);
    background: -moz-linear-gradient(-180deg, rgba(255,147,46,1) 21%, rgba(255,93,31,1) 48%, rgba(255,111,36,1) 100%);
    background: -webkit-linear-gradient(-180deg, rgba(255,147,46,1) 21%, rgba(255,93,31,1) 48%, rgba(255,111,36,1) 100%);
    background: linear-gradient(-180deg, rgba(255,147,46,1) 21%, rgba(255,93,31,1) 48%, rgba(255,111,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff932e",endColorstr="#ff6f24",GradientType=1);
}*/

/*フッターボックス*/

.l-footer {
  width: 100%;
  margin: 0 auto;
  padding: 32px 0;
  background: #f8f9fa;
}

.l-footer--copyright-only {
  padding: 16px;
}

.l-footer--copyright-only .c-footer__copyright-row {
  margin-top: 0;
}

.c-footer {
  display: flex;
  flex-direction: column;
  padding: 0;
}

.c-footer--fixedbottom {
  padding-bottom: 80px;
}

.c-footer__company-row {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.c-footer__company-row__left-box {
  order: 2;
  width: 100%;
  margin: 0;
  padding: 0 20px;
  font-size: 13px;
  letter-spacing: 0.1rem;
  display: block;
  text-align: left;
  align-items: center;
}

.c-footer__company-row__left-box__logo-box__logo-image {
  width: 110px;
  display: block;
}

.c-footer__company-row__left-box__about-box {
  margin-top: 20px;
}

.c-footer__company-row__left-box__about-box__company-name {
  width: 100%;
  padding: 0 0 0;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.15rem;
}

.c-footer__company-row__left-box__about-box__company-info {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  overflow-wrap: break-word;
}

.c-footer__company-row__right-box {
  order: 1;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

.c-footer__widget-footer {
  order: 1;
  text-align: center;
  margin: 0;
}

.c-footer__copyright-row {
  order: 3;
  margin-top: 20px;
  padding: 0 20px;
}

.c-footer-nav__nav-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.c-footer-nav__nav-list > li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  letter-spacing: 0.1rem;
}

.c-footer-nav__nav-list > li:first-child {
  border-top: 1px solid #dee2e6;
}

.c-footer-nav__nav-list > li:last-child {
  padding-right: 0;
}

.c-footer-nav__nav-list > li::before,
.c-footer-nav__nav-list > li::after {
  position: absolute;
  content: "";
  display: inline-block;
}

.c-footer-nav__nav-list > li::before {
  width: 4px;
  height: 4px;
  top: 50%;
  left: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  z-index: 2;
  margin: -2px 0 0 3px;
}

.c-footer-nav__nav-list > li::after {
  width: 12px;
  height: 12px;
  top: 50%;
  left: 0;
  margin-top: -6px;
  background-color: #3c3cb8;
  border-radius: 100%;
}

.c-footer-nav__nav-list > li > a {
  color: #666;
  white-space: nowrap;
}

.c-footer-copyright {
  width: 100%;
  margin: 0;
  font-size: 10px;
  letter-spacing: 0.05rem;
  display: block;
}

.c-footer-copyright--small {
  font-size: 9px;
}

/*下部固定フッター文言変更*/

/*footer大量リンクここから*/

.c-form__footer-link {
  font-size: 0;
  line-height: 1.5;
  text-align: left;
}

.c-form__footer-link > li {
  margin-bottom: 0;
}

.c-form__footer-link-box {
  line-height: 1.5;
  display: inline-block;
  padding: 7px 0px;
}

.c-form__footer-link-text {
  color: #000;
  text-decoration: none;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 1px;
  vertical-align: middle;
}

.c-form__footer-link-text::after {
  display: inline-block;
  content: "|";
  font-size: 10px;
  padding: 0 .5em;
  color: #000;
  vertical-align: middle;
}

/*footer大量リンクここまで*/

#l-header {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ddd;
  top: 0;
}

.c-header__smart-bar {
  background-color: #f7ce03;
  position: relative;
}

.c-header__smart-bar a {
  color: #333;
}

.c-header__smart-bar a a:hover {
  color: #333;
}

.c-header__bar-link {
  display: inline-block;
}

.c-header__smart-bar__close-btn {
  position: absolute;
  right: 7px;
  top: 7px;
  color: #333;
}

/* IE10〜11 */

_:-ms-input-placeholder,
:root .c-header__smart-bar__ie-block {
  padding-right: 30px;
  margin-right: 60px;
}

/* IE10〜11 */

_:-ms-input-placeholder,
:root .c-header__smart-bar__ie-contents-block {
  padding-right: 40px;
  margin-right: 40px;
}

.c-header-site-head {
  padding: 5px 15px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-weight: normal;
  font-feature-settings: "palt";
  letter-spacing: 0;
}

.c-header-site-head__border {
  border-bottom: solid 0.1px #ced4da;
}

.c-header-site-head__site-name {
  font-weight: bold;
  font-feature-settings: "palt";
  letter-spacing: 0;
  margin: 0;
  line-height: 1.5;
}

.c-header-site-head__site-name__balloon-box {
  position: relative;
  display: none;
  background: #3c3cb8;
  color: #fff;
  box-sizing: border-box;
  font-size: 10px;
  padding: 2px 20px;
  margin-right: 10px;
}

.c-header-site-head__site-name__balloon-box:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -5px;
  border: 5px solid transparent;
  border-left: 5px solid #3c3cb8;
}

.c-header-site-head__site-name__balloon-box__content-balloon {
  margin-top: 5px;
}

.c-header-site-head__site-name__description-text {
  font-size: 10px;
  color: #495057;
}

.c-header-site-head-other-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: auto;
}

.c-header-site-head-other-link-line {
  width: 33.333333%;
}

.c-header-site-head-other-link-line:nth-child(2) {
  border-left: solid 1px #b4b4b5;
  border-right: solid 1px #b4b4b5;
}

.c-header-site-head-other-links {
  color: #333 !important;
  white-space: nowrap;
}

.c-header-site-head-other-links:link,
.c-header-site-head-other-slinks:visited,
.c-header-site-head-other-links:hover,
.c-header-site-head-other-links:active {
  text-decoration: none;
  white-space: nowrap;
  color: #333 !important;
  width: 100%;
  text-align: center;
}

.c-sub-nav {
  display: none;
}

.c-sub-nav__nav-list {
  margin: 0 -25px;
  padding: 0;
  list-style: none;
  display: block;
}

.c-sub-nav__nav-list > li {
  position: relative;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  letter-spacing: 0.1rem;
  font-size: 12px;
}

.c-sub-nav__nav-list > li:first-child {
  border-top: 1px solid #dee2e6;
}

.c-sub-nav__nav-list > li:last-child {
  padding-right: 0;
}

.c-sub-nav__nav-list > li::before,
.c-sub-nav__nav-list > li::after {
  position: absolute;
  content: "";
  display: inline-block;
}

.c-sub-nav__nav-list > li::before {
  width: 4px;
  height: 4px;
  top: 50%;
  left: 0;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
  z-index: 2;
  margin: -2px 0 0 3px;
}

.c-sub-nav__nav-list > li::after {
  width: 12px;
  height: 12px;
  top: 50%;
  left: 0;
  margin-top: -6px;
  background-color: #3c3cb8;
  border-radius: 100%;
}

.c-sub-nav__nav-list > li > a {
  color: #666;
  white-space: nowrap;
}

.c-header-main {
  height: auto;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.c-header-main__left-box {
  padding-left: 15px;
}

.c-header-main__left-box__site-logo {
  height: 25px;
  width: auto;
  margin-left: 10px;
}

.c-header-main__right-box {
  display: flex;
  align-items: center;
}

.c-header-main__right-box__free-space img {
  max-height: 32px;
}

.c-header-main__right-box__tel-box {
  display: none;
}

.c-header-main__right-box__tel-box__tel-message {
  text-align: center;
  white-space: nowrap;
  font-size: 10px;
  line-height: 10px;
}

.c-header-main__right-box__tel-box__telno-box {
  display: flex;
  align-items: center;
  line-height: 32px;
  margin-top: 3px;
}

.c-header-main__right-box__tel-box__telno-box:hover {
  text-decoration: none;
  opacity: 0.7;
}

.c-header-main__right-box__tel-box__telno-box:hover img {
  opacity: 1;
}

.c-header-main__right-box__tel-box__telno-box__img-freecall {
  width: auto;
  height: 24px;
}

.c-header-main__right-box__tel-box__telno-box__text-telno {
  color: #003894;
  margin-left: 3px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 24px;
}

.c-header-main__right-box__mobile-menu {
  display: flex;
  text-align: center;
}

.c-header-main__right-box__mobile-menu__icon-box {
  border-left: solid 1px #e9ecef;
  padding: 1px 3px 5px;
}

.c-header-main__right-box__mobile-menu__icon-box__icon-button {
  color: #6c757d;
}

.c-global-nav {
  border-top: solid 1.5px #ced4da;
  background: #fff;
  padding: 10px 0;
  display: none;
}

.c-global-nav > ul {
  display: flex;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.c-global-nav > ul > li {
  width: 100%;
  list-style: none;
  margin: 0;
  white-space: nowrap;
  line-height: 0;
  font-size: 14.5px;
  letter-spacing: 0.1rem;
  border-left: solid 0.5px #ced4da;
}

.c-global-nav > ul > li:first-child {
  border-left: none;
}

.c-global-nav > ul > li:last-child {
  border-right: none;
}

.c-global-nav > ul > li > a {
  color: #495057;
  font-size: 14px;
  line-height: 20.8px;
  letter-spacing: 0;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
  text-align: center !important;
}

.c-global-nav > ul > li > a:link,
.c-global-nav > ul > li > a:visited,
.c-global-nav > ul > li > a:active,
.c-global-nav > ul > li > a:focus {
  text-decoration: none;
  font-weight: bold;
}

.c-global-nav > ul > li > a:hover,
.c-global-nav > ul > li > a:hover span {
  text-decoration: none;
  color: #3c3cb8;
}

.c-global-nav > ul > li > a > span {
  font-size: 11px;
  color: #333;
  font-weight: normal;
}

/* _main.scss */

body {
  background-color: #fff;
}

#l-wrapper,
#l-wrapper--noheader,
#l-wrapper-wide,
#l-wrapper-wide--noheader,
.l-wrapper-wide,
.l-wrapper {
  background-color: #fff;
  padding: 0 15px;
}

.l-main__wrapper,
#l-wrapper,
#l-wrapper--noheader,
#l-wrapper-wide,
#l-wrapper-wide--noheader,
.l-wrapper-wide,
.l-wrapper {
  width: 100%;
  margin: 0 auto;
}

#l-wrapper--noheader {
  padding-top: 0;
}

#l-wrapper-wide--noheader {
  padding-top: 0;
  padding-bottom: 0;
}

#l-wrapper-full {
  width: 100%;
  padding-bottom: 0;
}

.l-wrapper,
.l-wrapper-wide,
.l-wrapper-full,
#l-wrapper-full {
  background-color: transparent;
}

.l-main,
.c-mitsumoriform-prev {
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 1px;
}

.l-sidebar {
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
}

.l-main__padding,
.l-sidebar {
  padding-left: 20px;
  padding-right: 20px;
}

.l-main__cancel-padding {
  margin-left: -20px;
  margin-right: -20px;
}

.l-main__cancel-padding--xs {
  margin-left: -20px;
  margin-right: -20px;
}

.post__h2,
.post h2 {
  margin: 80px 0 40px;
  padding: 15px 15px 15px 0;
  color: #333;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
  border-bottom: solid 3px rgba(60, 60, 184, 0.4);
  position: relative;
}

.post__h2::after,
.post h2::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 6px #3c3cb8;
  bottom: -4.5px;
  width: 30%;
}

.post blockquote p:first-child {
  margin-top: 0;
}

.post blockquote > h2,
.post blockquote > h3,
.post blockquote > h4 {
  border: none;
  margin: 0 0 15px;
  padding: 0;
}

.post blockquote h3 {
  letter-spacing: 0px;
}

.post h3 {
  margin: 50px 0 30px;
  padding: 5px 15px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.5px;
  border-left: solid 6px #3c3cb8;
}

.post h4 {
  margin: 40px 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

.post h4::before {
  content: '\025a0';
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
  color: #3c3cb8;
  font-size: 45%;
}

.post ol,
.post ul,
.post dl {
  margin-top: 20px;
  margin-bottom: 0;
}

.post li {
  font-size: 1.6rem;
}

.post p {
  margin: 20px 0 0;
  text-align: justify;
  line-height: 1.8;
}

.post p:empty {
  margin: 0;
}

.post > img {
  margin: 20px 0 0 0;
}

.post img.img-fluid + br,
.post img.img-responsive + br {
  display: none;
}

.post .table-gray table th,
.post table.table-gray th {
  background-color: #f8f9fa;
  color: #333;
  border: 1px solid #e9ecef;
}

.post .bgBox {
  background-color: #f8f9fa;
  padding: 20px;
  margin-top: 20px;
}

.search-box {
  position: relative;
  margin: 10px 0;
}

.c-post-content__content-title {
  margin: 24px 0;
  font-size: 18px;
}

.c-post-content__content-meta {
  text-align: left;
  margin: 10px 0 0;
  padding: 0;
  border-style: solid;
  border-color: #DADADA;
  -o-border-image: none;
  border-image: none;
  line-height: 1.5;
  border: none;
  font-size: 1.0rem;
}

.c-post-content__content-meta li {
  font-size: 1.2rem;
}

.c-post-content__content-meta__meta-item {
  display: inline-block;
  background: none repeat scroll 0% 0% #F7F7F7;
  margin-right: 5px;
  padding: 2px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #666;
}

.c-post-content__content-meta__meta-item > a {
  color: inherit;
}

.c-post-content__content-meta__meta-item__date-modified::before {
  content: "更新: ";
}

.c-post-content__content-meta__meta-item__date-published::before {
  content: "公開: ";
}

.c-post-content__eyecatch-image {
  margin: 20px 0 40px;
}

.c-post-footer__content-box {
  margin-top: 40px;
}

.c-post-footer__content-box__content-title,
.c-vendor-list__list-header,
.c-vendor-list-city__list-header {
  background-color: #e9ecef;
  margin: 70px 0 50px;
  padding: 15px 20px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.1rem;
  color: #333;
}

.pointBox {
  position: relative;
  border: 2px solid #c53929;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px;
}

.pointBox::before {
  content: "POINT";
  position: absolute;
  top: -13px;
  left: 15px;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #ffffff;
  color: #c53929;
  padding: 0 10px;
}

.l-sidebar-single {
  padding-bottom: 40px;
}

.l-sidebar-single__col-side {
  display: none;
}

.l-sidebar-review-single {
  padding-bottom: 40px;
}

.l-sidebar-review-single__col-side {
  display: none;
}

/**
 * Author
 */

.c-author__body-box {
  padding: 8px;
}

.c-author__body-box__avatar-box {
  padding: 0 8px 0 0;
}

.c-author__body-box__text-box {
  padding: 0;
}

.c-archive__header-box {
  border-bottom: dotted 1px #e9ecef;
  padding-bottom: 15px;
}

.c-archive__footer-box {
  text-align: center;
}

.c-archive__footer-box .pagination {
  display: inline-flex;
  margin: 20px 0;
}

.c-archive__footer-box .page-item.active .page-link {
  background-color: #ff773b;
  border-color: #ff773b;
}

.c-archive__footer-box .page-link {
  padding: 6px 12px;
  color: #ff773b;
}

.c-archive-loop {
  border-bottom: dotted 1px #e9ecef;
  margin: 0;
  padding: 15px 0;
}

.c-archive-loop__eyecatch-box {
  padding: 0;
}

.c-archive-loop__article-box {
  padding-left: 20px;
  padding-right: 0;
}

.c-archive-loop__article-box__date-box__date-item {
  font-size: 1.4rem;
  color: #666;
  margin-right: 10px;
}

.c-archive-loop__article-box__date-box__date-item::before {
  padding-right: 5px;
}

.c-archive-loop__article-box__content-title {
  margin: 10px 0 0;
}

.c-archive-loop__article-box__content-title > a {
  font-size: 1.8rem;
  font-weight: bold;
  color: #333;
}

.c-archive-loop__article-box__content-excerpt {
  margin-top: 15px;
}

.c-archive-loop__article-box__content-excerpt > p {
  margin: 0;
  font-size: 1.2rem;
  color: #666;
}

.c-archive-loop__article-box__postmeta-list {
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
}

.c-archive-loop__article-box__postmeta-list__list-item {
  display: inline-block;
  border: 1px solid #e9ecef;
  border-radius: 3px;
  padding: 6px 12px;
  line-height: 1;
}

.c-archive-loop__article-box__postmeta-list__list-item > a {
  color: #666;
  font-size: 1.2rem;
}

.c-archive-loop__article-box__postmeta-list__list-item::before {
  padding-right: 5px;
  color: #ff773b;
}

p.byline,
.byline {
  margin: 0 0 10px 0;
  color: #999;
  font-size: 11px;
  line-height: 12px;
}

.archive p {
  /*  overflow:hidden;*/
  margin: 0;
}

.archive h2 {
  font-size: 17px;
  font-weight: normal;
  color: #00E;
  border: medium none;
  padding: 0px;
  margin: 0px;
  line-height: normal;
  background: none;
  box-shadow: none;
}

.archive_include_img_twocol-row h2 a,
.archive_include_img_twocol-row h2 {
  line-height: 1.3;
  margin: 0px;
  height: auto;
  color: #402000;
  font-weight: bold;
  padding-top: 0px;
}

.article-panel {
  /*padding-left: 10px;;
  padding-right: 10px;*/
}

.article-panel-h2 {
  font-size: 20px;
}

.archive_include_img_twocol .byline {
  font-size: 90%;
  line-height: 23px;
  color: #999;
}

.archive_include_img_twocol p {
  font-size: 15px;
}

.archive_include_img_twocol-row {
  padding-bottom: 10px;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 10px;
}

.archive_include_img_twocol-row > div:nth-of-type(2) {
  padding-left: 10px;
}

.center_wrap {
  display: table;
  width: 100%;
}

.center_wrap-center {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.archive .entry-content a {
  color: #666;
}

/*
# 吹き出し

## 大きいサイズ

`.balloon43-lg`クラスを付与する。

```
<div class="balloon43-lg">
  テキスト
</div>
```

*/

.c-balloon {
  display: inline-block;
  position: relative;
  background-color: #3c3cb8;
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
}

.c-balloon::before {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  bottom: -10px;
  left: calc(50% - 10px);
  border-top: 10px solid #3c3cb8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.c-balloon--shadow {
  box-shadow: 3px 3px 3px #111;
}

.c-balloon--white {
  background-color: #fff;
  color: #000;
}

.c-balloon--white::before {
  border-top-color: #fff;
}

.c-balloon--sporange {
  background-color: #ff4e0a;
  color: #fff;
}

.c-balloon--sporange::before {
  border-top-color: #ff4e0a;
}

.c-balloon--large {
  font-size: 18px;
  padding: 8px 72px;
  margin-bottom: 16px;
}

.c-balloon--large::before {
  bottom: -16px;
  left: calc(50% - 16px);
  border-top-width: 16px;
  border-left-width: 16px;
  border-right-width: 16px;
}

.balloon43-lg {
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  background-color: #da5019;
  border-radius: 20px;
  padding: 5px 0;
  margin-bottom: 10px;
  line-height: 1.2;
}

.balloon43-lg:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-top: 10px solid #da5019;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.balloon-sm,
.balloon-md,
.balloon-lg {
  color: #fff;
  font-weight: bold;
  position: relative;
  text-align: center;
  background-color: #da5019;
  border-radius: 20px;
  padding: 5px 0;
  line-height: 1.2;
}

.balloon-sm {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.balloon-md {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.balloon-lg {
  font-size: 1.9rem;
  margin-bottom: 10px;
}

.balloon-sm:before,
.balloon-md:before,
.balloon-lg:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10%;
  width: 0px;
  height: 0px;
  border-top: 10px solid #da5019;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.c-balloon--gray {
  /* フォームヘッダー */
  position: relative;
  background: #dee2e6;
  border-radius: 5px;
  padding: 15px;
}

.c-balloon--gray::after {
  content: " ";
  position: absolute;
  left: 100%;
  top: 50%;
  width: 0;
  height: 0;
  pointer-events: none;
  border: solid transparent;
  border-color: rgba(240, 131, 30, 0);
  border-left-color: #dee2e6;
  border-width: 10px;
  margin-top: -10px;
}

/* 記事内ゆうすけさんパート */

.p-lp__new-toppage-balloon {
  display: flex;
  margin-top: 40px;
}

.new-toppage__balloonR {
  flex-direction: row-reverse;
  margin-bottom: 60px;
}

.new-toppage__balloonR .p-lp__new-toppage__balloon-text {
  margin-right: 3px;
  background-color: #fff;
  border: 2px solid #ef821e;
  border-radius: 10px;
  box-shadow: -3px 3px 3px #969696;
}

.p-lp__new-toppage__balloon-img {
  flex-shrink: 0;
  filter: drop-shadow(2px 2px 2px #969696);
}

.p-lp__new-toppage__balloon-img img {
  height: 80px;
}

.p-lp__new-toppage__balloon-text {
  position: relative;
  display: flex;
  padding: 20px 15px;
  line-height: 1.8;
}

.p-lp__new-toppage__balloon-text::before {
  content: "";
  position: absolute;
  top: 30px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.p-lp__new-toppage__balloon-text::after {
  content: "";
  position: absolute;
  top: 30px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.new-toppage__balloonR .p-lp__new-toppage__balloon-text {
  margin-right: 3px;
  background-color: #fff;
  border: 2px solid #ef821e;
  border-radius: 10px;
  box-shadow: -3px 3px 3px #969696;
}

.new-toppage__balloonR .p-lp__new-toppage__balloon-text::before {
  right: -15px;
  border-left: 15px solid #ef821e;
  z-index: 1;
}

.new-toppage__balloonR .p-lp__new-toppage__balloon-text::after {
  right: -12px;
  border-left: 15px solid #fff;
  z-index: 2;
}

.p-lp__new-toppage__balloon-text-inner {
  margin: auto;
  font-size: 15px;
  color: #333;
}

.p-lp__new-toppage__name-yuusuke {
  position: absolute;
  right: 6%;
  font-size: 15px;
  background-color: #ef821e;
  border-radius: 150px;
  padding: 5px 10px 3px;
  color: #fff;
  transform: translateY(-48px);
}

.c-mini-balloon__bottom--gray {
  position: relative;
  background-color: #d8d8d8;
  padding: 10px;
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}

.c-mini-balloon__bottom--gray:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d8d8d8;
}

.c-mini-balloon__right--gray {
  position: relative;
  display: inline-block;
  background: #d8d8d8;
  margin: 0;
  padding: 10px;
  width: 70%;
}

.c-mini-balloon__right--gray:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #d8d8d8;
}

/* region-cityの事例 */

.c-ballon--dark-yellow {
  margin-top: 20px;
}

.c-ballon--dark-yellow .c-ballon__title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #f7af00;
  padding: 7.5px 20px;
  font-size: 18px;
  border-radius: 7.5px;
  max-width: 100%;
  margin-bottom: -22px;
  transform: translateX(10%);
}

.c-ballon--dark-yellow .c-ballon__title::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 10px solid transparent;
  border-top: 17.5px solid #f7af00;
}

.c-ballon--dark-yellow .c-ballon__text {
  border: 2px solid #f7af00;
  border-radius: 10px;
  padding: 40px 25px 30px;
}

/* region-cityの事例 end*/

/* 塗装記事 コメント用 */

.supervisor__box {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.supervisor__img {
  float: left;
  margin-right: -76px;
  width: 78px;
}

.supervisor__img-right {
  float: right;
  margin-left: -76px;
  width: 78px;
}

.supervisor__comment-box {
  display: table-cell;
  position: relative;
  width: calc(100% - 100px);
  font-size: 0.95em;
  vertical-align: top;
}

.supervisor__comment-text-right {
  display: inline-block;
  position: relative;
  margin: 5px 92px 0 0;
  padding: 20px;
  border-radius: 12px;
  background: #e9ecef;
}

.supervisor__comment-text-right:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 18px;
  right: -22px;
  border: 12px solid transparent;
  border-left: 12px solid #e9ecef;
}

.supervisor__comment-text {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 92px;
  padding: 20px;
  border-radius: 12px;
  background: #e9ecef;
}

.supervisor__comment-text:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #e9ecef;
}

/* 塗装記事 コメント用 end*/

.border,
.c-author {
  border: 1px solid #ccc;
}

.border-3__white {
  border: 3px solid #ffffff;
}

.border-2__lightorange {
  border: 2px solid #ff9900;
}

.border-5__lightorange {
  border: 5px solid #ff9900;
}

.border-2__gray200 {
  border: 2px solid #e9ecef;
}

.border-3__lporange {
  border: 3px solid #f4810f;
}

.border-3__darkyellow {
  border: 3px solid #f7ce03;
}

.border-5__darkbrown {
  border: 5px solid #3C1E05;
}

.border__dotted-gray500 {
  border: 1px dotted #adb5bd;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-top-8__sporange {
  border-top: 8px solid #ef821e;
}

.border-top-3__lightyellow {
  border-top: solid 3px #ffcc01;
}

.border-top-3__sporange {
  border-top: 3px solid #ef821e;
}

.border-right {
  border-right: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-bottom-2__white {
  border-bottom: 2px solid #fff;
}

.border-bottom-3__sporange {
  border-bottom: 3px solid #ef821e;
}

.border-left {
  border-left: 1px solid #ccc;
}

.border-none,
.table-bordered .border-none {
  border: none;
}

.border-top.border-dotted {
  border-top: 1px dotted #ccc;
}

.border-right.border-dotted {
  border-right: 1px dotted #ccc;
}

.border-bottom.border-dotted {
  border-bottom: 1px dotted #ccc;
}

.border-left.border-dotted {
  border-left: 1px dotted #ccc;
}

.border-top__dotted-gray400 {
  border-top: 1px dotted #ced4da;
}

.border-bottom__dotted-gray400 {
  border-bottom: 1px dotted #ced4da;
}

.border-top.border-double {
  border-top: 3px double #ccc;
}

.border-right.border-double {
  border-right: 3px double #ccc;
}

.border-bottom.border-double {
  border-bottom: 3px double #ccc;
}

.border-left.border-double {
  border-left: 3px double #ccc;
}

.c-breadcrumb {
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 5px 5px 5px 0;
  font-size: 12px;
}

.c-breadcrumb__list-box {
  white-space: nowrap;
  list-style: none;
  padding: 0;
  margin: 0px;
}

.btn-ss {
  padding: 2px 5px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  border-radius: 2px;
  vertical-align: top;
}

.btn-ms {
  padding: 5px 20px;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
}

.btn-ls {
  padding: 8px 16px;
  margin: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 5px;
}

.btn-ll {
  width: 95%;
  padding: 9px 5px;
  margin: 5px 0;
  font-size: 1.7rem;
  font-weight: bold;
  border-radius: 5px;
  line-height: 1.2;
}

.btn-ll .pull-right {
  margin-top: 0;
}

.btn-ll-2row .pull-right {
  font-size: 2.4rem;
}

.btn-common {
  display: inline-block;
  text-align: center;
}

.btn-common:hover {
  opacity: 0.7;
  transition: opacity 0.7s ease 0s;
}

.btn-common .genericon {
  vertical-align: middle;
}

input.btn-common {
  border: none;
}

.btn-ss {
  padding: 2px 5px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  border-radius: 2px;
  vertical-align: top;
}

.btn-ms {
  padding: 5px 20px;
  margin: 10px 0;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
}

.btn-ls {
  padding: 8px 43px;
  margin: 20px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
}

.btn-ll,
.btn-bbd {
  width: 80%;
  font-size: 24px;
  padding: 8px 35px;
  margin: 10px;
  font-weight: bold;
  border-radius: 5px;
}

.btn-ll .pull-right {
  margin-top: 4px;
}

.btn-ll-2row .pull-right {
  margin-top: 12px;
  font-size: 36px;
}

.cssRoll:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background-color: #fff;
}

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: #133783;
  padding-left: 4px;
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook:visited,
.open .dropdown-toggle.btn-facebook {
  color: #fff;
  border-color: #133783;
}

.hatena-bookmark-button .genericon {
  font-size: 150%;
  vertical-align: top;
}

.hatena-icon-2 {
  font-weight: bold;
}

.sendmail-btn {
  vertical-align: top;
}

.fb-btn {
  margin-right: 20px;
  display: inline-block;
}

/* 次へ進むボタン width:290px */

.btn_next_01 {
  background: url(/img/bmm/btn_next.jpg);
  width: 290px;
  height: 75px;
  border: 0px solid;
  margin-top: 5px;
}

.btn_estim {
  margin-bottom: 20px;
  text-align: center;
}

.btn_estim img {
  display: inline-block;
}

.btn_estim input {
  display: inline-block;
}

.btn-cta {
  position: relative;
  top: -2px;
  left: -1px;
  padding: 10px 80px 10px 50px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #ff4e0a;
  transition: 0.1s;
  box-shadow: 1px 2px 2px #999;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
  background-image: linear-gradient(180deg, #f0831e 20%, #ff4e0a 90%);
  border: solid 1px #ff4e0a;
}

.btn-cta::before {
  content: "\f144";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  right: 26px;
  font-size: 32px;
  margin-top: -16px;
}

.btn-cta:hover,
.btn-cta:active {
  top: 0px;
  left: 0px;
  color: #fff;
  box-shadow: none;
  opacity: 0.8;
}

.btn-cta__sub-text {
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: normal;
}

.btn-tel {
  display: inline-flex;
  align-items: center;
  height: 55px;
  padding: 5px 35px;
  border: solid 1px #ff4e0a;
  border-radius: 50px;
  background: #ff4e0a;
  background-image: linear-gradient(180deg, #f0831e 20%, #ff4e0a 90%);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: 0.1s;
  box-shadow: 0 0 10px #999;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
  opacity: 1;
}

.btn-tel::before {
  content: "\f095";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.btn-tel:hover,
.btn-tel:active {
  top: 0px;
  left: 0px;
  color: #fff;
  box-shadow: none;
  opacity: 0.8;
}

.btn[aria-expanded]::before,
.c-btn__popup[aria-expanded]::before,
.c-btn__popup--gray[aria-expanded]::before,
.c-btn__popup--gorange[aria-expanded]::before {
  display: inline-block;
  transform: none;
  border: 1px solid;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  padding: 0;
  font-size: 12px;
  text-align: center;
}

.btn[aria-expanded].btn-sm,
.c-btn__popup[aria-expanded].btn-sm,
.c-btn__popup--gray[aria-expanded].btn-sm,
.c-btn__popup--gorange[aria-expanded].btn-sm {
  padding-right: 25px;
}

.btn[aria-expanded].btn-sm::before,
.c-btn__popup[aria-expanded].btn-sm::before,
.c-btn__popup--gray[aria-expanded].btn-sm::before,
.c-btn__popup--gorange[aria-expanded].btn-sm::before {
  right: 5px;
}

.btn[aria-expanded="false"]::before,
.c-btn__popup[aria-expanded="false"]::before,
.c-btn__popup--gray[aria-expanded="false"]::before,
.c-btn__popup--gorange[aria-expanded="false"]::before {
  content: "+";
}

.btn[aria-expanded="true"]::before,
.c-btn__popup[aria-expanded="true"]::before,
.c-btn__popup--gray[aria-expanded="true"]::before,
.c-btn__popup--gorange[aria-expanded="true"]::before {
  content: "－";
}

.card-header[aria-expanded],
.panel-heading[aria-expanded],
.card-header [aria-expanded],
.panel-heading [aria-expanded] {
  cursor: pointer;
}

.card-header[aria-expanded]::before,
.panel-heading[aria-expanded]::before,
.card-header [aria-expanded]::before,
.panel-heading [aria-expanded]::before {
  display: inline-block;
  transform: none;
  border: 1px solid;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  padding: 0;
  font-size: 12px;
  text-align: center;
}

.card-header[aria-expanded="false"]::before,
.panel-heading[aria-expanded="false"]::before,
.card-header [aria-expanded="false"]::before,
.panel-heading [aria-expanded="false"]::before {
  content: "+";
}

.card-header[aria-expanded="true"]::before,
.panel-heading[aria-expanded="true"]::before,
.card-header [aria-expanded="true"]::before,
.panel-heading [aria-expanded="true"]::before {
  content: "－";
}

.btn__centents {
  background: #b9b9b9;
  background: linear-gradient(360deg, #b9b9b9 0%, #d9d9d9 35%, #f2f2f2 100%);
  border: solid 1px #ccc;
  padding: 5px 0;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  margin: 10px auto;
}

.btn__centents--top-space {
  margin-top: 30px;
}

.btn-post {
  position: relative;
  top: -2px;
  left: -1px;
  padding: 10px 60px 10px 20px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #ff4e0a;
  transition: 0.1s;
  box-shadow: 1px 2px 2px #999;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  opacity: 1;
  background-image: linear-gradient(180deg, #f0831e 20%, #ff4e0a 90%);
  border: solid 1px #ff4e0a;
  font-size: 16px;
}

.btn-post::before {
  content: "\f144";
  font-family: "FontAwesome";
  position: absolute;
  top: 40%;
  right: 21px;
  font-size: 32px;
  margin-top: -16px;
}

.btn-post:hover,
.btn-post:active {
  top: 0px;
  left: 0px;
  color: #fff;
  box-shadow: none;
  opacity: 0.8;
}

.btn-post__sub-text {
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: normal;
}

.btn-fixed-bottom {
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  padding: 5px 10px;
  width: 100%;
  white-space: nowrap;
}

.form-btn__img {
  background: url(/img/_common/cta-btn02.png) no-repeat;
  background-position: center;
  background-size: 90%;
  width: 100%;
  height: 135px;
  border: 0px solid;
}

/* 輝く見積ボタン */

.c-btn--select {
  display: inline-block;
  border-radius: 50px;
  border: none;
  transition: 0.25s;
  box-shadow: 0px 3px 3px #5b5e5b;
  font-size: 24px;
  width: 100%;
  max-width: 240px;
  height: 70px;
  padding: 7px 20px;
}

.c-btn--select:hover {
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.c-btn--chikudenchitag {
  display: inline-block;
  border-radius: 50px;
  border: none;
  transition: 0.25s;
  box-shadow: 0px 3px 3px #5b5e5b;
  font-size: 16px;
  width: 100%;
  max-width: 240px;
  height: 70px;
  padding: 13px;
}

.c-btn--chikudenchitag:hover {
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.c-btn--chikudenchitag-ballon {
  position: relative;
  display: inline-block;
  margin: 5px auto;
  padding: 8px 20px 6px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #fff;
  border: solid 3px #0039ab;
  box-sizing: border-box;
  border-radius: 10px;
  font-weight: bold;
  box-shadow: 2px 2px 4px #999;
}

.c-btn--chikudenchitag-ballon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}

.c-btn--chikudenchitag-ballon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #0039ab;
  z-index: 1;
}

.c-btn--chikudenchitag-ballon p {
  margin: 0;
  padding: 0;
}

.c-btn--shiny {
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
}

.c-btn--shiny::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -200px;
  left: 10px;
  width: 20px;
  height: 100%;
  background-color: #fff;
  animation: c-btn--shiny 3s ease-in-out infinite;
}

.bottom-btn-yellow .btn:hover,
.bottom-btn-yellow .c-btn__popup:hover,
.bottom-btn-yellow .c-btn__popup--gray:hover,
.bottom-btn-yellow .c-btn__popup--gorange:hover {
  opacity: 1;
  -webkit-transition: ease-in-out 0.2s;
  background-repeat: repeat-x;
  border-color: #d4c431;
  background: #d4c431;
  background: linear-gradient(-180deg, #fff45c 21%, #ebd934 48%, #d4c431 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff45c",endColorstr="#d4c431",GradientType=1);
}

.btn.bg-footergreen,
.bg-footergreen.c-btn__popup,
.bg-footergreen.c-btn__popup--gray,
.bg-footergreen.c-btn__popup--gorange {
  background: #32aa32;
  background: linear-gradient(-180deg, #46f046 21%, #3cce3c 48%, #32aa32 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#46f046",endColorstr="#32aa32",GradientType=1);
  background-repeat: repeat-x;
  border-color: #32aa32;
}

.btn.bg-footeryellow,
.bg-footeryellow.c-btn__popup,
.bg-footeryellow.c-btn__popup--gray,
.bg-footeryellow.c-btn__popup--gorange {
  background: #d2be00;
  background: linear-gradient(-180deg, #fcee21 14%, #daca10 48%, #cab700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcee21",endColorstr="#d2be00",GradientType=1);
  background-repeat: repeat-x;
  border-color: #d2be00;
}

.btn.bg-chikudenchitag,
.bg-chikudenchitag.c-btn__popup,
.bg-chikudenchitag.c-btn__popup--gray,
.bg-chikudenchitag.c-btn__popup--gorange {
  background: #3b6ed4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcee21",endColorstr="#3b6ed4",GradientType=1);
  background-repeat: repeat-x;
  border-color: #3b6ed4;
}

.btn.bg-footerorange,
.bg-footerorange.c-btn__popup,
.bg-footerorange.c-btn__popup--gray,
.bg-footerorange.c-btn__popup--gorange {
  background: #b75c18;
  background: linear-gradient(-180deg, #ffa963 14%, #e27f34 48%, #b75c18 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa963",endColorstr="#b75c18",GradientType=1);
  background-repeat: repeat-x;
  border-color: #b75c18;
}

/* SNSアイコン */

.btn-sns a {
  display: inline-block;
  width: 200px;
  padding: 10px 12px;
  border-radius: 7px;
}

.bg-twitter {
  background-color: #1da1f3;
}

.bg-insta {
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

.content .btn-sns a:hover {
  color: white;
  text-decoration: none !important;
  font-weight: normal !important;
  border-bottom: none !important;
}

.content .btn-sns a:hover {
  color: white;
  text-decoration: none !important;
  background-color: #1a8dd5 !important;
}

/* SNSアイコン end */

/* 外壁記事 見積ボタン */

.btn-contents,
.btn-contents-booklet {
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 1px;
  padding: 5px 20px 5px 30px;
  color: #fff;
  width: 100%;
  max-width: 376px;
  box-shadow: 2px 2px 4px gray;
  text-decoration: none !important;
}

.btn-contents:link,
.btn-contents-booklet:link,
.btn-contents:visited,
.btn-contents-booklet:visited,
.btn-contents:hover,
.btn-contents-booklet:hover,
.btn-contents:active,
.btn-contents-booklet:active {
  font-weight: normal !important;
  box-shadow: 2px 2px 4px gray;
  border: 0;
}

.btn-contents:hover,
.btn-contents-booklet:hover {
  opacity: 0.8;
}

.btn-contents:active {
  background: linear-gradient(-180deg, #eb6100 21%, #e95200 48%, #e64100 100%) !important;
}

.btn-contents-booklet:active {
  background: linear-gradient(-180deg, #8e5228 21%, #845843 48%, #5a3223 100%) !important;
}

.btn-contents:after,
.btn-contents-booklet:after {
  line-height: 1.6;
  position: absolute;
  content: "▶︎";
  top: 50%;
  font-size: 15px;
  right: 10px;
  display: block;
  margin-top: -12.5px;
  transition: all 0.5s ease;
  text-align: center;
  color: #fff;
}

.btn-contents-booklet {
  padding: 5px;
}

.btn-contents {
  padding: 5px 20px 5px 30px;
}

.btn-contents-text {
  position: relative;
  color: #fff;
}

.btn-contents-text:before {
  position: absolute;
  content: "無料";
  background: #fff;
  padding: 6px 8px;
  border-radius: 5px;
  left: -65px;
  color: #eb6100;
  top: 30%;
}

.btn.bg45,
.bg45.c-btn__popup,
.bg45.c-btn__popup--gray,
.bg45.c-btn__popup--gorange {
  background: #eb6100;
  background: linear-gradient(-180deg, #eb6100 21%, #e95200 48%, #e64100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0831e",endColorstr="#ff4e0a",GradientType=1);
  background-repeat: repeat-x;
  border-color: #eb6100;
}

.btn.bg-brown,
.bg-brown.c-btn__popup,
.bg-brown.c-btn__popup--gray,
.bg-brown.c-btn__popup--gorange {
  background: #9e5d2f;
  background: linear-gradient(-180deg, #8e5228 21%, #845843 48%, #5a3223 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0831e",endColorstr="#ff4e0a",GradientType=1);
  background-repeat: repeat-x;
  border-color: #9e5d2f;
}

.btn.bg-lblue,
.bg-lblue.c-btn__popup,
.bg-lblue.c-btn__popup--gray,
.bg-lblue.c-btn__popup--gorange {
  background: #86b0c2;
  background: linear-gradient(#a9c6d5 0%, #a9c6d5 18%, #a9c6d5 45%, #86b0c2 100%);
  filter: progid:DXImageTranysform.Microsoft.gradient(startColorstr="#f0831e",endColorstr="#ff4e0a",GradientType=1);
  background-repeat: repeat-x;
  border-color: #a9c6d5;
}

.btn.bg-lyellow,
.bg-lyellow.c-btn__popup,
.bg-lyellow.c-btn__popup--gray,
.bg-lyellow.c-btn__popup--gorange {
  background: #c79a14;
  background: linear-gradient(#ecd357 0%, #ecd357 19%, #ecd357 28%, #c79a14 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0831e",endColorstr="#ff4e0a",GradientType=1);
  background-repeat: repeat-x;
  border-color: #ecd357;
}

.c-btn__category-tag {
  padding: 0;
}

.c-btn__category-tag li {
  display: inline-block;
  margin-bottom: 0;
}

.c-btn__category-tag a {
  color: #3c3cb8;
  font-size: 1.4rem;
}

.c-btn__category-tag a:hover {
  color: #ffffff;
  text-decoration: none;
}

.c-btn__popup {
  width: 110px;
  height: 50px;
  background: #ffd97f;
  color: #333;
  border-bottom: solid 4px #ddb252;
  border-radius: 3px;
  padding: 12px 8px 8px;
  margin: 5px 0;
}

.c-btn__popup:active {
  transform: translateY(4px);
  border-bottom: none;
}

.c-btn__popup--gray {
  border-radius: 50px;
  background: #ededed;
  padding: 8px 30px;
  font-size: 14px;
  border-bottom: solid 4px #acaaaa;
}

.c-btn__popup--gorange {
  border-radius: 50px;
  background: #eb6100;
  color: #fff;
  border-bottom: solid 4px #ad4600;
  padding: 13px 20px;
  font-size: 18px;
  font-weight: bold;
}

.c-btn__popup--gorange:hover {
  color: #fff;
}

.c-fixed-bottom__local-footer-btn-link {
  text-decoration: none !important;
}

.c-fixed-bottom__local-footer-btn-link img {
  opacity: 1 !important;
}

.c-fixed-bottom__local-footer-btn-btn {
  border-bottom: 5px solid #32aa32;
  background-color: #2fde2f;
  color: #333;
  font-weight: bold;
  position: relative;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
}

.c-fixed-bottom__local-footer-btn-btn-arrow {
  margin-left: 5px;
  width: 25px;
  height: 25px;
}

.c-fixed-bottom__local-footer-btn-btn-ballon {
  position: absolute;
  top: -10px;
  left: -30px;
  width: 50px !important;
  height: 40px !important;
}

.c-fixed-bottom__local-footer-btn-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #1d6b1d;
  background-color: #32aa32;
}

.c-fixed-bottom__local-footer-btn-footer-btn {
  border-bottom: 5px solid #32aa32;
  background-color: #2fde2f;
  color: #333;
  font-weight: bold;
  position: relative;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
}

.c-fixed-bottom__local-footer-btn-footer-btn-arrow {
  margin-left: 5px;
  width: 25px !important;
  height: 25px !important;
}

.c-fixed-bottom__local-footer-btn-footer-btn-ballon {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50px !important;
  height: 40px !important;
}

.c-fixed-bottom__local-footer-btn-footer-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #1d6b1d;
  background-color: #32aa32;
}

/*エクステリア図面ページボタン装飾*/

.zumen-button {
  background-color: #d92727;
  padding: 15px 10px;
  border-radius: 10px;
  box-shadow: 0 3px 0 #999;
  transform: translateY(-3px);
  transition: 0.3s;
  width: 50%;
  margin: 0 auto;
}

.zumen-jump {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.zumen-jump:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.zumen-button:hover {
  box-shadow: none;
  transform: translateY(3px);
}

/*エクステリア図面ページボタン装飾ここまで*/

.c-post__introduction-button {
  background-color: #eb6100;
  padding: 15px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 15px;
  width: 80%;
  margin: auto;
}

.c-post__introduction-button a {
  color: #fff;
  text-decoration: none;
}

.c-post__introduction-button:hover {
  color: #fff;
  text-decoration: none;
  background-color: #c55100;
  border-color: #b84c00;
}

.c-post__introduction-button a:visited {
  color: #fff;
}

.wpcf7-list-holizontal .wpcf7-list-item {
  display: block;
}

/* 匿名質問フォーム用 画像 */

.avatarlist .wpcf7-list-item:nth-of-type(1) label {
  background-image: url("/img/avatar/man_young.gif");
}

.avatarlist .wpcf7-list-item:nth-of-type(2) label {
  background-image: url("/img/avatar/man_middle.gif");
}

.avatarlist .wpcf7-list-item:nth-of-type(3) label {
  background-image: url("/img/avatar/man_older.gif");
}

.avatarlist .wpcf7-list-item:nth-of-type(4) label {
  background-image: url("/img/avatar/woman_yang.gif");
}

.avatarlist .wpcf7-list-item:nth-of-type(5) label {
  background-image: url("/img/avatar/woman_middle.gif");
}

.avatarlist .wpcf7-list-item:nth-of-type(6) label {
  background-image: url("/img/avatar/woman_older.gif");
}

.avatarlist .wpcf7-list-item label {
  font-weight: bold;
  width: 48px;
  display: block;
  padding-top: 48px;
  margin: 0;
  float: left;
  background-repeat: no-repeat;
  text-align: center;
}

/* 自作ドロワー用スタイル ここから */

#js-drawer-open-btn,
#js-drawer-close-btn {
  cursor: pointer;
}

#drawer-container {
  background-color: white;
  position: fixed;
  top: 0px;
  right: -310px;
  width: 310px;
  padding: 65px 0 10px 0;
  z-index: 120;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

#drawer-overlay-upper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 110;
}

/* 自作ドロワー用スタイル ここまで */

#widget-drawer_content ul,
#widget-drawer_content li {
  margin: 0;
  padding: 0;
}

#widget-drawer_content ul {
  list-style: none;
}

#widget-drawer_content li {
  font-size: 12px;
}

#widget-drawer_content ul.menu > li.menu-item-has-children {
  cursor: pointer;
  position: relative;
}

#widget-drawer_content a {
  display: block;
  text-decoration: none;
  color: #333;
}

#widget-drawer_content ul.menu > li.menu-item-has-children > a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: transform 0.1s linear 0s;
}

#widget-drawer_content ul.menu > li.menu-item-has-children.submenu-expanded > a::after {
  transform: rotate(-135deg);
}

#widget-drawer_content ul.menu > li {
  position: relative;
  border-bottom: 0.5px solid #ced4da;
  color: #495057;
}

#widget-drawer_content ul.menu a {
  display: block;
  padding: 15px;
}

#widget-drawer_content ul.menu a:after {
  position: absolute;
  content: "〉";
  color: #ced4da;
  top: 15px;
  bottom: 0;
  right: 20px;
}

#widget-drawer_content ul.menu > li > ul.sub-menu {
  height: 0;
  overflow: hidden;
  background-color: #fff;
}

#widget-drawer_content ul.menu > li > ul.sub-menu.show {
  height: auto;
}

#widget-drawer_content ul.menu > li > ul.sub-menu > li {
  position: relative;
}

#widget-drawer_content ul.menu > li > ul.sub-menu > li > a {
  color: #333;
}

#widget-drawer_content ul.menu > li > ul.sub-menu > li > a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: #333;
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}

#widget-drawer_content ul.menu > li > ul.sub-menu > li {
  border-bottom: 1px solid #ddd;
}

.c-drawer {
  padding-bottom: 100px;
  position: relative;
}

.c-drawer__content-box {
  margin-top: 20px;
}

.c-drawer__content-box__content-title,
.c-drawer .side3-header {
  background-color: #dee2e6;
  padding: 8px 15px 8px;
  font-size: 11px;
  color: #495057;
}

.c-drawer__btn-box {
  position: absolute;
  border: solid 0.5px #ced4da;
  border-radius: 10px;
  color: #495057;
  width: 30%;
  text-align: center;
  font-size: 12px;
  padding: 6px;
  margin-top: 10px;
  top: -48px;
  left: 10px;
}

.c-drawer__logo-image {
  position: absolute;
  top: -40px;
  right: 12px;
}

.c-drawer__cta-btn {
  display: inline-block;
  background: #e9ecef;
  border: none;
  border-radius: 50px;
  width: 93%;
  padding: 20px;
  margin: 10px;
  text-align: center;
  color: #212529;
}

.c-drawer__cta-btn:hover {
  color: #fff !important;
  background: #3c3cb8;
}

/* form 太陽光パネル ここから */

input + label .form-house,
input + label .form-solar_house {
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
  width: 80px;
  margin: 0 auto;
}

input + label .form-house {
  background-image: url(/img/form/form-house-green.png);
}

input:checked + label .form-house {
  background-image: url(/img/form/form-house-orange.png);
}

input + label .form-solar_house {
  background-image: url(/img/form/form-solar_house-green.png);
}

input:checked + label .form-solar_house {
  background-image: url(/img/form/form-solar_house-orange.png);
}

/* form 太陽光パネル ここまで */

/* header 見積もりフォーム　ここから */

.c-form__form-label,
.c-form__form-label--green,
.c-form__form-label--blue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 50px;
  margin-bottom: 5px;
  padding: 5px 6px;
  border-radius: 5px;
  background-color: #db1212;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
}

.c-form__form-label--green {
  background-color: #8cc63f;
}

.c-form__form-label--blue {
  background-color: #b9b9ba;
}

.c-form__label-circle,
.c-form__label-circle--required,
.c-form__label-circle--optional {
  border: solid 1px #fff;
  margin: 2px;
  position: relative;
  border-radius: 1000px;
  background-color: #432719;
  color: #fff;
  text-align: center;
  font-size: 11px;
  height: 30px;
  width: 30px;
  display: inline-block;
  white-space: nowrap;
  padding: 7px 0;
}

.c-form__label-circle::before,
.c-form__label-circle--required::before,
.c-form__label-circle--optional::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: solid 1px #432719;
  position: absolute;
  top: -2px;
  left: -2px;
  border-radius: 15px;
}

.c-form__label-circle--required {
  background-color: #db1212;
}

.c-form__label-circle--required::before {
  border-color: #db1212;
}

.c-form__label-circle--optional {
  background-color: #28abe1;
}

.c-form__label-circle--optional::before {
  border-color: #28abe1;
}

.c-form__step-buttons {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
}

.c-form__step-buttons__left-box {
  min-width: 20%;
}

.c-form__step-buttons__center-box {
  width: 100%;
  text-align: center;
  min-width: 60%;
  max-width: 100%;
}

.c-form__step-buttons__left-box + .c-form__step-buttons__center-box {
  max-width: 68%;
}

.mitsumori-proposed_site-solar,
.mitsumori-proposed_site-battery {
  width: 125px;
  height: 65px;
  margin: auto;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}

.mitsumori-proposed_site-solar {
  background-image: url(/img/form/form-proposed_solar.png);
  width: 110px;
  height: 95px;
}

input:checked + label .mitsumori-proposed_site-solar {
  background-image: url(/img/form/form-solar-orange.png);
}

.mitsumori-proposed_site-battery {
  background-image: url(/img/form/form-proposed_battery.png);
  width: 110px;
  height: 95px;
}

input:checked + label .mitsumori-proposed_site-battery {
  background-image: url(/img/form/form-battery-orange.png);
}

/* mitomoripostal_lp2.php スマホ表示 */

#s {
  width: 80%;
  display: inline-block;
}

.table-radio {
  table-layout: fixed;
}

.table-radio > thead > tr > th,
.table-radio > tbody > tr > th,
.table-radio > tfoot > tr > th,
.table-radio > thead > tr > td,
.table-radio > tbody > tr > td,
.table-radio > tfoot > tr > td {
  padding: 0;
  text-align: center;
}

.table-radio label {
  display: block;
  width: 100%;
  padding: 4px;
  font-weight: normal;
  line-height: 1.2;
}

.table-radio input:checked + label {
  box-shadow: 0 0 0 4px #edad0b inset;
}

.ico-checkbox input + label,
.ico-radio input + label {
  line-height: 1;
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
  /*padding: 5px 10px;*/
  padding: 5px;
  cursor: pointer;
  border: 4px solid #efefef;
  border-radius: 4px;
}

.ico-checkbox input + label:hover,
.ico-radio input + label:hover {
  border-color: #ccc;
}

.ico-checkbox input + label::before,
.ico-radio input + label::before {
  /*font-family: 'Font Awesome 5 Free';*/
  font-family: "FontAwesome";
  font-size: inherit;
  display: inline-block;
  /*margin-right: 5px;*/
  color: #000;
}

.ico-checkbox input:checked + label,
.ico-radio input:checked + label {
  border-color: #edad08;
}

.ico-checkbox input + label::before {
  font-weight: 900;
  content: "\f096";
}

.ico-checkbox input:checked + label::before {
  font-weight: 900;
  content: "\f14a";
}

.ico-radio input + label::before {
  /*content: '\f111';*/
  content: "\f10c";
}

.ico-radio input:checked + label::before {
  content: "\f192";
}

input:focus,
textarea:focus,
keygen:focus,
select:focus {
  outline: none;
}

input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  padding: 6px 11px;
}

input[type="file"] {
  width: 100%;
}

input[type="text"]:focus,
input[type="zip"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border: 2px solid #3c3cb8;
  background-color: #fff;
  padding: 5px 10px;
  box-shadow: none;
}

.custom-select:focus {
  border: 2px solid #3c3cb8;
  padding: 5px 10px;
}

.c-form__privacy-area__border-top {
  border-top: solid 1px #ccc;
  width: 90%;
  margin: auto;
}

input[type="image"] {
  border: none !important;
  display: inline-block;
  /*  background-color:#FFF !important; */
}

input[type="image"]:focus {
  opacity: 0.7;
}

input.passed,
textarea.passed,
select.passed {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #333;
}

form span.error-advice,
form div.error-advice {
  margin: 5px;
  padding: 2px 10px;
  background-color: #f55;
  color: #fff;
  font-size: 90%;
  font-weight: bold;
  z-index: 100;
  position: absolute;
}

form div.passed_image {
  display: none;
  visibility: hidden;
}

/* form 太陽光パネル ここから */

input + label .form-house,
input + label .form-solar_house {
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
  width: 80px;
  margin: 0 auto;
}

input + label .form-house {
  background-image: url(/img/form/form-house-green.png);
}

input:checked + label .form-house {
  background-image: url(/img/form/form-house-orange.png);
}

input + label .form-solar_house {
  background-image: url(/img/form/form-solar_house-green.png);
}

input:checked + label .form-solar_house {
  background-image: url(/img/form/form-solar_house-orange.png);
}

/* form 太陽光パネル ここまで */

/* mitomoripostal_lp2.php PC表示 */

.table-radio > thead > tr > th,
.table-radio > tbody > tr > th,
.table-radio > tfoot > tr > th,
.table-radio > thead > tr > td,
.table-radio > tbody > tr > td,
.table-radio > tfoot > tr > td {
  padding: 0;
  text-align: center;
}

.table-radio label {
  width: 100%;
  padding: 5px;
  margin: 0;
}

.table-radio label:hover {
  box-shadow: 0 0 0 4px #f9e3aa inset;
}

.table-radio input:checked + label {
  box-shadow: 0 0 0 4px #edad0b inset;
}

.ico-checkbox input + label,
.ico-radio input + label {
  line-height: 1;
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
  /*padding: 5px 10px;*/
  padding: 5px;
  cursor: pointer;
  border: 4px solid #efefef;
  border-radius: 4px;
}

.ico-checkbox input + label:hover,
.ico-radio input + label:hover {
  border-color: #ccc;
}

.ico-checkbox input + label::before,
.ico-radio input + label::before {
  /*font-family: 'Font Awesome 5 Free';*/
  font-family: "FontAwesome";
  font-size: inherit;
  display: inline-block;
  /*margin-right: 5px;*/
  color: #000;
}

.ico-checkbox input:checked + label,
.ico-radio input:checked + label {
  border-color: #edad08;
}

.ico-checkbox input + label::before {
  font-weight: 900;
  content: "\f096";
}

.ico-checkbox input:checked + label::before {
  font-weight: 900;
  content: "\f14a";
}

.ico-radio input + label::before {
  /*content: '\f111';*/
  content: "\f10c";
}

.ico-radio input:checked + label::before {
  content: "\f192";
}

.radio-img label:hover {
  background-color: #efefef;
}

.img-radio label {
  height: 100%;
  margin-bottom: 10px;
  padding: 6px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  line-height: 1;
  font-size: 12px;
  text-align: center;
}

.img-radio label:hover {
  box-shadow: 0 0 0 4px #fdecdd inset;
}

.img-radio input:checked + label {
  box-shadow: 0 0 0 4px #ff4e0a inset;
}

input[type="zip"].lp-mitsumori-postalcode:focus {
  border-color: #ff4e0a !important;
  border-width: 2px;
  padding: 5px 7px;
  background-color: #fdecdd !important;
}

.p-lp-main .ico-checkbox input:checked + label,
.ico-radio input:checked + label {
  border-color: #ff4e0a;
}

.c-form__vendor-name-position {
  margin-left: 0;
}

/*新フォームここから*/

.c-form__element-wrapper {
  padding: 0 0 60px;
}

.c-form__mitsumori-step {
  margin-bottom: 30px;
}

.c-form__mitsumori-title {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  margin-bottom: 20px;
  font-feature-settings: "palt";
}

.c-form__mitsumori-title--1step {
  margin-top: 25px;
}

.c-form__option-chunk--button {
  background-color: #b3b3b3;
  padding: 10px 5px;
  width: 90%;
  cursor: pointer;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
  font-weight: bold;
  font-size: 16px;
  margin: 15px 0;
}

input:checked + label.c-form__option-chunk--button {
  background: #3c3cb8;
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__option-chunk label {
  border: 2px solid #666;
  padding: 15px 5px;
  width: 100%;
  height: 150px;
  cursor: pointer;
}

.c-form__option-chunk--important label {
  border: 2px solid #666;
  padding: 15px 5px;
  width: 100%;
  height: 130px;
  cursor: pointer;
}

.c-form__option-chunk--roof label {
  border: 2px solid #666;
  padding: 2px 2px;
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
  display: inline-block;
}

.c-form__option-chunk--roof label img {
  pointer-events: none;
}

.c-form__option-chunk--wrapper {
  padding: 0 2px;
}

.c-form__option-chunk input:checked + label {
  box-shadow: 0 0 0 4px #e68024 inset;
  border-color: #e68024;
}

.c-form__option-chunk--important input:checked + label {
  box-shadow: 0 0 0 4px #3c3cb8 inset;
  border-color: #3c3cb8;
}

.c-form__option-chunk--roof input:checked + label {
  box-shadow: 0 0 0 2px #e68024 inset;
  border-color: #e68024;
}

.c-form__option-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-feature-settings: "palt";
}

.c-form__option-title__weaken {
  font-size: 10px;
}

.c-form__roof-material-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #666;
  font-feature-settings: "palt";
  margin-bottom: 5px;
}

input:checked + label .c-form__option-title {
  color: #3c3cb8;
}

input:checked + label .c-form__roof-material-title {
  color: #3c3cb8;
}

.c-form__position-change {
  display: inherit;
  align-items: inherit;
}

.c-form__option-image-house,
.c-form__option-image-other,
.c-form__option-image-solar,
.c-form__option-image-battery,
.c-form__option-image-savings,
.c-form__option-image-income,
.c-form__option-image-ev,
.c-form__option-image-measures,
.c-form__option-image-important--other,
.c-form__option-image-installation-yes,
.c-form__option-image-installation-no {
  margin: 0 auto;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}

.c-form__option-image-house {
  background-image: url(/img/form/form_smallstep/form_smallstep_location-house1.jpg);
  width: 100px;
  height: 95px;
}

input:checked + label .c-form__option-image-house {
  background-image: url(/img/form/form_smallstep/form_smallstep_location-house2.jpg);
}

.c-form__option-image-other {
  background-image: url(/img/form/form_smallstep/form_smallstep_location-other1.jpg);
  width: 100px;
  height: 95px;
}

input:checked + label .c-form__option-image-other {
  background-image: url(/img/form/form_smallstep/form_smallstep_location-other2.jpg);
}

.c-form__option-image-savings {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-saving1.png);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-savings {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-saving2.png);
}

.c-form__option-image-income {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-income1.png);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-income {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-income2.png);
}

.c-form__option-image-ev {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-batteryv2h1.jpg);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-ev {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-batteryv2h2.jpg);
}

.c-form__option-image-measures {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-measures1.png);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-measures {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-measures2.png);
}

.c-form__option-image-important--other {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-other1.png);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-important--other {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-other2.png);
}

.c-form__option-image-installation-yes {
  background-image: url(/img/form/form_smallstep/form_smallstep_installation-yes1.jpg);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-installation-yes {
  background-image: url(/img/form/form_smallstep/form_smallstep_installation-yes2.jpg);
}

.c-form__option-image-installation-no {
  background-image: url(/img/form/form_smallstep/form_smallstep_installation-no1.jpg);
  width: 80px;
  height: 80px;
}

input:checked + label .c-form__option-image-installation-no {
  background-image: url(/img/form/form_smallstep/form_smallstep_installation-no2.jpg);
}

.c-form__option-image-solar {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-solar1.jpg);
  width: 90px;
  height: 85px;
}

input:checked + label .c-form__option-image-solar {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-solar2.jpg);
}

.c-form__option-image-battery {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-battery1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__option-image-battery {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-battery2.jpg);
}

.c-form__mitsumori-land {
  margin: 10px auto 0;
  font-size: 14px;
}

.c-form__prefecture-wrapper {
  width: 80%;
  margin: 0 auto 20px;
}

.c-form__btn-wrapper {
  margin: 0 auto;
}

.c-form__prefecture-box {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.c-form__step2-image-pc {
  display: none;
}

.c-form__step2-image-sm {
  display: block;
}

.c-form__btn-box,
.c-form__btn-box--back,
.c-form__btn-box--back-pt01 {
  display: inline-block;
  align-items: center;
  justify-content: left;
}

.c-form__btn-box input {
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #e68024;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.c-form__btn-box input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__btn-box--back input {
  text-align: center;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  font-weight: bold;
  display: block;
  background: #fff;
  border-radius: 100px;
  padding: 5px 10px 5px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
  margin: 0;
}

.c-form__btn-box--back input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

/* v1なりた用 */

.c-form__btn-box-v1 input {
  display: block;
  text-align: center;
  border: none;
  background-color: #fff;
  color: #999;
  transition: 0.3s;
  transform: translateY(-2px);
  margin: 0;
  border-bottom: solid 2px #999;
  font-size: 12px;
  font-weight: bold;
}

.c-form__btn-box-v1 input:hover {
  transform: translateY(0px);
}

.c-form__btn-box input[disabled] {
  background-color: #b3b3b3;
  cursor: default;
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__btn-box--image {
  font-size: 20px;
  color: white;
  border: none;
  background-color: #e68024;
  padding: 10px 60px;
  font-weight: bold;
  border-radius: 100px;
  transition: 0.3s;
}

.c-form__btn-box--image:hover {
  opacity: 0.8;
}

.c-form__postal-basecolor {
  background-color: #b3b3b3;
}

.c-form__border-gray {
  border: solid 3px #b3b3b3;
}

.c-form__form-label--gray {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  max-height: 50px;
  margin-bottom: 5px;
  padding: 5px 3px;
  padding-right: 3px;
  padding-left: 3px;
  border-radius: 5px;
  background-color: #b3b3b3;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.c-form__color-gray {
  color: #b3b3b3;
}

.c-form__alert-success--gray {
  color: #4a4a4a;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}

.c-form__tabs {
  width: 100%;
  position: relative;
  text-align: center;
}

.c-form__tab-buttons span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 33%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  z-index: 1;
  position: relative;
}

.c-form__button-margin-pt01 {
  margin-left: -10px !important;
}

.c-form__tab-buttons-pt01 span {
  width: 50% !important;
}

.c-form__tab-buttons2 span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 25%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  z-index: 1;
  position: relative;
}

.c-form__tab-buttons3 span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 20%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
}

.c-form__tab-buttons4 span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  z-index: 1;
  position: relative;
}

.c-form__tab-content {
  background: #fff;
  display: inline-block;
  color: #333;
  width: 100%;
}

#lamp {
  width: 33%;
  height: 38px;
  background: #3c3cb8;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp.c-form__content-step1 {
  left: 0%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp.c-form__content-step2 {
  left: 33%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp.c-form__content-step3 {
  left: 66%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp2 {
  width: 25%;
  height: 38px;
  background: #3c3cb8;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp2.c-form__content-step0 {
  left: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp2.c-form__content-step1 {
  left: 25%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp2.c-form__content-step2 {
  left: 50%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp2.c-form__content-step3 {
  left: 75%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3 {
  width: 20%;
  height: 38px;
  background: #e68024;
  display: block;
  position: absolute;
  top: 0px;
  z-index: -1;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3.c-form__content-step1 {
  left: 0%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3.c-form__content-step2 {
  left: 20%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3.c-form__content-step3 {
  left: 40%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3.c-form__content-step4 {
  left: 60%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp3.c-form__content-step5 {
  left: 80%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp4 {
  width: 50%;
  height: 38px;
  background: #3c3cb8;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp4.c-form__content-step1 {
  left: 0%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

#lamp4.c-form__content-step2 {
  left: 50%;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
}

.c-form__description--wrapper {
  padding: 15px;
  margin: 15px auto;
  background-color: #fae6d3;
  border-radius: 5px;
  width: 100%;
}

.c-form__description--wrapper_merit {
  padding: 15px 0;
  margin: 15px auto;
  background-color: #fae6d3;
  border-radius: 5px;
  width: 100%;
}

.c-form__description--image {
  width: 100%;
}

.c-form__description--text-title {
  font-size: 15px;
  font-weight: bold;
  text-align: justify;
  line-height: 1.5;
  margin-top: 0px;
}

.c-form__description--box {
  display: flex;
  align-items: center;
}

.c-form__description--text {
  font-size: 11px;
  color: #666;
  text-align: justify;
  line-height: 1.3;
  margin: 0;
}

.c-form__label-required {
  display: inline-block;
  font-size: 14px;
  width: 100%;
}

.c-form__label-required span {
  font-size: 13px;
}

.c-form__input-column {
  display: inline-block;
}

.c-form__personality-wrapper {
  width: 100%;
  text-align: left;
}

.c-form__personality-wrapper label {
  font-weight: bold;
}

.c-form__personality-wrapper-switch {
  width: 100%;
  text-align: left;
}

.c-form__personality-wrapper-switch label {
  font-weight: bold;
}

.btn-next,
.c-form__fixed-btn button,
.btn-green {
  margin: 0px auto 0;
  text-align: center;
  font-size: 1.9rem;
  line-height: 1.4;
  color: white;
  border: none;
  background-color: #3c3cb8;
  padding: 10px 15px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 4px 0 #999;
  transition: 0.3s;
  transform: translateY(-4px);
  min-width: 120px;
}

.btn-next:hover,
.c-form__fixed-btn button:hover,
.btn-green:hover {
  box-shadow: none;
  color: #fff;
  transform: translateY(0px);
}

.btn-next:focus,
.c-form__fixed-btn button:focus,
.btn-green:focus {
  color: #fff;
}

.btn-green {
  background-color: #28a745;
}

.btn-back {
  display: block;
  text-align: center;
  border: none;
  background-color: #fff;
  color: #999;
  transition: 0.3s;
  transform: translateY(-2px);
  margin: 0;
  border-bottom: solid 2px #999;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.c-form__fixed-btn-pt01 {
  padding-left: 30px !important;
}

.c-form__fixed-btn--battery button {
  margin: 0px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #e68024;
  padding: 10px 25px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 4px 0 #999;
  transition: 0.3s;
  transform: translateY(-4px);
  line-height: 1.4;
}

.c-form__fixed-btn--battery button:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__weaken {
  font-size: 60%;
}

.c-form__p-mark-box {
  margin: 0 auto;
  background: #fff;
  border: 3px solid #003e8d;
  border-radius: 15px;
}

.c-form__p-mark-box .c-form__p-mark-box--title {
  font-size: 0.9em;
  background: #003e8d;
  padding: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-radius: 10px 10px 0 0;
}

.c-form__p-mark-box p {
  font-size: 11px;
  color: #666;
  text-align: justify;
  line-height: 1.3;
  margin: 0;
}

.c-form__mitsumoribtn-wrapper {
  margin: 0 auto;
  display: inline-block;
}

.c-form__p-mark-under {
  display: inline-block;
  width: 45px;
  transform: translateY(8px);
}

.c-form__p-mark-under-pt01 {
  display: inline-block;
  width: 45px;
  transform: translateY(8px);
}

.c-form__p-mark-under--battery {
  display: inline-block;
  width: 45px;
  transform: translateY(0px);
}

.c-form__mitsumoribtn-chunk {
  position: relative;
}

.c-form__personality-wrapper input {
  width: 100%;
}

.c-form__prefecture-nostep {
  width: 100% !important;
}

.c-form__personality-wrapper-switch input {
  width: 100%;
}

/*新フォームここまで*/

.c-form__howtouse-card {
  display: inline-block;
  max-width: 47%;
}

.c-form__modal-content-width {
  max-width: 280px;
  margin: 50px auto 0;
}

.c-form__modal-position {
  display: flex;
  align-content: center;
}

.label-ss {
  padding: 2px 4px;
  margin: 0px;
  font-size: 11px;
  border-radius: 4px;
  margin-left: 3px;
  font-weight: normal;
}

.label-common {
  text-align: center;
  vertical-align: middle;
}

.c-form__billboard-image {
  margin: 25px 0 0;
  width: 100%;
}

.c-form__step-prefecture--box {
  width: 100%;
  padding: 6px 11px;
}

.c-form__btn-box--back-pt01 input {
  text-align: center;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  font-weight: bold;
  display: block;
  background: #fff;
  border-radius: 100px;
  padding: 5px 10px 5px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
  margin: 22px 0;
}

.c-form__btn-box--back-pt01 input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__page-fadein {
  animation-name: fade;
  animation-duration: 0.8s;
  animation-iteration-count: 1;
}

@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.c-form-switch-box--title {
  background-color: #e68024;
  padding: 10px;
  border: 3px solid #e68024;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

.c-form-switch-box {
  border: 3px solid #e68024;
  border-top: none;
}

.c-form__fvform-wrapper {
  background-color: #fff;
  padding: 0 0px 10px;
}

.c-form__fvform-title {
  background-color: #3c3cb8;
  padding: 10px 10px 7px;
}

.c-form__fvform-title span {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

.c-form__fvform-content-wrapper {
  padding: 20px 10px;
}

.c-form__fvform-btn input {
  margin: 15px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #e68024;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.c-form__fvform-btn input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__submit-fvbtn {
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #e68024;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.c-form__submit-fvbtn:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__fvform-proposed {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-feature-settings: "palt";
}

input:checked + label .c-form__fvform-proposed {
  color: #e68024;
}

.c-form__option-chunk--fvform label {
  border: 2px solid #666;
  padding: 15px 5px;
  width: 100%;
  cursor: pointer;
  height: 150px;
}

.c-form__option-chunk--fvform input:checked + label {
  box-shadow: 0 0 0 4px #e68024 inset;
  border-color: #e68024;
}

.c-form__fvform-solar,
.c-form__fvform-battery,
.c-form__fvform-esbt,
.c-form__fvform-esonly,
.c-form__fvform-batteryv2h,
.c-form__fvform-ecocute,
.c-form__fvform-v2hecocute,
.c-form__fvform-cheap,
.c-form__fvform-estimate,
.c-form__fvform-choshu,
.c-form__fvform-recommendation,
.c-form__fvform-comparison,
.c-form__fvform-gaihekitosou {
  margin: 0 auto;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}

.c-form__fvform-solar {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-solar1.jpg);
  width: 100px;
  height: 95px;
}

input:checked + label .c-form__fvform-solar {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-solar2.jpg);
}

.c-form__fvform-battery {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-battery1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-battery {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-battery2.jpg);
}

.c-form__fvform-esbt {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-esbt1.jpg);
  width: 100px;
  height: 95px;
}

input:checked + label .c-form__fvform-esbt {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-esbt2.jpg);
}

.c-form__fvform-esonly {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-esonly1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-esonly {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-esonly2.jpg);
}

.c-form__fvform-batteryv2h {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-batteryv2h1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-batteryv2h {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-batteryv2h2.jpg);
}

.c-form__fvform-ecocute {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-ecocute1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-ecocute {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-ecocute2.jpg);
}

.c-form__fvform-v2hecocute {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-v2hecocute1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-v2hecocute {
  background-image: url(/img/form/form_smallstep/form_smallstep_proposed_site-v2hecocute2.jpg);
}

.c-form__fvform-cheap {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-cheap1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-cheap {
  background-image: url(/img/form/form_smallstep/form_smallstep_important-cheap2.jpg);
}

.c-form__fvform-estimate {
  background-image: url(/img/form/form_smallstep/form_smallstep_noestimate1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-estimate {
  background-image: url(/img/form/form_smallstep/form_smallstep_noestimate2.jpg);
}

.c-form__fvform-choshu {
  background-image: url(/img/form/form_smallstep/form_smallstep_choshu1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-choshu {
  background-image: url(/img/form/form_smallstep/form_smallstep_choshu2.jpg);
}

/* メーカー選びLP*/

.c-form__fvform-recommendation {
  background-image: url(/img/form/form_smallstep/form_smallstep_recommendation1.jpg);
  width: 100px;
  height: 95px;
}

input:checked + label .c-form__fvform-recommendation {
  background-image: url(/img/form/form_smallstep/form_smallstep_recommendation2.jpg);
}

.c-form__fvform-comparison {
  background-image: url(/img/form/form_smallstep/form_smallstep_comparison1.jpg);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-comparison {
  background-image: url(/img/form/form_smallstep/form_smallstep_comparison1.jpg);
}

/* メーカー選びLPここまで */

/* 太陽光+外壁塗装btn  */

.c-form__fvform-gaihekitosou {
  background-image: url(/img/form/form-proposed_solar.png);
  width: 95px;
  height: 95px;
}

input:checked + label .c-form__fvform-gaihekitosou {
  background-image: url(/img/form/form-solar-orange.png);
}

/* 太陽光+外壁塗装btn  end*/

.c-form__fvform-medal {
  width: 110px;
}

.c-form__btn-box-chunk {
  position: relative;
  display: flex;
}

.c-form__btn-box--back {
  padding: 0;
  display: flex;
  justify-content: center;
}

.c-form__fvform-title--bt {
  background-color: #f5be1b;
  padding: 10px 10px 7px;
}

.c-form__fvform-title--bt span {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
}

/* 2step-form */

.c-2step__wrapper {
  background: #fff;
  display: inline-block;
  color: #333;
  width: 100%;
}

.lamp-2step__contents span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  z-index: 1;
  position: relative;
}

#lamp-2step {
  width: 50%;
  height: 38px;
  background: #3c3cb8;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 0;
  transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}

#lamp-2step.lamp-2step__step1 {
  left: 0%;
  transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}

#lamp-2step.lamp-2step__step2 {
  left: 50%;
  transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
}

.c-form__description-box-yanekouji {
  padding: 15px 10px;
  margin: 15px auto;
  background-color: #eeeefa;
  border-radius: 5px;
  width: 100%;
}

/* 2step-form end*/

/*FVフォーム外構ここから*/

.c-form__option-chunk--fvform--ex label {
  border: 2px solid #666;
  padding: 15px 5px;
  width: 100%;
  height: 150px;
  cursor: pointer;
}

.c-form__option-chunk--fvform--ex input:checked + label {
  box-shadow: 0 0 0 4px #029b69 inset;
  border-color: #029b69;
}

.c-form__fvform-proposed--ex {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-feature-settings: "palt";
}

input:checked + label .c-form__fvform-proposed--ex {
  color: #029b69;
}

.c-form__fvform-ex--new,
.c-form__fvform-ex--new01,
.c-form__fvform-ex--reform {
  margin: 0 auto;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}

.c-form__fvform-ex--new {
  background-image: url(/img/form/fv-gaikou/fvform-ex--new1.png);
  width: 110px;
  height: 110px;
}

input:checked + label .c-form__fvform-ex--new {
  background-image: url(/img/form/fv-gaikou/fvform-ex--new2.png);
}

.c-form__fvform-ex--reform {
  background-image: url(/img/form/fv-gaikou/fvform-ex--reform1.png);
  width: 110px;
  height: 110px;
}

input:checked + label .c-form__fvform-ex--reform {
  background-image: url(/img/form/fv-gaikou/fvform-ex--reform2.png);
}

.c-form__fvform-ex--new01 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--reform1.png);
  width: 110px;
  height: 110px;
}

input:checked + label .c-form__fvform-ex--new01 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--reform2.png);
}

.c-form__fvform-ex--carport1,
.c-form__fvform-ex--carport2 {
  margin: 0 auto;
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: center;
}

.c-form__fvform-ex--carport1 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--carport1-1.png);
  width: 110px;
  height: 110px;
}

input:checked + label .c-form__fvform-ex--carport1 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--carport1-2.png);
}

.c-form__fvform-ex--carport2 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--carport2-1.png);
  width: 110px;
  height: 110px;
}

input:checked + label .c-form__fvform-ex--carport2 {
  background-image: url(/img/form/fv-gaikou/fvform-ex--carport2-2.png);
}

.c-form__fvform-btn--ex input {
  margin: 15px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #029b69;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.c-form__fvform-btn--ex input:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__fvform-btn--ex input:disabled {
  background-color: #b3b3b3;
  cursor: default;
  box-shadow: none;
  transform: translateY(0px);
}

.c-form__fvform-btn--ex-kakaku button {
  margin: 15px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #029b69;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.c-form__fvform-btn--ex-kakaku button:hover {
  box-shadow: none;
  transform: translateY(0px);
  color: #fff;
}

/*FVフォーム外構ここまで*/

/* 太陽光+外壁塗装用のcta */

.c-form__cta-gaihekitosou__box {
  background-color: #fff3e9;
  padding: 60px 0;
}

.c-form__cta-gaihekitosou__title {
  font-size: 22px;
  font-weight: bold;
  padding: 0 0 15px 0;
}

/* 太陽光+外壁塗装用のcta end*/

/* 外構エクステリアフォーム用 */

.c-form__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0.4rem;
  background-color: #edf9ef;
  margin: 20px;
}

.c-form__card-header:first-child {
  border-radius: calc(0.4rem - 1px) calc(0.4rem - 1px) 0 0;
  background-color: #78ba83;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  padding: 15px;
  letter-spacing: 0.05em;
}

.c-form__card-body {
  display: flex;
  flex: 1 1 auto;
  padding: 25px;
}

.c-form__card-text {
  font-size: 14px;
  margin: 0 auto;
  line-height: 2.6rem;
}

/* 外構エクステリアフォーム用 end*/

.fvform-sm-control {
  display: block;
  width: 100%;
  font-size: 1.6rem !important;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fvform-sm-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.fvform-sm-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffa86c;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.fvform-sm-control::-moz-placeholder {
  color: #adb5bd;
  opacity: 0.5 !important;
}

.fvform-sm-control::placeholder {
  color: #adb5bd;
  opacity: 0.5 !important;
}

.fvform-sm-control:disabled,
.fvform-sm-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.fvform-sm-control:not([size]):not([multiple]) {
  height: calc(3.15rem + 2px);
}

select.fvform-sm-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.fvform-sm-control-file,
.fvform-sm-control-range {
  display: block;
  width: 100%;
}

.fvform-sm_label label {
  padding: 10px;
  height: auto;
}

.fvform-sm_label-title {
  font-size: 14px;
  height: 40px;
}

button:checked + label .fvform-sm_label-title {
  color: #eb6100;
}

.fvform-sm_btn button {
  margin: 15px auto 0;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #eb6100;
  padding: 8px 50px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999;
  transition: 0.3s;
  transform: translateY(-2px);
}

.fvform-sm_btn button:disabled {
  background-color: #b3b3b3;
  cursor: default;
  box-shadow: none;
  transform: translateY(0px);
}

.fvform-sm_btn button:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.fvform-sm_choice-paint__wall {
  width: 100px;
  height: 100px;
  margin: -30px auto 0;
  background-size: 100%;
  color: #333;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/img/gaihekitosou/lp/img-mitsumori-wall1_1gray.png);
}

.fvform-sm_choice-paint__both {
  width: 100px;
  height: 100px;
  margin: -30px auto 0;
  background-size: 100%;
  color: #333;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/img/gaihekitosou/lp/img-mitsumori-both1_1_gray.png);
}

input:checked + label .fvform-sm_choice-paint__wall {
  background-image: url(/img/gaihekitosou/lp/img-mitsumori-wall1_2.png);
}

input:checked + label .fvform-sm_choice-paint__both {
  background-image: url(/img/gaihekitosou/lp/img-mitsumori-both1_2.png);
}

.fvform-sm_table-rn label {
  color: #333;
  border: 1px solid #777;
  box-shadow: 0 0 0 4px #fff inset;
}

.fvform-sm_table-rn label span {
  color: #333;
}

.fvform-sm_table-rn input:hover + label {
  color: #333;
  border: 1px solid #777;
  box-shadow: 0 0 0 4px #fff inset;
}

.fvform-sm_table-rn input:checked + label {
  color: #eb6100;
  border: 1px solid #eb6100;
  box-shadow: 0 0 0 4px #eb6100 inset;
}

.fvform-sm_table-rn input:checked + label span {
  color: #eb6100;
}

.postalcode-wrapper {
  position: relative;
}

.postalcode-wrapper input {
  padding-left: 40px !important;
}

.postalcode-wrapper input:focus {
  padding-left: 39px !important;
}

.postalcode-wrapper::before {
  content: "〒";
  position: absolute;
  font-size: 26px;
  font-weight: bold;
  left: 8px;
  top: 50%;
  margin-top: -11px;
  line-height: 1;
  color: #db1212;
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
  z-index: 9999;
  padding: 100px 20px 20px;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

form label input[type="file"] {
  display: none;
}

form label.file-label {
  cursor: pointer;
  position: relative;
  border: 1px solid #ccc;
  display: inline-block;
  border-radius: 5px;
  padding: 15px 20px;
}

form label.file-label br {
  display: none;
}

.form-control,
.c-mitsumoriform-prev__postal-input {
  padding: 6px 11px;
}

.terms p,
.terms li {
  font-size: 1.4rem;
  line-height: 1.4;
}

.icon-folder::before,
.icon-book::before,
.icon-time::before,
.icon-repeat::before,
.icon-tag::before {
  font-family: FontAwesome;
}

.icon-folder::before {
  content: "\f114";
}

.icon-book::before {
  content: "\f02d";
}

.icon-book::before {
  content: "\f02d";
}

.icon-time::before {
  content: "\f017";
}

.icon-repeat::before {
  content: "\f01e";
}

.icon-tag::before {
  content: "\f02b";
}

.ruby {
  font-size: 9px;
}

ul.makerlogolist li {
  line-height: 1;
  padding: 10px 15px;
  background-color: #FFF;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
}

ul.makerlogolist li:hover {
  background-color: #F5E1C7;
}

.makerlogolist a:first-line {
  font-size: 9px;
}

ul.makerlogolist li a {
  display: block;
  height: 100%;
}

.makerlogolist .sharp .logo {
  font-size: 18px;
  font-weight: bold;
  color: #e6000d !important;
  text-decoration: none;
}

.logotxtSharp {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #e6000d !important;
  text-decoration: none;
}

ul.makerlogolist li.kyocera .logo {
  font-size: 18px;
  font-weight: bold;
  color: #000000 !important;
  text-decoration: none;
}

.logotxtKyocera,
.logotxtDmm,
.logotxtWbb,
.logotxtNextenergy {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #000000 !important;
  text-decoration: none;
}

ul.makerlogolist li.mitsubishi .logo {
  font-size: 18px;
  font-weight: bold;
  color: #0081cc !important;
  text-decoration: none;
}

.logotxtMitsubishi {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #0081cc !important;
  text-decoration: none;
}

ul.makerlogolist li.panasonic .logo {
  font-size: 18px;
  font-weight: bold;
  color: #0041c0 !important;
  text-decoration: none;
}

.logotxtPanasonic {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #0041c0 !important;
  text-decoration: none;
}

ul.makerlogolist li.toshiba .logo {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
  text-decoration: none;
}

.logotxtToshiba {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #ff0000 !important;
  text-decoration: none;
}

ul.makerlogolist li.solar-frontier span {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

ul.makerlogolist li.solar-frontier .logo01 {
  color: #ee3323 !important;
}

ul.makerlogolist li.solar-frontier .logo02 {
  color: #1c3262 !important;
}

.logotxtSolarfrontier {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
}

.logotxtSolarfrontier .solar {
  color: #ee3323 !important;
}

.logotxtSolarfrontier .frontier {
  color: #1c3262 !important;
}

ul.makerlogolist li.suntech-power .logo {
  font-size: 18px;
  font-weight: bold;
  color: #58595b !important;
  text-decoration: none;
}

.logotxtSuntech {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #58595b !important;
  text-decoration: none;
}

ul.makerlogolist li.canadiansolar .logo {
  font-size: 14px;
  font-weight: bold;
  color: #b10c06 !important;
  text-decoration: none;
}

.logotxtCanadiansolar {
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
  color: #b10c06 !important;
  text-decoration: none;
}

ul.makerlogolist li.choshu .logo {
  font-size: 18px;
  font-weight: bold;
  color: #fe000a !important;
  text-decoration: none;
}

/* 
<span class="ruby">長州産業(Gシリーズ)</span><br />
<span class="logotxtChoshu">CIC</span><br />
  <span class="ruby">(CS-310G21)</span>
*/

.logotxtChoshu {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  color: #fe000a !important;
  text-decoration: none;
}

ul.makerlogolist li.sanix .logo {
  font-size: 18px;
  font-weight: bold;
  color: #0b4199 !important;
  text-decoration: none;
}

ul.makerlogolist li.fujipream .logo {
  font-size: 18px;
  font-weight: bold;
  color: #000000 !important;
  text-decoration: none;
}

ul.makerlogolist li.lixil .logo01,
.logotxtLixil .Lix {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #ff6600 !important;
}

ul.makerlogolist li.lixil .logo02 .logotxtLixil {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #666666 !important;
}

ul.makerlogolist li.nemy .logo {
  font-size: 18px;
  font-weight: bold;
  color: #000000 !important;
  text-decoration: none;
}

ul.makerlogolist li.kaneka .logo {
  font-size: 18px;
  font-weight: bold;
  color: #304cd3 !important;
  text-decoration: none;
}

ul.makerlogolist li.yingli-solar .logo,
.logotxtYingli-solar {
  font-size: 16px;
  font-weight: bold;
  color: #0073be !important;
  text-decoration: none;
}

.logotxtHonda {
  font-size: 18px;
  font-weight: bold;
  color: #cc0000 !important;
  text-decoration: none;
}

.makerlogolist .qcells .logo {
  font-size: 15px;
  font-weight: bold;
  color: #000 !important;
  text-decoration: none;
  -webkit-transform: translate(6px, 0px);
  -moz-transform: translate(6px, 0px);
  -o-transform: translate(6px, 0px);
}

.logotxtQcells {
  color: #000 !important;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Gisha;
  -webkit-transform: translate(6px, 0px);
  -moz-transform: translate(6px, 0px);
  -o-transform: translate(6px, 0px);
}

/* Qセルズ <br />
<span class="logotxtQcells"><span class="Q">Q.</span>cells</span> */

.logotxtQcells {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  text-decoration: none;
}

.logotxtQcells .Q {
  color: #09C;
  font-size: 110%;
  text-decoration: none;
}

.logotxtSunpower {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #000 !important;
  text-decoration: none;
  font-family: 'Century Gothic';
}

.logotxtSunpower .O {
  color: #f7921e !important;
}

/* XSOL <br />
<span class="logotxtXsol">XS<span class="O">●</span>L</span> */

.logotxtXsol {
  font-size: 18px;
  line-height: 18px;
  color: #231815 !important;
  font-weight: bold;
  text-decoration: none;
}

.logotxtXsol .O {
  color: #e60012 !important;
  text-decoration: none;
}

/* <span class="logotxtDMMsolar">DMM.make<span class="solar">solar</span></span> */

.logotxtDMMsolar {
  font-size: 18px;
  line-height: 18px;
  color: #231815 !important;
  font-weight: bold;
  text-decoration: none;
}

.logotxtDMMsolar .make {
  font-size: 14px;
}

.logotxtDMMsolar .solar {
  color: #f7921e !important;
}

.c-mitsumoriform-prev {
  background-color: #8cc63f;
  padding-top: 40px;
  padding-bottom: 40px;
  /*
  &__proposed-site:hover {
     background: #efefef;
  }*/
}

.c-mitsumoriform-prev__switching {
  width: 100%;
  margin: 80px auto 0;
  background-color: inherit;
}

.c-mitsumoriform-prev__switching--box {
  border: 3px solid #1667b3;
  background-color: #f9fcff;
  border-radius: 15px;
  padding: 55px 25px 25px;
  position: relative;
}

.c-mitsumoriform-prev__switching--box::before {
  content: 'あなたが検討してるのはどっち？';
  color: #fff;
  position: absolute;
  background-color: #1667b3;
  padding: 9px;
  border-radius: 100px;
  top: -2rem;
  left: 5%;
  right: 5%;
  font-size: 16px;
  font-weight: bold;
}

.c-mitsumoriform-prev__switching--box--chikudenchitag {
  border: 3px solid #0039ab;
  background-color: #f9fcff;
  border-radius: 15px;
  padding: 40px 25px 25px;
  position: relative;
}

.c-mitsumoriform-prev__switching--box--chikudenchitag::before {
  content: '蓄電池補助金が復活！先着順に申込受付中！';
  color: #fff;
  position: absolute;
  background-color: #0039ab;
  padding: 9px;
  border-radius: 100px;
  top: -2rem;
  left: 5%;
  right: 5%;
  font-size: 14px;
  font-weight: bold;
}

.c-mitsumoriform-prev__header-box {
  position: relative;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #8cc63f;
}

.c-mitsumoriform-prev__header-box__inner-text {
  text-align: center;
  padding: 15px 0 10px;
  background-color: #fff;
  border-radius: 5px;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.3;
}

.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20 {
  margin-bottom: 30px;
}

.c-mitsumoriform-prev__body-row__step-col__step-inner,
.c-mitsumoriform-prev__body-row __step-col--margin20__step-inner {
  background-color: #fff;
  height: 100%;
  padding: 0 10px 20px;
  border-radius: 10px;
  text-align: center;
  font-size: 1.2rem;
}

.c-mitsumoriform-prev__body-row__step-col__step-inner__inner-header,
.c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__inner-header {
  display: inline-block;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.8;
  color: #8cc63f;
  font-weight: bold;
  margin: -15px auto 10px;
}

.c-mitsumoriform-prev__body-row__step-col__step-inner__inner-header__step-badge,
.c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__inner-header__step-badge {
  font-size: 80%;
  border-radius: 5px;
  padding: 5px 10px 2px;
  background-color: #8cc63f;
  margin-bottom: 10px;
  color: #fff;
  border: 3px solid #fff;
}

.c-mitsumoriform-prev__body-row__step-col__step-inner__solar-small-text,
.c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__solar-small-text {
  font-size: 10px !important;
  font-size: normal;
  font-feature-settings: "palt" 1;
}

.c-mitsumoriform-prev__body-row__step-col--margin20 {
  margin-bottom: 10px;
}

.c-mitsumoriform-prev__postal-image {
  height: 38px;
  width: auto;
}

.c-mitsumoriform-prev__postal-input {
  display: inline-block;
  height: 38px;
  width: calc(100% - 50px);
  margin-left: 5px;
  padding: 5px 10px;
  font-size: 16px;
  color: #323232;
  border: 2px solid #ff4e0a;
}

.c-mitsumoriform-prev__postal-input::-moz-placeholder {
  color: #646464;
}

.c-mitsumoriform-prev__postal-input::placeholder {
  color: #646464;
}

.c-mitsumoriform-prev__proposed-site {
  width: 100%;
  height: 100%;
  padding-top: 10px;
  margin-bottom: 0;
  border: 2px solid #8cc63f;
  color: #8cc63f;
  cursor: pointer;
  font-size: 16px;
  background: #fff;
}

.c-mitsumoriform-prev__proposed-site--solar,
.c-mitsumoriform-prev__proposed-site--battery,
.c-mitsumoriform-prev__proposed-site--house,
.c-mitsumoriform-prev__proposed-site--other {
  width: 85px;
  height: 60px;
  margin: auto;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}

.c-mitsumoriform-prev__proposed-site--solar {
  background-image: url(/img/form/form-solar-green.png);
}

.c-mitsumoriform-prev__proposed-site--battery {
  background-image: url(/img/form/form-battery-green.png);
}

.c-mitsumoriform-prev__proposed-site--house {
  background-image: url(/img/form/form-normal-house-green.png);
}

.c-mitsumoriform-prev__proposed-site--other {
  background-image: url(/img/form/form-other-green.png);
}

.c-mitsumoriform-prev__proposed-site--only_hotdenki,
.c-mitsumoriform-prev__proposed-site--not_only_hotdenki {
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
}

.c-mitsumoriform-prev__proposed-site--only_hotdenki {
  background-image: url(/img/lp-hotdenki/form-only_hotdenki-green-01.png);
  width: 65px;
  height: 60px;
  background-size: 80%;
}

.c-mitsumoriform-prev__proposed-site--not_only_hotdenki {
  background-image: url(/img/lp-hotdenki/form-not_only_hotdenki-green-01.png);
  width: 122.5px;
  height: 60px;
  background-size: 80%;
}

input:checked + .c-mitsumoriform-prev__proposed-site {
  color: #ff4e0a;
  background: #fff;
  border: solid 2px #ff4e0a;
  box-shadow: 0 0 0 4px #ff4e0a inset;
  font-weight: bold;
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--solar {
  background-image: url(/img/form/form-solar-sporange.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--battery {
  background-image: url(/img/form/form-battery-sporange.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--only_hotdenki {
  background-image: url(/img/lp-hotdenki/form-only_hotdenki-orange-01.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--not_only_hotdenki {
  background-image: url(/img/lp-hotdenki/form-not_only_hotdenki-orange-01.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--house {
  background-image: url(/img/form/form-normal-house-orange.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site .c-mitsumoriform-prev__proposed-site--other {
  background-image: url(/img/form/form-other-orange.png);
}

input:checked + .c-mitsumoriform-prev__proposed-site:hover {
  opacity: 1;
}

/*見積もりフォーム上部文言改変ここから*/

.c-mitsumoriform-prev__header-title__emphasis {
  font-size: 32px;
}

/*見積もりフォーム上部文言改変ここまで*/

.c-mitsumoriform-prev__prefectures-margin {
  margin: 25px 0 30px;
}

.c-mitsumoriform-prev__button-margin {
  margin: 25px 0 30px;
}

/*見積もりフォーム会員登録選択版ここから*/

.c-mitsumoriform__button-wrapper {
  padding: 0px;
}

.c-mitsumoriform__button-wrapper a {
  border: none;
  transition: 0.3s;
  text-decoration: none;
  color: #fff;
  width: 80%;
}

.c-mitsumoriform__button-wrapper a:visited {
  text-decoration: none;
  color: #fff;
}

.c-mitsumoriform__button-wrapper img {
  width: 80%;
}

.c-mitsumoriform__button-wrapper img:hover {
  opacity: 0.8;
}

.c-mitsumoriform__button-register {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  background: #f77519;
  background: linear-gradient(-180deg, #f77519 21%, #e95200 48%, #e64100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f77519",endColorstr="e64100",GradientType=1);
  background-repeat: repeat-x;
  border-color: #f77519;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 5px;
}

.c-mitsumoriform__button-transition {
  display: inline-block;
  width: 80%;
  margin: 10px 0;
  background: #32aa32;
  background: linear-gradient(#46f046 21%, #3cce3c 48%, #32aa32 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0831e",endColorstr="#ff4e0a",GradientType=1);
  background-repeat: repeat-x;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 5px;
}

.c-mitsumoriform__text-weaken {
  font-size: 16px;
}

.c-mitsumoriform__tel-area {
  text-align: center;
  margin-top: 35%;
}

.c-mitsumoriform__tel-area__text {
  font-size: 12px;
  position: absolute;
  left: 15px;
  top: 37%;
}

.c-mitsumoriform__tel-area__number {
  white-space: nowrap;
  font-size: 24px;
  padding: 15px 0 15px 15px;
  position: relative;
  line-height: 1.2;
  color: #003894;
  font-weight: bold;
}

.c-mitsumoriform__tel-area__image {
  width: 40px;
  position: absolute;
  top: 15px;
  left: 0;
}

.c-mitsumoriform--switchbtn {
  font-weight: bold;
  border: none;
  background-color: transparent;
  box-shadow: none;
  display: inline-block;
}

.c-mitsumoriform--switchbtn:hover {
  opacity: 0.8;
}

.c-mitsumoriform--switchbtn-bbd {
  border: none;
  background-color: inherit;
  box-shadow: none;
}

/* IE10,11 記事用*/

.c-outline {
  background: #FFF;
  padding: 30px 20px;
  display: inline-block;
  margin: 40px 0px 10px;
}

.c-outline__switch {
  width: auto;
}

.c-outline__toggle {
  display: none;
}

.c-outline__switch::before {
  content: "開く";
  cursor: pointer;
  border: solid 1px #adb5bd;
  padding: 5px;
  font-size: 1.2rem;
  margin-left: 5px;
  border-radius: 5px;
}

.c-outline__toggle:checked + .c-outline__switch::before {
  content: "閉じる";
}

.c-outline__switch + .c-outline__list {
  overflow: hidden;
  width: 0;
  height: 0;
  margin-top: 0;
  margin-left: 0;
  padding: 0;
  transition: 0.2s;
  background: #FFF;
  border: 0;
  box-shadow: none;
}

.c-outline__toggle:checked + .c-outline__switch + .c-outline__list {
  border-top: 1px solid #F2F2F2;
  padding-top: 2rem;
}

.c-outline__switch + .c-outline__list {
  padding: 0;
  margin: 0;
}

.c-outline__switch + .c-outline__list::before {
  content: normal;
}

.c-outline__switch + .c-outline__list::after {
  content: normal;
}

.c-outline__toggle:checked + .c-outline__switch + .c-outline__list {
  width: auto;
  height: auto;
  margin-top: 2rem;
}

.c-outline__item {
  list-style: none;
  margin-bottom: 10px;
}

.c-outline__item:before {
  content: normal;
}

.c-outline__link {
  display: inline-block;
  color: #191919;
}

.c-outline__link:hover {
  border: none;
}

.c-outline__number {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 0;
  min-width: 24px;
  text-align: center;
  font-weight: 400;
  color: #495057;
  background: #f8f9fa;
}

.c-echo-outline {
  border: 1px dotted #adb5bd;
  height: 60vh;
  overflow: hidden;
}

.c-echo-outline__header-box {
  font-size: 1.6rem;
  padding: 20px;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 20px;
}

.c-echo-outline__body-box {
  overflow-y: scroll;
  padding: 20px;
  height: calc(60vh - 65px);
}

.c-echo-outline__body-box > ul {
  padding-left: 0;
}

.js-outline__item--current {
  font-weight: bold;
}

.c-sidebar-outline {
  position: sticky;
  top: 40px;
}

.l-sidebar-single__col-side .textwidget {
  height: 100%;
}

.c-postcta {
  display: none;
}

/**
 * Posttype QA
 *
 * カスタム投稿タイプQ&Aのためのスタイル
 */

.c-posttype-qa__question-box__question-title,
.c-posttype-qa__answer-box__answer-title {
  display: flex;
  margin-top: 30px;
  min-height: 45px;
}

.c-posttype-qa__question-box__question-title__title-alphabet,
.c-posttype-qa__answer-box__answer-title__title-alphabet {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  min-width: 45px;
  min-height: 45px;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}

.c-posttype-qa__question-box__question-title__title-alphabet::after,
.c-posttype-qa__answer-box__answer-title__title-alphabet::after {
  content: "";
  position: absolute;
  top: 55%;
  right: -20px;
  margin-top: -14px;
  border: 10px solid transparent;
  z-index: 1;
}

.c-posttype-qa__question-box__question-title__title-text,
.c-posttype-qa__answer-box__answer-title__title-text {
  font-weight: bold;
  font-size: 16px;
  padding: 3px 20px;
  display: flex;
  align-items: center;
}

.c-posttype-qa__question-box,
.c-posttype-qa__answer-box {
  margin-top: 30px;
}

.c-posttype-qa__question-box__question-title {
  background-color: #f6fbf0;
}

.c-posttype-qa__question-box__question-title__title-alphabet {
  background-color: #8cc63f;
}

.c-posttype-qa__question-box__question-title__title-alphabet::after {
  border-left: 14px solid #8cc63f;
}

.c-posttype-qa__question-box__question-title__title-text {
  color: #8cc63f;
}

.c-posttype-qa__question-box__question-description {
  margin-top: 30px;
}

.c-posttype-qa__answer-box__answer-title {
  background-color: #fef9f4;
}

.c-posttype-qa__answer-box__answer-title__title-alphabet {
  background-color: #ef821e;
}

.c-posttype-qa__answer-box__answer-title__title-alphabet::after {
  border-left: 14px solid #ef821e;
}

.c-posttype-qa__answer-box__answer-title__title-text {
  color: #ef821e;
}

.c-posttype-qa__answer-box__answer-description {
  margin-top: 30px;
}

.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
  position: relative;
  text-align: center;
  padding-left: 10px;
}

.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo > img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-text {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  text-align: left;
}

.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-text__adviser-name {
  font-size: 22px;
  line-height: 2;
}

.c-posttype-qa__answer-box__answer-description__answer-balloon {
  margin-top: 15px;
  position: relative;
  padding: 30px 25px;
  border: 2px solid #efefef;
  border-radius: 10px;
}

.c-posttype-qa__answer-box__answer-description__answer-balloon::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 20%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.c-posttype-qa__answer-box__answer-description__answer-balloon::after {
  content: "";
  position: absolute;
  top: -30px;
  left: 20%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #efefef;
  z-index: 1;
}

.c-posttype-qa__answer-box__answer-description__answer-balloon > p:first-child {
  margin-top: 0;
}

.c-posttype-qa__answer-box__answer-description__answer-balloon > p {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #fff 50%, #fff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #646464 97%, #646464 100%);
  background-size: 8px 100%, 100% 2em;
  line-height: 2em !important;
  letter-spacing: 0.1px;
  font-size: 15px;
  color: #1e1e1e;
}

.c-posttype-qa__supplement-box {
  margin-top: 20px;
}

.c-posttype-qa__supplement-box__supplement-title {
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 2px;
  background-color: #ef821e;
  padding: 7.5px 20px;
  font-size: 18px;
  text-align: center;
  border-radius: 7.5px;
  max-width: 100%;
  margin-bottom: -22px;
  transform: translateX(10%);
}

.c-posttype-qa__supplement-box__supplement-title::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 10px solid transparent;
  border-top: 17.5px solid #ef821e;
}

.c-posttype-qa__supplement-box__supplement-text {
  border: 2px solid #ef821e;
  border-radius: 10px;
  padding: 40px 25px 30px;
}

.c-posttype-qa__supplement-box__supplement-text > p {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #fff 50%, #fff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #646464 97%, #646464 100%);
  background-size: 8px 100%, 100% 2.0em;
  line-height: 2.0em !important;
  letter-spacing: 0.3px;
  font-size: 16px;
}

.review_eyecatch {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.review_bbd_overlay {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.review_bbd_overlay .review_excerpt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.review_bbd_overlay .review_title {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.review_panel_eyecatch {
  position: relative;
}

.review_satisfaction_total_box {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 3;
  background-color: #e60012;
  padding: 3px;
  color: #fff;
  width: 80px;
}

a:hover .review_satisfaction_total_box {
  background-color: #e54552;
}

.review_satiscaction_total_label {
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 3px;
}

.review_satiscaction_total_value {
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  line-height: 0.8;
}

.archive .review_satisfaction_total_box,
.media .review_satisfaction_total_box {
  padding: 2px;
  width: 50px;
  bottom: 2px;
  right: 2px;
}

.archive .review_satiscaction_total_label,
.media .review_satiscaction_total_label {
  font-size: 9px;
  margin-bottom: 1px;
}

.archive .review_satiscaction_total_value,
.media .review_satiscaction_total_value {
  font-size: 12px;
}

.review_eyecatch {
  position: relative;
}

.review_bbd_overlay {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.review_bbd_overlay .review_excerpt {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.review_bbd_overlay .review_title {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.review_panel_eyecatch {
  position: relative;
}

.review_satisfaction_total_box {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 3;
  background-color: #e60012;
  padding: 3px;
  color: #fff;
  width: 80px;
}

a:hover .review_satisfaction_total_box {
  background-color: #e54552;
}

.review_satiscaction_total_label {
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 3px;
}

.review_satiscaction_total_value {
  font-weight: bold;
  font-size: 22px;
  text-align: right;
  line-height: 0.8;
  padding: 0;
}

.media .review_satisfaction_total_box,
.recommended-post .review_satisfaction_total_box {
  bottom: 2px;
  right: 2px;
  padding: 2px;
  width: 50px;
}

.media .review_satiscaction_total_label,
.recommended-post .review_satiscaction_total_label {
  font-size: 9px;
  margin-bottom: 1px;
}

.media .review_satiscaction_total_value,
.recommended-post .review_satiscaction_total_value {
  font-size: 12px;
}

.c-review-list {
  padding: 0;
  margin: 0 5px;
  list-style: none;
}

.c-review-list__list-item {
  display: flex;
}

.c-review-list__list-item__image-box {
  position: relative;
}

.c-review-list__list-item__image-box__image-item {
  width: 120px;
  max-width: 120px;
}

.c-review-list__list-item__image-box__satisfaction-score {
  bottom: 2px;
  right: 2px;
  padding: 2px;
  width: 50px;
  position: absolute;
  z-index: 3;
  background-color: #e60012;
  color: #fff;
}

.c-review-list__list-item__image-box__satisfaction-score__label-text {
  font-size: 9px;
  margin-bottom: 1px;
  line-height: 1.2;
  text-align: left;
}

.c-review-list__list-item__image-box__satisfaction-score__value-text {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  line-height: 0.8;
  padding: 0;
}

.c-review-list__list-item__text-box {
  margin-left: 5px;
  color: #333;
}

.c-review-list__list-item__text-box a {
  color: #333;
}

.c-review-list__list-item__text-box a:active,
.c-review-list__list-item__text-box a:hover,
.c-review-list__list-item__text-box a:focus,
.c-review-list__list-item__text-box a:focus-within,
.c-review-list__list-item__text-box a:visited {
  color: #333;
}

.c-review-list__list-item__text-box__title-text {
  font-size: 1.4rem;
  font-weight: bold;
}

.c-review-list__list-item__text-box__description-text {
  font-size: 1.1rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 20px;
  opacity: 1;
  background: #fff;
  border: 1px solid #efefef;
  color: #999;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  background: #efefef;
}

.c-rankpost-carousel__inner {
  height: 165px;
}

.c-rankpost-slider {
  width: 100%;
  padding: 10px;
  overflow-x: scroll;
  overflow-y: hidden;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.c-rankpost-slider__inner {
  width: 3000px;
}

.c-rankpost-slider__inner:last-child .c-rankpost-slider__inner::after {
  content: "";
  display: block;
  float: left;
  width: 1px;
  height: 1px;
}

.c-rankpost__unit-pc {
  float: left;
  width: 17.8%;
  height: 155px;
  margin: 5px 0 0 2%;
  background: #fff;
  box-shadow: 0 0 2px 2px #efefef;
}

.c-rankpost__unit-sm {
  float: left;
  width: 130px;
  margin: 0 0 0 15px;
  background: #fff;
  box-shadow: 0 0 2px 2px #efefef;
}

.c-rankpost__unit-sm:first-child {
  margin: 0;
}

.c-rankpost__unit-sm:last-child {
  margin-right: 10px;
}

.c-rankpost__inner {
  position: relative;
  height: 1.6rem;
  margin-left: -8px;
  z-index: 2;
}

.c-rankpost__label {
  position: static;
  width: 16px;
  height: 30px;
  padding: 2px 5px;
  border-radius: 3px;
  background-color: #aaa;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-size: 14px;
}

.c-rankpost__label01 {
  background-color: #f7ce03;
}

.c-rankpost__label02 {
  background-color: #8cc63f;
}

.c-rankpost__label03 {
  background-color: #F0831E;
}

.c-rankpost__title {
  line-height: 16px;
  height: 32px;
  overflow: hidden;
  margin-bottom: 3px;
}

.c-rankpost__excerpt {
  line-height: 14px;
  height: 28px;
  overflow: hidden;
  color: #666;
}

.c-recommended-posts__item > a,
.c-recommended-posts__item a:visited {
  color: #333;
}

.c-related-post__item {
  display: block;
  align-items: center;
  padding-top: 12.5px;
  margin-top: 12.5px;
}

.c-related-post__item:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.c-related-post__label {
  display: none;
  white-space: nowrap;
  width: 100%;
  padding: 3px 12.5px;
  margin-bottom: 15px;
  background: #ced4da;
}

.c-related-post__item:first-child > .c-related-post__label {
  display: inline-block;
}

.c-related-post__title {
  margin: 5px 0 0;
  font-size: 1.4rem;
}

/* バー式ステップ表示 */

/*
<ol class="stepBar step3">
  <li class="step current">STEP1</li>
  <li class="step">STEP2</li>
  <li class="step">STEP3</li>
</ol>

文字2行用
<ol class="stepBar stepBar-2row step3">
  <li class="step current">STEP1</li>
  <li class="step">STEP2</li>
  <li class="step">STEP3</li>
</ol>

文字2行用 青
<ol class="stepBar stepBar-2row current41 step3">
  <li class="step current">STEP1<br>設置場所</li>
  <li class="step">STEP2<br>お客様情報</li>
  <li class="step">STEP3<br>完了</li>
</ol>

*/

.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  margin-bottom: 0;
  background-color: #E3E3E3;
  box-sizing: border-box;
}

.stepBar-2row .step {
  font-size: 12px;
  line-height: 14px;
  padding: 5px 5px 5px 0px;
}

.stepBar .step:before,
.stepBar .step:after {
  position: absolute;
  left: -12px;
  display: block;
  content: '';
  background-color: #E3E3E3;
  border-left: 2px solid #FFF;
  width: 20px;
  height: 20px;
}

.stepBar-2row .step:before,
.stepBar-2row .step:after {
  left: -5px;
  height: 19px;
  width: 9px;
}

.stepBar .step:after {
  top: 0;
  transform: skew(20deg);
}

.stepBar .step:before {
  bottom: 0;
  transform: skew(-20deg);
}

.stepBar .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.stepBar .step:first-child:before,
.stepBar .step:first-child:after {
  content: none;
}

.stepBar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.stepBar .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #DA501A;
}

.stepBar .step.current:before,
.stepBar .step.current:after {
  background-color: #DA501A;
}

.stepBar.current41 .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #3261AB;
}

.stepBar.current41 .step.current:before,
.stepBar.current41 .step.current:after {
  background-color: #3261AB;
}

.stepBar.current42 .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #F6CA06;
}

.stepBar.current42 .step.current:before,
.stepBar.current42 .step.current:after {
  background-color: #F6CA06;
}

.stepBar.current43 .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #DA5019;
}

.stepBar.current43 .step.current:before,
.stepBar.current43 .step.current:after {
  background-color: #DA5019;
}

.stepBar.current44 .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #009F8C;
}

.stepBar.current44 .step.current:before,
.stepBar.current44 .step.current:after {
  background-color: #009F8C;
}

.stepBar.current46 .step.current {
  color: #FFF;
  font-weight: bold;
  background-color: #744199;
}

.stepBar.current46 .step.current:before,
.stepBar.current46 .step.current:after {
  background-color: #744199;
}

.stepBar.step2 .step {
  width: 50%;
}

.stepBar.step3 .step {
  width: 33.333%;
}

.stepBar.step4 .step {
  width: 25%;
}

.stepBar.step5 .step {
  width: 20%;
}

/* バー式ステップ ここまで*/

/* バー式ステップ表示 */

/*
<ol class="stepBar step3">
  <li class="step current">STEP1</li>
  <li class="step">STEP2</li>
  <li class="step">STEP3</li>
</ol>

文字2行用
<ol class="stepBar stepBar-2row step3">
  <li class="step current">STEP1</li>
  <li class="step">STEP2</li>
  <li class="step">STEP3</li>
</ol>

文字2行用 青
<ol class="stepBar stepBar-2row current41 step3">
  <li class="step current">STEP1<br>設置場所</li>
  <li class="step">STEP2<br>お客様情報</li>
  <li class="step">STEP3<br>完了</li>
</ol>

*/

.c-series__item-numbering {
  border: 1px solid #fff;
  padding: 5px;
  float: left;
  margin-right: 10px;
}

/* 補助金 */

.subsidy {
  word-break: break-all;
}

.c-subsidy__h1 {
  border-bottom: solid 5px #ffede6;
  position: relative;
  margin: 50px 0;
}

.c-subsidy__h1::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #ff4e0a;
  bottom: -5px;
  width: 20%;
}

.c-subsidy__table th {
  background: #e9e2de;
  padding: 15px;
  border: 1px solid #cdd2d3;
}

.c-subsidy__table td {
  padding: 15px;
  border: 1px solid #cdd2d3;
}

.c-subsidy__table tr th td {
  border: 1px solid #cdd2d3;
}

.c-tel-box {
  display: inline-block;
}

.c-tel-box__telno-box {
  display: flex;
  align-items: center;
  line-height: 32px;
}

.c-tel-box__telno-box:hover {
  text-decoration: none;
  opacity: 0.7;
}

.c-tel-box__telno-box:hover img {
  opacity: 1;
}

.c-tel-box__telno-box__img-freecall {
  width: auto;
  height: 32px;
}

.c-tel-box__telno-box__text-telno {
  color: #003894;
  margin-left: 3px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 32px;
}

.c-tel-box__tel-message {
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1;
  margin-top: 8px;
}

.terms ol ol,
.privacy ol ol {
  list-style-type: upper-roman;
}

.terms ol ol ol,
.privacy ol ol ol {
  list-style-type: lower-roman;
}

/* 業者情報 */

.c-vendor-list__list-body {
  margin-left: 10px;
}

.c-vendor-list__list-body__list-title {
  font-weight: normal;
}

.c-vendor-list__list-body__list-title a {
  color: #3c3cb8;
  font-size: 18px;
}

.c-vendor-list__list-body__list-description {
  border-bottom: 1px dotted #666;
  color: #333;
  text-align: right;
  font-size: 15px;
  padding: 3px 3px 7.5px 0;
  margin-bottom: 20px;
  margin-right: 0;
  margin-left: 0;
}

.c-vendor-bbd {
  font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN',HGS明朝E,メイリオ,Meiryo,serif;
  background: url("/img/lptest-css/fv_mojinasi-sm.jpg") no-repeat center;
  background-color: #155fbe;
  background-size: auto 100%;
  width: 100%;
  height: auto;
}

.c-vendor-bbd a:hover,
.c-vendor-bbd a:focus,
.c-vendor-bbd a:hover span {
  text-decoration: none;
}

.c-vendor-bbd a:hover img {
  opacity: 1;
}

.c-vendor-bbd__bbd-inner {
  position: relative;
  padding: 20px;
  font-feature-settings: "palt";
}

.c-vendor-bbd__bbd-inner a,
.c-vendor-bbd__bbd-inner a:visited {
  color: inherit;
}

.c-vendor__other-list a {
  color: #ef821e;
  font-size: 18px;
}

.c-vendor-btn {
  min-width: 150px;
  color: #F7845C;
  background-color: transparent;
  border: 2px solid #F7845C;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 1.5;
  border-radius: 0.25rem;
  display: inline-block;
  transition: all 0.15s ease-in-out;
}

.c-vendor-btn:hover {
  color: #ffffff;
  background-color: #F7845C;
  text-decoration: none;
}

.c-vendor-list-city__list-body__list-row {
  display: flex;
}

.c-vendor-list-city__list-body__list-row__list-col {
  padding: 0 0 20px;
  font-size: 1.6rem;
}

.js-form-step__step-items {
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
}

.js-form-step__step-items::after {
  content: none !important;
}

.js-form-step__step-items__item-box {
  position: relative;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 5px;
  border: 1px solid #212529;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.js-form-step__step-items__item-box.current {
  transition: 0.8s;
  background-color: #e68024;
  color: #fff;
  border-color: transparent;
}

.js-form-step__step-items__item-box.current::before {
  border-width: 1px;
  border-color: #212529;
}

.js-form-step__step-items__item-box::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -35%;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(45deg);
}

.js-form-step__step-items__item-box:last-child::before {
  content: none;
}

.js-form-step__wrapper-box {
  display: none;
}

.js-form-step__wrapper-box.current {
  display: block;
}

.js-form-step__wrapper-box .js-form__description--wrapper {
  width: 100%;
  margin: 0;
  padding: 15px;
}

.js-form-step .btn__link-previous {
  border: 1px solid #212529;
  border-radius: 30px;
  box-shadow: #4e5862 0px 1px 0px;
  font-size: 1.4rem;
  padding: 2px 12px 2px 20px;
}

.js-form__btn-wrapper {
  margin-bottom: 20px;
}

.js-form__option-image-house,
.js-form__option-image-other,
.js-form__option-image-solar,
.js-form__option-image-battery {
  width: 100px;
  height: 95px;
}

.js-form__option-image-house,
.js-form__option-image-solar {
  width: 125px;
}

.js-form__option-chunk label {
  height: 170px;
  padding: 15px 5px;
}

/*
* yanekouji
*/

.yane-qa-wrapper {
  margin: 40px 0;
}

.yane-q-box {
  background-color: #3c3cb8 !important;
  padding: 15px 10px 5px;
}

.yane-q-text {
  color: #fff;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 10px;
}

.yane-q-text::before {
  content: 'Q.';
  color: #fff;
  font-weight: bold;
  padding-right: 10px;
}

.yane-a-box {
  margin-top: 10px;
  background-color: #ededfa;
  padding: 25px 20px 20px;
}

.yane-a-text {
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

.yane-a-text::before {
  content: 'A.';
  font-weight: bold;
  padding-right: 10px;
  font-size: 120%;
}

.searchBox__input {
  border-bottom: 1px solid #999 !important;
}

.siteTitle__logo img {
  max-width: inherit !important;
  height: 30px !important;
}

.globalNavi li a {
  font-size: 14px;
  color: #fff;
}

.globalNavi__list {
  background-color: #3c3cb8 !important;
  border-radius: 5px !important;
}

.footerNavi li a {
  color: #fff;
}

.footerNavi li a:hover {
  text-decoration: none;
}

.pagetop {
  background-color: #3c3cb8 !important;
  border-radius: 0 0 5px 5px;
}

.pagetop a {
  color: #fff;
  font-size: 1.4rem;
}

.img-fluid,
.img-responsive {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.25rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.c-fixed-bottom__wrapper-box,
.c-footer {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.row,
.l-sidebar-single,
.l-sidebar-review-single,
.c-archive-loop,
.c-mitsumoriform-prev__body-row,
.c-posttype-qa__answer-box__answer-description {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.no-gutters,
.c-posttype-qa__answer-box__answer-description {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.c-posttype-qa__answer-box__answer-description > .col,
.no-gutters > [class*="col-"],
.c-posttype-qa__answer-box__answer-description > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-xs-1,
.col-2,
.col-xs-2,
.col-3,
.col-xs-3,
.c-author__body-box__avatar-box,
.c-form__btn-box--back,
.col-4,
.col-xs-4,
.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo,
.col-5,
.col-xs-5,
.col-6,
.col-xs-6,
.c-form__btn-box--next,
.col-7,
.col-xs-7,
.col-8,
.col-xs-8,
.col-9,
.col-xs-9,
.c-author__body-box__text-box,
.col-10,
.col-xs-10,
.col-11,
.col-xs-11,
.col-12,
.col-xs-12,
.c-archive-loop__eyecatch-box + .c-archive-loop__article-box,
.c-archive-loop__article-box,
.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20,
.c-mitsumoriform-prev__body-row__step-col--margin20,
.c-posttype-qa__answer-box__answer-description__adviser-box,
.c-posttype-qa__answer-box__answer-description__answer-balloon,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.c-archive-loop__eyecatch-box,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.c-archive-loop__eyecatch-box + .c-archive-loop__article-box,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.c-author__body-box__avatar-box,
.col-md-3,
.c-posttype-qa__answer-box__answer-description__adviser-box,
.col-md-4,
.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20,
.c-mitsumoriform-prev__body-row__step-col--margin20,
.c-vendor-list-city__list-body__list-row__list-col,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.c-posttype-qa__answer-box__answer-description__answer-balloon,
.col-md-10,
.c-author__body-box__text-box,
.col-md-11,
.col-md-12,
.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.l-sidebar-single__col-side,
.l-sidebar-review-single__col-side,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.l-sidebar-single__col-main,
.l-sidebar-review-single__col-main,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1,
.col-xs-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2,
.col-xs-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3,
.col-xs-3,
.c-author__body-box__avatar-box,
.c-form__btn-box--back {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4,
.col-xs-4,
.c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5,
.col-xs-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6,
.col-xs-6,
.c-form__btn-box--next {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7,
.col-xs-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8,
.col-xs-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9,
.col-xs-9,
.c-author__body-box__text-box {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10,
.col-xs-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11,
.col-xs-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12,
.col-xs-12,
.c-archive-loop__eyecatch-box + .c-archive-loop__article-box,
.c-archive-loop__article-box,
.c-mitsumoriform-prev__body-row__step-col,
.c-mitsumoriform-prev__body-row __step-col--margin20,
.c-mitsumoriform-prev__body-row__step-col--margin20,
.c-posttype-qa__answer-box__answer-description__adviser-box,
.c-posttype-qa__answer-box__answer-description__answer-balloon {
  flex: 0 0 100%;
  max-width: 100%;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control,
.c-mitsumoriform-prev__postal-input {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem !important;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::-ms-expand,
.c-mitsumoriform-prev__postal-input::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus,
.c-mitsumoriform-prev__postal-input:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffa86c;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.form-control::-moz-placeholder,
.c-mitsumoriform-prev__postal-input::-moz-placeholder {
  color: #adb5bd;
  opacity: 0.5 !important;
}

.form-control::placeholder,
.c-mitsumoriform-prev__postal-input::placeholder {
  color: #adb5bd;
  opacity: 0.5 !important;
}

.form-control:disabled,
.c-mitsumoriform-prev__postal-input:disabled,
.form-control[readonly],
.c-mitsumoriform-prev__postal-input[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]),
select.c-mitsumoriform-prev__postal-input:not([size]):not([multiple]) {
  height: calc(3.15rem + 2px);
}

select.form-control:focus::-ms-value,
select.c-mitsumoriform-prev__postal-input:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 2rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 1.4rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .form-control-plaintext.c-mitsumoriform-prev__postal-input,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-prepend > .form-control-plaintext.c-btn__popup,
.input-group-sm > .input-group-prepend > .form-control-plaintext.c-btn__popup--gray,
.input-group-sm > .input-group-prepend > .form-control-plaintext.c-btn__popup--gorange,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.c-btn__popup,
.input-group-sm > .input-group-append > .form-control-plaintext.c-btn__popup--gray,
.input-group-sm > .input-group-append > .form-control-plaintext.c-btn__popup--gorange,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .form-control-plaintext.c-mitsumoriform-prev__postal-input,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-prepend > .form-control-plaintext.c-btn__popup,
.input-group-lg > .input-group-prepend > .form-control-plaintext.c-btn__popup--gray,
.input-group-lg > .input-group-prepend > .form-control-plaintext.c-btn__popup--gorange,
.input-group-lg > .input-group-append > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.c-btn__popup,
.input-group-lg > .input-group-append > .form-control-plaintext.c-btn__popup--gray,
.input-group-lg > .input-group-append > .form-control-plaintext.c-btn__popup--gorange {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .c-mitsumoriform-prev__postal-input,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .c-btn__popup,
.input-group-sm > .input-group-prepend > .c-btn__popup--gray,
.input-group-sm > .input-group-prepend > .c-btn__popup--gorange,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .c-btn__popup,
.input-group-sm > .input-group-append > .c-btn__popup--gray,
.input-group-sm > .input-group-append > .c-btn__popup--gorange {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.c-mitsumoriform-prev__postal-input:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.c-btn__popup:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.c-btn__popup--gray:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.c-btn__popup--gorange:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.c-btn__popup:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.c-btn__popup--gray:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.c-btn__popup--gorange:not([size]):not([multiple]) {
  height: calc(2.6rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .c-mitsumoriform-prev__postal-input,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .c-btn__popup,
.input-group-lg > .input-group-prepend > .c-btn__popup--gray,
.input-group-lg > .input-group-prepend > .c-btn__popup--gorange,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .c-btn__popup,
.input-group-lg > .input-group-append > .c-btn__popup--gray,
.input-group-lg > .input-group-append > .c-btn__popup--gorange {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.c-mitsumoriform-prev__postal-input:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.c-btn__popup:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.c-btn__popup--gray:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.c-btn__popup--gorange:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.c-btn__popup:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.c-btn__popup--gray:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.c-btn__popup--gorange:not([size]):not([multiple]) {
  height: calc(4rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

.btn,
.c-btn__popup,
.c-btn__popup--gray,
.c-btn__popup--gorange {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover,
.c-btn__popup:hover,
.c-btn__popup--gray:hover,
.c-btn__popup--gorange:hover,
.btn:focus,
.c-btn__popup:focus,
.c-btn__popup--gray:focus,
.c-btn__popup--gorange:focus {
  text-decoration: none;
}

.btn:focus,
.c-btn__popup:focus,
.c-btn__popup--gray:focus,
.c-btn__popup--gorange:focus,
.btn.focus,
.focus.c-btn__popup,
.focus.c-btn__popup--gray,
.focus.c-btn__popup--gorange {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.btn.disabled,
.disabled.c-btn__popup,
.disabled.c-btn__popup--gray,
.disabled.c-btn__popup--gorange,
.btn:disabled,
.c-btn__popup:disabled,
.c-btn__popup--gray:disabled,
.c-btn__popup--gorange:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled),
.c-btn__popup:not(:disabled):not(.disabled),
.c-btn__popup--gray:not(:disabled):not(.disabled),
.c-btn__popup--gorange:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active,
.c-btn__popup:not(:disabled):not(.disabled):active,
.c-btn__popup--gray:not(:disabled):not(.disabled):active,
.c-btn__popup--gorange:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.c-btn__popup:not(:disabled):not(.disabled).active,
.c-btn__popup--gray:not(:disabled):not(.disabled).active,
.c-btn__popup--gorange:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.btn.disabled,
a.disabled.c-btn__popup,
a.disabled.c-btn__popup--gray,
a.disabled.c-btn__popup--gorange,
fieldset:disabled a.btn,
fieldset:disabled a.c-btn__popup,
fieldset:disabled a.c-btn__popup--gray,
fieldset:disabled a.c-btn__popup--gorange {
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn,
.btn-group-lg > .c-btn__popup,
.btn-group-lg > .c-btn__popup--gray,
.btn-group-lg > .c-btn__popup--gorange {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn,
.btn-group-sm > .c-btn__popup,
.btn-group-sm > .c-btn__popup--gray,
.btn-group-sm > .c-btn__popup--gorange {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}

.fade.show {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.show {
  display: block;
}

tr.collapse.show {
  display: table-row;
}

tbody.collapse.show {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group > .c-btn__popup,
.btn-group > .c-btn__popup--gray,
.btn-group > .c-btn__popup--gorange,
.btn-group-vertical > .btn,
.btn-group-vertical > .c-btn__popup,
.btn-group-vertical > .c-btn__popup--gray,
.btn-group-vertical > .c-btn__popup--gorange {
  position: relative;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group > .c-btn__popup:hover,
.btn-group > .c-btn__popup--gray:hover,
.btn-group > .c-btn__popup--gorange:hover,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .c-btn__popup:hover,
.btn-group-vertical > .c-btn__popup--gray:hover,
.btn-group-vertical > .c-btn__popup--gorange:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .c-btn__popup:focus,
.btn-group > .c-btn__popup--gray:focus,
.btn-group > .c-btn__popup--gorange:focus,
.btn-group > .btn:active,
.btn-group > .c-btn__popup:active,
.btn-group > .c-btn__popup--gray:active,
.btn-group > .c-btn__popup--gorange:active,
.btn-group > .btn.active,
.btn-group > .active.c-btn__popup,
.btn-group > .active.c-btn__popup--gray,
.btn-group > .active.c-btn__popup--gorange,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .c-btn__popup:focus,
.btn-group-vertical > .c-btn__popup--gray:focus,
.btn-group-vertical > .c-btn__popup--gorange:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .c-btn__popup:active,
.btn-group-vertical > .c-btn__popup--gray:active,
.btn-group-vertical > .c-btn__popup--gorange:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .active.c-btn__popup,
.btn-group-vertical > .active.c-btn__popup--gray,
.btn-group-vertical > .active.c-btn__popup--gorange {
  z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .c-btn__popup + .btn,
.btn-group .c-btn__popup--gray + .btn,
.btn-group .c-btn__popup--gorange + .btn,
.btn-group .btn + .c-btn__popup,
.btn-group .c-btn__popup + .c-btn__popup,
.btn-group .c-btn__popup--gray + .c-btn__popup,
.btn-group .c-btn__popup--gorange + .c-btn__popup,
.btn-group .btn + .c-btn__popup--gray,
.btn-group .c-btn__popup + .c-btn__popup--gray,
.btn-group .c-btn__popup--gray + .c-btn__popup--gray,
.btn-group .c-btn__popup--gorange + .c-btn__popup--gray,
.btn-group .btn + .c-btn__popup--gorange,
.btn-group .c-btn__popup + .c-btn__popup--gorange,
.btn-group .c-btn__popup--gray + .c-btn__popup--gorange,
.btn-group .c-btn__popup--gorange + .c-btn__popup--gorange,
.btn-group .btn + .btn-group,
.btn-group .c-btn__popup + .btn-group,
.btn-group .c-btn__popup--gray + .btn-group,
.btn-group .c-btn__popup--gorange + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .c-btn__popup,
.btn-group .btn-group + .c-btn__popup--gray,
.btn-group .btn-group + .c-btn__popup--gorange,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .c-btn__popup + .btn,
.btn-group-vertical .c-btn__popup--gray + .btn,
.btn-group-vertical .c-btn__popup--gorange + .btn,
.btn-group-vertical .btn + .c-btn__popup,
.btn-group-vertical .c-btn__popup + .c-btn__popup,
.btn-group-vertical .c-btn__popup--gray + .c-btn__popup,
.btn-group-vertical .c-btn__popup--gorange + .c-btn__popup,
.btn-group-vertical .btn + .c-btn__popup--gray,
.btn-group-vertical .c-btn__popup + .c-btn__popup--gray,
.btn-group-vertical .c-btn__popup--gray + .c-btn__popup--gray,
.btn-group-vertical .c-btn__popup--gorange + .c-btn__popup--gray,
.btn-group-vertical .btn + .c-btn__popup--gorange,
.btn-group-vertical .c-btn__popup + .c-btn__popup--gorange,
.btn-group-vertical .c-btn__popup--gray + .c-btn__popup--gorange,
.btn-group-vertical .c-btn__popup--gorange + .c-btn__popup--gorange,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .c-btn__popup + .btn-group,
.btn-group-vertical .c-btn__popup--gray + .btn-group,
.btn-group-vertical .c-btn__popup--gorange + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .c-btn__popup,
.btn-group-vertical .btn-group + .c-btn__popup--gray,
.btn-group-vertical .btn-group + .c-btn__popup--gorange,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child,
.btn-group > .c-btn__popup:first-child,
.btn-group > .c-btn__popup--gray:first-child,
.btn-group > .c-btn__popup--gorange:first-child {
  margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .c-btn__popup:not(:last-child):not(.dropdown-toggle),
.btn-group > .c-btn__popup--gray:not(:last-child):not(.dropdown-toggle),
.btn-group > .c-btn__popup--gorange:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > .c-btn__popup,
.btn-group > .btn-group:not(:last-child) > .c-btn__popup--gray,
.btn-group > .btn-group:not(:last-child) > .c-btn__popup--gorange {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .c-btn__popup:not(:first-child),
.btn-group > .c-btn__popup--gray:not(:first-child),
.btn-group > .c-btn__popup--gorange:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > .c-btn__popup,
.btn-group > .btn-group:not(:first-child) > .c-btn__popup--gray,
.btn-group > .btn-group:not(:first-child) > .c-btn__popup--gorange {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after {
  margin-left: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-group-sm > .c-btn__popup + .dropdown-toggle-split,
.btn-group-sm > .c-btn__popup--gray + .dropdown-toggle-split,
.btn-group-sm > .c-btn__popup--gorange + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-group-lg > .c-btn__popup + .dropdown-toggle-split,
.btn-group-lg > .c-btn__popup--gray + .dropdown-toggle-split,
.btn-group-lg > .c-btn__popup--gorange + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .c-btn__popup,
.btn-group-vertical .c-btn__popup--gray,
.btn-group-vertical .c-btn__popup--gorange,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .c-btn__popup + .btn,
.btn-group-vertical > .c-btn__popup--gray + .btn,
.btn-group-vertical > .c-btn__popup--gorange + .btn,
.btn-group-vertical > .btn + .c-btn__popup,
.btn-group-vertical > .c-btn__popup + .c-btn__popup,
.btn-group-vertical > .c-btn__popup--gray + .c-btn__popup,
.btn-group-vertical > .c-btn__popup--gorange + .c-btn__popup,
.btn-group-vertical > .btn + .c-btn__popup--gray,
.btn-group-vertical > .c-btn__popup + .c-btn__popup--gray,
.btn-group-vertical > .c-btn__popup--gray + .c-btn__popup--gray,
.btn-group-vertical > .c-btn__popup--gorange + .c-btn__popup--gray,
.btn-group-vertical > .btn + .c-btn__popup--gorange,
.btn-group-vertical > .c-btn__popup + .c-btn__popup--gorange,
.btn-group-vertical > .c-btn__popup--gray + .c-btn__popup--gorange,
.btn-group-vertical > .c-btn__popup--gorange + .c-btn__popup--gorange,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .c-btn__popup + .btn-group,
.btn-group-vertical > .c-btn__popup--gray + .btn-group,
.btn-group-vertical > .c-btn__popup--gorange + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .c-btn__popup,
.btn-group-vertical > .btn-group + .c-btn__popup--gray,
.btn-group-vertical > .btn-group + .c-btn__popup--gorange,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .c-btn__popup:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .c-btn__popup--gray:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .c-btn__popup--gorange:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn-group:not(:last-child) > .c-btn__popup,
.btn-group-vertical > .btn-group:not(:last-child) > .c-btn__popup--gray,
.btn-group-vertical > .btn-group:not(:last-child) > .c-btn__popup--gorange {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .c-btn__popup:not(:first-child),
.btn-group-vertical > .c-btn__popup--gray:not(:first-child),
.btn-group-vertical > .c-btn__popup--gorange:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .c-btn__popup,
.btn-group-vertical > .btn-group:not(:first-child) > .c-btn__popup--gray,
.btn-group-vertical > .btn-group:not(:first-child) > .c-btn__popup--gorange {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .c-btn__popup,
.btn-group-toggle > .c-btn__popup--gray,
.btn-group-toggle > .c-btn__popup--gorange,
.btn-group-toggle > .btn-group > .btn,
.btn-group-toggle > .btn-group > .c-btn__popup,
.btn-group-toggle > .btn-group > .c-btn__popup--gray,
.btn-group-toggle > .btn-group > .c-btn__popup--gorange {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .c-btn__popup input[type="radio"],
.btn-group-toggle > .c-btn__popup--gray input[type="radio"],
.btn-group-toggle > .c-btn__popup--gorange input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .c-btn__popup input[type="checkbox"],
.btn-group-toggle > .c-btn__popup--gray input[type="checkbox"],
.btn-group-toggle > .c-btn__popup--gorange input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .c-btn__popup input[type="radio"],
.btn-group-toggle > .btn-group > .c-btn__popup--gray input[type="radio"],
.btn-group-toggle > .btn-group > .c-btn__popup--gorange input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .c-btn__popup input[type="checkbox"],
.btn-group-toggle > .btn-group > .c-btn__popup--gray input[type="checkbox"],
.btn-group-toggle > .btn-group > .c-btn__popup--gorange input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .c-mitsumoriform-prev__postal-input,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .c-mitsumoriform-prev__postal-input:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .c-mitsumoriform-prev__postal-input + .form-control,
.input-group > .form-control + .c-mitsumoriform-prev__postal-input,
.input-group > .c-mitsumoriform-prev__postal-input + .c-mitsumoriform-prev__postal-input,
.input-group > .form-control + .custom-select,
.input-group > .c-mitsumoriform-prev__postal-input + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .c-mitsumoriform-prev__postal-input + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .c-mitsumoriform-prev__postal-input,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .c-mitsumoriform-prev__postal-input,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .c-mitsumoriform-prev__postal-input:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .c-mitsumoriform-prev__postal-input:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-prepend .c-btn__popup,
.input-group-prepend .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gorange,
.input-group-append .btn,
.input-group-append .c-btn__popup,
.input-group-append .c-btn__popup--gray,
.input-group-append .c-btn__popup--gorange {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .c-btn__popup + .btn,
.input-group-prepend .c-btn__popup--gray + .btn,
.input-group-prepend .c-btn__popup--gorange + .btn,
.input-group-prepend .btn + .c-btn__popup,
.input-group-prepend .c-btn__popup + .c-btn__popup,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup,
.input-group-prepend .btn + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup--gray,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup--gray,
.input-group-prepend .btn + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup--gray + .c-btn__popup--gorange,
.input-group-prepend .c-btn__popup--gorange + .c-btn__popup--gorange,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .c-btn__popup + .input-group-text,
.input-group-prepend .c-btn__popup--gray + .input-group-text,
.input-group-prepend .c-btn__popup--gorange + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .c-btn__popup,
.input-group-prepend .input-group-text + .c-btn__popup--gray,
.input-group-prepend .input-group-text + .c-btn__popup--gorange,
.input-group-append .btn + .btn,
.input-group-append .c-btn__popup + .btn,
.input-group-append .c-btn__popup--gray + .btn,
.input-group-append .c-btn__popup--gorange + .btn,
.input-group-append .btn + .c-btn__popup,
.input-group-append .c-btn__popup + .c-btn__popup,
.input-group-append .c-btn__popup--gray + .c-btn__popup,
.input-group-append .c-btn__popup--gorange + .c-btn__popup,
.input-group-append .btn + .c-btn__popup--gray,
.input-group-append .c-btn__popup + .c-btn__popup--gray,
.input-group-append .c-btn__popup--gray + .c-btn__popup--gray,
.input-group-append .c-btn__popup--gorange + .c-btn__popup--gray,
.input-group-append .btn + .c-btn__popup--gorange,
.input-group-append .c-btn__popup + .c-btn__popup--gorange,
.input-group-append .c-btn__popup--gray + .c-btn__popup--gorange,
.input-group-append .c-btn__popup--gorange + .c-btn__popup--gorange,
.input-group-append .btn + .input-group-text,
.input-group-append .c-btn__popup + .input-group-text,
.input-group-append .c-btn__popup--gray + .input-group-text,
.input-group-append .c-btn__popup--gorange + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .c-btn__popup,
.input-group-append .input-group-text + .c-btn__popup--gray,
.input-group-append .input-group-text + .c-btn__popup--gorange {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .c-btn__popup,
.input-group > .input-group-prepend > .c-btn__popup--gray,
.input-group > .input-group-prepend > .c-btn__popup--gorange,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup--gray,
.input-group > .input-group-append:not(:last-child) > .c-btn__popup--gorange,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup--gray:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .c-btn__popup--gorange:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .c-btn__popup,
.input-group > .input-group-append > .c-btn__popup--gray,
.input-group > .input-group-append > .c-btn__popup--gorange,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup--gray,
.input-group > .input-group-prepend:not(:first-child) > .c-btn__popup--gorange,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup--gray:not(:first-child),
.input-group > .input-group-prepend:first-child > .c-btn__popup--gorange:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #eb6100;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #ffc69f;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #dee2e6;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #eb6100;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #eb6100;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #eb6100;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(3.15rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #ffa86c;
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(25, 25, 25, 0.075), 0 0 5px rgba(255, 168, 108, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(2.6rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(4rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(3.15rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(3.15rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-control {
  border-color: #ffa86c;
  box-shadow: 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.custom-file-input:focus ~ .custom-file-control::before {
  border-color: #ffa86c;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(3.15rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(calc(3.15rem + 2px) - 1px * 2);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #eb6100;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.5rem;
}

.navbar > .container,
.navbar > .c-fixed-bottom__wrapper-box,
.navbar > .c-footer,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  margin-right: 0.5rem;
  font-size: 2rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 2rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .c-fixed-bottom__wrapper-box,
.navbar-expand > .c-footer,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .c-fixed-bottom__wrapper-box,
.navbar-expand > .c-footer,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
}

.navbar-light .navbar-brand {
  color: rgba(25, 25, 25, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(25, 25, 25, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(25, 25, 25, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(25, 25, 25, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(25, 25, 25, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(25, 25, 25, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(25, 25, 25, 0.5);
  border-color: rgba(25, 25, 25, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(25, 25, 25, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(25, 25, 25, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(25, 25, 25, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(25, 25, 25, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card,
.panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(25, 25, 25, 0.125);
  border-radius: 0.25rem;
}

.card > hr,
.panel > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child,
.panel > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child,
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body,
.panel-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header,
.panel-heading {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(25, 25, 25, 0.03);
  border-bottom: 1px solid rgba(25, 25, 25, 0.125);
}

.card-header:first-child,
.panel-heading:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child,
.panel-heading + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(25, 25, 25, 0.03);
  border-top: 1px solid rgba(25, 25, 25, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card,
.card-deck .panel {
  margin-bottom: 10px;
}

.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card,
.card-group > .panel {
  margin-bottom: 10px;
}

.card-columns .card,
.card-columns .panel {
  margin-bottom: 0.75rem;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(235, 97, 0, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #eb6100;
  border-color: #eb6100;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 2rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.btn .badge,
.c-btn__popup .badge,
.c-btn__popup--gray .badge,
.c-btn__popup--gorange .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 1.25rem !important;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 1.2rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(25, 25, 25, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #eb6100;
  border-color: #eb6100;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-gorange {
  color: #7a3200;
  background-color: #f9d3b8;
}

.list-group-item-gorange.list-group-item-action:hover,
.list-group-item-gorange.list-group-item-action:focus {
  color: #7a3200;
  background-color: #f7c4a0;
}

.list-group-item-gorange.list-group-item-action.active {
  color: #fff;
  background-color: #7a3200;
  border-color: #7a3200;
}

.list-group-item-gyellow {
  color: #805b00;
  background-color: #fde9b8;
}

.list-group-item-gyellow.list-group-item-action:hover,
.list-group-item-gyellow.list-group-item-action:focus {
  color: #805b00;
  background-color: #fce19f;
}

.list-group-item-gyellow.list-group-item-action.active {
  color: #fff;
  background-color: #805b00;
  border-color: #805b00;
}

.list-group-item-gbrown {
  color: #2d1809;
  background-color: #d0c4bd;
}

.list-group-item-gbrown.list-group-item-action:hover,
.list-group-item-gbrown.list-group-item-action:focus {
  color: #2d1809;
  background-color: #c5b7ae;
}

.list-group-item-gbrown.list-group-item-action.active {
  color: #fff;
  background-color: #2d1809;
  border-color: #2d1809;
}

.list-group-item-ggreen {
  color: #137c0c;
  background-color: #c2fabe;
}

.list-group-item-ggreen.list-group-item-action:hover,
.list-group-item-ggreen.list-group-item-action:focus {
  color: #137c0c;
  background-color: #acf8a6;
}

.list-group-item-ggreen.list-group-item-action.active {
  color: #fff;
  background-color: #137c0c;
  border-color: #137c0c;
}

.list-group-item-gblue {
  color: #150960;
  background-color: #c3bdeb;
}

.list-group-item-gblue.list-group-item-action:hover,
.list-group-item-gblue.list-group-item-action:focus {
  color: #150960;
  background-color: #b1a9e5;
}

.list-group-item-gblue.list-group-item-action.active {
  color: #fff;
  background-color: #150960;
  border-color: #150960;
}

.list-group-item-gverylightgray {
  color: #7f7d79;
  background-color: #fcfbf9;
}

.list-group-item-gverylightgray.list-group-item-action:hover,
.list-group-item-gverylightgray.list-group-item-action:focus {
  color: #7f7d79;
  background-color: #f4f0e8;
}

.list-group-item-gverylightgray.list-group-item-action.active {
  color: #fff;
  background-color: #7f7d79;
  border-color: #7f7d79;
}

.list-group-item-gsuperlightgray {
  color: #807e7d;
  background-color: #fdfcfb;
}

.list-group-item-gsuperlightgray.list-group-item-action:hover,
.list-group-item-gsuperlightgray.list-group-item-action:focus {
  color: #807e7d;
  background-color: #f5efea;
}

.list-group-item-gsuperlightgray.list-group-item-action.active {
  color: #fff;
  background-color: #807e7d;
  border-color: #807e7d;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  color: #191919;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover,
.close:focus {
  color: #191919;
  text-decoration: none;
  opacity: .75;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(25, 25, 25, 0.2);
  border-radius: 0.8rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #191919;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 18px;
  font-weight: bold;
  padding-left: 1rem;
}

.modal-h2-yane {
  font-size: 24px;
  font-weight: bold;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 3rem 2rem !important;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none,
.hidden,
.hidden-sm.hidden-xs,
.c-archive-loop__eyecatch-box {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex,
.c-author__body-box,
.c-posttype-qa__answer-box__answer-description__adviser-box {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.float-left,
.pull-left {
  float: left !important;
}

.float-right,
.pull-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom,
.c-fixed-bottom,
.c-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center,
.c-author__header-box {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white,
.c-author__header-box {
  color: #fff !important;
}

.text-gorange {
  color: #eb6100 !important;
}

a.text-gorange:hover,
a.text-gorange:focus {
  color: #b84c00 !important;
}

.text-gyellow {
  color: #f7af00 !important;
}

a.text-gyellow:hover,
a.text-gyellow:focus {
  color: #c48b00 !important;
}

.text-gbrown {
  color: #572e12 !important;
}

a.text-gbrown:hover,
a.text-gbrown:focus {
  color: #2d1809 !important;
}

.text-ggreen {
  color: #25EE18 !important;
}

a.text-ggreen:hover,
a.text-ggreen:focus {
  color: #1ac50e !important;
}

.text-gblue {
  color: #2912B8 !important;
}

a.text-gblue:hover,
a.text-gblue:focus {
  color: #1f0d8a !important;
}

.text-gverylightgray {
  color: #f5f0e8 !important;
}

a.text-gverylightgray:hover,
a.text-gverylightgray:focus {
  color: #e6d9c4 !important;
}

.text-gsuperlightgray {
  color: #f7f3f0 !important;
}

a.text-gsuperlightgray:hover,
a.text-gsuperlightgray:focus {
  color: #e5d8cf !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0062cc !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

body {
  font-family: "Meiryo, Osaka", "メイリオ", "Lato", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ,"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}

img {
  height: auto;
}

.table-responsive {
  border: 1px solid #eee;
  /* iPhoneのtable-responsiveの時にスクロールバーを表示する */
}

.table-responsive th {
  white-space: nowrap;
}

.table-responsive::before {
  content: "表は左右にスクロールできます";
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  display: block;
  color: #999;
}

.table-responsive::-webkit-scrollbar {
  height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

td,
th {
  word-break: break-word;
}

.eyecatch img:hover {
  transform: scale(1.1);
}

.l-main.l-main-single,
.l-main-single.c-mitsumoriform-prev {
  width: 960px;
  padding: 30px;
}

a:active,
a:visited {
  opacity: 0.8;
}

/* content override start */

.content {
  margin: 20px 0;
}

.content h2 {
  padding: 10px 20px;
  border-left: 5px solid #3c3cb8;
  font-weight: bold;
}

.content table th {
  background: #969696 !important;
}

.content table tr:nth-child(2n+1) {
  background: initial;
}

/*.content table td:first-child {
background: #dcdcf5 !important;
font-weight: bold;
}*/

.content caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 3px;
}

.content caption::before {
  content: "▼";
}

.content h2,
.content h3,
.content h4,
.content h5 {
  margin-top: 20px;
}

.content h3 {
  border: none !important;
  border-bottom: 3px solid #3c3cb8 !important;
  padding: 5px 10px !important;
  font-weight: bold;
}

.content h4,
.content h5 {
  padding: 10px 0;
}

.content h4 {
  text-decoration: underline;
  font-weight: bold !important;
}

.content p {
  margin-top: 15px;
}

.content p::after {
  clear: none;
}

.content a:hover {
  border-bottom: none;
  text-decoration: underline;
}

.content blockquote {
  border-left: 6px solid #ccc8c2;
  padding: 20px 20px 20px 30px;
}

.content blockquote::before {
  content: none;
}

.content em {
  font-style: normal;
  font-weight: bold;
}

.content ol,
.content ul,
.content li,
.content dl {
  list-style-position: outside;
}

.content ul li,
.content ol li {
  font-size: 1.4rem !important;
  padding: 10px 0 0 5px !important;
  margin: 10px 10px 0;
}

.content ul li:first-child,
.content ol li:first-child {
  margin-top: 0;
}

.content ul li::before {
  content: none !important;
}

.content ol li::before {
  left: -3% !important;
}

.content ul li ol li:first-child,
.content ul li ul li:first-child,
.content ol li ol li:first-child,
.content ol li ul li:first-child {
  margin-top: 10px;
}

.content ul,
.content ol {
  margin-top: 5px;
  list-style-position: outside;
  margin-bottom: 40px !important;
}

.content ol {
  list-style-type: decimal;
}

.content ul {
  list-style-type: disc !important;
}

.content ul li::marker {
  font-size: 1.6rem;
}

.content .outline {
  display: block;
}

.content .outline .outline__switch {
  float: right;
}

.content .outline ul li,
.content .outline ol li {
  font-size: 1.2rem;
  line-height: 1.3;
  list-style-type: none;
}

.content .wp-caption-text {
  margin-top: 3px;
  font-size: 1.0rem;
  color: #adb5bd;
}

.content .wp-caption {
  margin-top: 3px;
}

/* content override end */

.t-red .globalNavi__switch__phone,
.t-red .globalNavi__switch {
  background-color: #eb6100;
}

.t-red .globalNavi__switch {
  padding: 0 12px;
}

.t-red .globalNavi__switch__phone {
  display: block;
  width: inherit;
  height: inherit;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  color: #fff;
  margin-left: -45px;
  padding: 0 10px;
}

.t-red .globalNavi__switch__phone__nomenu {
  width: 40px;
  height: 40px;
}

.siteTitle__logo img {
  max-width: 280px;
  height: auto;
}

.siteTitle {
  padding: 0;
  width: 100%;
}

.form-control[readonly].datepicker,
.c-mitsumoriform-prev__postal-input[readonly].datepicker,
.form-control[readonly]#appointday1,
.c-mitsumoriform-prev__postal-input[readonly]#appointday1,
.form-control[readonly]#appointday2,
.c-mitsumoriform-prev__postal-input[readonly]#appointday2,
.form-control[readonly]#appointday3,
.c-mitsumoriform-prev__postal-input[readonly]#appointday3 {
  background-color: #fff;
}

.label-ss {
  padding: 2px 4px;
  margin: 0px;
  font-size: 11px;
  border-radius: 4px;
  margin-left: 3px;
  font-weight: normal;
}

.label-common {
  text-align: center;
  vertical-align: middle;
}

/* LP table start*/

.table-lp table th,
table.table-lp th,
.table-gray table th,
table.table-gray th,
.box .table-gray table th,
.box table.table-gray th {
  background: none repeat scroll 0% 0% #f7f3f0;
  color: #333;
  border: 1px solid #DDD;
}

.table-lp table thead,
table.table-lp thead {
  border-top: 2px solid #eb6100;
}

/* LP table end*/

.content .modal-dialog,
.modal-dialog {
  margin: 15px 15px 40px;
}

.terms ol ol,
.privacy ol ol {
  list-style-type: none;
}

.terms ol ol ol,
.privacy ol ol ol {
  list-style-type: none;
}

.terms ul,
.privacy ul {
  list-style-type: square;
}

.terms .list__type-none,
.privacy .list__type-none {
  list-style-type: none;
}

.modal-body-scroll-height {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

button.btn__link:disabled,
button.btn__link:disabled:hover {
  border-color: #ffd5b8;
  background-color: transparent;
  color: #ffd5b8 !important;
  cursor: not-allowed;
}

/* lion override */

.btn,
.c-btn__popup,
.c-btn__popup--gray,
.c-btn__popup--gorange {
  width: initial;
}

.btn__link[aria-expanded]::before {
  transform: none;
  border: 1px solid;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: -8px;
  line-height: 1;
  padding: 2px 0;
  border-radius: 2px;
  text-align: center;
}

.btn__link[aria-expanded].btn-sm,
.btn-group-sm > .btn__link.btn[aria-expanded],
.btn-group-sm > .btn__link.c-btn__popup[aria-expanded],
.btn-group-sm > .btn__link.c-btn__popup--gray[aria-expanded],
.btn-group-sm > .btn__link.c-btn__popup--gorange[aria-expanded] {
  padding-right: 25px;
}

.btn__link[aria-expanded].btn-sm::before,
.btn-group-sm > .btn__link.btn[aria-expanded]::before,
.btn-group-sm > .btn__link.c-btn__popup[aria-expanded]::before,
.btn-group-sm > .btn__link.c-btn__popup--gray[aria-expanded]::before,
.btn-group-sm > .btn__link.c-btn__popup--gorange[aria-expanded]::before {
  right: 5px;
}

.btn__link[aria-expanded="false"]::before {
  content: "+";
}

.btn__link[aria-expanded="true"]::before {
  content: "－";
}

.btn__link[data-toggle="modal"].btn-sm,
.btn-group-sm > .btn__link.btn[data-toggle="modal"],
.btn-group-sm > .btn__link.c-btn__popup[data-toggle="modal"],
.btn-group-sm > .btn__link.c-btn__popup--gray[data-toggle="modal"],
.btn-group-sm > .btn__link.c-btn__popup--gorange[data-toggle="modal"] {
  padding-right: 25px;
}

.btn__link[data-toggle="modal"].btn-sm::before,
.btn-group-sm > .btn__link.btn[data-toggle="modal"]::before,
.btn-group-sm > .btn__link.c-btn__popup[data-toggle="modal"]::before,
.btn-group-sm > .btn__link.c-btn__popup--gray[data-toggle="modal"]::before,
.btn-group-sm > .btn__link.c-btn__popup--gorange[data-toggle="modal"]::before {
  right: 5px;
}

.btn__link[data-toggle="modal"]::before {
  font-family: "Font Awesome 5 Free";
  content: "\f059";
  transform: none;
  border: none;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: -10px;
  line-height: 1;
  padding: 2px 0;
  border-radius: 2px;
  text-align: center;
  font-size: 18px;
}

.archive .btn,
.archive .c-btn__popup,
.archive .c-btn__popup--gray,
.archive .c-btn__popup--gorange {
  padding: 0;
}

/* table */

.table-responsive {
  border: 1px solid #eee;
  /* iPhoneのtable-responsiveの時にスクロールバーを表示する */
}

.table-responsive th {
  white-space: nowrap;
}

.table-responsive::before {
  content: "表は左右にスクロールできます";
  font-size: 12px;
  padding: 5px 5px 5px 15px;
  display: block;
  color: #999;
}

.table-responsive::-webkit-scrollbar {
  height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.gt_modified_date::before {
  font-family: "Font Awesoｚme 5 Free";
  content: "\f1da";
  font-weight: 900;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

/* bootsrapが無いとき */

.f8-xs {
  font-size: 0.8rem !important;
}

.l8-xs {
  line-height: 0.8rem !important;
}

.f9-xs {
  font-size: 0.9rem !important;
}

.l9-xs {
  line-height: 0.9rem !important;
}

.f10-xs {
  font-size: 1rem !important;
}

.l10-xs {
  line-height: 1rem !important;
}

.f11-xs {
  font-size: 1.1rem !important;
}

.l11-xs {
  line-height: 1.1rem !important;
}

.f12-xs {
  font-size: 1.2rem !important;
}

.l12-xs {
  line-height: 1.2rem !important;
}

.f13-xs {
  font-size: 1.3rem !important;
}

.l13-xs {
  line-height: 1.3rem !important;
}

.f14-xs {
  font-size: 1.4rem !important;
}

.l14-xs {
  line-height: 1.4rem !important;
}

.f15-xs {
  font-size: 1.5rem !important;
}

.l15-xs {
  line-height: 1.5rem !important;
}

.f16-xs,
.c-author__body-box__text-box__title-text {
  font-size: 1.6rem !important;
}

.l16-xs {
  line-height: 1.6rem !important;
}

.f17-xs {
  font-size: 1.7rem !important;
}

.l17-xs {
  line-height: 1.7rem !important;
}

.f18-xs {
  font-size: 1.8rem !important;
}

.l18-xs {
  line-height: 1.8rem !important;
}

.f19-xs {
  font-size: 1.9rem !important;
}

.l19-xs {
  line-height: 1.9rem !important;
}

.f20-xs {
  font-size: 2rem !important;
}

.l20-xs {
  line-height: 2rem !important;
}

.f22-xs {
  font-size: 2.2rem !important;
}

.l22-xs {
  line-height: 2.2rem !important;
}

.f24-xs {
  font-size: 2.4rem !important;
}

.l24-xs {
  line-height: 2.4rem !important;
}

.f26-xs {
  font-size: 2.6rem !important;
}

.l26-xs {
  line-height: 2.6rem !important;
}

.f28-xs {
  font-size: 2.8rem !important;
}

.l28-xs {
  line-height: 2.8rem !important;
}

.f30-xs {
  font-size: 3rem !important;
}

.l30-xs {
  line-height: 3rem !important;
}

.f32-xs {
  font-size: 3.2rem !important;
}

.l32-xs {
  line-height: 3.2rem !important;
}

.f34-xs {
  font-size: 3.4rem !important;
}

.l34-xs {
  line-height: 3.4rem !important;
}

.f36-xs {
  font-size: 3.6rem !important;
}

.l36-xs {
  line-height: 3.6rem !important;
}

.f38-xs {
  font-size: 3.8rem !important;
}

.l38-xs {
  line-height: 3.8rem !important;
}

.f40-xs {
  font-size: 4rem !important;
}

.l40-xs {
  line-height: 4rem !important;
}

.f44-xs {
  font-size: 4.4rem !important;
}

.l44-xs {
  line-height: 4.4rem !important;
}

.f48-xs {
  font-size: 4.8rem !important;
}

.l48-xs {
  line-height: 4.8rem !important;
}

.f52-xs {
  font-size: 5.2rem !important;
}

.l52-xs {
  line-height: 5.2rem !important;
}

.f56-xs {
  font-size: 5.6rem !important;
}

.l56-xs {
  line-height: 5.6rem !important;
}

.f60-xs {
  font-size: 6rem !important;
}

.l60-xs {
  line-height: 6rem !important;
}

.f64-xs {
  font-size: 6.4rem !important;
}

.l64-xs {
  line-height: 6.4rem !important;
}

.f72-xs {
  font-size: 7.2rem !important;
}

.l72-xs {
  line-height: 7.2rem !important;
}

.f80-xs {
  font-size: 8rem !important;
}

.l80-xs {
  line-height: 8rem !important;
}

.f88-xs {
  font-size: 8.8rem !important;
}

.l88-xs {
  line-height: 8.8rem !important;
}

.f96-xs {
  font-size: 9.6rem !important;
}

.l96-xs {
  line-height: 9.6rem !important;
}

.accent {
  font-size: 125%;
}

.weaken {
  font-size: 80%;
}

.strong,
.c-author__body-box__text-box__title-text {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

/* fontsize_controll end */

/* space_controll start */

/* bootsrapが無いとき */

.m0-xs,
.m.m0-xs {
  margin: 0px;
}

.mt0-xs,
.m.mt0-xs {
  margin-top: 0px;
}

.mr0-xs,
.m.mr0-xs {
  margin-right: 0px;
}

.mb0-xs,
.m.mb0-xs {
  margin-bottom: 0px;
}

.ml0-xs,
.m.ml0-xs {
  margin-left: 0px;
}

.mx0-xs,
.m.mx0-xs {
  margin-right: 0px;
  margin-left: 0px;
}

.my0-xs,
.m.my0-xs {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mtn0-xs,
.m.mtn0-xs {
  margin-top: 0px;
}

.mrn0-xs,
.m.mrn0-xs {
  margin-right: 0px;
}

.mbn0-xs,
.m.mbn0-xs {
  margin-bottom: 0px;
}

.mln0-xs,
.m.mln0-xs {
  margin-left: 0px;
}

.mnx0-xs,
.m.mnx0-xs,
.mxn0-xs,
.m.mxn0-xs {
  margin-right: 0px;
  margin-left: 0px;
}

.p0-xs,
.p.p0-xs {
  padding: 0px;
}

.pt0-xs,
.p.pt0-xs {
  padding-top: 0px;
}

.pr0-xs,
.p.pr0-xs {
  padding-right: 0px;
}

.pb0-xs,
.p.pb0-xs {
  padding-bottom: 0px;
}

.pl0-xs,
.p.pl0-xs {
  padding-left: 0px;
}

.px0-xs,
.p.px0-xs {
  padding-right: 0px;
  padding-left: 0px;
}

.py0-xs,
.p.py0-xs {
  padding-top: 0px;
  padding-bottom: 0px;
}

.m1-xs,
.m.m1-xs {
  margin: 5px;
}

.mt1-xs,
.m.mt1-xs {
  margin-top: 5px;
}

.mr1-xs,
.m.mr1-xs {
  margin-right: 5px;
}

.mb1-xs,
.m.mb1-xs {
  margin-bottom: 5px;
}

.ml1-xs,
.m.ml1-xs {
  margin-left: 5px;
}

.mx1-xs,
.m.mx1-xs {
  margin-right: 5px;
  margin-left: 5px;
}

.my1-xs,
.m.my1-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mtn1-xs,
.m.mtn1-xs {
  margin-top: -5px;
}

.mrn1-xs,
.m.mrn1-xs {
  margin-right: -5px;
}

.mbn1-xs,
.m.mbn1-xs {
  margin-bottom: -5px;
}

.mln1-xs,
.m.mln1-xs {
  margin-left: -5px;
}

.mnx1-xs,
.m.mnx1-xs,
.mxn1-xs,
.m.mxn1-xs {
  margin-right: -5px;
  margin-left: -5px;
}

.p1-xs,
.p.p1-xs {
  padding: 5px;
}

.pt1-xs,
.p.pt1-xs {
  padding-top: 5px;
}

.pr1-xs,
.p.pr1-xs {
  padding-right: 5px;
}

.pb1-xs,
.p.pb1-xs {
  padding-bottom: 5px;
}

.pl1-xs,
.p.pl1-xs {
  padding-left: 5px;
}

.px1-xs,
.p.px1-xs {
  padding-right: 5px;
  padding-left: 5px;
}

.py1-xs,
.c-author__header-box,
.p.py1-xs,
.p.c-author__header-box {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m2-xs,
.m.m2-xs {
  margin: 10px;
}

.mt2-xs,
.m.mt2-xs {
  margin-top: 10px;
}

.mr2-xs,
.m.mr2-xs {
  margin-right: 10px;
}

.mb2-xs,
.m.mb2-xs {
  margin-bottom: 10px;
}

.ml2-xs,
.m.ml2-xs {
  margin-left: 10px;
}

.mx2-xs,
.m.mx2-xs {
  margin-right: 10px;
  margin-left: 10px;
}

.my2-xs,
.m.my2-xs {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mtn2-xs,
.m.mtn2-xs {
  margin-top: -10px;
}

.mrn2-xs,
.m.mrn2-xs {
  margin-right: -10px;
}

.mbn2-xs,
.m.mbn2-xs {
  margin-bottom: -10px;
}

.mln2-xs,
.m.mln2-xs {
  margin-left: -10px;
}

.mnx2-xs,
.m.mnx2-xs,
.mxn2-xs,
.m.mxn2-xs {
  margin-right: -10px;
  margin-left: -10px;
}

.p2-xs,
.p.p2-xs {
  padding: 10px;
}

.pt2-xs,
.p.pt2-xs {
  padding-top: 10px;
}

.pr2-xs,
.p.pr2-xs {
  padding-right: 10px;
}

.pb2-xs,
.p.pb2-xs {
  padding-bottom: 10px;
}

.pl2-xs,
.p.pl2-xs {
  padding-left: 10px;
}

.px2-xs,
.p.px2-xs {
  padding-right: 10px;
  padding-left: 10px;
}

.py2-xs,
.p.py2-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m3-xs,
.m.m3-xs {
  margin: 15px;
}

.mt3-xs,
.m.mt3-xs {
  margin-top: 15px;
}

.mr3-xs,
.m.mr3-xs {
  margin-right: 15px;
}

.mb3-xs,
.m.mb3-xs {
  margin-bottom: 15px;
}

.ml3-xs,
.m.ml3-xs {
  margin-left: 15px;
}

.mx3-xs,
.m.mx3-xs {
  margin-right: 15px;
  margin-left: 15px;
}

.my3-xs,
.m.my3-xs {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mtn3-xs,
.m.mtn3-xs {
  margin-top: -15px;
}

.mrn3-xs,
.m.mrn3-xs {
  margin-right: -15px;
}

.mbn3-xs,
.m.mbn3-xs {
  margin-bottom: -15px;
}

.mln3-xs,
.m.mln3-xs {
  margin-left: -15px;
}

.mnx3-xs,
.m.mnx3-xs,
.mxn3-xs,
.m.mxn3-xs {
  margin-right: -15px;
  margin-left: -15px;
}

.p3-xs,
.p.p3-xs {
  padding: 15px;
}

.pt3-xs,
.p.pt3-xs {
  padding-top: 15px;
}

.pr3-xs,
.p.pr3-xs {
  padding-right: 15px;
}

.pb3-xs,
.p.pb3-xs {
  padding-bottom: 15px;
}

.pl3-xs,
.p.pl3-xs {
  padding-left: 15px;
}

.px3-xs,
.p.px3-xs {
  padding-right: 15px;
  padding-left: 15px;
}

.py3-xs,
.p.py3-xs {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m4-xs,
.m.m4-xs {
  margin: 20px;
}

.mt4-xs,
.m.mt4-xs {
  margin-top: 20px;
}

.mr4-xs,
.m.mr4-xs {
  margin-right: 20px;
}

.mb4-xs,
.m.mb4-xs {
  margin-bottom: 20px;
}

.ml4-xs,
.m.ml4-xs {
  margin-left: 20px;
}

.mx4-xs,
.m.mx4-xs {
  margin-right: 20px;
  margin-left: 20px;
}

.my4-xs,
.m.my4-xs {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mtn4-xs,
.m.mtn4-xs {
  margin-top: -20px;
}

.mrn4-xs,
.m.mrn4-xs {
  margin-right: -20px;
}

.mbn4-xs,
.m.mbn4-xs {
  margin-bottom: -20px;
}

.mln4-xs,
.m.mln4-xs {
  margin-left: -20px;
}

.mnx4-xs,
.m.mnx4-xs,
.mxn4-xs,
.m.mxn4-xs {
  margin-right: -20px;
  margin-left: -20px;
}

.p4-xs,
.p.p4-xs {
  padding: 20px;
}

.pt4-xs,
.p.pt4-xs {
  padding-top: 20px;
}

.pr4-xs,
.p.pr4-xs {
  padding-right: 20px;
}

.pb4-xs,
.p.pb4-xs {
  padding-bottom: 20px;
}

.pl4-xs,
.p.pl4-xs {
  padding-left: 20px;
}

.px4-xs,
.p.px4-xs {
  padding-right: 20px;
  padding-left: 20px;
}

.py4-xs,
.p.py4-xs {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m5-xs,
.m.m5-xs {
  margin: 25px;
}

.mt5-xs,
.m.mt5-xs {
  margin-top: 25px;
}

.mr5-xs,
.m.mr5-xs {
  margin-right: 25px;
}

.mb5-xs,
.m.mb5-xs {
  margin-bottom: 25px;
}

.ml5-xs,
.m.ml5-xs {
  margin-left: 25px;
}

.mx5-xs,
.m.mx5-xs {
  margin-right: 25px;
  margin-left: 25px;
}

.my5-xs,
.m.my5-xs {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mtn5-xs,
.m.mtn5-xs {
  margin-top: -25px;
}

.mrn5-xs,
.m.mrn5-xs {
  margin-right: -25px;
}

.mbn5-xs,
.m.mbn5-xs {
  margin-bottom: -25px;
}

.mln5-xs,
.m.mln5-xs {
  margin-left: -25px;
}

.mnx5-xs,
.m.mnx5-xs,
.mxn5-xs,
.m.mxn5-xs {
  margin-right: -25px;
  margin-left: -25px;
}

.p5-xs,
.p.p5-xs {
  padding: 25px;
}

.pt5-xs,
.p.pt5-xs {
  padding-top: 25px;
}

.pr5-xs,
.p.pr5-xs {
  padding-right: 25px;
}

.pb5-xs,
.p.pb5-xs {
  padding-bottom: 25px;
}

.pl5-xs,
.p.pl5-xs {
  padding-left: 25px;
}

.px5-xs,
.p.px5-xs {
  padding-right: 25px;
  padding-left: 25px;
}

.py5-xs,
.p.py5-xs {
  padding-top: 25px;
  padding-bottom: 25px;
}

.m6-xs,
.m.m6-xs {
  margin: 30px;
}

.mt6-xs,
.m.mt6-xs {
  margin-top: 30px;
}

.mr6-xs,
.m.mr6-xs {
  margin-right: 30px;
}

.mb6-xs,
.m.mb6-xs {
  margin-bottom: 30px;
}

.ml6-xs,
.m.ml6-xs {
  margin-left: 30px;
}

.mx6-xs,
.m.mx6-xs {
  margin-right: 30px;
  margin-left: 30px;
}

.my6-xs,
.m.my6-xs {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mtn6-xs,
.m.mtn6-xs {
  margin-top: -30px;
}

.mrn6-xs,
.m.mrn6-xs {
  margin-right: -30px;
}

.mbn6-xs,
.m.mbn6-xs {
  margin-bottom: -30px;
}

.mln6-xs,
.m.mln6-xs {
  margin-left: -30px;
}

.mnx6-xs,
.m.mnx6-xs,
.mxn6-xs,
.m.mxn6-xs {
  margin-right: -30px;
  margin-left: -30px;
}

.p6-xs,
.p.p6-xs {
  padding: 30px;
}

.pt6-xs,
.p.pt6-xs {
  padding-top: 30px;
}

.pr6-xs,
.p.pr6-xs {
  padding-right: 30px;
}

.pb6-xs,
.p.pb6-xs {
  padding-bottom: 30px;
}

.pl6-xs,
.p.pl6-xs {
  padding-left: 30px;
}

.px6-xs,
.p.px6-xs {
  padding-right: 30px;
  padding-left: 30px;
}

.py6-xs,
.p.py6-xs {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m7-xs,
.m.m7-xs {
  margin: 35px;
}

.mt7-xs,
.m.mt7-xs {
  margin-top: 35px;
}

.mr7-xs,
.m.mr7-xs {
  margin-right: 35px;
}

.mb7-xs,
.m.mb7-xs {
  margin-bottom: 35px;
}

.ml7-xs,
.m.ml7-xs {
  margin-left: 35px;
}

.mx7-xs,
.m.mx7-xs {
  margin-right: 35px;
  margin-left: 35px;
}

.my7-xs,
.m.my7-xs {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mtn7-xs,
.m.mtn7-xs {
  margin-top: -35px;
}

.mrn7-xs,
.m.mrn7-xs {
  margin-right: -35px;
}

.mbn7-xs,
.m.mbn7-xs {
  margin-bottom: -35px;
}

.mln7-xs,
.m.mln7-xs {
  margin-left: -35px;
}

.mnx7-xs,
.m.mnx7-xs,
.mxn7-xs,
.m.mxn7-xs {
  margin-right: -35px;
  margin-left: -35px;
}

.p7-xs,
.p.p7-xs {
  padding: 35px;
}

.pt7-xs,
.p.pt7-xs {
  padding-top: 35px;
}

.pr7-xs,
.p.pr7-xs {
  padding-right: 35px;
}

.pb7-xs,
.p.pb7-xs {
  padding-bottom: 35px;
}

.pl7-xs,
.p.pl7-xs {
  padding-left: 35px;
}

.px7-xs,
.p.px7-xs {
  padding-right: 35px;
  padding-left: 35px;
}

.py7-xs,
.p.py7-xs {
  padding-top: 35px;
  padding-bottom: 35px;
}

.m8-xs,
.m.m8-xs {
  margin: 40px;
}

.mt8-xs,
.m.mt8-xs {
  margin-top: 40px;
}

.mr8-xs,
.m.mr8-xs {
  margin-right: 40px;
}

.mb8-xs,
.m.mb8-xs {
  margin-bottom: 40px;
}

.ml8-xs,
.m.ml8-xs {
  margin-left: 40px;
}

.mx8-xs,
.m.mx8-xs {
  margin-right: 40px;
  margin-left: 40px;
}

.my8-xs,
.m.my8-xs {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mtn8-xs,
.m.mtn8-xs {
  margin-top: -40px;
}

.mrn8-xs,
.m.mrn8-xs {
  margin-right: -40px;
}

.mbn8-xs,
.m.mbn8-xs {
  margin-bottom: -40px;
}

.mln8-xs,
.m.mln8-xs {
  margin-left: -40px;
}

.mnx8-xs,
.m.mnx8-xs,
.mxn8-xs,
.m.mxn8-xs {
  margin-right: -40px;
  margin-left: -40px;
}

.p8-xs,
.p.p8-xs {
  padding: 40px;
}

.pt8-xs,
.p.pt8-xs {
  padding-top: 40px;
}

.pr8-xs,
.p.pr8-xs {
  padding-right: 40px;
}

.pb8-xs,
.p.pb8-xs {
  padding-bottom: 40px;
}

.pl8-xs,
.p.pl8-xs {
  padding-left: 40px;
}

.px8-xs,
.p.px8-xs {
  padding-right: 40px;
  padding-left: 40px;
}

.py8-xs,
.p.py8-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mx-auto-xs,
.m.mx-auto-xs {
  margin-right: auto;
  margin-left: auto;
}

/* space_controll end */

.shiny-btn1 {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  margin: 0 auto;
}

.shiny-btn1:hover {
  text-decoration: none;
  color: #fff;
}

.shiny-btn1::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}

.p-lp-yane__header-wrapper {
  box-shadow: 0 3px 3px #4d4d4d;
  padding: 15px;
  background-color: #fff;
}

.p-lp-yane__header-box {
  max-width: 1140px;
  margin: 0 auto;
}

.p-lp-yane__logo-left {
  margin-right: auto;
  max-height: 23px;
  vertical-align: middle;
}

.p-lp-yane__icon-right {
  float: right;
  max-height: 30px;
}

.p-lp-yane__main-wrapper {
  font-family: "ヒラギノ角ゴ Pro W6", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","メイリオ", sans-serif;
}

.p-lp-yane__section-body {
  background-color: #fff;
  position: relative;
  padding: 50px 20px;
  text-align: center;
}

.p-lp-yane__contents-wrapper {
  max-width: 1140px;
  margin: 0 auto;
}

.p-lp-yane__billboard {
  background-image: url("/img/yanekouji/yanekouji/02_billboard_galvalume.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-height: 850px;
  padding: 20px 20px 60px;
  position: relative;
}

.p-lp-yane__billboard--blight {
  background-image: url("/img/yanekouji/yanekouji/02_billboard_blight_sm.jpg");
}

.p-lp-yane__billboard p {
  color: #fff;
  font-weight: bold;
  text-shadow: 4px 4px 3px #4d4d4d;
  line-height: 1.5;
}

.p-lp-yane__billboard__pt04 {
  background-image: url("/img/yanekouji/yanekouji/02_billboard_kawara.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-height: 850px;
  padding: 20px;
  position: relative;
}

.p-lp-yane__billboard__pt04 p {
  color: #fff;
  font-weight: bold;
  text-shadow: 4px 4px 3px #4d4d4d;
  line-height: 1.5;
}

.p-lp-yane__title-ballon {
  position: relative;
  display: inline-block;
  padding: 7px 15px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  background: #3c3cb8;
  border-radius: 10px;
  font-weight: bold;
  line-height: 1.5;
}

.p-lp-yane__title-ballon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #3c3cb8;
}

.p-lp-yane__title-em--large {
  font-size: 130%;
}

.p-lp-yane__title-em--middle {
  font-size: 150%;
}

.p-lp-yane__bg-yellow {
  position: relative;
  background: #ffd75f;
  padding: 50px 20px;
}

.p-lp-yane__bg-white2 {
  position: relative;
  background: #fff;
  padding: 20px 20px 50px;
}

.p-lp-yane__form-title {
  font-weight: bold;
  margin-bottom: 20px;
  color: #000;
}

.p-lp-yane__button--home {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  width: 100%;
  border: 5px solid #3c3cb8;
  border-radius: 10px;
  background-color: #3c3cb8;
  box-shadow: 0 5px 0 #4d4d4d, 0 0 0 1px #fff inset;
  cursor: pointer;
  margin-bottom: 20px;
  transition: 0.3s;
}

.p-lp-yane__button--home:hover {
  box-shadow: 0 0 0,  0 0 0 1px #fff inset;
  transform: translateY(5px);
  text-decoration: none !important;
}

.p-lp-yane__button--home a {
  color: #fff !important;
}

.p-lp-yane__button--home a:hover {
  text-decoration: none !important;
}

.p-lp-yane__button--other {
  padding: 5px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  width: 100%;
  border: 5px solid #808080;
  border-radius: 10px;
  background-color: #808080;
  box-shadow: 0 5px 0 #4d4d4d, 0 0 0 1px #fff inset;
  cursor: pointer;
  transition: 0.3s;
}

.p-lp-yane__button--other:hover {
  box-shadow: 0 0 0,  0 0 0 1px #fff inset;
  transform: translateY(5px);
  text-decoration: none !important;
}

.p-lp-yane__button--other a {
  color: #fff !important;
}

.p-lp-yane__button--other a:hover {
  text-decoration: none !important;
}

.p-lp-yane__section-title {
  background-color: #3c3cb8;
  position: relative;
  padding: 40px 20px 20px !important;
  text-align: center;
}

.p-lp-yane__section-title h2 {
  font-weight: bold !important;
  color: #fff !important;
  background-color: inherit;
  border: none;
  margin-top: 0 !important;
  line-height: 1.3 !important;
}

.p-lp-yane__section-title h2:first-letter {
  border: none !important;
  color: #fff !important;
  font-size: 1.8rem !important;
}

.p-lp-yane__section-title--em {
  font-size: 200%;
  color: #ffd75f;
}

.p-lp-yane__arrow-yellow {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/img/yanekouji/yanekouji/01_triangle_yellow.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 125px;
  height: 30px;
}

.p-lp-yane__arrow-blue {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/img/yanekouji/yanekouji/01_triangle_blue2.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 125px;
  height: 30px;
}

.p-lp-yane__arrow-white {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("/img/yanekouji/yanekouji/01_triangle_white.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 125px;
  height: 30px;
}

.p-lp-yane__trouble-paturn--pc-image {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.p-lp-yane__trouble-case-contain {
  max-width: 100%;
}

.p-lp-yane__trouble-middle {
  font-weight: bold;
  margin: 20px 0 20px !important;
}

.p-lp-yane__trouble-large {
  margin-top: 50px !important;
  font-size: 22px;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
}

.p-lp-yane__trouble-reason {
  margin-top: 20px !important;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
}

.p-lp-yane__trouble-large--em {
  font-size: 160%;
  color: #3c3cb8;
}

.p-lp-yane__divide-content-margin {
  margin-bottom: 30px !important;
}

.p-lp-yane__merit-box {
  display: inline-block;
  background-color: #3c3cb8;
  font-weight: bold;
  padding: 10px 5px;
  text-align: center;
  color: #fff;
  line-height: 1.3;
  font-size: 14px;
}

.p-lp-yane__merit-box--em {
  font-size: 150%;
}

.p-lp-yane__merit-title {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  padding-left: 10px;
  margin-top: 0 !important;
  transform: translateY(-10px);
}

.p-lp-yane__merit-text {
  text-align: justify;
  font-size: 16px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.p-lp-yane__merit-image {
  margin-left: auto;
  margin-bottom: 50px;
}

.p-lp-yane__reason-title {
  border-left: 4px solid #3c3cb8;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5;
  padding-left: 10px;
}

.p-lp-yane__reason-title--em {
  font-size: 110%;
}

.p-lp-yane__howto-image {
  margin-left: auto;
}

.p-lp-yane__howtouse-card {
  border: 2px solid #3c3cb8;
}

.p-lp-yane__howtouse-box {
  display: inline-block;
  background-color: #3c3cb8;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  color: #fff;
  line-height: 1.3;
  font-size: 18px;
}

.p-lp-yane__howtouse-title {
  display: inline-block;
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  padding-left: 10px;
  margin-top: 0 !important;
  line-height: 1.3;
}

.p-lp-yane__howtouse-text {
  text-align: justify;
  font-size: 16px;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.p-lp-yane__arrow-blue-mini {
  width: 100px;
  margin: 30px auto;
}

.p-lp-yane__thought-text {
  margin-left: auto;
  letter-spacing: -0.5px;
}

.p-lp-yane__thought-text span {
  color: #3c3cb8;
}

.p-lp-yane__letter {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #ffff 50%, #ffff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #8c8c8c 98%, #8c8c8c 100%);
  background-size: 10px 100%, 100% 2em;
  line-height: 2;
}

.p-lp-yane__letter--intro {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #f7f7f7 50%, #f7f7f7 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #8c8c8c 98%, #8c8c8c 100%);
  background-size: 10px 100%, 100% 2em;
  line-height: 2;
}

.p-lp-yane__bg-blue {
  background-color: #8484db !important;
  border: 1px solid #8484db !important;
}

.p-lp-yane__bg-lightblue {
  background-color: #ededfa;
}

.p-lp-yane__bg-white {
  background-color: #fff;
}

.p-lp-yane__table-responsive {
  border-collapse: collapse;
  width: 90%;
  margin: 1em auto;
}

.p-lp-yane__table-responsive th,
.p-lp-yane__table-responsive td {
  padding: 0.5em 5%;
  vertical-align: top;
  text-align: left;
}

.p-lp-yane__table-responsive th {
  width: 20%;
}

.p-lp-yane__form-wrapper {
  margin: 0 auto;
  max-width: 100%;
}

.p-lp-yane__form-content {
  background: #fff;
  display: inline-block;
  color: #333;
  width: 100%;
  border-radius: 0;
  text-align: center;
}

.p-lp-yane__form-content-wrapper {
  padding: 20px;
}

.p-lp-yane__form-content-wrapper2 {
  padding: 5px 20px;
}

.p-lp-yane__form-step {
  margin: 0 0 20px;
}

.p-lp-yane__form-step img {
  margin: 0 auto;
}

.p-lp-yane__mitsumori-title {
  font-size: 20px;
  font-weight: bold;
  color: #666;
  margin: 15px 0 !important;
  font-feature-settings: 'palt';
  line-height: 1.3;
}

.p-lp-yane__personality-wrapper {
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
}

.p-lp-yane__personality-wrapper input {
  width: 100%;
}

.p-lp-yane__personality-wrapper label {
  font-weight: bold;
}

.p-lp-yane__prefecture {
  width: 100% !important;
}

.p-lp-yane__fixed-btn button {
  margin: 0px auto 0 !important;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #3c3cb8;
  padding: 10px 25px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 4px 0 #999;
  transition: 0.3s;
  transform: translateY(-4px);
}

.p-lp-yane__fixed-btn button:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.p-lp-yane__fixed-btn2 button {
  margin: 0px auto 0 !important;
  text-align: center;
  font-size: 19px;
  color: white;
  border: none;
  background-color: #3c3cb8;
  padding: 20px;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 4px 0 #999;
  transition: 0.3s;
  transform: translateY(-4px);
  line-height: 1.4;
}

.p-lp-yane__fixed-btn2 button:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.p-lp-yane__form-weaken {
  font-size: 70%;
}

.p-lp-yane__p-mark-box {
  background: #fff;
  display: inline-block;
  color: #333;
  width: 100%;
  border-radius: 0;
  text-align: center;
  margin-top: 25px !important;
  max-width: 100% !important;
}

.p-lp-yane__p-mark-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-lp-yane__p-mark-text-box {
  display: flex;
  align-items: center;
  text-align: justify;
}

.p-lp-yane__p-mark-text {
  padding: 0px 20px 20px;
  font-size: 14px;
}

.p-lp-yane__input-column {
  display: inline-block;
}

.cp_linetab {
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
}

.cp_linetab::before {
  color: #fff;
  content: "Q";
  top: -5px;
}

.cp_linetab input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.cp_linetab label {
  font-weight: bold;
  position: relative;
  display: block;
  cursor: pointer;
  background: #3c3cb8;
  padding: 15px;
}

.cp_linetab .cp_linetab-content {
  overflow: hidden;
  /*max-height: 0;*/
  margin-top: -10px;
  transition: max-height 0.3s;
  color: #333;
  padding: 0 0 0 12px;
  border: 2px solid #3c3cb8;
}

/*.cp_linetab input:checked ~ .cp_linetab-content {
max-height: 30em;
}*/

/*.cp_linetab label:after{
color: #fff;
content:" ▷";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 2em;
height: 2em;
font-size:18px;
}*/

/*.cp_linetab input:checked ~ label::after {
color: #fff;
content:" ▽";
}*/

.p-lp-yane__q-icon::before,
.p-lp-yane__a-icon::before {
  position: absolute;
  display: inline-block;
  font-size: 20px;
  left: 0;
}

.p-lp-yane__q-icon::before {
  color: #fff;
  content: "Q";
  top: 50%;
  transform: translateY(-50%);
}

.p-lp-yane__a-icon::before {
  font-weight: bold;
  content: "A";
  color: #3c3cb8;
  top: 50%;
  transform: translateY(-50%);
}

.p-lp-yane__q-icon,
.p-lp-yane__a-icon {
  position: relative;
  padding: 0 0 0 40px;
}

.p-lp-yane__a-icon {
  padding: 20px 25px 20px 50px;
  margin-top: 25px !important;
  margin-bottom: 15px !important;
}

.c-form__label-required {
  display: inline-block;
  font-size: 14px !important;
  width: 100%;
}

.c-form__label-required span {
  font-size: 13px;
}

.text-em {
  font-size: 1.6rem;
}

.management {
  border: 3px solid #623411;
  padding: 10px;
}

.mng-img {
  max-width: 200px;
}

.mng-sp2,
.mng-cp2 {
  margin: -10px auto 15px;
  max-width: 95%;
}

.p-lp-yane__merit-image {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.p-lp-yane__table-responsive th,
.p-lp-yane__table-responsive td {
  display: block;
  width: auto;
  border-bottom: none;
}

.p-lp-yane__a-word--image {
  width: 70%;
  margin: 30px auto !important;
}

.p-lp-yane__balloon-top {
  position: relative;
  display: inline-block;
  padding: 20px 15px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #3c3cb8;
  border-radius: 10px;
  box-sizing: border-box;
}

.p-lp-yane__balloon-top:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.p-lp-yane__balloon-top:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #3c3cb8;
  z-index: 1;
}

.p-lp-yane__balloon-top p {
  margin: 0;
  padding: 0;
}

.modal-h2-yane:first-letter {
  border: none !important;
  color: #000 !important;
  font-size: 2.2rem !important;
}

.p-lp-yane__medal {
  width: 100px;
  position: absolute;
  top: 70%;
  right: 2%;
}

.p-lp-yane__medal__pt04 {
  position: absolute;
  top: 5%;
  right: 70%;
  width: 90px;
}

/*フォーム改善用css*/

.form-nonselected,
.form-selected,
.form-select-nonselected,
.form-select-selected,
input.form-nonselected,
input.form-selected,
select.form-select-nonselected,
select.form-select-selected {
  border-width: 2px;
  border-style: solid;
  padding: 5px 10px;
}

.form-nonselected {
  background: rgba(238, 33, 33, 0.1) !important;
  border-color: #ee2121 !important;
}

.form-selected {
  background: #f1fff1 !important;
  border-color: #00c100 !important;
}

.form-select-selected {
  background: #f1fff1 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.5rem center;
  border-color: #00c100 !important;
  background-size: auto;
  background-size: 15px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-select-nonselected {
  border-color: #ee2121 !important;
  background: rgba(238, 33, 33, 0.1) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 1.5rem center;
  background-size: auto;
  background-size: 15px 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.p-lp-yane__form_input input {
  font-size: 1.6rem;
  width: 100%;
  height: 60px;
  padding: 0 48px;
  border: 1px solid rgba(128, 128, 128, 0.7);
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  border-radius: 0;
}

.p-lp-yane__form_select select {
  font-size: 1.6rem;
  width: 100%;
  height: 60px;
  padding: 0 48px;
  border: 1px solid rgba(128, 128, 128, 0.2);
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  border-radius: 0;
}

.p-lp-yane__form_input select:focus,
.p-lp-yane__form_input input:focus {
  padding: 0 47px;
}

.p-lp-yane__form_input2 input {
  font-size: 1.6rem;
  width: 100%;
  height: 40px;
  padding: 0 48px;
  border: 1px solid rgba(128, 128, 128, 0.7);
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  border-radius: 0;
}

.p-lp-yane__form_select2 select {
  font-size: 1.6rem;
  width: 100%;
  height: 40px;
  padding: 0 48px;
  border: 1px solid rgba(128, 128, 128, 0.2);
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  border-radius: 0;
}

.done-inputed::before {
  position: absolute;
  content: "";
  background-image: url("/img/yanekouji/form-check.png");
  background-repeat: no-repeat;
  background-size: contain;
  color: #00c100;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  height: 25px;
  width: 25px;
  z-index: 10;
  margin-left: 15px;
}

.arrow-yurayura {
  position: absolute;
  background-image: url("/img/yanekouji/yajirusi.png");
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  left: -3%;
  opacity: 1;
  height: 24px;
  width: 40px;
  z-index: 10;
  animation: yurayura 1s linear infinite alternate;
  -webkit-animation: yurayura 1s linear infinite alternate;
}

@keyframes yurayura {
  0% {
    left: 0;
  }

  100% {
    left: 15px;
  }
}

/*フォーム改善用cssここまで*/

.p-intro-yane__bg-gray {
  background-color: #f7f7f7;
}

.p-intro-yane__bg-blue {
  background-color: #dcdcf5;
  z-index: -50;
}

.p-intro-yane__top-logo {
  width: 200px;
  margin-bottom: 20px;
}

.p-intro-yane__title-ballon-bottom {
  position: relative;
  display: inline-block;
  padding: 7px 15px;
  color: #fff;
  font-size: 16px;
  background: #3c3cb8;
  border-radius: 5px;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 20px;
}

.p-intro-yane__title-ballon-bottom:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #3c3cb8;
}

.p-intro-yane__title-text {
  font-weight: bold;
  font-size: 22px;
}

.p-intro__top-image {
  margin: 30px auto;
  max-width: 400px;
}

.p-intro__service-direction--title {
  font-weight: bold;
  color: #3c3cb8;
}

.p-intro__service-direction--wrapper {
  padding: 20px;
  border: 3px solid #3c3cb8;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 3px 3px 3px #b4b4b5;
}

.p-intro__service-direction--howto {
  color: #3c3cb8;
  font-weight: bold;
  border-bottom: 2px solid #3c3cb8;
  padding-bottom: 10px;
  font-size: 20px;
  margin-top: 0 !important;
  font-weight: bold;
}

.p-intro__service-direction--text {
  font-size: 14px;
  text-align: center;
}

.p-intro__service-direction--text span {
  font-size: 120%;
  color: #3c3cb8;
  font-weight: bold;
}

.p-intro-allfree {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
}

.p-intro-allfree span {
  font-size: 200%;
  color: #3c3cb8;
}

.p-intro__four-feature--title {
  font-weight: bold;
  font-size: 28px;
  line-height: 1.3;
  margin: 0 auto 60px;
  background-color: #3c3cb8;
  padding: 20px 25px;
  color: #fff;
  border-radius: 100px;
}

.p-intro__four-feature--title span {
  font-size: 80%;
}

.p-intro__reason--title {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 auto 60px;
  background-color: #3c3cb8;
  padding: 20px 25px;
  color: #fff;
  border-radius: 10px;
}

.p-intro__feature-box {
  position: relative;
  background-color: #fff;
  border-radius: 15px;
  padding: 30px 20px;
  margin: 0 10px 40px;
  font-weight: bold;
  text-align: left;
  height: 140px;
  border: 5px solid #3c3cb8;
  box-shadow: 3px 3px 3px #b4b4b5;
}

.p-intro__feature-box span {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 200px;
  background-color: #3c3cb8;
  height: 50px;
  width: 50px;
  text-align: center;
  padding-top: 7px;
  top: -19%;
  left: 50%;
  transform: translateX(-50%);
}

.p-intro__free-acting--top {
  margin: 30px auto -50px !important;
  max-width: 400px;
  z-index: 100;
}

.p-intro__free-acting--title {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 2px;
}

.p-intro__free-acting--image {
  margin: 60px auto 0 !important;
}

.p-intro__trouble-solution--title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.p-intro-appeal-text {
  background-color: #3c3cb8;
  color: #fff;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  padding: 20px;
  line-height: 1.5;
  font-size: 24px;
}

.p-intro-appeal-text span {
  font-size: 130%;
}

.p-intro__appeal-ballon {
  position: relative;
  display: inline-block;
  padding: 15px;
  max-width: 80%;
  color: #555;
  font-size: 20px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 20px;
  line-height: 1.4;
}

.p-intro__appeal-ballon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.p-intro__appeal-ballon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.p-intro__cost-title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.p-intro__cost-title span {
  border-bottom: 3px solid #3c3cb8;
  padding-bottom: 7px;
}

.p-intro__cost-price {
  border: 2px solid #555;
  background-color: #fff;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: bold;
  width: -moz-max-content;
  width: max-content;
  margin: 40px auto 30px !important;
}

.p-intro__cost-tenpersent {
  color: #fff;
  background-color: #3c3cb8;
  border-radius: 200px;
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
  box-shadow: 3px 3px 3px #b4b4b5;
  width: 90%;
  margin: 0 auto;
}

.p-intro__about-title {
  font-weight: bold;
  line-height: 2.2;
  font-size: 16px;
  margin-top: 0 !important;
}

.p-intro__about-text {
  font-weight: bold;
  font-size: 14px;
  line-height: 2.3;
  text-align: left;
  padding: 0 20px;
}

.p-intro__contact-btn {
  background-color: #3c3cb8;
  padding: 10px 30px 15px;
  border-radius: 10px;
  box-shadow: 0px 3px 0 #5d5d5d;
  display: inline-block;
  color: #fff !important;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  transition: 0.3s;
  transform: translateY(-3px);
}

.p-intro__contact-btn span {
  font-size: 80%;
}

.p-intro__contact-btn:hover {
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none;
  transform: translateY(0px);
}

.p-intro__beforecontact-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 2;
  text-align: center;
  padding: 0 20px;
}

.p-lp-yane__billboard-underlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 35px 15px;
  border-radius: 10px;
}

.article-yane {
  margin: 0px 10px !important;
}

/*新フォームここから*/

.c-form__tabs {
  width: 100%;
  position: relative;
  text-align: center;
  z-index: 2;
}

.c-form__tab-buttons span {
  border-bottom: 2px solid #ddd;
  display: block;
  width: 33%;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 12px;
  color: #333;
}

.c-form__tab-content {
  background: #fff;
  display: inline-block;
  color: #333;
  width: 100%;
}

#lamp {
  width: 33%;
  height: 38px;
  background: #3c3cb8;
  display: block;
  position: absolute;
  top: 0px;
  z-index: -1;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
}

#lamp.c-form__content-step1 {
  left: 0;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
}

#lamp.c-form__content-step2 {
  left: 33%;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
}

#lamp.c-form__content-step3 {
  left: 66%;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
}

.c-form__option-chunk--wrapper {
  padding: 0 2px !important;
}

.c-form__step2-image-sm {
  display: block;
}

.c-form__step2-image-pc {
  display: none;
}

.c-form__option-chunk--roof label {
  border: 2px solid #666;
  padding: 2px 2px;
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
  display: inline-block;
}

.c-form__option-chunk--roof label img {
  pointer-events: none;
}

.c-form__option-chunk--roof input:checked + label {
  box-shadow: 0 0 0 3px #3c3cb8 inset;
  border-color: #3c3cb8;
}

.c-form__btn-box-chunk {
  position: relative;
}

.c-form__btn-box,
.c-form__btn-box--back {
  display: inline-block;
  align-items: center;
  justify-content: left;
}

.c-form__btn-box input {
  margin: 15px auto 0 !important;
  text-align: center;
  font-size: 16px;
  color: white;
  border: none;
  background-color: #3c3cb8;
  padding: 8px 50px !important;
  font-weight: bold;
  border-radius: 100px;
  box-shadow: 0 2px 0 #999 !important;
  transition: 0.3s;
  transform: translateY(-2px) !important;
}

.c-form__btn-box input:hover {
  box-shadow: none !important;
  transform: translateY(0px) !important;
}

.c-form__btn-box--back input {
  position: absolute;
  text-align: center;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  font-weight: bold;
  display: block;
  background: #fff;
  top: 42%;
  border-radius: 100px;
  padding: 5px 10px 5px !important;
  box-shadow: 0 2px 0 #999 !important;
  transition: 0.3s;
  transform: translateY(-2px) !important;
  margin: 0 !important;
}

.c-form__btn-box--back2 input {
  position: absolute;
  text-align: center;
  font-size: 13px;
  color: #999;
  border: 1px solid #999;
  font-weight: bold;
  display: block;
  background: #fff;
  top: 120%;
  border-radius: 100px;
  padding: 5px 10px 5px !important;
  box-shadow: 0 2px 0 #999 !important;
  transition: 0.3s;
  transform: translate(-50%, -2px) !important;
  margin: 0 !important;
  left: 50%;
}

.c-form__btn-box--back input:hover {
  box-shadow: none !important;
  transform: translateY(0px) !important;
}

.c-form__btn-box--back2 input:hover {
  box-shadow: none !important;
  transform: translate(-50%, 0px) !important;
}

.c-form__btn-box input[disabled] {
  background-color: #b3b3b3;
  cursor: default;
  box-shadow: none !important;
  transform: translateY(0px) !important;
}

.p-lp-yane__form-checkbox label {
  border: 2px solid #999;
  font-size: 14px;
  width: 100%;
  padding: 10px;
  font-weight: bold;
  cursor: pointer;
}

.p-lp-yane__form-checkbox input[type="checkbox"]:checked + label {
  border: 2px solid #3c3cb8;
  background-color: #3c3cb8;
  color: #fff;
}

#step1-letter {
  color: #fff;
  transition: 0.3s;
}

#step2-letter {
  transition: 0.3s;
}

#step3-letter {
  transition: 0.3s;
}

.form-termlink {
  margin-top: 60px;
}

/*新フォームここまで*/

.yane-formicon {
  display: inline-block;
  background-image: url("/img/yanekouji/formicon.png");
  width: 25px;
  height: 25px;
  background-size: cover;
  margin-left: 10px;
  transform: translateY(5px);
}

.p-lp-yane__phone-consultation-wrapper {
  background-color: #3c3cb8;
  border-radius: 10px;
  padding: 15px;
}

.p-lp-yane__phone-link {
  color: #fff;
}

.p-lp-yane__phone-link:hover {
  text-decoration: none;
}

.p-lp-yane__phone-consultation-text--1 {
  color: #fff;
  font-size: 16px;
  margin: 5px 0 !important;
}

.p-lp-yane__phone-consultation-text--2 {
  color: #fff;
  font-size: 26px;
  margin: 5px 0 !important;
}

.p-lp-yane__phone-consultation-text--2::before {
  display: inline-block;
  content: '';
  background-image: url("/img/yanekouji/phoneicon.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  transform: translateY(2px);
}

.p-lp-yane__phone-consultation-text--3 {
  color: #fff;
  font-size: 14px;
  margin: 5px 0 !important;
}

.p-lp-yane__phone-consultation-text--4 {
  color: #fff;
  text-decoration: underline;
  font-size: 20px;
  margin: 5px 0 !important;
}

.p-lp-yane__bbd-phone-wrapper {
  line-height: 1.05;
}

.p-lp-yane__bbd-phone-text {
  font-size: 14px;
  color: #666;
  font-weight: bold;
}

.p-lp-yane__bbd-phone-number {
  color: #3c3cb8;
  font-size: 32px;
  font-weight: bold;
}

.p-lp-yane__bbd-phone-number::before {
  content: '';
  display: inline-block;
  content: '';
  background-image: url("/img/yanekouji/phoneicon_bbd.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.alert button {
  font-size: 14px !important;
}

.p-intro-yane__title-text {
  font-size: 40px;
  letter-spacing: 12px;
}

.p-intro__top-image {
  max-width: 70%;
}

.p-intro__about-text {
  padding: 0 100px;
}

.p-lp__yanekouji-add-word {
  margin-top: 110px;
}

.p-lp__yanekouji-add-word {
  padding: 5px 15px 15px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.p-lp__yanekouji-add-word p {
  text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000 !important;
}

.yane__medal--blight-sm {
  position: absolute;
  height: 25%;
  right: 72%;
  top: 51%;
}

.yane__medal--blight-pc {
  position: absolute;
}

.p-lp__yane-medal-position-right {
  position: absolute;
  height: 20%;
  right: 26%;
  top: 80%;
}

.p-lp__yane-medal-position-left {
  position: absolute;
  height: 20%;
  right: 6%;
  top: 80%;
}

.bg-yane-blue {
  background-color: #3c3cb8;
}

.text-yane-blue {
  color: #3c3cb8;
}

/* background-controll start */

.bg-white-alpha1,
.bg.bg-white-alpha1 {
  background-color: rgba(255, 255, 255, 0.05);
}

.bg-white-alpha2,
.bg.bg-white-alpha2 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-alpha3,
.bg.bg-white-alpha3 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-alpha4,
.bg.bg-white-alpha4 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-alpha5,
.bg.bg-white-alpha5 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-alpha6,
.bg.bg-white-alpha6 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-alpha7,
.bg.bg-white-alpha7 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-alpha8,
.bg.bg-white-alpha8 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-alpha9,
.bg.bg-white-alpha9 {
  background-color: rgba(255, 255, 255, 0.95);
}

.bg-black-alpha1,
.bg.bg-black-alpha1 {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-black-alpha2,
.bg.bg-black-alpha2 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-alpha3,
.bg.bg-black-alpha3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-alpha4,
.bg.bg-black-alpha4 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-alpha5,
.bg.bg-black-alpha5 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-alpha6,
.bg.bg-black-alpha6 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-alpha7,
.bg.bg-black-alpha7 {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-alpha8,
.bg.bg-black-alpha8 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-alpha9,
.bg.bg-black-alpha9 {
  background-color: rgba(0, 0, 0, 0.95);
}

.bg-stripe-45,
.bg.bg-stripe-45 {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3) 100%);
  background-size: 10px 10px;
  background-repeat: repeat;
}

/* background-controll end */

/* border_controll start */

/* bootsrapが無いとき */

.border-1 {
  border: solid #f8f9fa 1px;
}

.border-top-1 {
  border-top: solid #f8f9fa 1px;
}

.border-right-1 {
  border-right: solid #f8f9fa 1px;
}

.border-bottom-1 {
  border-bottom: solid #f8f9fa 1px;
}

.border-left-1 {
  border-left: solid #f8f9fa 1px;
}

.border-2 {
  border: solid #f8f9fa 2px;
}

.border-top-2 {
  border-top: solid #f8f9fa 2px;
}

.border-right-2 {
  border-right: solid #f8f9fa 2px;
}

.border-bottom-2 {
  border-bottom: solid #f8f9fa 2px;
}

.border-left-2 {
  border-left: solid #f8f9fa 2px;
}

.border-3 {
  border: solid #f8f9fa 3px;
}

.border-top-3 {
  border-top: solid #f8f9fa 3px;
}

.border-right-3 {
  border-right: solid #f8f9fa 3px;
}

.border-bottom-3 {
  border-bottom: solid #f8f9fa 3px;
}

.border-left-3 {
  border-left: solid #f8f9fa 3px;
}

.border-4 {
  border: solid #f8f9fa 4px;
}

.border-top-4 {
  border-top: solid #f8f9fa 4px;
}

.border-right-4 {
  border-right: solid #f8f9fa 4px;
}

.border-bottom-4 {
  border-bottom: solid #f8f9fa 4px;
}

.border-left-4 {
  border-left: solid #f8f9fa 4px;
}

.border-5 {
  border: solid #f8f9fa 5px;
}

.border-top-5 {
  border-top: solid #f8f9fa 5px;
}

.border-right-5 {
  border-right: solid #f8f9fa 5px;
}

.border-bottom-5 {
  border-bottom: solid #f8f9fa 5px;
}

.border-left-5 {
  border-left: solid #f8f9fa 5px;
}

.border-6 {
  border: solid #f8f9fa 6px;
}

.border-top-6 {
  border-top: solid #f8f9fa 6px;
}

.border-right-6 {
  border-right: solid #f8f9fa 6px;
}

.border-bottom-6 {
  border-bottom: solid #f8f9fa 6px;
}

.border-left-6 {
  border-left: solid #f8f9fa 6px;
}

.border-7 {
  border: solid #f8f9fa 7px;
}

.border-top-7 {
  border-top: solid #f8f9fa 7px;
}

.border-right-7 {
  border-right: solid #f8f9fa 7px;
}

.border-bottom-7 {
  border-bottom: solid #f8f9fa 7px;
}

.border-left-7 {
  border-left: solid #f8f9fa 7px;
}

.border-8 {
  border: solid #f8f9fa 8px;
}

.border-top-8 {
  border-top: solid #f8f9fa 8px;
}

.border-right-8 {
  border-right: solid #f8f9fa 8px;
}

.border-bottom-8 {
  border-bottom: solid #f8f9fa 8px;
}

.border-left-8 {
  border-left: solid #f8f9fa 8px;
}

.border-9 {
  border: solid #f8f9fa 9px;
}

.border-top-9 {
  border-top: solid #f8f9fa 9px;
}

.border-right-9 {
  border-right: solid #f8f9fa 9px;
}

.border-bottom-9 {
  border-bottom: solid #f8f9fa 9px;
}

.border-left-9 {
  border-left: solid #f8f9fa 9px;
}

.border-10 {
  border: solid #f8f9fa 10px;
}

.border-top-10 {
  border-top: solid #f8f9fa 10px;
}

.border-right-10 {
  border-right: solid #f8f9fa 10px;
}

.border-bottom-10 {
  border-bottom: solid #f8f9fa 10px;
}

.border-left-10 {
  border-left: solid #f8f9fa 10px;
}

/* border_controll end */

@font-face {
  font-family: 'gt-fonts';
  src: url("../fonts/gt-fonts.eot?gwlrlp");
  src: url("../fonts/gt-fonts.eot?gwlrlp#iefix") format("embedded-opentype"), url("../fonts/gt-fonts.ttf?gwlrlp") format("truetype"), url("../fonts/gt-fonts.woff?gwlrlp") format("woff"), url("../fonts/gt-fonts.svg?gwlrlp#gt-fonts") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="gicon-"],
[class*=" gicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gt-fonts' !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;
}

.gicon-wall::before {
  content: "\e901";
  color: #4b4b4b;
}

.gicon-paint_bucket::before {
  content: "\e900";
  color: #4b4b4b;
}

.gicon-triangle_caution:before {
  content: "\e909";
}

.gicon-star:before {
  content: "\e901";
}

.gicon-link:before {
  content: "\e902";
}

.gicon-security:before {
  content: "\e903";
}

.gicon-phone:before {
  content: "\e904";
}

.gicon-arrow_right:before {
  content: "\e905";
}

.gicon-paint_bucket:before {
  content: "\e906";
}

.gicon-chevron_right:before {
  content: "\e907";
}

.gicon-roller:before {
  content: "\e908";
}

.gicon-triangle_caution:before {
  content: "\e909";
}

.gicon-business:before {
  content: "\e90a";
}

.gicon-document:before {
  content: "\e90b";
}

.gicon-circle_right:before {
  content: "\e90c";
}

.gicon-wall:before {
  content: "\e90d";
}

.gicon-light:before {
  content: "\e90e";
}

.gicon-dot-circle:before {
  content: "\e90f";
}

.gicon-question-circle:before {
  content: "\e910";
}

.gicon-question-circle02:before {
  content: "\e911";
}

.gicon-dot-circle02:before {
  content: "\e912";
}

.gicon-circle:before {
  content: "\e913";
}

.gicon-circle02:before {
  content: "\e914";
}

.gicon-square:before {
  content: "\e915";
}

.gicon-check-square:before {
  content: "\e916";
}

.gicon-star1:before {
  content: "\e917";
}

.gicon-link1:before {
  content: "\e918";
}

.gicon-security1:before {
  content: "\e919";
}

.gicon-phone1:before {
  content: "\e91a";
}

.gicon-arrow_right1:before {
  content: "\e91b";
}

.gicon-paint_bucket1:before {
  content: "\e91c";
}

.gicon-chevron_right1:before {
  content: "\e91d";
}

.gicon-roller1:before {
  content: "\e91e";
}

.gicon-triangle_caution1:before {
  content: "\e91f";
}

.gicon-business1:before {
  content: "\e920";
}

.gicon-document1:before {
  content: "\e921";
}

.gicon-circle_right1:before {
  content: "\e922";
}

.gicon-wall1:before {
  content: "\e923";
}

.gicon-light1:before {
  content: "\e924";
}

.gicon-dot-circle1:before {
  content: "\e925";
}

.gicon-question-circle1:before {
  content: "\e926";
}

.gicon-question-circle021:before {
  content: "\e927";
}

.gicon-dot-circle021:before {
  content: "\e928";
}

.gicon-circle1:before {
  content: "\e929";
}

.gicon-circle021:before {
  content: "\e92a";
}

.gicon-square1:before {
  content: "\e92b";
}

.gicon-check-square1:before {
  content: "\e92c";
}

.gicon-gt-lp-relief-attention .path1:before {
  content: "\e92d";
  color: #e96000;
}

.gicon-gt-lp-relief-attention .path2:before {
  content: "\e92e";
  margin-left: -1em;
  color: #fff;
}

.gicon-gt-lp-relief-listcheck:before {
  content: "\e900";
  color: #878686;
}

/* fontsize_controll start */

/* bootsrapが無いとき */

.f8-xs {
  font-size: 0.8rem !important;
}

.l8-xs {
  line-height: 0.8rem !important;
}

.h8-xs {
  line-height: 0.8 !important;
}

.f9-xs {
  font-size: 0.9rem !important;
}

.l9-xs {
  line-height: 0.9rem !important;
}

.h9-xs {
  line-height: 0.9 !important;
}

.f10-xs {
  font-size: 1rem !important;
}

.l10-xs {
  line-height: 1rem !important;
}

.h10-xs {
  line-height: 1 !important;
}

.f11-xs {
  font-size: 1.1rem !important;
}

.l11-xs {
  line-height: 1.1rem !important;
}

.h11-xs {
  line-height: 1.1 !important;
}

.f12-xs {
  font-size: 1.2rem !important;
}

.l12-xs {
  line-height: 1.2rem !important;
}

.h12-xs {
  line-height: 1.2 !important;
}

.f13-xs {
  font-size: 1.3rem !important;
}

.l13-xs {
  line-height: 1.3rem !important;
}

.h13-xs {
  line-height: 1.3 !important;
}

.f14-xs {
  font-size: 1.4rem !important;
}

.l14-xs {
  line-height: 1.4rem !important;
}

.h14-xs {
  line-height: 1.4 !important;
}

.f15-xs {
  font-size: 1.5rem !important;
}

.l15-xs {
  line-height: 1.5rem !important;
}

.h15-xs {
  line-height: 1.5 !important;
}

.f16-xs,
.c-author__body-box__text-box__title-text {
  font-size: 1.6rem !important;
}

.l16-xs {
  line-height: 1.6rem !important;
}

.h16-xs {
  line-height: 1.6 !important;
}

.f17-xs {
  font-size: 1.7rem !important;
}

.l17-xs {
  line-height: 1.7rem !important;
}

.h17-xs {
  line-height: 1.7 !important;
}

.f18-xs {
  font-size: 1.8rem !important;
}

.l18-xs {
  line-height: 1.8rem !important;
}

.h18-xs {
  line-height: 1.8 !important;
}

.f19-xs {
  font-size: 1.9rem !important;
}

.l19-xs {
  line-height: 1.9rem !important;
}

.h19-xs {
  line-height: 1.9 !important;
}

.f20-xs {
  font-size: 2rem !important;
}

.l20-xs {
  line-height: 2rem !important;
}

.h20-xs {
  line-height: 2 !important;
}

.f22-xs {
  font-size: 2.2rem !important;
}

.l22-xs {
  line-height: 2.2rem !important;
}

.h22-xs {
  line-height: 2.2 !important;
}

.f24-xs {
  font-size: 2.4rem !important;
}

.l24-xs {
  line-height: 2.4rem !important;
}

.h24-xs {
  line-height: 2.4 !important;
}

.f26-xs {
  font-size: 2.6rem !important;
}

.l26-xs {
  line-height: 2.6rem !important;
}

.h26-xs {
  line-height: 2.6 !important;
}

.f28-xs {
  font-size: 2.8rem !important;
}

.l28-xs {
  line-height: 2.8rem !important;
}

.h28-xs {
  line-height: 2.8 !important;
}

.f30-xs {
  font-size: 3rem !important;
}

.l30-xs {
  line-height: 3rem !important;
}

.h30-xs {
  line-height: 3 !important;
}

.f32-xs {
  font-size: 3.2rem !important;
}

.l32-xs {
  line-height: 3.2rem !important;
}

.h32-xs {
  line-height: 3.2 !important;
}

.f34-xs {
  font-size: 3.4rem !important;
}

.l34-xs {
  line-height: 3.4rem !important;
}

.h34-xs {
  line-height: 3.4 !important;
}

.f36-xs {
  font-size: 3.6rem !important;
}

.l36-xs {
  line-height: 3.6rem !important;
}

.h36-xs {
  line-height: 3.6 !important;
}

.f38-xs {
  font-size: 3.8rem !important;
}

.l38-xs {
  line-height: 3.8rem !important;
}

.h38-xs {
  line-height: 3.8 !important;
}

.f40-xs {
  font-size: 4rem !important;
}

.l40-xs {
  line-height: 4rem !important;
}

.h40-xs {
  line-height: 4 !important;
}

.f44-xs {
  font-size: 4.4rem !important;
}

.l44-xs {
  line-height: 4.4rem !important;
}

.h44-xs {
  line-height: 4.4 !important;
}

.f48-xs {
  font-size: 4.8rem !important;
}

.l48-xs {
  line-height: 4.8rem !important;
}

.h48-xs {
  line-height: 4.8 !important;
}

.f56-xs {
  font-size: 5.6rem !important;
}

.l56-xs {
  line-height: 5.6rem !important;
}

.h56-xs {
  line-height: 5.6 !important;
}

.f64-xs {
  font-size: 6.4rem !important;
}

.l64-xs {
  line-height: 6.4rem !important;
}

.h64-xs {
  line-height: 6.4 !important;
}

.f72-xs {
  font-size: 7.2rem !important;
}

.l72-xs {
  line-height: 7.2rem !important;
}

.h72-xs {
  line-height: 7.2 !important;
}

.f80-xs {
  font-size: 8rem !important;
}

.l80-xs {
  line-height: 8rem !important;
}

.h80-xs {
  line-height: 8 !important;
}

.f88-xs {
  font-size: 8.8rem !important;
}

.l88-xs {
  line-height: 8.8rem !important;
}

.h88-xs {
  line-height: 8.8 !important;
}

.f90-xs {
  font-size: 9rem !important;
}

.l90-xs {
  line-height: 9rem !important;
}

.h90-xs {
  line-height: 9 !important;
}

.f96-xs {
  font-size: 9.6rem !important;
}

.l96-xs {
  line-height: 9.6rem !important;
}

.h96-xs {
  line-height: 9.6 !important;
}

.accent {
  font-size: 125%;
}

.accent--x110 {
  font-size: 110%;
}

.accent--x125 {
  font-size: 125%;
}

.accent--x150 {
  font-size: 150%;
}

.accent--x175 {
  font-size: 175%;
}

.accent--x200 {
  font-size: 200%;
}

.weaken {
  font-size: 80%;
}

.small {
  font-size: 50%;
}

.strong,
.c-author__body-box__text-box__title-text {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

/* fontsize_controll end */

/* space_controll start */

/* bootsrapが無いとき */

.m0-xs {
  margin: 0px !important;
}

.mt0-xs {
  margin-top: 0px !important;
}

.mr0-xs {
  margin-right: 0px !important;
}

.mb0-xs {
  margin-bottom: 0px !important;
}

.ml0-xs {
  margin-left: 0px !important;
}

.mx0-xs {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.my0-xs {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mtn0-xs {
  margin-top: 0px !important;
}

.mrn0-xs {
  margin-right: 0px !important;
}

.mbn0-xs {
  margin-bottom: 0px !important;
}

.mln0-xs {
  margin-left: 0px !important;
}

.mnx0-xs,
.mxn0-xs {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.p0-xs {
  padding: 0px !important;
}

.pt0-xs {
  padding-top: 0px !important;
}

.pr0-xs {
  padding-right: 0px !important;
}

.pb0-xs {
  padding-bottom: 0px !important;
}

.pl0-xs {
  padding-left: 0px !important;
}

.px0-xs {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.py0-xs {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.m1-xs {
  margin: 5px !important;
}

.mt1-xs {
  margin-top: 5px !important;
}

.mr1-xs {
  margin-right: 5px !important;
}

.mb1-xs {
  margin-bottom: 5px !important;
}

.ml1-xs {
  margin-left: 5px !important;
}

.mx1-xs {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.my1-xs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mtn1-xs {
  margin-top: -5px !important;
}

.mrn1-xs {
  margin-right: -5px !important;
}

.mbn1-xs {
  margin-bottom: -5px !important;
}

.mln1-xs {
  margin-left: -5px !important;
}

.mnx1-xs,
.mxn1-xs {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.p1-xs {
  padding: 5px !important;
}

.pt1-xs {
  padding-top: 5px !important;
}

.pr1-xs {
  padding-right: 5px !important;
}

.pb1-xs {
  padding-bottom: 5px !important;
}

.pl1-xs {
  padding-left: 5px !important;
}

.px1-xs {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.py1-xs,
.c-author__header-box {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.m2-xs {
  margin: 10px !important;
}

.mt2-xs {
  margin-top: 10px !important;
}

.mr2-xs {
  margin-right: 10px !important;
}

.mb2-xs {
  margin-bottom: 10px !important;
}

.ml2-xs {
  margin-left: 10px !important;
}

.mx2-xs {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.my2-xs {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mtn2-xs {
  margin-top: -10px !important;
}

.mrn2-xs {
  margin-right: -10px !important;
}

.mbn2-xs {
  margin-bottom: -10px !important;
}

.mln2-xs {
  margin-left: -10px !important;
}

.mnx2-xs,
.mxn2-xs {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.p2-xs {
  padding: 10px !important;
}

.pt2-xs {
  padding-top: 10px !important;
}

.pr2-xs {
  padding-right: 10px !important;
}

.pb2-xs {
  padding-bottom: 10px !important;
}

.pl2-xs {
  padding-left: 10px !important;
}

.px2-xs {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.py2-xs {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.m3-xs {
  margin: 15px !important;
}

.mt3-xs {
  margin-top: 15px !important;
}

.mr3-xs {
  margin-right: 15px !important;
}

.mb3-xs {
  margin-bottom: 15px !important;
}

.ml3-xs {
  margin-left: 15px !important;
}

.mx3-xs {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.my3-xs {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mtn3-xs {
  margin-top: -15px !important;
}

.mrn3-xs {
  margin-right: -15px !important;
}

.mbn3-xs {
  margin-bottom: -15px !important;
}

.mln3-xs {
  margin-left: -15px !important;
}

.mnx3-xs,
.mxn3-xs {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.p3-xs {
  padding: 15px !important;
}

.pt3-xs {
  padding-top: 15px !important;
}

.pr3-xs {
  padding-right: 15px !important;
}

.pb3-xs {
  padding-bottom: 15px !important;
}

.pl3-xs {
  padding-left: 15px !important;
}

.px3-xs {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.py3-xs {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.m4-xs {
  margin: 20px !important;
}

.mt4-xs {
  margin-top: 20px !important;
}

.mr4-xs {
  margin-right: 20px !important;
}

.mb4-xs {
  margin-bottom: 20px !important;
}

.ml4-xs {
  margin-left: 20px !important;
}

.mx4-xs {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.my4-xs {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mtn4-xs {
  margin-top: -20px !important;
}

.mrn4-xs {
  margin-right: -20px !important;
}

.mbn4-xs {
  margin-bottom: -20px !important;
}

.mln4-xs {
  margin-left: -20px !important;
}

.mnx4-xs,
.mxn4-xs {
  margin-right: -20px !important;
  margin-left: -20px !important;
}

.p4-xs {
  padding: 20px !important;
}

.pt4-xs {
  padding-top: 20px !important;
}

.pr4-xs {
  padding-right: 20px !important;
}

.pb4-xs {
  padding-bottom: 20px !important;
}

.pl4-xs {
  padding-left: 20px !important;
}

.px4-xs {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.py4-xs {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.m5-xs {
  margin: 25px !important;
}

.mt5-xs {
  margin-top: 25px !important;
}

.mr5-xs {
  margin-right: 25px !important;
}

.mb5-xs {
  margin-bottom: 25px !important;
}

.ml5-xs {
  margin-left: 25px !important;
}

.mx5-xs {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.my5-xs {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mtn5-xs {
  margin-top: -25px !important;
}

.mrn5-xs {
  margin-right: -25px !important;
}

.mbn5-xs {
  margin-bottom: -25px !important;
}

.mln5-xs {
  margin-left: -25px !important;
}

.mnx5-xs,
.mxn5-xs {
  margin-right: -25px !important;
  margin-left: -25px !important;
}

.p5-xs {
  padding: 25px !important;
}

.pt5-xs {
  padding-top: 25px !important;
}

.pr5-xs {
  padding-right: 25px !important;
}

.pb5-xs {
  padding-bottom: 25px !important;
}

.pl5-xs {
  padding-left: 25px !important;
}

.px5-xs {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.py5-xs {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.m6-xs {
  margin: 30px !important;
}

.mt6-xs {
  margin-top: 30px !important;
}

.mr6-xs {
  margin-right: 30px !important;
}

.mb6-xs {
  margin-bottom: 30px !important;
}

.ml6-xs {
  margin-left: 30px !important;
}

.mx6-xs {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.my6-xs {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mtn6-xs {
  margin-top: -30px !important;
}

.mrn6-xs {
  margin-right: -30px !important;
}

.mbn6-xs {
  margin-bottom: -30px !important;
}

.mln6-xs {
  margin-left: -30px !important;
}

.mnx6-xs,
.mxn6-xs {
  margin-right: -30px !important;
  margin-left: -30px !important;
}

.p6-xs {
  padding: 30px !important;
}

.pt6-xs {
  padding-top: 30px !important;
}

.pr6-xs {
  padding-right: 30px !important;
}

.pb6-xs {
  padding-bottom: 30px !important;
}

.pl6-xs {
  padding-left: 30px !important;
}

.px6-xs {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.py6-xs {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.m7-xs {
  margin: 35px !important;
}

.mt7-xs {
  margin-top: 35px !important;
}

.mr7-xs {
  margin-right: 35px !important;
}

.mb7-xs {
  margin-bottom: 35px !important;
}

.ml7-xs {
  margin-left: 35px !important;
}

.mx7-xs {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.my7-xs {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mtn7-xs {
  margin-top: -35px !important;
}

.mrn7-xs {
  margin-right: -35px !important;
}

.mbn7-xs {
  margin-bottom: -35px !important;
}

.mln7-xs {
  margin-left: -35px !important;
}

.mnx7-xs,
.mxn7-xs {
  margin-right: -35px !important;
  margin-left: -35px !important;
}

.p7-xs {
  padding: 35px !important;
}

.pt7-xs {
  padding-top: 35px !important;
}

.pr7-xs {
  padding-right: 35px !important;
}

.pb7-xs {
  padding-bottom: 35px !important;
}

.pl7-xs {
  padding-left: 35px !important;
}

.px7-xs {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.py7-xs {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.m8-xs {
  margin: 40px !important;
}

.mt8-xs {
  margin-top: 40px !important;
}

.mr8-xs {
  margin-right: 40px !important;
}

.mb8-xs {
  margin-bottom: 40px !important;
}

.ml8-xs {
  margin-left: 40px !important;
}

.mx8-xs {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.my8-xs {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mtn8-xs {
  margin-top: -40px !important;
}

.mrn8-xs {
  margin-right: -40px !important;
}

.mbn8-xs {
  margin-bottom: -40px !important;
}

.mln8-xs {
  margin-left: -40px !important;
}

.mnx8-xs,
.mxn8-xs {
  margin-right: -40px !important;
  margin-left: -40px !important;
}

.p8-xs {
  padding: 40px !important;
}

.pt8-xs {
  padding-top: 40px !important;
}

.pr8-xs {
  padding-right: 40px !important;
}

.pb8-xs {
  padding-bottom: 40px !important;
}

.pl8-xs {
  padding-left: 40px !important;
}

.px8-xs {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.py8-xs {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.mx-auto-xs {
  margin-right: auto;
  margin-left: auto;
}

/* space_controll end */

img.alignleft,
img.text_left {
  margin: 5px 20px 5px 0;
}

img.alignright,
img.text_right {
  margin: 5px 0 5px 20px;
}

.text_left,
.text_left th,
.text-left,
.text-left th {
  text-align: left;
}

.text_right,
.text_right th,
.text-right,
.text-right th {
  text-align: right;
}

.text_center,
.text_center th,
.text-center,
.c-author__header-box,
.text-center th,
.c-author__header-box th {
  text-align: center;
}

.text_middle th,
th.text_middle,
.text_middle td,
td.text_middle,
.table.text_middle th,
.table th.text_middle,
.table.text_middle td,
.table td.text_middle,
.text-middle th,
th.text-middle,
.text-middle td,
td.text-middle,
.table.text-middle th,
.table th.text-middle,
.table.text-middle td,
.table td.text-middle {
  vertical-align: middle;
}

.text_top th,
th.text_top,
.text_top td,
td.text_top,
.table.text_top th,
.table th.text_top,
.table.text_top td,
.table td.text_top,
.text-top th,
th.text-top,
.text-top td,
td.text-top,
.table.text-top th,
.table th.text-top,
.table.text-top td,
.table td.text-top {
  vertical-align: top;
}

.text_bottom th,
th.text_bottom,
.text_bottom td,
td.text_bottom,
.table.text_bottom th,
.table th.text_bottom,
.table.text_bottom td,
.table td.text_bottom,
.text-bottom th,
th.text-bottom,
.text-bottom td,
td.text-bottom,
.table.text-bottom th,
.table th.text-bottom,
.table.text-bottom td,
.table td.text-bottom {
  vertical-align: bottom;
}

/* size_controll start */

.wd10-xs {
  width: 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.wd20-xs {
  width: 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.wd25-xs {
  width: 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.wd33-xs {
  width: 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.wd40-xs {
  width: 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.wd50-xs {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.wd60-xs {
  width: 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.wd66-xs {
  width: 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.wd75-xs {
  width: 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.wd90-xs {
  width: 90%;
  flex: 0 0 90%;
  max-width: 90%;
}

.wd100-xs {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* size_controll end */

/* 蓄電池lp css */

.pages-lp-battery {
  font-family: 'ヒラギノ角ゴシック Pro', 'Yu Gothic', 'YuGothic', '游ゴシック体', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
  /* form end*/
}

.pages-lp-battery__header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  background-color: #fff;
  box-shadow: 0 2px 3px #6c757d;
  border-bottom: none;
}

.pages-lp-battery__splogo {
  width: 160px;
}

.pages-lp-battery__splogo-img {
  width: 65%;
  max-width: 160px;
  padding: 8px 0;
}

.pages-lp-battery__phone-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 3px 5px 6px 5px;
  text-align: center;
  border: 1px solid #6c757d;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 1px 1px 0 #adb5bd;
}

.pages-lp-battery__content {
  padding-top: 60px;
}

.pages-lp-battery__bbd {
  height: 350px;
  padding-top: 50px;
  background: url(/img/lp-solar-chikudenchi/lp-battery-bbd-xs.jpg) no-repeat bottom/cover;
}

.pages-lp-battery__bbd--fvform {
  background: url(/img/lp-solar-chikudenchi/lp-battery-bbd-xs.jpg) no-repeat bottom/cover;
}

.pages-lp-battery__bbd--fvform-pair {
  background: url(/img/lp-solar-chikudenchi/lp-battery-bbd-xs-pair.jpg) no-repeat bottom/cover;
}

.pages-lp-battery__bbd--fvform-illust {
  background: url(/img/lp-solar-chikudenchi/lp-battery-bbd-xs-illust.jpg) no-repeat bottom/cover;
}

.pages-lp-battery__bbd-pt01 {
  height: 350px;
  padding-top: 10px;
  background: url(/img/lp-solar-chikudenchi/lp-battery-bbd-xs.jpg) no-repeat bottom/cover;
}

.pages-lp-battery__h1 {
  font-weight: bold;
  line-height: 1.3;
  padding: 0;
  letter-spacing: 2px;
  text-shadow: 3px 3px 10px #000;
}

.pages-lp-battery__h1--large {
  font-size: 150%;
}

.pages-lp-battery__h1--text {
  line-height: 1.5;
  display: block;
  margin-left: 10px;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 2px 2px 7px #000;
}

.pages-lp-battery__h2 {
  display: inline-block;
  position: relative;
  font-size: 2.3rem;
  font-weight: 900;
  margin-bottom: 12px;
  padding-bottom: 15px;
}

.pages-lp-battery__h2::before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 5px;
  width: 100%;
  border-bottom: 2px dotted #3C1E05;
}

.pages-lp-battery__h2::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px dotted #3C1E05;
}

.pages-lp-battery__square {
  position: relative;
  width: 60px;
  height: 60px;
  background: #FFCD37;
}

.pages-lp-battery__square span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
}

.pages-lp-battery__textarea {
  box-sizing: border-box;
}

.pages-lp-battery__textarea-space {
  display: inline-block;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.pages-lp-battery__question {
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  flex-shrink: 1;
}

.pages-lp-battery__question::before {
  content: "Q.";
  font-family: Century;
  font-size: 40px;
  line-height: 1.4;
  width: 70px;
}

.pages-lp-battery__answer {
  line-height: 1.4;
  position: relative;
  display: flex;
  align-items: flex-end;
  color: #EF821E;
  flex-grow: 1;
  flex-shrink: 1;
}

.pages-lp-battery__answer::before {
  content: "A.";
  font-family: Century;
  font-size: 40px;
  line-height: 1.4;
  width: 70px;
}

.pages-lp-battery__ballon--deepbrown {
  position: relative;
  max-width: 100%;
  padding: 6px 10px;
  letter-spacing: 1px;
  color: #fff;
  background: #3C1E05;
  font-feature-settings: "palt" 1;
}

.pages-lp-battery__ballon--deepbrown::before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  content: "";
  border: 15px solid transparent;
  border-top: 15px solid #3C1E05;
}

.pages-lp-battery__box-shadow {
  display: block;
  box-shadow: 1px 1px 3px #343a40;
}

.pages-lp-battery__service-item {
  display: inline-block;
  max-width: 45%;
  margin: 0 8px 20px 0;
}

.pages-lp-battery__table th {
  color: #ffffff;
  vertical-align: middle;
}

.pages-lp-battery__table td {
  text-align: left;
}

.pages-lp-battery__table th,
.pages-lp-battery__table td {
  padding: 15px 30px;
}

.pages-lp-battery-form__ballon {
  position: relative;
  display: inline-block;
  background-color: #fff;
}

.pages-lp-battery-form__ballon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffffff;
}

.pages-lp-battery-form__btn-bt {
  background-color: #FFCD37;
  box-shadow: 0 5px 0 #AF8C35;
  transform: translateY(-3px);
}

.pages-lp-battery-form__btn-bt:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.pages-lp-battery-form__btn-sl {
  box-shadow: 0 5px 0 #547F3B;
  transform: translateY(-3px);
}

.pages-lp-battery-form__btn-sl:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.pages-lp-battery-form__label {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  display: block;
  cursor: pointer;
  color: #64C832;
  border: 2px solid #8cc63f;
  border-radius: 7px;
  transition: 0.2s;
  box-shadow: 0 3px 0 #888;
  transform: translateY(-3px);
}

.pages-lp-battery-form__label:hover {
  box-shadow: none;
  transform: translateY(0px);
}

.pages-lp-battery-form__label--battery {
  border: 2px solid #ffcd37;
  color: #ffcd37;
}

.pages-lp-battery-form__button {
  border: none;
  background-color: #fff;
  box-shadow: none;
  padding: 0;
}

/* .pages-lp-battery end*/

input:checked + label.pages-lp-battery-form__label {
  font-weight: bold;
  color: #f0831e;
  border-color: #f0831e;
}

.pages-lp-battery-form__label-solar {
  background: url(/img/lp-solar-chikudenchi/form-solar-green.png) no-repeat center/90%;
}

.pages-lp-battery-form__label-battery {
  background: url(/img/lp-solar-chikudenchi/form-battery-yellow.png) no-repeat center/80%;
}

.pages-lp-battery-form__label-solar {
  width: 100px;
  height: 60px;
  margin: auto;
}

.pages-lp-battery-form__label-battery {
  width: 80px;
  height: 60px;
  margin: auto;
}

.pages-lp-battery__disaster-image img {
  width: 100%;
}

/* ここから各蓄電池メーカーのcss */

.pages-lp-battery__space {
  margin-top: 50px;
}

.pages-lp-battery__rank-box {
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.pages-lp-battery__rank01::before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(/img/post/maker-ranking/maker-crown-gold.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.pages-lp-battery__rank02::before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(/img/post/maker-ranking/maker-crown-silver.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.pages-lp-battery__rank03::before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(/img/post/maker-ranking/maker-crown-coper.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.pages-lp-battery__box-row {
  background: linear-gradient(90deg, #FFCD37 0%, #FFCD37 50%, #ffffff 50%, #ffffff 100%);
  display: flex;
  width: 100%;
  height: 60px;
  margin: 25px 0;
  border: 5px solid #FFCD37;
  align-items: center;
}

.pages-lp-battery__box-col {
  background: linear-gradient(180deg, #FFCD37 0%, #FFCD37 50%, #ffffff 50%, #ffffff 100%);
  display: flex;
  width: 100%;
  height: 100px;
  border: 5px solid #FFCD37;
  align-items: center;
}

.pages-lp-battery__shadow-brown {
  box-shadow: 8px 8px #3C1E05;
}

.pages-lp-battery__arrow-box {
  position: relative;
}

.pages-lp-battery__arrow-box::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 30%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 80px 0 80px;
  border-color: #FFCD37 transparent transparent transparent;
}

.pages-lp-maker_ranking__box {
  box-shadow: 0 5px 5px #7d7d7d;
  padding: 40px 20px;
  margin: 80px -20px 0;
}

.pages-lp-maker_ranking__h3 h3 {
  display: inline-block;
  font-size: 18px;
  vertical-align: bottom;
  border: none;
}

.pages-lp-maker_ranking__graph {
  width: 90%;
  margin: 30px auto 0;
}

.pages-lp-maker_ranking__h4 h4 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 0;
  border: none;
}

.pages-lp-maker_ranking__h4 h4::before {
  content: none;
}

.pages-lp-maker_ranking__text p {
  font-feature-settings: 'palt';
  line-height: 1.7;
  letter-spacing: 0.5px;
  margin-top: 10px;
}

.pages-lp-maker_ranking__table {
  margin-top: 10px;
}

.pages-lp-maker_ranking__table th {
  background-color: #00a5ff;
  color: #fff;
}

.pages-lp-maker_ranking__btn-detail {
  display: inline-block;
  background-color: #ef821e;
  padding: 10px 25px;
  border-radius: 500px;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 1px;
  transition: 0.3s;
}

.pages-lp-maker_ranking__btn-detail:hover {
  color: #fff;
  text-decoration: none;
  background-color: #00a5ff;
}

.pages-lp-maker_ranking__btn-detail:visited {
  color: #fff;
}

.pages-lp-maker_ranking__item {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-left: 10px;
  vertical-align: bottom;
  margin-bottom: 1px;
  text-decoration: none;
}

.pages-lp-maker_ranking__item a {
  color: #333;
  margin-bottom: 0;
}

.pages-lp-maker_ranking__item:visited {
  color: #333;
}

.lp-choose-maker__h3 {
  padding: 10px;
  background: #eef9ff;
  border-bottom: solid 3px #00a5ff;
}

.lp-choose-maker__circle {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #B92D1E;
}

.lp-choose-maker__circle span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
}

.lp-choose-maker__box {
  box-shadow: 0 5px 5px #7d7d7d;
  padding: 40px 20px;
  margin: 80px 0;
}

.pages-lp-merit-bbd {
  background-image: url("/img/lp-demerit/lp-demerit-bbd-sm.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 100%;
  height: auto;
  margin: auto;
}

.pages-lp-merit--orange {
  color: #f0831e;
}

.pages-lp-merit--blue {
  color: #0071bc;
}

.pages-lp-merit--bg-orange {
  background-color: #f0831c;
}

.pages-lp-merit--bg-paleorange {
  background-color: #fcefe6;
}

.pages-lp-merit--bg-blue {
  background-color: #0071bc;
}

.pages-lp-merit--bg-paleblue {
  background-color: #e3eff8;
}

.pages-lp-merit__bbd-merit {
  background: url("/img/lp-demerit/bbd-merit-sm.jpg") no-repeat center/cover;
  width: 100%;
  height: 200px;
  margin: auto;
}

.pages-lp-merit__h2-mark {
  position: relative;
  height: 62.5px;
  box-shadow: 6px 0px 6px -0.5px #909090;
  z-index: 2;
}

.pages-lp-merit__h2-text {
  position: absolute;
  color: #fff;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  font-size: 10px;
  font-feature-settings: 'palt';
  width: 100px;
}

.pages-lp-merit__h2-sub {
  font-feature-settings: 'palt';
  letter-spacing: 1px;
  position: absolute;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

.pages-lp-merit-catch {
  display: inline-block;
  background-color: #fff;
  color: #f0831e;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 20px;
  z-index: 2;
  letter-spacing: 1px;
  font-size: 14px;
}

.pages-lp-merit-catch__box {
  border: 2px solid #f0831e;
  border-radius: 7.5px;
  padding: 30px 30px;
  margin-top: -20px;
  z-index: 1;
  margin-bottom: 30px;
}

.pages-lp-merit-catch__text {
  text-align: justify;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: 'palt';
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
}

.pages-lp-merit__button {
  display: inline-block;
  font-weight: bold;
  background-color: #f0831e;
  border-radius: 50px;
  padding: 10px 35px;
  box-shadow: 0px 4px 0px #592400;
  font-feature-settings: 'palt';
  letter-spacing: 1px;
}

.pages-lp-merit__button:hover {
  text-decoration: none;
  box-shadow: none;
  opacity: 0.8;
  transition: 0.1s;
  transform: translateY(4px);
  color: #fff;
}

.pages-lp-merit__bbd-demerit {
  background: url("/img/lp-demerit/bbd-demerit-sm.jpg") no-repeat center/cover;
  height: 200px;
  margin: auto;
}

.pages-lp-merit__pointbox {
  position: relative;
  border: solid 3px #FFCC01;
  border-radius: 10px;
  margin: 30px 0;
  padding: 15px;
}

.pages-lp-merit__pointbox--title {
  position: absolute;
  top: -18px;
  left: 10px;
  padding: 0 10px;
  line-height: 1;
  font-size: 24px;
  background: #FFF;
  color: #FFCC01;
}

.pages-lp-merit__letter-space {
  letter-spacing: 0.1em;
}

.box11 {
  padding: 0.5em 1em;
  margin: 2em 0;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.pages-lp-booklet__bgorange {
  background-color: #ef821e;
}

.pages-lp-booklet__orange {
  color: #F60;
}

.pages-lp-booklet__wrapper {
  padding: 35px 35px 50px;
}

.pages-lp-booklet__inner {
  max-width: 600px;
  margin: 0 auto;
}

.pages-lp-booklet__image {
  box-shadow: 2px 2px 2px #914c0c;
  transform: rotate(10deg);
  width: 50%;
}

.pages-lp-booklet__image-form {
  max-width: 40% !important;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 1;
}

.pages-lp-booklet__form {
  padding: 50px 30px 0px 30px;
  margin-right: -5px;
  min-height: 100vh;
}

.pages-lp-booklet__form-label {
  background-color: #E6855E;
}

.pages-lp-booklet__form-button {
  background-color: #ef821e;
  padding: 5px 40px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  border-radius: 100px;
  border: 1px solid #ef821e;
  margin-bottom: 10px;
}

.pages-lp-booklet__form-button:hover {
  opacity: 0.75;
  transition: 0.5s;
}

.pages-lp-use-electricity__bbd {
  background-image: url("/img/lp-use-electricity/lp-use-electricity-bbd-sm.jpg");
  background-size: cover;
  background-position: 60% 55%;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 100%;
  height: auto;
  margin: auto;
  padding-bottom: 30px;
  max-height: 600px;
}

.pages-lp-use-electricity__baloon {
  position: relative;
  display: inline-block;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #F0831E;
  border-radius: 5px;
}

.pages-lp-use-electricity__baloon:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 20%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F0831E;
}

.pages-manga-nav__item {
  align-items: center;
  width: 20%;
  margin-left: 5px;
  padding: 3px 0;
  background-color: #e9ecef;
  text-align: center;
  color: #402000;
  font-size: 1.0rem;
  line-height: 1.2;
  border-radius: 3px;
}

.pages-manga-nav__item:first-child {
  margin-left: 0;
}

.pages-manga-nav__item:visited {
  color: #402000;
}

.pages-manga-nav__item.is-active,
.pages-manga-nav__item:hover,
.pages-manga-nav__item:active {
  background-color: #F9DB57;
}

.pages-manga-nav__image {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0px auto;
  border-radius: 50%;
}

.pages-lp-manga__h2 {
  background: url("/img/_common/bg01_q30.jpg") repeat;
  font-size: 20px;
  font-weight: bold;
  border-radius: 4px;
  line-height: 1.4;
  margin: 40px 0;
  padding: 20px;
}

/* /lp-manga-unneigaisha.html */

.pages-maker-interview {
  transform: skewX(-15deg);
}

.pages-maker-interview-border {
  display: flex;
  align-items: center;
  /* 垂直中心 */
}

.pages-maker-interview-border::before {
  border-top: 1.5px solid;
  content: "";
  width: 1.5em;
  /* 線の長さ */
  margin-right: 10px;
}

.pages-maker-interview__text-wrapper {
  clear: both;
}

.mincho {
  font-family: 游明朝,'Yu Mincho',YuMincho,'Hiragino Mincho ProN',HGS明朝E,メイリオ,Meiryo,serif;
}

.partner-title {
  display: flex;
  background-image: url(https://www.solar-partners.jp/img/wp-media/partners-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 250px;
  font-weight: normal;
  font-size: 24px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 4px;
  align-items: center;
  justify-content: center;
}

.letter-line {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #fff 50%, #fff 50%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #646464 97%, #646464 100%);
  background-size: 8px 100%, 100% 32px;
  font-feature-settings: "palt";
}

.letter-line p {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
}

.text-em {
  font-size: 1.6rem;
}

.management {
  border: 3px solid #623411;
  padding: 10px;
  margin: 10px 0;
}

.mng-text {
  font-size: 16px;
  padding-bottom: 10px;
}

.mng-sp2,
.mng-cp2 {
  margin: 10px auto 15px;
  max-width: 95%;
}

@media screen and (min-width: 435px) {
  .p-lp-yane__bg-blue {
    border-bottom: 1px solid #e5e5e5 !important;
  }
}

@media (min-width: 576px) {
  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 540px;
  }

  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3,
  .c-archive-loop__eyecatch-box {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9,
  .c-archive-loop__eyecatch-box + .c-archive-loop__article-box {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0,
  .col-sm-offset-0 {
    margin-left: 0;
  }

  .offset-sm-1,
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2,
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3,
  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .offset-sm-4,
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5,
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6,
  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .offset-sm-7,
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8,
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9,
  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .offset-sm-10,
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11,
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control,
  .form-inline .c-mitsumoriform-prev__postal-input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }

  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card,
  .card-deck .panel {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }

  .card-group {
    flex-flow: row wrap;
  }

  .card-group > .card,
  .card-group > .panel {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card,
  .card-group > .panel + .card,
  .card-group > .card + .panel,
  .card-group > .panel + .panel {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child),
  .card-group > .panel:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .panel:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .panel:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .panel-heading,
  .card-group > .panel:not(:last-child) .panel-heading {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .panel:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .panel:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child),
  .card-group > .panel:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .panel:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .panel:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .panel-heading,
  .card-group > .panel:not(:first-child) .panel-heading {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .panel:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .panel:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }

  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card,
  .card-columns .panel {
    display: inline-block;
    width: 100%;
  }

  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block,
  .c-archive-loop__eyecatch-box {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }

  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }

  .yp-fvform__label-title {
    font-size: 18px;
  }

  .yp-fvform__all {
    width: 110px;
    height: 110px;
  }

  .yp-fvform__part {
    width: 110px;
    height: 110px;
  }

  .yp-fvform__label-title {
    font-size: 18px;
  }

  .yp-fvform__btn input {
    margin-left: 10px;
    font-size: 18px;
  }

  .hidden-xs {
    display: inline-block;
  }

  .hidden-sm {
    display: none;
  }

  .row.hidden-xs,
  .hidden-xs.l-sidebar-single,
  .hidden-xs.l-sidebar-review-single,
  .hidden-xs.c-archive-loop,
  .hidden-xs.c-mitsumoriform-prev__body-row,
  .hidden-xs.c-posttype-qa__answer-box__answer-description {
    display: flex;
  }

  .row.hidden-sm,
  .hidden-sm.l-sidebar-single,
  .hidden-sm.l-sidebar-review-single,
  .hidden-sm.c-archive-loop,
  .hidden-sm.c-mitsumoriform-prev__body-row,
  .hidden-sm.c-posttype-qa__answer-box__answer-description {
    display: none;
  }

  .table-responsive::before {
    content: none;
  }

  blockquote {
    padding: 65px 30px 30px 30px;
    background-size: 8%;
  }

  .c-footer {
    display: block;
  }

  .c-footer__company-row__left-box {
    display: flex;
    margin-top: 0px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .c-footer__company-row__left-box__logo-box {
    padding: 0 25px 0 10px;
  }

  .c-footer__company-row__right-box {
    order: 2;
  }

  .c-footer__widget-footer {
    margin: 50px auto 0 !important;
  }

  .c-footer__widget-footer + .c-footer__copyright-row {
    display: none;
  }

  .c-footer-nav__nav-list {
    display: inline-flex;
    margin: 0 auto 0 0;
    padding: 0.5em;
  }

  .c-footer-nav__nav-list > li {
    padding: 0 20px;
    font-size: 10px;
    text-align: right;
    border-bottom: none;
  }

  .c-footer-nav__nav-list > li:first-child {
    border-top: none;
  }

  .c-header-site-head__site-name__description-text {
    font-size: 12px;
  }

  .c-sub-nav {
    display: block;
  }

  .c-sub-nav__nav-list {
    display: inline-flex;
    margin-left: auto;
    margin: 0;
  }

  .c-sub-nav__nav-list > li {
    padding: 0 20px;
    font-size: 12px;
    text-align: right;
    border-bottom: none;
  }

  .c-sub-nav__nav-list > li:first-child {
    border-top: none;
  }

  .c-header-main {
    padding: 10px 15px;
  }

  .c-header-main__left-box {
    padding-left: 0;
  }

  .c-header-main__left-box__site-logo {
    height: 32px;
    margin-left: 0;
  }

  .c-header-main__right-box__free-space img {
    max-height: 40px;
  }

  .c-header-main__right-box__tel-box {
    display: block;
    margin-left: 15px;
  }

  .c-header-main__right-box__tel-box__telno-box__text-telno {
    padding-top: 3px;
  }

  .c-header-main__right-box__mobile-menu {
    display: none;
  }

  .c-header-main__right-box__mobile-menu__icon-box {
    margin-top: 40px;
  }

  #l-wrapper,
  #l-wrapper--noheader,
  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide,
  .l-wrapper {
    padding: 0;
  }

  .l-main__wrapper,
  #l-wrapper,
  #l-wrapper--noheader,
  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide,
  .l-wrapper {
    max-width: 540px;
  }

  #l-wrapper-full {
    max-width: 100%;
  }

  .l-main__padding,
  .l-sidebar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .l-main__cancel-padding {
    margin-left: -20px;
    margin-right: -20px;
  }

  .c-archive-loop__article-box__content-title > a {
    font-size: 2.2rem;
  }

  .c-archive-loop__article-box__content-excerpt > p {
    font-size: 1.4rem;
  }

  .c-archive-loop__article-box__postmeta-list__list-item > a {
    font-size: 1.4rem;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    margin-right: 20px;
  }

  .p-lp__new-toppage__balloon-img img {
    height: 120px;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    margin-right: 20px;
  }

  .btn-post {
    font-size: 20px;
  }

  .btn-fixed-bottom {
    font-size: 20px;
    padding: 5px 10px;
  }

  .form-btn__img {
    background-size: 80%;
    height: 110px;
  }

  .c-btn--select {
    max-width: 220px;
  }

  .c-btn--chikudenchitag {
    max-width: 350px;
    font-size: 20px;
    padding: 20px;
  }

  .c-fixed-bottom__local-footer-btn-btn-arrow {
    margin-left: 10px;
    width: 50px;
    height: 50px;
  }

  .c-fixed-bottom__local-footer-btn-btn-ballon {
    top: -30px;
    left: -70px;
    width: 100px !important;
    height: 80px !important;
  }

  .c-fixed-bottom__local-footer-btn-footer-btn-arrow {
    width: 30px !important;
    height: 30px !important;
  }

  .c-fixed-bottom__local-footer-btn-footer-btn-ballon {
    top: -20px;
    left: -40px;
    width: 70px !important;
    height: 60px !important;
  }

  .mitsumori-proposed_site-solar {
    width: 130px;
    height: 80px;
  }

  .mitsumori-proposed_site-battery {
    width: 130px;
    height: 80px;
  }

  input[type="image"] {
    border: none !important;
    display: inline-block;
  }

  input[type="image"]:focus {
    opacity: 0.7;
  }

  input.passed,
  textarea.passed,
  select.passed {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
  }

  .c-form__mitsumori-title {
    font-size: 22px;
  }

  .c-form__option-chunk--button {
    width: 80%;
  }

  .c-form__option-title {
    font-size: 20px;
  }

  .c-form__option-title__weaken {
    font-size: 14px;
  }

  .c-form__roof-material-title {
    font-size: 16px;
  }

  .c-form__option-image-house {
    width: 120px;
    height: 80px;
  }

  .c-form__option-image-other {
    width: 100px;
    height: 80px;
  }

  .c-form__option-image-savings {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-income {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-ev {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-measures {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-important--other {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-installation-yes {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-installation-no {
    width: 75px;
    height: 70px;
  }

  .c-form__option-image-solar {
    width: 120px;
    height: 80px;
  }

  .c-form__option-image-battery {
    width: 120px;
    height: 80px;
  }

  .c-form__prefecture-box {
    width: 80%;
  }

  .c-form__btn-box input {
    font-size: 18px;
  }

  .c-form__tab-buttons span {
    font-size: 14px;
  }

  .c-form__button-margin-pt01 {
    margin-left: 0px;
  }

  .c-form__tab-buttons2 span {
    font-size: 14px;
  }

  .c-form__tab-buttons3 span {
    font-size: 14px;
  }

  .c-form__tab-buttons4 span {
    font-size: 14px;
  }

  .c-form__label-required {
    margin: 0;
  }

  .c-form__personality-wrapper {
    text-align: right;
  }

  .c-form__personality-wrapper-switch {
    text-align: right;
  }

  .btn-next,
  .c-form__fixed-btn button,
  .btn-green {
    font-size: 2rem;
  }

  .c-form__fixed-btn-pt01 {
    margin-left: 100px !important;
  }

  .c-form__fixed-btn--battery button {
    margin-left: 10px;
  }

  .c-form__p-mark-box .c-form__p-mark-box--title {
    font-size: 1.2em;
  }

  .c-form__p-mark-under {
    width: 10%;
    margin-left: 20px;
  }

  .c-form__p-mark-under-pt01 {
    width: 20%;
    margin-left: 20px;
  }

  .c-form__p-mark-under--battery {
    width: 10%;
    margin-left: 20px;
    transform: translateY(8px);
  }

  .c-form__personality-wrapper input {
    width: 90%;
    margin-right: 10%;
  }

  .c-form__prefecture-nostep {
    width: 90% !important;
    margin-right: 30%;
  }

  .c-form__personality-wrapper-switch input {
    width: 90%;
    margin-right: 30%;
  }

  .c-form__modal-content-width {
    max-width: 550px;
  }

  .c-form__step-prefecture--box {
    width: 90%;
    margin-right: 30%;
  }

  .c-form__fvform-title span {
    font-size: 20px;
  }

  .c-form__fvform-btn input {
    margin-left: 10px;
    font-size: 18px;
  }

  .c-form__submit-fvbtn {
    font-size: 18px;
  }

  .c-form__fvform-proposed {
    font-size: 18px;
  }

  .c-form__fvform-solar {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-battery {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-esbt {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-esonly {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-batteryv2h {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-ecocute {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-v2hecocute {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-cheap {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-estimate {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-choshu {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-recommendation {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-comparison {
    width: 120px;
    height: 80px;
  }

  .c-form__fvform-title--bt span {
    font-size: 20px;
  }

  .lamp-2step__contents span {
    font-size: 14px;
  }

  .c-form__fvform-proposed--ex {
    font-size: 18px;
  }

  .c-form__fvform-ex--new {
    width: 110px;
    height: 110px;
  }

  .c-form__fvform-ex--reform {
    width: 110px;
    height: 110px;
  }

  .c-form__fvform-ex--new01 {
    width: 110px;
    height: 110px;
  }

  .c-form__fvform-ex--carport1 {
    width: 110px;
    height: 110px;
  }

  .c-form__fvform-ex--carport2 {
    width: 110px;
    height: 110px;
  }

  .c-form__fvform-btn--ex input {
    margin-left: 10px;
    font-size: 18px;
  }

  .c-form__fvform-btn--ex-kakaku button {
    margin-left: 10px;
    font-size: 18px;
  }

  .c-form__cta-gaihekitosou__title {
    font-size: 28px;
    padding: 0 0 20px 0;
  }

  .fvform-sm_btn button {
    margin-left: 10px;
    font-size: 18px;
  }

  .c-mitsumoriform-prev__switching--box::before {
    font-size: 1.5rem;
    left: 20%;
    right: 20%;
  }

  .c-mitsumoriform-prev__switching--box--chikudenchitag::before {
    font-size: 1.5rem;
    left: 15%;
    right: 15%;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner__solar-small-text,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__solar-small-text {
    font-size: 12px !important;
  }

  .c-mitsumoriform__button-register {
    font-size: 22px;
  }

  .c-mitsumoriform__button-transition {
    font-size: 22px;
  }

  .c-related-post__item {
    display: flex;
  }

  .c-related-post__label {
    flex: 0 0 20%;
    margin-bottom: 0;
  }

  .c-related-post__title {
    margin: 0 0 0 12.5px;
  }

  .stepBar {
    position: relative;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    *zoom: 1;
  }

  .stepBar .step {
    position: relative;
    float: left;
    display: inline-block;
    line-height: 40px;
    padding: 0 40px 0 20px;
    margin-bottom: 0;
    background-color: #E3E3E3;
    box-sizing: border-box;
  }

  .stepBar-2row .step {
    font-size: 14px;
    line-height: 16px;
    padding: 5px 5px 5px 0px;
  }

  .stepBar .step:before,
  .stepBar .step:after {
    position: absolute;
    left: -12px;
    display: block;
    content: '';
    background-color: #E3E3E3;
    border-left: 4px solid #FFF;
    width: 20px;
    height: 20px;
  }

  .stepBar-2row .step:before,
  .stepBar-2row .step:after {
    left: -10px;
    height: 21px;
  }

  .stepBar .step:after {
    top: 0;
    transform: skew(30deg);
  }

  .stepBar .step:before {
    bottom: 0;
    transform: skew(-30deg);
  }

  .stepBar .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .stepBar .step:first-child:before,
  .stepBar .step:first-child:after {
    content: none;
  }

  .stepBar .step:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }

  .stepBar .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #DA501A;
  }

  .stepBar .step.current:before,
  .stepBar .step.current:after {
    background-color: #DA501A;
  }

  .stepBar.current41 .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #3261AB;
  }

  .stepBar.current41 .step.current:before,
  .stepBar.current41 .step.current:after {
    background-color: #3261AB;
  }

  .stepBar.current42 .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #F6CA06;
  }

  .stepBar.current42 .step.current:before,
  .stepBar.current42 .step.current:after {
    background-color: #F6CA06;
  }

  .stepBar.current43 .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #DA5019;
  }

  .stepBar.current43 .step.current:before,
  .stepBar.current43 .step.current:after {
    background-color: #DA5019;
  }

  .stepBar.current44 .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #009F8C;
  }

  .stepBar.current44 .step.current:before,
  .stepBar.current44 .step.current:after {
    background-color: #009F8C;
  }

  .stepBar.current46 .step.current {
    color: #FFF;
    font-weight: bold;
    background-color: #744199;
  }

  .stepBar.current46 .step.current:before,
  .stepBar.current46 .step.current:after {
    background-color: #744199;
  }

  .stepBar.step2 .step {
    width: 50%;
  }

  .stepBar.step3 .step {
    width: 33.333%;
  }

  .stepBar.step4 .step {
    width: 25%;
  }

  .stepBar.step5 .step {
    width: 20%;
  }

  .c-tel-box__telno-box__text-telno {
    padding-top: 3px;
  }

  .c-vendor-list__list-body__list-title {
    float: left;
  }

  .c-vendor-bbd {
    background-size: cover;
  }

  .c-vendor-bbd__bbd-inner {
    padding: 20px;
    margin: 0 auto;
  }

  .p-lp-yane__billboard--blight {
    background-image: url("/img/yanekouji/yanekouji/02_billboard_blight_sm2.jpg");
  }

  .p-lp-yane__medal {
    width: 120px;
    top: 60%;
    right: 10%;
  }

  .siteTitle__logo img {
    height: 40px !important;
  }

  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 540px;
  }

  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-sm-3,
  .c-archive-loop__eyecatch-box {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-sm-9,
  .c-archive-loop__eyecatch-box + .c-archive-loop__article-box {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0,
  .col-sm-offset-0 {
    margin-left: 0;
  }

  .offset-sm-1,
  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2,
  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .offset-sm-3,
  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .offset-sm-4,
  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .offset-sm-5,
  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .offset-sm-6,
  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .offset-sm-7,
  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .offset-sm-8,
  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .offset-sm-9,
  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .offset-sm-10,
  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .offset-sm-11,
  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control,
  .form-inline .c-mitsumoriform-prev__postal-input {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group {
    width: auto;
  }

  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }

  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .c-fixed-bottom__wrapper-box,
  .navbar-expand-sm > .c-footer,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }

  .card-deck {
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }

  .card-deck .card,
  .card-deck .panel {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
  }

  .card-group {
    flex-flow: row wrap;
  }

  .card-group > .card,
  .card-group > .panel {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card,
  .card-group > .panel + .card,
  .card-group > .card + .panel,
  .card-group > .panel + .panel {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:first-child,
  .card-group > .panel:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:first-child .card-img-top,
  .card-group > .panel:first-child .card-img-top,
  .card-group > .card:first-child .card-header,
  .card-group > .panel:first-child .card-header,
  .card-group > .card:first-child .panel-heading,
  .card-group > .panel:first-child .panel-heading {
    border-top-right-radius: 0;
  }

  .card-group > .card:first-child .card-img-bottom,
  .card-group > .panel:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer,
  .card-group > .panel:first-child .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:last-child,
  .card-group > .panel:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:last-child .card-img-top,
  .card-group > .panel:last-child .card-img-top,
  .card-group > .card:last-child .card-header,
  .card-group > .panel:last-child .card-header,
  .card-group > .card:last-child .panel-heading,
  .card-group > .panel:last-child .panel-heading {
    border-top-left-radius: 0;
  }

  .card-group > .card:last-child .card-img-bottom,
  .card-group > .panel:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer,
  .card-group > .panel:last-child .card-footer {
    border-bottom-left-radius: 0;
  }

  .card-group > .card:only-child,
  .card-group > .panel:only-child {
    border-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-img-top,
  .card-group > .panel:only-child .card-img-top,
  .card-group > .card:only-child .card-header,
  .card-group > .panel:only-child .card-header,
  .card-group > .card:only-child .panel-heading,
  .card-group > .panel:only-child .panel-heading {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-img-bottom,
  .card-group > .panel:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer,
  .card-group > .panel:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child),
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .panel-heading,
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .panel-heading,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
  .card-group > .panel:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }

  .card-columns {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }

  .card-columns .card,
  .card-columns .panel {
    display: inline-block;
    width: 100%;
  }

  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }

  .modal-sm {
    max-width: 300px;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block,
  .c-archive-loop__eyecatch-box {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }

  .btn-fixed-bottom {
    font-size: 20px;
    letter-spacing: 1.5px;
    padding: 10px 20px;
  }

  .content .modal-dialog,
  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-contents,
  .btn-contents-booklet {
    letter-spacing: 1.5px;
  }

  .btn-contents:after,
  .btn-contents-booklet:after {
    bottom: 7px;
  }

  .btn-contents-booklet {
    padding: 10px;
  }

  .btn-contents {
    padding: 10px 20px 10px 40px;
  }

  .border-1-sm {
    border-width: 1px;
  }

  .border-top-1-sm {
    border-top-width: 1px;
  }

  .border-right-1-sm {
    border-right-width: 1px;
  }

  .border-bottom-1-sm {
    border-bottom-width: 1px;
  }

  .border-left-1-sm {
    border-left-width: 1px;
  }

  .border-2-sm {
    border-width: 2px;
  }

  .border-top-2-sm {
    border-top-width: 2px;
  }

  .border-right-2-sm {
    border-right-width: 2px;
  }

  .border-bottom-2-sm {
    border-bottom-width: 2px;
  }

  .border-left-2-sm {
    border-left-width: 2px;
  }

  .border-3-sm {
    border-width: 3px;
  }

  .border-top-3-sm {
    border-top-width: 3px;
  }

  .border-right-3-sm {
    border-right-width: 3px;
  }

  .border-bottom-3-sm {
    border-bottom-width: 3px;
  }

  .border-left-3-sm {
    border-left-width: 3px;
  }

  .border-4-sm {
    border-width: 4px;
  }

  .border-top-4-sm {
    border-top-width: 4px;
  }

  .border-right-4-sm {
    border-right-width: 4px;
  }

  .border-bottom-4-sm {
    border-bottom-width: 4px;
  }

  .border-left-4-sm {
    border-left-width: 4px;
  }

  .border-5-sm {
    border-width: 5px;
  }

  .border-top-5-sm {
    border-top-width: 5px;
  }

  .border-right-5-sm {
    border-right-width: 5px;
  }

  .border-bottom-5-sm {
    border-bottom-width: 5px;
  }

  .border-left-5-sm {
    border-left-width: 5px;
  }

  .border-6-sm {
    border-width: 6px;
  }

  .border-top-6-sm {
    border-top-width: 6px;
  }

  .border-right-6-sm {
    border-right-width: 6px;
  }

  .border-bottom-6-sm {
    border-bottom-width: 6px;
  }

  .border-left-6-sm {
    border-left-width: 6px;
  }

  .border-7-sm {
    border-width: 7px;
  }

  .border-top-7-sm {
    border-top-width: 7px;
  }

  .border-right-7-sm {
    border-right-width: 7px;
  }

  .border-bottom-7-sm {
    border-bottom-width: 7px;
  }

  .border-left-7-sm {
    border-left-width: 7px;
  }

  .border-8-sm {
    border-width: 8px;
  }

  .border-top-8-sm {
    border-top-width: 8px;
  }

  .border-right-8-sm {
    border-right-width: 8px;
  }

  .border-bottom-8-sm {
    border-bottom-width: 8px;
  }

  .border-left-8-sm {
    border-left-width: 8px;
  }

  .border-9-sm {
    border-width: 9px;
  }

  .border-top-9-sm {
    border-top-width: 9px;
  }

  .border-right-9-sm {
    border-right-width: 9px;
  }

  .border-bottom-9-sm {
    border-bottom-width: 9px;
  }

  .border-left-9-sm {
    border-left-width: 9px;
  }

  .border-10-sm {
    border-width: 10px;
  }

  .border-top-10-sm {
    border-top-width: 10px;
  }

  .border-right-10-sm {
    border-right-width: 10px;
  }

  .border-bottom-10-sm {
    border-bottom-width: 10px;
  }

  .border-left-10-sm {
    border-left-width: 10px;
  }

  .f8-sm {
    font-size: 0.8rem !important;
  }

  .l8-sm {
    line-height: 0.8rem !important;
  }

  .f9-sm {
    font-size: 0.9rem !important;
  }

  .l9-sm {
    line-height: 0.9rem !important;
  }

  .f10-sm {
    font-size: 1rem !important;
  }

  .l10-sm {
    line-height: 1rem !important;
  }

  .f11-sm {
    font-size: 1.1rem !important;
  }

  .l11-sm {
    line-height: 1.1rem !important;
  }

  .f12-sm {
    font-size: 1.2rem !important;
  }

  .l12-sm {
    line-height: 1.2rem !important;
  }

  .f13-sm {
    font-size: 1.3rem !important;
  }

  .l13-sm {
    line-height: 1.3rem !important;
  }

  .f14-sm {
    font-size: 1.4rem !important;
  }

  .l14-sm {
    line-height: 1.4rem !important;
  }

  .f15-sm {
    font-size: 1.5rem !important;
  }

  .l15-sm {
    line-height: 1.5rem !important;
  }

  .f16-sm {
    font-size: 1.6rem !important;
  }

  .l16-sm {
    line-height: 1.6rem !important;
  }

  .f17-sm {
    font-size: 1.7rem !important;
  }

  .l17-sm {
    line-height: 1.7rem !important;
  }

  .f18-sm {
    font-size: 1.8rem !important;
  }

  .l18-sm {
    line-height: 1.8rem !important;
  }

  .f19-sm {
    font-size: 1.9rem !important;
  }

  .l19-sm {
    line-height: 1.9rem !important;
  }

  .f20-sm {
    font-size: 2rem !important;
  }

  .l20-sm {
    line-height: 2rem !important;
  }

  .f22-sm {
    font-size: 2.2rem !important;
  }

  .l22-sm {
    line-height: 2.2rem !important;
  }

  .f24-sm {
    font-size: 2.4rem !important;
  }

  .l24-sm {
    line-height: 2.4rem !important;
  }

  .f26-sm {
    font-size: 2.6rem !important;
  }

  .l26-sm {
    line-height: 2.6rem !important;
  }

  .f28-sm {
    font-size: 2.8rem !important;
  }

  .l28-sm {
    line-height: 2.8rem !important;
  }

  .f30-sm {
    font-size: 3rem !important;
  }

  .l30-sm {
    line-height: 3rem !important;
  }

  .f32-sm {
    font-size: 3.2rem !important;
  }

  .l32-sm {
    line-height: 3.2rem !important;
  }

  .f34-sm {
    font-size: 3.4rem !important;
  }

  .l34-sm {
    line-height: 3.4rem !important;
  }

  .f36-sm {
    font-size: 3.6rem !important;
  }

  .l36-sm {
    line-height: 3.6rem !important;
  }

  .f38-sm {
    font-size: 3.8rem !important;
  }

  .l38-sm {
    line-height: 3.8rem !important;
  }

  .f40-sm {
    font-size: 4rem !important;
  }

  .l40-sm {
    line-height: 4rem !important;
  }

  .f44-sm {
    font-size: 4.4rem !important;
  }

  .l44-sm {
    line-height: 4.4rem !important;
  }

  .f48-sm {
    font-size: 4.8rem !important;
  }

  .l48-sm {
    line-height: 4.8rem !important;
  }

  .f52-sm {
    font-size: 5.2rem !important;
  }

  .l52-sm {
    line-height: 5.2rem !important;
  }

  .f56-sm {
    font-size: 5.6rem !important;
  }

  .l56-sm {
    line-height: 5.6rem !important;
  }

  .f60-sm {
    font-size: 6rem !important;
  }

  .l60-sm {
    line-height: 6rem !important;
  }

  .f64-sm {
    font-size: 6.4rem !important;
  }

  .l64-sm {
    line-height: 6.4rem !important;
  }

  .f72-sm {
    font-size: 7.2rem !important;
  }

  .l72-sm {
    line-height: 7.2rem !important;
  }

  .f80-sm {
    font-size: 8rem !important;
  }

  .l80-sm {
    line-height: 8rem !important;
  }

  .f88-sm {
    font-size: 8.8rem !important;
  }

  .l88-sm {
    line-height: 8.8rem !important;
  }

  .f96-sm {
    font-size: 9.6rem !important;
  }

  .l96-sm {
    line-height: 9.6rem !important;
  }

  .m0-sm,
  .m.m0-sm {
    margin: 0px;
  }

  .mt0-sm,
  .m.mt0-sm {
    margin-top: 0px;
  }

  .mr0-sm,
  .m.mr0-sm {
    margin-right: 0px;
  }

  .mb0-sm,
  .m.mb0-sm {
    margin-bottom: 0px;
  }

  .ml0-sm,
  .m.ml0-sm {
    margin-left: 0px;
  }

  .mx0-sm,
  .m.mx0-sm {
    margin-right: 0px;
    margin-left: 0px;
  }

  .my0-sm,
  .m.my0-sm {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mtn0-sm,
  .m.mtn0-sm {
    margin-top: 0px;
  }

  .mrn0-sm,
  .m.mrn0-sm {
    margin-right: 0px;
  }

  .mbn0-sm,
  .m.mbn0-sm {
    margin-bottom: 0px;
  }

  .mln0-sm,
  .m.mln0-sm {
    margin-left: 0px;
  }

  .mnx0-sm,
  .m.mnx0-sm,
  .mxn0-sm,
  .m.mxn0-sm {
    margin-right: 0px;
    margin-left: 0px;
  }

  .p0-sm,
  .p.p0-sm {
    padding: 0px;
  }

  .pt0-sm,
  .p.pt0-sm {
    padding-top: 0px;
  }

  .pr0-sm,
  .p.pr0-sm {
    padding-right: 0px;
  }

  .pb0-sm,
  .p.pb0-sm {
    padding-bottom: 0px;
  }

  .pl0-sm,
  .p.pl0-sm {
    padding-left: 0px;
  }

  .px0-sm,
  .p.px0-sm {
    padding-right: 0px;
    padding-left: 0px;
  }

  .py0-sm,
  .p.py0-sm {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .m1-sm,
  .m.m1-sm {
    margin: 5px;
  }

  .mt1-sm,
  .m.mt1-sm {
    margin-top: 5px;
  }

  .mr1-sm,
  .m.mr1-sm {
    margin-right: 5px;
  }

  .mb1-sm,
  .m.mb1-sm {
    margin-bottom: 5px;
  }

  .ml1-sm,
  .m.ml1-sm {
    margin-left: 5px;
  }

  .mx1-sm,
  .m.mx1-sm {
    margin-right: 5px;
    margin-left: 5px;
  }

  .my1-sm,
  .m.my1-sm {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mtn1-sm,
  .m.mtn1-sm {
    margin-top: -5px;
  }

  .mrn1-sm,
  .m.mrn1-sm {
    margin-right: -5px;
  }

  .mbn1-sm,
  .m.mbn1-sm {
    margin-bottom: -5px;
  }

  .mln1-sm,
  .m.mln1-sm {
    margin-left: -5px;
  }

  .mnx1-sm,
  .m.mnx1-sm,
  .mxn1-sm,
  .m.mxn1-sm {
    margin-right: -5px;
    margin-left: -5px;
  }

  .p1-sm,
  .p.p1-sm {
    padding: 5px;
  }

  .pt1-sm,
  .p.pt1-sm {
    padding-top: 5px;
  }

  .pr1-sm,
  .p.pr1-sm {
    padding-right: 5px;
  }

  .pb1-sm,
  .p.pb1-sm {
    padding-bottom: 5px;
  }

  .pl1-sm,
  .p.pl1-sm {
    padding-left: 5px;
  }

  .px1-sm,
  .p.px1-sm {
    padding-right: 5px;
    padding-left: 5px;
  }

  .py1-sm,
  .p.py1-sm {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .m2-sm,
  .m.m2-sm {
    margin: 10px;
  }

  .mt2-sm,
  .m.mt2-sm {
    margin-top: 10px;
  }

  .mr2-sm,
  .m.mr2-sm {
    margin-right: 10px;
  }

  .mb2-sm,
  .m.mb2-sm {
    margin-bottom: 10px;
  }

  .ml2-sm,
  .m.ml2-sm {
    margin-left: 10px;
  }

  .mx2-sm,
  .m.mx2-sm {
    margin-right: 10px;
    margin-left: 10px;
  }

  .my2-sm,
  .m.my2-sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mtn2-sm,
  .m.mtn2-sm {
    margin-top: -10px;
  }

  .mrn2-sm,
  .m.mrn2-sm {
    margin-right: -10px;
  }

  .mbn2-sm,
  .m.mbn2-sm {
    margin-bottom: -10px;
  }

  .mln2-sm,
  .m.mln2-sm {
    margin-left: -10px;
  }

  .mnx2-sm,
  .m.mnx2-sm,
  .mxn2-sm,
  .m.mxn2-sm {
    margin-right: -10px;
    margin-left: -10px;
  }

  .p2-sm,
  .p.p2-sm {
    padding: 10px;
  }

  .pt2-sm,
  .p.pt2-sm {
    padding-top: 10px;
  }

  .pr2-sm,
  .p.pr2-sm {
    padding-right: 10px;
  }

  .pb2-sm,
  .p.pb2-sm {
    padding-bottom: 10px;
  }

  .pl2-sm,
  .p.pl2-sm {
    padding-left: 10px;
  }

  .px2-sm,
  .p.px2-sm {
    padding-right: 10px;
    padding-left: 10px;
  }

  .py2-sm,
  .p.py2-sm {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .m3-sm,
  .m.m3-sm {
    margin: 15px;
  }

  .mt3-sm,
  .m.mt3-sm {
    margin-top: 15px;
  }

  .mr3-sm,
  .m.mr3-sm {
    margin-right: 15px;
  }

  .mb3-sm,
  .m.mb3-sm {
    margin-bottom: 15px;
  }

  .ml3-sm,
  .m.ml3-sm {
    margin-left: 15px;
  }

  .mx3-sm,
  .m.mx3-sm {
    margin-right: 15px;
    margin-left: 15px;
  }

  .my3-sm,
  .m.my3-sm {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mtn3-sm,
  .m.mtn3-sm {
    margin-top: -15px;
  }

  .mrn3-sm,
  .m.mrn3-sm {
    margin-right: -15px;
  }

  .mbn3-sm,
  .m.mbn3-sm {
    margin-bottom: -15px;
  }

  .mln3-sm,
  .m.mln3-sm {
    margin-left: -15px;
  }

  .mnx3-sm,
  .m.mnx3-sm,
  .mxn3-sm,
  .m.mxn3-sm {
    margin-right: -15px;
    margin-left: -15px;
  }

  .p3-sm,
  .p.p3-sm {
    padding: 15px;
  }

  .pt3-sm,
  .p.pt3-sm {
    padding-top: 15px;
  }

  .pr3-sm,
  .p.pr3-sm {
    padding-right: 15px;
  }

  .pb3-sm,
  .p.pb3-sm {
    padding-bottom: 15px;
  }

  .pl3-sm,
  .p.pl3-sm {
    padding-left: 15px;
  }

  .px3-sm,
  .p.px3-sm {
    padding-right: 15px;
    padding-left: 15px;
  }

  .py3-sm,
  .p.py3-sm {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .m4-sm,
  .m.m4-sm {
    margin: 20px;
  }

  .mt4-sm,
  .m.mt4-sm {
    margin-top: 20px;
  }

  .mr4-sm,
  .m.mr4-sm {
    margin-right: 20px;
  }

  .mb4-sm,
  .m.mb4-sm {
    margin-bottom: 20px;
  }

  .ml4-sm,
  .m.ml4-sm {
    margin-left: 20px;
  }

  .mx4-sm,
  .m.mx4-sm {
    margin-right: 20px;
    margin-left: 20px;
  }

  .my4-sm,
  .m.my4-sm {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mtn4-sm,
  .m.mtn4-sm {
    margin-top: -20px;
  }

  .mrn4-sm,
  .m.mrn4-sm {
    margin-right: -20px;
  }

  .mbn4-sm,
  .m.mbn4-sm {
    margin-bottom: -20px;
  }

  .mln4-sm,
  .m.mln4-sm {
    margin-left: -20px;
  }

  .mnx4-sm,
  .m.mnx4-sm,
  .mxn4-sm,
  .m.mxn4-sm {
    margin-right: -20px;
    margin-left: -20px;
  }

  .p4-sm,
  .p.p4-sm {
    padding: 20px;
  }

  .pt4-sm,
  .p.pt4-sm {
    padding-top: 20px;
  }

  .pr4-sm,
  .p.pr4-sm {
    padding-right: 20px;
  }

  .pb4-sm,
  .p.pb4-sm {
    padding-bottom: 20px;
  }

  .pl4-sm,
  .p.pl4-sm {
    padding-left: 20px;
  }

  .px4-sm,
  .p.px4-sm {
    padding-right: 20px;
    padding-left: 20px;
  }

  .py4-sm,
  .p.py4-sm {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .m5-sm,
  .m.m5-sm {
    margin: 25px;
  }

  .mt5-sm,
  .m.mt5-sm {
    margin-top: 25px;
  }

  .mr5-sm,
  .m.mr5-sm {
    margin-right: 25px;
  }

  .mb5-sm,
  .m.mb5-sm {
    margin-bottom: 25px;
  }

  .ml5-sm,
  .m.ml5-sm {
    margin-left: 25px;
  }

  .mx5-sm,
  .m.mx5-sm {
    margin-right: 25px;
    margin-left: 25px;
  }

  .my5-sm,
  .m.my5-sm {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mtn5-sm,
  .m.mtn5-sm {
    margin-top: -25px;
  }

  .mrn5-sm,
  .m.mrn5-sm {
    margin-right: -25px;
  }

  .mbn5-sm,
  .m.mbn5-sm {
    margin-bottom: -25px;
  }

  .mln5-sm,
  .m.mln5-sm {
    margin-left: -25px;
  }

  .mnx5-sm,
  .m.mnx5-sm,
  .mxn5-sm,
  .m.mxn5-sm {
    margin-right: -25px;
    margin-left: -25px;
  }

  .p5-sm,
  .p.p5-sm {
    padding: 25px;
  }

  .pt5-sm,
  .p.pt5-sm {
    padding-top: 25px;
  }

  .pr5-sm,
  .p.pr5-sm {
    padding-right: 25px;
  }

  .pb5-sm,
  .p.pb5-sm {
    padding-bottom: 25px;
  }

  .pl5-sm,
  .p.pl5-sm {
    padding-left: 25px;
  }

  .px5-sm,
  .p.px5-sm {
    padding-right: 25px;
    padding-left: 25px;
  }

  .py5-sm,
  .p.py5-sm {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .m6-sm,
  .m.m6-sm {
    margin: 30px;
  }

  .mt6-sm,
  .m.mt6-sm {
    margin-top: 30px;
  }

  .mr6-sm,
  .m.mr6-sm {
    margin-right: 30px;
  }

  .mb6-sm,
  .m.mb6-sm {
    margin-bottom: 30px;
  }

  .ml6-sm,
  .m.ml6-sm {
    margin-left: 30px;
  }

  .mx6-sm,
  .m.mx6-sm {
    margin-right: 30px;
    margin-left: 30px;
  }

  .my6-sm,
  .m.my6-sm {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mtn6-sm,
  .m.mtn6-sm {
    margin-top: -30px;
  }

  .mrn6-sm,
  .m.mrn6-sm {
    margin-right: -30px;
  }

  .mbn6-sm,
  .m.mbn6-sm {
    margin-bottom: -30px;
  }

  .mln6-sm,
  .m.mln6-sm {
    margin-left: -30px;
  }

  .mnx6-sm,
  .m.mnx6-sm,
  .mxn6-sm,
  .m.mxn6-sm {
    margin-right: -30px;
    margin-left: -30px;
  }

  .p6-sm,
  .p.p6-sm {
    padding: 30px;
  }

  .pt6-sm,
  .p.pt6-sm {
    padding-top: 30px;
  }

  .pr6-sm,
  .p.pr6-sm {
    padding-right: 30px;
  }

  .pb6-sm,
  .p.pb6-sm {
    padding-bottom: 30px;
  }

  .pl6-sm,
  .p.pl6-sm {
    padding-left: 30px;
  }

  .px6-sm,
  .p.px6-sm {
    padding-right: 30px;
    padding-left: 30px;
  }

  .py6-sm,
  .p.py6-sm {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .m7-sm,
  .m.m7-sm {
    margin: 35px;
  }

  .mt7-sm,
  .m.mt7-sm {
    margin-top: 35px;
  }

  .mr7-sm,
  .m.mr7-sm {
    margin-right: 35px;
  }

  .mb7-sm,
  .m.mb7-sm {
    margin-bottom: 35px;
  }

  .ml7-sm,
  .m.ml7-sm {
    margin-left: 35px;
  }

  .mx7-sm,
  .m.mx7-sm {
    margin-right: 35px;
    margin-left: 35px;
  }

  .my7-sm,
  .m.my7-sm {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mtn7-sm,
  .m.mtn7-sm {
    margin-top: -35px;
  }

  .mrn7-sm,
  .m.mrn7-sm {
    margin-right: -35px;
  }

  .mbn7-sm,
  .m.mbn7-sm {
    margin-bottom: -35px;
  }

  .mln7-sm,
  .m.mln7-sm {
    margin-left: -35px;
  }

  .mnx7-sm,
  .m.mnx7-sm,
  .mxn7-sm,
  .m.mxn7-sm {
    margin-right: -35px;
    margin-left: -35px;
  }

  .p7-sm,
  .p.p7-sm {
    padding: 35px;
  }

  .pt7-sm,
  .p.pt7-sm {
    padding-top: 35px;
  }

  .pr7-sm,
  .p.pr7-sm {
    padding-right: 35px;
  }

  .pb7-sm,
  .p.pb7-sm {
    padding-bottom: 35px;
  }

  .pl7-sm,
  .p.pl7-sm {
    padding-left: 35px;
  }

  .px7-sm,
  .p.px7-sm {
    padding-right: 35px;
    padding-left: 35px;
  }

  .py7-sm,
  .p.py7-sm {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .m8-sm,
  .m.m8-sm {
    margin: 40px;
  }

  .mt8-sm,
  .m.mt8-sm {
    margin-top: 40px;
  }

  .mr8-sm,
  .m.mr8-sm {
    margin-right: 40px;
  }

  .mb8-sm,
  .m.mb8-sm {
    margin-bottom: 40px;
  }

  .ml8-sm,
  .m.ml8-sm {
    margin-left: 40px;
  }

  .mx8-sm,
  .m.mx8-sm {
    margin-right: 40px;
    margin-left: 40px;
  }

  .my8-sm,
  .m.my8-sm {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mtn8-sm,
  .m.mtn8-sm {
    margin-top: -40px;
  }

  .mrn8-sm,
  .m.mrn8-sm {
    margin-right: -40px;
  }

  .mbn8-sm,
  .m.mbn8-sm {
    margin-bottom: -40px;
  }

  .mln8-sm,
  .m.mln8-sm {
    margin-left: -40px;
  }

  .mnx8-sm,
  .m.mnx8-sm,
  .mxn8-sm,
  .m.mxn8-sm {
    margin-right: -40px;
    margin-left: -40px;
  }

  .p8-sm,
  .p.p8-sm {
    padding: 40px;
  }

  .pt8-sm,
  .p.pt8-sm {
    padding-top: 40px;
  }

  .pr8-sm,
  .p.pr8-sm {
    padding-right: 40px;
  }

  .pb8-sm,
  .p.pb8-sm {
    padding-bottom: 40px;
  }

  .pl8-sm,
  .p.pl8-sm {
    padding-left: 40px;
  }

  .px8-sm,
  .p.px8-sm {
    padding-right: 40px;
    padding-left: 40px;
  }

  .py8-sm,
  .p.py8-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mx-auto-sm,
  .m.mx-auto-sm {
    margin-right: auto;
    margin-left: auto;
  }

  .p-lp-yane__logo-left {
    max-height: 35px;
  }

  .p-lp-yane__icon-right {
    max-height: 35px;
    transform: none;
  }

  .p-lp-yane__trouble-large {
    font-size: 28px;
  }

  .p-lp-yane__trouble-reason {
    font-size: 24px;
  }

  .p-lp-yane__merit-image {
    width: 100%;
    margin-right: 0;
  }

  .p-lp-yane__form-wrapper {
    max-width: 80%;
  }

  .p-lp-yane__form-content {
    border-radius: 10px;
  }

  .p-lp-yane__mitsumori-title {
    font-size: 24px;
  }

  .p-lp-yane__personality-wrapper {
    text-align: right;
  }

  .p-lp-yane__personality-wrapper input {
    /*width: 90%;*/
    margin-right: 30%;
  }

  .p-lp-yane__prefecture {
    width: 90% !important;
    margin-right: 30%;
  }

  .p-lp-yane__fixed-btn button {
    margin-left: 10px;
  }

  .p-lp-yane__fixed-btn2 button {
    margin-left: 10px;
  }

  .p-lp-yane__p-mark-box {
    border-radius: 10px;
  }

  .p-lp-yane__p-mark-text {
    padding: 20px 25px 20px 0;
  }

  .p-lp-yane__section-title h2:first-letter {
    font-size: 2.4rem !important;
  }

  .c-form__label-required {
    margin: 0;
  }

  .p-lp-yane__a-word--image {
    width: 100%;
    margin: 0 auto !important;
  }

  .p-lp-yane__balloon-left {
    position: relative;
    display: inline-block;
    margin: 0 0 0 25px;
    padding: 20px;
    min-width: 120px;
    max-width: 100%;
    font-size: 20px;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #3c3cb8;
    border-radius: 10px;
    box-sizing: border-box;
  }

  .p-lp-yane__balloon-left:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
  }

  .p-lp-yane__balloon-left:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #3c3cb8;
    z-index: 1;
  }

  .p-lp-yane__balloon-left p {
    margin: 0;
    padding: 0;
  }

  .col-form-label {
    top: 15px;
  }

  .label-height2 {
    top: 5px;
  }

  .p-intro-yane__top-logo {
    width: 250px;
  }

  .p-intro-yane__title-ballon-right {
    position: relative;
    display: inline-block;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    background: #3c3cb8;
    border-radius: 5px;
  }

  .p-intro-yane__title-ballon-right:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 15px solid #3c3cb8;
  }

  .p-intro-yane__title-text {
    font-size: 28px;
    letter-spacing: 4px;
  }

  .p-intro__top-image {
    margin: 45px auto;
    max-width: 100%;
  }

  .p-intro__service-direction--title {
    font-weight: bold;
    color: #3c3cb8;
    font-size: 20px;
  }

  .p-intro__service-direction--wrapper {
    padding: 30px;
  }

  .p-intro__service-direction--howto {
    font-size: 24px;
  }

  .p-intro__service-direction--text {
    font-size: 16px;
  }

  .p-intro-allfree {
    font-size: 30px;
    letter-spacing: 2px;
  }

  .p-intro__four-feature--title {
    font-size: 30px;
  }

  .p-intro__reason--title {
    font-size: 26px;
  }

  .p-intro__feature-box {
    padding: 30px 20px;
    margin: 0 10px 30px;
    font-weight: bold;
    text-align: left;
    height: 130px;
  }

  .p-intro__free-acting--top {
    margin: 45px auto -45px !important;
    max-width: 100%;
  }

  .p-intro__free-acting--title {
    font-size: 30px;
  }

  .p-intro__trouble-solution--title {
    font-size: 30px;
  }

  .p-intro-appeal-text {
    padding: 25px;
    font-size: 30px;
  }

  .p-intro__appeal-ballon {
    padding: 15px 20px;
    max-width: 85%;
    font-size: 22px;
    border: solid 3px #555;
  }

  .p-intro__cost-title {
    font-size: 30px;
  }

  .p-intro__cost-price {
    padding: 10px 50px;
    font-size: 26px;
  }

  .p-intro__cost-tenpersent {
    font-size: 22px;
    padding: 25px;
    width: 70%;
    margin: 0 auto;
  }

  .p-intro__about-title {
    line-height: 2.2;
    font-size: 20px;
  }

  .p-intro__about-text {
    font-weight: bold;
    font-size: 15px;
    text-align: center;
  }

  .p-intro__contact-btn {
    font-size: 24px;
    margin-top: 30px;
    padding: 10px 50px 15px;
  }

  .p-intro__beforecontact-text {
    font-size: 18px;
  }

  /*新フォームsm*/

  .c-form__tab-buttons span {
    font-size: 14px;
  }

  .c-form__btn-box input {
    margin-left: 10px !important;
    font-size: 18px !important;
  }

  .c-form__btn-box--back2 input {
    top: 42%;
    transform: translate(0, -2px) !important;
    left: 0;
  }

  .c-form__btn-box--back2 input:hover {
    box-shadow: none !important;
    transform: translate(0, 0px) !important;
  }

  .form-termlink {
    margin-top: 10px;
  }

  /*新フォームsmここまで*/

  .yane-formicon {
    width: 25px;
    height: 25px;
  }

  .p-lp-yane__phone-consultation-text--1 {
    font-size: 20px;
  }

  .p-lp-yane__phone-consultation-text--2 {
    font-size: 36px;
  }

  .p-lp-yane__phone-consultation-text--2::before {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    transform: translateY(6px);
  }

  .p-lp-yane__phone-consultation-text--3 {
    font-size: 18px;
  }

  .p-lp-yane__phone-consultation-text--4 {
    font-size: 24px;
  }

  .yane__medal--blight-sm {
    right: 83%;
    top: 48%;
  }

  .p-lp__yane-medal-position-right {
    right: 22%;
  }

  .border-1-sm {
    border: solid #f8f9fa 1px;
  }

  .border-top-1-sm {
    border-top: solid #f8f9fa 1px;
  }

  .border-right-1-sm {
    border-right: solid #f8f9fa 1px;
  }

  .border-bottom-1-sm {
    border-bottom: solid #f8f9fa 1px;
  }

  .border-left-1-sm {
    border-left: solid #f8f9fa 1px;
  }

  .border-2-sm {
    border: solid #f8f9fa 2px;
  }

  .border-top-2-sm {
    border-top: solid #f8f9fa 2px;
  }

  .border-right-2-sm {
    border-right: solid #f8f9fa 2px;
  }

  .border-bottom-2-sm {
    border-bottom: solid #f8f9fa 2px;
  }

  .border-left-2-sm {
    border-left: solid #f8f9fa 2px;
  }

  .border-3-sm {
    border: solid #f8f9fa 3px;
  }

  .border-top-3-sm {
    border-top: solid #f8f9fa 3px;
  }

  .border-right-3-sm {
    border-right: solid #f8f9fa 3px;
  }

  .border-bottom-3-sm {
    border-bottom: solid #f8f9fa 3px;
  }

  .border-left-3-sm {
    border-left: solid #f8f9fa 3px;
  }

  .border-4-sm {
    border: solid #f8f9fa 4px;
  }

  .border-top-4-sm {
    border-top: solid #f8f9fa 4px;
  }

  .border-right-4-sm {
    border-right: solid #f8f9fa 4px;
  }

  .border-bottom-4-sm {
    border-bottom: solid #f8f9fa 4px;
  }

  .border-left-4-sm {
    border-left: solid #f8f9fa 4px;
  }

  .border-5-sm {
    border: solid #f8f9fa 5px;
  }

  .border-top-5-sm {
    border-top: solid #f8f9fa 5px;
  }

  .border-right-5-sm {
    border-right: solid #f8f9fa 5px;
  }

  .border-bottom-5-sm {
    border-bottom: solid #f8f9fa 5px;
  }

  .border-left-5-sm {
    border-left: solid #f8f9fa 5px;
  }

  .border-6-sm {
    border: solid #f8f9fa 6px;
  }

  .border-top-6-sm {
    border-top: solid #f8f9fa 6px;
  }

  .border-right-6-sm {
    border-right: solid #f8f9fa 6px;
  }

  .border-bottom-6-sm {
    border-bottom: solid #f8f9fa 6px;
  }

  .border-left-6-sm {
    border-left: solid #f8f9fa 6px;
  }

  .border-7-sm {
    border: solid #f8f9fa 7px;
  }

  .border-top-7-sm {
    border-top: solid #f8f9fa 7px;
  }

  .border-right-7-sm {
    border-right: solid #f8f9fa 7px;
  }

  .border-bottom-7-sm {
    border-bottom: solid #f8f9fa 7px;
  }

  .border-left-7-sm {
    border-left: solid #f8f9fa 7px;
  }

  .border-8-sm {
    border: solid #f8f9fa 8px;
  }

  .border-top-8-sm {
    border-top: solid #f8f9fa 8px;
  }

  .border-right-8-sm {
    border-right: solid #f8f9fa 8px;
  }

  .border-bottom-8-sm {
    border-bottom: solid #f8f9fa 8px;
  }

  .border-left-8-sm {
    border-left: solid #f8f9fa 8px;
  }

  .border-9-sm {
    border: solid #f8f9fa 9px;
  }

  .border-top-9-sm {
    border-top: solid #f8f9fa 9px;
  }

  .border-right-9-sm {
    border-right: solid #f8f9fa 9px;
  }

  .border-bottom-9-sm {
    border-bottom: solid #f8f9fa 9px;
  }

  .border-left-9-sm {
    border-left: solid #f8f9fa 9px;
  }

  .border-10-sm {
    border: solid #f8f9fa 10px;
  }

  .border-top-10-sm {
    border-top: solid #f8f9fa 10px;
  }

  .border-right-10-sm {
    border-right: solid #f8f9fa 10px;
  }

  .border-bottom-10-sm {
    border-bottom: solid #f8f9fa 10px;
  }

  .border-left-10-sm {
    border-left: solid #f8f9fa 10px;
  }

  .f8-sm {
    font-size: 0.8rem !important;
  }

  .l8-sm {
    line-height: 0.8rem !important;
  }

  .h8-sm {
    line-height: 0.8 !important;
  }

  .f9-sm {
    font-size: 0.9rem !important;
  }

  .l9-sm {
    line-height: 0.9rem !important;
  }

  .h9-sm {
    line-height: 0.9 !important;
  }

  .f10-sm {
    font-size: 1rem !important;
  }

  .l10-sm {
    line-height: 1rem !important;
  }

  .h10-sm {
    line-height: 1 !important;
  }

  .f11-sm {
    font-size: 1.1rem !important;
  }

  .l11-sm {
    line-height: 1.1rem !important;
  }

  .h11-sm {
    line-height: 1.1 !important;
  }

  .f12-sm {
    font-size: 1.2rem !important;
  }

  .l12-sm {
    line-height: 1.2rem !important;
  }

  .h12-sm {
    line-height: 1.2 !important;
  }

  .f13-sm {
    font-size: 1.3rem !important;
  }

  .l13-sm {
    line-height: 1.3rem !important;
  }

  .h13-sm {
    line-height: 1.3 !important;
  }

  .f14-sm {
    font-size: 1.4rem !important;
  }

  .l14-sm {
    line-height: 1.4rem !important;
  }

  .h14-sm {
    line-height: 1.4 !important;
  }

  .f15-sm {
    font-size: 1.5rem !important;
  }

  .l15-sm {
    line-height: 1.5rem !important;
  }

  .h15-sm {
    line-height: 1.5 !important;
  }

  .f16-sm {
    font-size: 1.6rem !important;
  }

  .l16-sm {
    line-height: 1.6rem !important;
  }

  .h16-sm {
    line-height: 1.6 !important;
  }

  .f17-sm {
    font-size: 1.7rem !important;
  }

  .l17-sm {
    line-height: 1.7rem !important;
  }

  .h17-sm {
    line-height: 1.7 !important;
  }

  .f18-sm {
    font-size: 1.8rem !important;
  }

  .l18-sm {
    line-height: 1.8rem !important;
  }

  .h18-sm {
    line-height: 1.8 !important;
  }

  .f19-sm {
    font-size: 1.9rem !important;
  }

  .l19-sm {
    line-height: 1.9rem !important;
  }

  .h19-sm {
    line-height: 1.9 !important;
  }

  .f20-sm {
    font-size: 2rem !important;
  }

  .l20-sm {
    line-height: 2rem !important;
  }

  .h20-sm {
    line-height: 2 !important;
  }

  .f22-sm {
    font-size: 2.2rem !important;
  }

  .l22-sm {
    line-height: 2.2rem !important;
  }

  .h22-sm {
    line-height: 2.2 !important;
  }

  .f24-sm {
    font-size: 2.4rem !important;
  }

  .l24-sm {
    line-height: 2.4rem !important;
  }

  .h24-sm {
    line-height: 2.4 !important;
  }

  .f26-sm {
    font-size: 2.6rem !important;
  }

  .l26-sm {
    line-height: 2.6rem !important;
  }

  .h26-sm {
    line-height: 2.6 !important;
  }

  .f28-sm {
    font-size: 2.8rem !important;
  }

  .l28-sm {
    line-height: 2.8rem !important;
  }

  .h28-sm {
    line-height: 2.8 !important;
  }

  .f30-sm {
    font-size: 3rem !important;
  }

  .l30-sm {
    line-height: 3rem !important;
  }

  .h30-sm {
    line-height: 3 !important;
  }

  .f32-sm {
    font-size: 3.2rem !important;
  }

  .l32-sm {
    line-height: 3.2rem !important;
  }

  .h32-sm {
    line-height: 3.2 !important;
  }

  .f34-sm {
    font-size: 3.4rem !important;
  }

  .l34-sm {
    line-height: 3.4rem !important;
  }

  .h34-sm {
    line-height: 3.4 !important;
  }

  .f36-sm {
    font-size: 3.6rem !important;
  }

  .l36-sm {
    line-height: 3.6rem !important;
  }

  .h36-sm {
    line-height: 3.6 !important;
  }

  .f38-sm {
    font-size: 3.8rem !important;
  }

  .l38-sm {
    line-height: 3.8rem !important;
  }

  .h38-sm {
    line-height: 3.8 !important;
  }

  .f40-sm {
    font-size: 4rem !important;
  }

  .l40-sm {
    line-height: 4rem !important;
  }

  .h40-sm {
    line-height: 4 !important;
  }

  .f44-sm {
    font-size: 4.4rem !important;
  }

  .l44-sm {
    line-height: 4.4rem !important;
  }

  .h44-sm {
    line-height: 4.4 !important;
  }

  .f48-sm {
    font-size: 4.8rem !important;
  }

  .l48-sm {
    line-height: 4.8rem !important;
  }

  .h48-sm {
    line-height: 4.8 !important;
  }

  .f56-sm {
    font-size: 5.6rem !important;
  }

  .l56-sm {
    line-height: 5.6rem !important;
  }

  .h56-sm {
    line-height: 5.6 !important;
  }

  .f64-sm {
    font-size: 6.4rem !important;
  }

  .l64-sm {
    line-height: 6.4rem !important;
  }

  .h64-sm {
    line-height: 6.4 !important;
  }

  .f72-sm {
    font-size: 7.2rem !important;
  }

  .l72-sm {
    line-height: 7.2rem !important;
  }

  .h72-sm {
    line-height: 7.2 !important;
  }

  .f80-sm {
    font-size: 8rem !important;
  }

  .l80-sm {
    line-height: 8rem !important;
  }

  .h80-sm {
    line-height: 8 !important;
  }

  .f88-sm {
    font-size: 8.8rem !important;
  }

  .l88-sm {
    line-height: 8.8rem !important;
  }

  .h88-sm {
    line-height: 8.8 !important;
  }

  .f90-sm {
    font-size: 9rem !important;
  }

  .l90-sm {
    line-height: 9rem !important;
  }

  .h90-sm {
    line-height: 9 !important;
  }

  .f96-sm {
    font-size: 9.6rem !important;
  }

  .l96-sm {
    line-height: 9.6rem !important;
  }

  .h96-sm {
    line-height: 9.6 !important;
  }

  .m0-sm {
    margin: 0px !important;
  }

  .mt0-sm {
    margin-top: 0px !important;
  }

  .mr0-sm {
    margin-right: 0px !important;
  }

  .mb0-sm {
    margin-bottom: 0px !important;
  }

  .ml0-sm {
    margin-left: 0px !important;
  }

  .mx0-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .my0-sm {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mtn0-sm {
    margin-top: 0px !important;
  }

  .mrn0-sm {
    margin-right: 0px !important;
  }

  .mbn0-sm {
    margin-bottom: 0px !important;
  }

  .mln0-sm {
    margin-left: 0px !important;
  }

  .mnx0-sm,
  .mxn0-sm {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .p0-sm {
    padding: 0px !important;
  }

  .pt0-sm {
    padding-top: 0px !important;
  }

  .pr0-sm {
    padding-right: 0px !important;
  }

  .pb0-sm {
    padding-bottom: 0px !important;
  }

  .pl0-sm {
    padding-left: 0px !important;
  }

  .px0-sm {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .py0-sm {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m1-sm {
    margin: 5px !important;
  }

  .mt1-sm {
    margin-top: 5px !important;
  }

  .mr1-sm {
    margin-right: 5px !important;
  }

  .mb1-sm {
    margin-bottom: 5px !important;
  }

  .ml1-sm {
    margin-left: 5px !important;
  }

  .mx1-sm {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .my1-sm {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mtn1-sm {
    margin-top: -5px !important;
  }

  .mrn1-sm {
    margin-right: -5px !important;
  }

  .mbn1-sm {
    margin-bottom: -5px !important;
  }

  .mln1-sm {
    margin-left: -5px !important;
  }

  .mnx1-sm,
  .mxn1-sm {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .p1-sm {
    padding: 5px !important;
  }

  .pt1-sm {
    padding-top: 5px !important;
  }

  .pr1-sm {
    padding-right: 5px !important;
  }

  .pb1-sm {
    padding-bottom: 5px !important;
  }

  .pl1-sm {
    padding-left: 5px !important;
  }

  .px1-sm {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .py1-sm {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m2-sm {
    margin: 10px !important;
  }

  .mt2-sm {
    margin-top: 10px !important;
  }

  .mr2-sm {
    margin-right: 10px !important;
  }

  .mb2-sm {
    margin-bottom: 10px !important;
  }

  .ml2-sm {
    margin-left: 10px !important;
  }

  .mx2-sm {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .my2-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mtn2-sm {
    margin-top: -10px !important;
  }

  .mrn2-sm {
    margin-right: -10px !important;
  }

  .mbn2-sm {
    margin-bottom: -10px !important;
  }

  .mln2-sm {
    margin-left: -10px !important;
  }

  .mnx2-sm,
  .mxn2-sm {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }

  .p2-sm {
    padding: 10px !important;
  }

  .pt2-sm {
    padding-top: 10px !important;
  }

  .pr2-sm {
    padding-right: 10px !important;
  }

  .pb2-sm {
    padding-bottom: 10px !important;
  }

  .pl2-sm {
    padding-left: 10px !important;
  }

  .px2-sm {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .py2-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m3-sm {
    margin: 15px !important;
  }

  .mt3-sm {
    margin-top: 15px !important;
  }

  .mr3-sm {
    margin-right: 15px !important;
  }

  .mb3-sm {
    margin-bottom: 15px !important;
  }

  .ml3-sm {
    margin-left: 15px !important;
  }

  .mx3-sm {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .my3-sm {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mtn3-sm {
    margin-top: -15px !important;
  }

  .mrn3-sm {
    margin-right: -15px !important;
  }

  .mbn3-sm {
    margin-bottom: -15px !important;
  }

  .mln3-sm {
    margin-left: -15px !important;
  }

  .mnx3-sm,
  .mxn3-sm {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }

  .p3-sm {
    padding: 15px !important;
  }

  .pt3-sm {
    padding-top: 15px !important;
  }

  .pr3-sm {
    padding-right: 15px !important;
  }

  .pb3-sm {
    padding-bottom: 15px !important;
  }

  .pl3-sm {
    padding-left: 15px !important;
  }

  .px3-sm {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .py3-sm {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m4-sm {
    margin: 20px !important;
  }

  .mt4-sm {
    margin-top: 20px !important;
  }

  .mr4-sm {
    margin-right: 20px !important;
  }

  .mb4-sm {
    margin-bottom: 20px !important;
  }

  .ml4-sm {
    margin-left: 20px !important;
  }

  .mx4-sm {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .my4-sm {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mtn4-sm {
    margin-top: -20px !important;
  }

  .mrn4-sm {
    margin-right: -20px !important;
  }

  .mbn4-sm {
    margin-bottom: -20px !important;
  }

  .mln4-sm {
    margin-left: -20px !important;
  }

  .mnx4-sm,
  .mxn4-sm {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  .p4-sm {
    padding: 20px !important;
  }

  .pt4-sm {
    padding-top: 20px !important;
  }

  .pr4-sm {
    padding-right: 20px !important;
  }

  .pb4-sm {
    padding-bottom: 20px !important;
  }

  .pl4-sm {
    padding-left: 20px !important;
  }

  .px4-sm {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .py4-sm {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m5-sm {
    margin: 25px !important;
  }

  .mt5-sm {
    margin-top: 25px !important;
  }

  .mr5-sm {
    margin-right: 25px !important;
  }

  .mb5-sm {
    margin-bottom: 25px !important;
  }

  .ml5-sm {
    margin-left: 25px !important;
  }

  .mx5-sm {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .my5-sm {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mtn5-sm {
    margin-top: -25px !important;
  }

  .mrn5-sm {
    margin-right: -25px !important;
  }

  .mbn5-sm {
    margin-bottom: -25px !important;
  }

  .mln5-sm {
    margin-left: -25px !important;
  }

  .mnx5-sm,
  .mxn5-sm {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }

  .p5-sm {
    padding: 25px !important;
  }

  .pt5-sm {
    padding-top: 25px !important;
  }

  .pr5-sm {
    padding-right: 25px !important;
  }

  .pb5-sm {
    padding-bottom: 25px !important;
  }

  .pl5-sm {
    padding-left: 25px !important;
  }

  .px5-sm {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .py5-sm {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m6-sm {
    margin: 30px !important;
  }

  .mt6-sm {
    margin-top: 30px !important;
  }

  .mr6-sm {
    margin-right: 30px !important;
  }

  .mb6-sm {
    margin-bottom: 30px !important;
  }

  .ml6-sm {
    margin-left: 30px !important;
  }

  .mx6-sm {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

  .my6-sm {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mtn6-sm {
    margin-top: -30px !important;
  }

  .mrn6-sm {
    margin-right: -30px !important;
  }

  .mbn6-sm {
    margin-bottom: -30px !important;
  }

  .mln6-sm {
    margin-left: -30px !important;
  }

  .mnx6-sm,
  .mxn6-sm {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }

  .p6-sm {
    padding: 30px !important;
  }

  .pt6-sm {
    padding-top: 30px !important;
  }

  .pr6-sm {
    padding-right: 30px !important;
  }

  .pb6-sm {
    padding-bottom: 30px !important;
  }

  .pl6-sm {
    padding-left: 30px !important;
  }

  .px6-sm {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .py6-sm {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m7-sm {
    margin: 35px !important;
  }

  .mt7-sm {
    margin-top: 35px !important;
  }

  .mr7-sm {
    margin-right: 35px !important;
  }

  .mb7-sm {
    margin-bottom: 35px !important;
  }

  .ml7-sm {
    margin-left: 35px !important;
  }

  .mx7-sm {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }

  .my7-sm {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mtn7-sm {
    margin-top: -35px !important;
  }

  .mrn7-sm {
    margin-right: -35px !important;
  }

  .mbn7-sm {
    margin-bottom: -35px !important;
  }

  .mln7-sm {
    margin-left: -35px !important;
  }

  .mnx7-sm,
  .mxn7-sm {
    margin-right: -35px !important;
    margin-left: -35px !important;
  }

  .p7-sm {
    padding: 35px !important;
  }

  .pt7-sm {
    padding-top: 35px !important;
  }

  .pr7-sm {
    padding-right: 35px !important;
  }

  .pb7-sm {
    padding-bottom: 35px !important;
  }

  .pl7-sm {
    padding-left: 35px !important;
  }

  .px7-sm {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .py7-sm {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m8-sm {
    margin: 40px !important;
  }

  .mt8-sm {
    margin-top: 40px !important;
  }

  .mr8-sm {
    margin-right: 40px !important;
  }

  .mb8-sm {
    margin-bottom: 40px !important;
  }

  .ml8-sm {
    margin-left: 40px !important;
  }

  .mx8-sm {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .my8-sm {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mtn8-sm {
    margin-top: -40px !important;
  }

  .mrn8-sm {
    margin-right: -40px !important;
  }

  .mbn8-sm {
    margin-bottom: -40px !important;
  }

  .mln8-sm {
    margin-left: -40px !important;
  }

  .mnx8-sm,
  .mxn8-sm {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }

  .p8-sm {
    padding: 40px !important;
  }

  .pt8-sm {
    padding-top: 40px !important;
  }

  .pr8-sm {
    padding-right: 40px !important;
  }

  .pb8-sm {
    padding-bottom: 40px !important;
  }

  .pl8-sm {
    padding-left: 40px !important;
  }

  .px8-sm {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .py8-sm {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .mx-auto-sm {
    margin-right: auto;
    margin-left: auto;
  }

  .wd10-sm {
    width: 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .wd20-sm {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .wd25-sm {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .wd33-sm {
    width: 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .wd40-sm {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .wd50-sm {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .wd60-sm {
    width: 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .wd66-sm {
    width: 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .wd75-sm {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .wd90-sm {
    width: 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }

  .wd100-sm {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pages-lp-battery__header {
    height: 65px;
  }

  .pages-lp-battery__splogo {
    width: 200px;
  }

  .pages-lp-battery__content {
    padding-top: 65px;
  }

  .pages-lp-battery__bbd {
    height: 500px;
    padding-top: 60px;
    background-position: bottom 0;
  }

  .pages-lp-battery__bbd--fvform {
    background-position: bottom 0;
  }

  .pages-lp-battery__bbd--fvform-pair {
    background-position: bottom 0;
  }

  .pages-lp-battery__bbd--fvform-illust {
    background-position: bottom 0;
  }

  .pages-lp-battery__bbd-pt01 {
    height: 500px;
    padding-top: 40px;
    background-position: bottom 0;
  }

  .pages-lp-battery__h2 {
    font-size: 2.5rem;
  }

  .pages-lp-battery-form__label-solar {
    width: 120px;
    height: 64px;
  }

  .pages-lp-battery-form__label-battery {
    height: 64px;
  }

  .pages-lp-battery__image-nichicon {
    width: 140px;
    height: 140px;
  }

  .pages-lp-battery__arrow-box::before {
    left: 35%;
  }

  .pages-lp-maker_ranking__box {
    box-shadow: 0 10px 4px -5px #7d7d7d;
    padding: 60px 30px;
    margin: 100px 0 0;
  }

  .pages-lp-maker_ranking__h3 h3 {
    font-size: 22px;
  }

  .pages-lp-maker_ranking__item {
    font-size: 20px;
    margin-bottom: 0;
  }

  .lp-choose-maker__box {
    box-shadow: 0 10px 4px -5px #7d7d7d;
    padding: 60px 30px;
    margin: 100px 0 0;
  }

  .pages-lp-merit__bbd-merit {
    height: 300px;
  }

  .pages-lp-merit__h2-mark {
    height: 70px;
  }

  .pages-lp-merit__h2-text {
    font-size: 12px;
  }

  .pages-lp-merit__h2-sub {
    font-size: 20px;
  }

  .pages-lp-merit-catch {
    font-size: 24px;
  }

  .pages-lp-merit-catch__text {
    font-size: 18px;
  }

  .pages-lp-merit__bbd-demerit {
    height: 300px;
  }

  .pages-lp-booklet__image {
    width: 35%;
  }

  .pages-manga-nav__item {
    font-size: 1.2rem;
    font-weight: bold;
  }

  .letter-line {
    background-size: 8px 100%, 100% 2.4em;
  }
}

@media screen and (min-width: 576px) {
  .review_bbd_overlay .review_excerpt {
    font-size: 2.0rem;
  }

  .review_bbd_overlay .review_excerpt {
    font-size: 2.0rem;
  }
}

@media (min-width: 767px) {
  .drawer-responsive.drawer-left .drawer-toggle,
  .drawer-responsive.drawer-right .drawer-toggle,
  .drawer-navbar.drawer-left .drawer-toggle,
  .drawer-navbar.drawer-right .drawer-toggle,
  .drawer-navbar.drawer-top .drawer-toggle {
    display: none;
    visibility: hidden;
  }

  .drawer-responsive.drawer-left .drawer-main {
    left: 0;
    display: block;
    transform: none;
  }

  .drawer-responsive.drawer-right .drawer-main {
    right: 0;
    display: block;
    transform: none;
  }
}

@media (min-width: 768px) {
  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 720px;
  }

  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2,
  .c-author__body-box__avatar-box {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3,
  .c-posttype-qa__answer-box__answer-description__adviser-box {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4,
  .c-mitsumoriform-prev__body-row__step-col,
  .c-mitsumoriform-prev__body-row __step-col--margin20,
  .c-mitsumoriform-prev__body-row__step-col--margin20,
  .c-vendor-list-city__list-body__list-row__list-col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9,
  .c-posttype-qa__answer-box__answer-description__answer-balloon {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10,
  .c-author__body-box__text-box {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12,
  .c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0,
  .col-md-offset-0 {
    margin-left: 0;
  }

  .offset-md-1,
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2,
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3,
  .col-md-offset-3 {
    margin-left: 25%;
  }

  .offset-md-4,
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5,
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6,
  .col-md-offset-6 {
    margin-left: 50%;
  }

  .offset-md-7,
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8,
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9,
  .col-md-offset-9 {
    margin-left: 75%;
  }

  .offset-md-10,
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11,
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block,
  .c-posttype-qa__answer-box__answer-description__adviser-box {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }

  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }

  .yp-fvform__label label {
    padding: 20px 30px;
    height: 180px;
  }

  .yp-fvform__label-title {
    font-size: 16px;
  }

  .yp-fvform__all {
    width: 135px;
    height: 135px;
  }

  .yp-fvform__part {
    width: 135px;
    height: 135px;
  }

  .yp-fvform__label-title {
    font-size: 16px;
  }

  .yp-fvform__btn input {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .pages-lp-battery-form__ballon {
    letter-spacing: 2px;
    border-radius: 10px;
  }

  .c-fixed-bottom__wrapper-box {
    padding: 0 15px;
  }

  .modal-dialog {
    margin-top: 80px;
  }

  h1 {
    font-size: 26px;
  }

  p {
    font-size: 18px;
  }

  blockquote {
    padding: 70px 30px 30px 30px;
    background-size: 6%;
    background-position: top 20px left 30px;
  }

  body.drawer-navbar.drawer-fixed {
    padding-top: 50px;
  }

  .drawer-responsive {
    background-color: #222;
  }

  .drawer-responsive .drawer-overlay {
    background-color: #fff;
  }

  .drawer-responsive .container,
  .drawer-responsive .c-fixed-bottom__wrapper-box,
  .drawer-responsive .c-footer {
    max-width: 618px;
  }

  .drawer-responsive.drawer-left .drawer-main,
  .drawer-responsive.drawer-right .drawer-main {
    position: absolute;
    width: 150px !important;
    height: auto !important;
    overflow: visible !important;
  }

  .drawer-responsive.drawer-left .drawer-main {
    float: left;
  }

  .drawer-responsive.drawer-left .drawer-overlay {
    margin-left: 150px;
  }

  .drawer-responsive.drawer-right .drawer-main {
    float: right;
  }

  .drawer-responsive.drawer-right .drawer-overlay {
    margin-right: 150px;
  }

  .drawer-navbar.drawer-left .drawer-main,
  .drawer-navbar.drawer-right .drawer-main,
  .drawer-navbar.drawer-top .drawer-main {
    position: relative;
  }

  .drawer-navbar.drawer-static.drawer-left .drawer-main,
  .drawer-navbar.drawer-static.drawer-right .drawer-main,
  .drawer-navbar.drawer-static.drawer-top .drawer-main {
    z-index: 5000;
  }

  .drawer-navbar.drawer-fixed.drawer-left .drawer-main,
  .drawer-navbar.drawer-fixed.drawer-right .drawer-main,
  .drawer-navbar.drawer-fixed.drawer-top .drawer-main {
    position: fixed;
    z-index: 5100;
  }

  .drawer-navbar.drawer-left .drawer-main,
  .drawer-navbar.drawer-right .drawer-main,
  .drawer-navbar.drawer-top .drawer-main {
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    transform: none;
  }

  .drawer-navbar-default {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
  }

  .drawer-navbar-default li,
  .drawer-navbar-default a,
  .drawer-navbar-default .drawer-brand {
    float: left;
  }

  .drawer-navbar-default a {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }

  .drawer-navbar-default .drawer-brand a {
    padding: 0 15px;
    color: #555;
    font-size: 90%;
  }

  .drawer-navbar-default .drawer-brand a:hover,
  .drawer-navbar-default .drawer-brand a:focus {
    color: #333;
    background-color: #eee;
  }

  .drawer-navbar-default .drawer-footer {
    display: none;
  }

  .drawer-navbar-default .drawer-menu.drawer-navbar-right {
    float: right;
  }

  .drawer-navbar-default .drawer-menu.drawer-navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }

  .drawer-navbar-default .drawer-menu-item {
    padding: 0;
    font-size: 14px;
  }

  .drawer-navbar-default .drawer-menu-item a:hover,
  .drawer-navbar-default .drawer-menu-item a:focus {
    color: #888;
    background-color: #eee;
  }

  .drawer-navbar-default .dropdown-menu {
    box-shadow: 0 6px 12px #000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }

  .drawer-navbar-default .dropdown-menu > li {
    float: none;
  }

  .drawer-navbar-default .dropdown-menu > li > a {
    width: 160px;
    padding: 0 15px !important;
    color: #fff;
    background-color: #444;
    border-bottom: 1px solid #555;
    opacity: .9;
    filter: alpha(opacity=90);
  }

  .drawer-navbar-default .dropdown-menu > li > a:hover,
  .drawer-navbar-default .dropdown-menu > li > a:focus {
    color: #999;
    background-color: #333;
  }

  .c-fixed-bottom__wrapper-box {
    padding: 10px 15px;
  }

  .c-footer__company-row {
    order: 1;
  }

  .c-header__smart-bar__close-btn {
    right: 15px;
    top: 10px;
  }

  .c-header-site-head-other-link-line {
    width: 100%;
  }

  .c-header-site-head-other-link-line-image {
    width: 25px;
  }

  .c-header-main {
    padding: 10px 15px;
  }

  .c-header-main__left-box__site-logo {
    height: 40px;
  }

  .c-header-main__right-box__free-space img {
    max-height: 50px;
  }

  .c-header-main__right-box__tel-box__tel-message {
    font-size: 12px;
    line-height: 12px;
  }

  .c-header-main__right-box__tel-box__telno-box__img-freecall {
    height: 32px;
  }

  .c-header-main__right-box__tel-box__telno-box__text-telno {
    font-size: 32px;
  }

  .c-global-nav {
    display: block;
  }

  .c-global-nav > ul {
    max-width: 970px;
  }

  .l-main__wrapper,
  #l-wrapper,
  #l-wrapper--noheader,
  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide,
  .l-wrapper {
    max-width: 720px;
  }

  #l-wrapper--noheader {
    padding-top: 0;
  }

  #l-wrapper-wide--noheader {
    padding-top: 0;
    padding-bottom: 0;
  }

  #l-wrapper-full {
    max-width: 100%;
    padding-bottom: 0;
  }

  .l-main__padding,
  .l-sidebar {
    padding-left: 30px;
    padding-right: 30px;
  }

  .l-main__cancel-padding {
    margin-left: -30px;
    margin-right: -30px;
  }

  .post__h2,
  .post h2 {
    padding: 15px 20px 15px 0;
    margin: 120px 0 40px;
    font-size: 2.2rem;
    letter-spacing: 1.1px;
  }

  .post h3 {
    margin: 60px 0 30px;
    padding: 3px 0 3px 10px;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 1px;
  }

  .post h4 {
    font-size: 1.9rem;
  }

  .post li {
    font-size: 1.8rem;
  }

  .post p {
    line-height: 2;
    letter-spacing: 1px;
  }

  .c-post-content__content-title {
    font-size: 22px;
  }

  .c-post-content__content-meta li {
    font-size: 1.4rem;
  }

  .c-post-content__content-meta {
    font-size: 1.2rem;
  }

  .c-post-content__eyecatch-image {
    margin: 40px 0 80px;
  }

  .c-post-footer__content-box__content-title,
  .c-vendor-list__list-header,
  .c-vendor-list-city__list-header {
    margin: 70px 0 50px;
    padding: 15px 20px;
    font-size: 2rem;
  }

  .c-author__body-box {
    padding: 16px;
  }

  .balloon43-lg {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    text-align: center;
    background-color: #da5019;
    border-radius: 40px;
    padding: 15px 0;
    margin: 60px 0 20px;
    line-height: 1.2;
  }

  .balloon43-lg:before {
    content: "";
    position: absolute;
    bottom: -15px;
    margin-left: -10px;
    left: 10%;
    width: 0px;
    height: 0px;
    border-top: 15px solid #da5019;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }

  .balloon-sm,
  .balloon-md,
  .balloon-lg {
    color: #fff;
    font-weight: bold;
    position: relative;
    text-align: center;
    background-color: #da5019;
    border-radius: 40px;
    padding: 15px 0;
    line-height: 1.2;
  }

  .balloon-sm {
    font-size: 20px;
    margin: 30px 0 10px;
  }

  .balloon-md {
    font-size: 32px;
    margin: 40px 0 15px;
  }

  .balloon-lg {
    font-size: 40px;
    margin: 40px 0 20px;
  }

  .balloon-sm:before,
  .balloon-md:before,
  .balloon-lg:before {
    content: "";
    position: absolute;
    left: 10%;
    width: 0px;
    height: 0px;
  }

  .balloon-sm:before {
    bottom: -10px;
    margin-left: -5px;
    border-top: 10px solid #da5019;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }

  .balloon-md:before,
  .balloon-lg:before {
    bottom: -15px;
    margin-left: -10px;
    border-top: 15px solid #da5019;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }

  .balloon41 {
    background-color: #3261ab;
  }

  .balloon41:before {
    border-top: 15px solid #3261ab;
  }

  .balloon43 {
    background-color: #da5019;
  }

  .balloon43:before {
    border-top: 15px solid #da5019;
  }

  .balloon44 {
    background-color: #009f8c;
  }

  .balloon44:before {
    border-top: 15px solid #009f8c;
  }

  .balloon46 {
    background-color: #744199;
  }

  .balloon46:before {
    border-top: 15px solid #744199;
  }

  .balloon_position10-xs:before {
    left: 10%;
  }

  .balloon_position15-xs:before {
    left: 15%;
  }

  .balloon_position20-xs:before {
    left: 20%;
  }

  .balloon_position33-xs:before {
    left: 33%;
  }

  .balloon_position50-xs:before {
    left: 50%;
  }

  .balloon_position66-xs:before {
    left: 66%;
  }

  .balloon_position80-xs:before {
    left: 80%;
  }

  .balloon_position85-xs:before {
    left: 85%;
  }

  .balloon_position90-xs:before {
    left: 90%;
  }

  .balloon_position10-sm:before {
    left: 10%;
  }

  .balloon_position15-sm:before {
    left: 15%;
  }

  .balloon_position20-sm:before {
    left: 20%;
  }

  .balloon_position33-sm:before {
    left: 33%;
  }

  .balloon_position50-sm:before {
    left: 50%;
  }

  .balloon_position66-sm:before {
    left: 66%;
  }

  .balloon_position80-sm:before {
    left: 80%;
  }

  .balloon_position85-sm:before {
    left: 85%;
  }

  .balloon_position90-sm:before {
    left: 90%;
  }

  .p-lp__new-toppage-balloon {
    margin-top: 80px;
  }

  .new-toppage__balloonR {
    margin-bottom: 150px;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    margin-right: 60px;
    border: 3px solid #ef821e;
    border-radius: 15px;
  }

  .p-lp__new-toppage__balloon-img img {
    height: 140px;
  }

  .p-lp__new-toppage__balloon-text {
    padding: 25px 45px;
  }

  .p-lp__new-toppage__balloon-text::before {
    top: 50px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  .p-lp__new-toppage__balloon-text::after {
    top: 50px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    margin-right: 60px;
    border: 3px solid #ef821e;
    border-radius: 15px;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text::before {
    right: -50px;
    border-left: 50px solid #ef821e;
    z-index: 1;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text::after {
    right: -42px;
    border-left: 50px solid #fff;
    z-index: 2;
  }

  .p-lp__new-toppage__balloon-text-inner {
    font-size: 17px;
  }

  .p-lp__new-toppage__name-yuusuke {
    font-size: 20px;
    padding: 5px 20px;
    transform: translateY(-53px);
  }

  .c-breadcrumb {
    overflow-x: auto;
    padding: 10px 5px 0px 0;
  }

  .c-breadcrumb__list-box {
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .btn-cta {
    font-size: 26px;
    padding: 10px 55px 10px 15px;
    top: 10px;
  }

  .btn-cta::before {
    right: 12px;
    font-size: 38px;
    margin-top: -19px;
  }

  .btn-cta:hover,
  .btn-cta:active {
    top: 10px;
  }

  .btn-post {
    font-size: 22px;
    padding: 15px 55px 15px 15px;
    top: 10px;
  }

  .btn-post::before {
    right: 18px;
    font-size: 38px;
    margin-top: -19px;
  }

  .btn-post:hover,
  .btn-post:active {
    top: 10px;
  }

  .btn-fixed-bottom {
    font-size: 16px;
    padding: 10px 10px;
  }

  .form-btn__img {
    background-size: 100%;
    width: 305px;
    height: 90px;
  }

  .c-btn--select {
    max-width: 300px;
  }

  .c-btn--chikudenchitag-ballon {
    font-size: 20px;
  }

  .c-btn__popup {
    padding: 13px 10px 10px;
  }

  .zumen-button {
    padding: 15px 100px;
  }

  body {
    position: static !important;
  }

  #drawer-container,
  #drawer-overlay-upper {
    display: none !important;
  }

  .c-form__form-label,
  .c-form__form-label--green,
  .c-form__form-label--blue {
    margin-bottom: 0;
  }

  .mitsumori-proposed_site-solar {
    width: 180px;
    height: 110px;
  }

  .mitsumori-proposed_site-battery {
    width: 180px;
    height: 110px;
  }

  .c-form__vendor-name-position {
    margin-left: 53px;
  }

  .c-form__element-wrapper {
    padding: 10px 0 100px;
  }

  .c-form__mitsumori-step {
    margin-bottom: 50px;
  }

  .c-form__mitsumori-title {
    font-size: 24px;
  }

  .c-form__option-chunk--button {
    padding: 15px 20px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
    font-size: 20px;
    width: 90%;
    margin: 20px 0;
  }

  .c-form__option-chunk label {
    padding: 20px 30px;
    height: 200px;
  }

  .c-form__option-chunk--important label {
    padding: 20px 30px;
    height: 140px;
  }

  .c-form__option-chunk--roof label {
    padding: 5px 5px;
  }

  .c-form__option-title {
    font-size: 22px;
  }

  .c-form__option-title__weaken {
    font-size: 18px;
  }

  .c-form__roof-material-title {
    margin-bottom: 10px;
  }

  .c-form__option-image-house {
    width: 170px;
    height: 110px;
  }

  .c-form__option-image-other {
    width: 145px;
    height: 110px;
  }

  .c-form__option-image-savings {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-income {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-ev {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-measures {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-important--other {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-installation-yes {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-installation-no {
    width: 80px;
    height: 75px;
  }

  .c-form__option-image-solar {
    width: 170px;
    height: 110px;
  }

  .c-form__option-image-battery {
    width: 170px;
    height: 110px;
  }

  .c-form__mitsumori-land {
    margin: 30px auto 0;
    font-size: 18px;
  }

  .c-form__prefecture-wrapper {
    width: 100%;
  }

  .c-form__prefecture-box {
    width: 60%;
  }

  .c-form__step2-image-pc {
    display: block;
  }

  .c-form__step2-image-sm {
    display: none;
  }

  .c-form__btn-box input {
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__btn-box--back input {
    font-size: 16px;
    padding: 7.5px 25px 5px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__btn-box-v1 input {
    font-size: 16px;
    transform: translateY(-4px);
  }

  .c-form__btn-box--image {
    font-size: 24px;
    padding: 10px 80px;
    margin-left: 20px;
  }

  .c-form__description--wrapper {
    padding: 25px;
    width: 80%;
    margin: 30px auto;
    border-radius: 10px;
  }

  .c-form__description--wrapper_merit {
    padding: 25px;
    width: 80%;
    margin: 30px auto;
    border-radius: 10px;
  }

  .c-form__description--image {
    width: 70%;
  }

  .c-form__description--text-title {
    font-size: 20px;
    margin-top: 10px;
  }

  .c-form__description--text {
    font-size: 14px;
    line-height: 1.4;
  }

  .c-form__label-required {
    font-size: 16px;
  }

  .c-form__label-required span {
    font-size: 15px;
  }

  .btn-next,
  .c-form__fixed-btn button,
  .btn-green {
    font-size: 2.6rem;
    padding: 7.5px 30px;
  }

  .btn-back {
    font-size: 16px;
  }

  .c-form__fixed-btn-pt01 {
    margin-left: 150px !important;
  }

  .c-form__fixed-btn--battery button {
    margin-left: 20px;
    font-size: 20px;
    padding: 7.5px 30px;
  }

  .c-form__p-mark-box {
    width: 80%;
  }

  .c-form__p-mark-box .c-form__p-mark-box--title {
    font-size: 1.3em;
  }

  .c-form__p-mark-box p {
    font-size: 14px;
    line-height: 1.4;
  }

  .c-form__p-mark-under {
    transform: translateY(0px);
  }

  .c-form__p-mark-under-pt01 {
    transform: translateY(0px);
    width: 15%;
  }

  .c-form__p-mark-under--battery {
    transform: translateY(0px);
  }

  .c-form__personality-wrapper input {
    width: 80%;
    margin-right: 20%;
  }

  .c-form__prefecture-nostep {
    width: 80% !important;
    margin-right: 50%;
  }

  .c-form__personality-wrapper-switch input {
    width: 80%;
    margin-right: 50%;
  }

  .c-form__howtouse-card {
    max-width: 33%;
  }

  .c-form__modal-content-width {
    max-width: 750px;
  }

  .c-form__step-prefecture--box {
    width: 80%;
    margin-right: 50%;
  }

  .c-form__btn-box--back-pt01 input {
    font-size: 16px;
    padding: 7.5px 25px 5px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
    margin: 40px 0;
  }

  .c-form-switch-box--title {
    font-size: 18px;
  }

  .c-form__fvform-title span {
    font-size: 24px;
  }

  .c-form__fvform-content-wrapper {
    padding: 0 20px;
  }

  .c-form__fvform-btn input {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__submit-fvbtn {
    font-size: 20px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__fvform-proposed {
    font-size: 16px;
  }

  .c-form__fvform-solar {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-battery {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-esbt {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-esonly {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-batteryv2h {
    width: 100px;
    height: 90px;
  }

  .c-form__fvform-ecocute {
    width: 100px;
    height: 90px;
  }

  .c-form__fvform-v2hecocute {
    width: 100px;
    height: 90px;
  }

  .c-form__fvform-cheap {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-estimate {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-choshu {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-recommendation {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-comparison {
    width: 90px;
    height: 90px;
  }

  .c-form__fvform-gaihekitosou {
    width: 80px;
    height: 90px;
  }

  .c-form__fvform-medal {
    width: 140px;
  }

  .c-form__fvform-title--bt span {
    font-size: 24px;
  }

  .c-form__description-box-yanekouji {
    padding: 25px;
    width: 80%;
    margin: 30px auto;
    border-radius: 10px;
  }

  .c-form__option-chunk--fvform--ex label {
    padding: 20px 30px;
    height: 180px;
  }

  .c-form__fvform-proposed--ex {
    font-size: 16px;
  }

  .c-form__fvform-ex--new {
    width: 135px;
    height: 135px;
  }

  .c-form__fvform-ex--reform {
    width: 135px;
    height: 135px;
  }

  .c-form__fvform-ex--new01 {
    width: 135px;
    height: 135px;
  }

  .c-form__fvform-ex--carport1 {
    width: 135px;
    height: 135px;
  }

  .c-form__fvform-ex--carport2 {
    width: 135px;
    height: 135px;
  }

  .c-form__fvform-btn--ex input {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__fvform-btn--ex-kakaku button {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .c-form__cta-gaihekitosou__box {
    padding: 80px 20px;
  }

  .c-form__cta-gaihekitosou__title {
    font-size: 34px;
    padding: 0 0 35px 0;
  }

  .c-form__card {
    max-width: 600px;
    margin: 0 auto;
  }

  .c-form__card-header:first-child {
    font-size: 18px;
  }

  .c-form__card-text {
    font-size: 16px;
    line-height: 3rem;
  }

  .fvform-sm_btn button {
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px;
    box-shadow: 0 4px 0 #999;
    transform: translateY(-4px);
  }

  .fvform-sm_choice-paint__wall {
    width: 120px;
    height: 120px;
  }

  .fvform-sm_choice-paint__both {
    width: 120px;
    height: 120px;
  }

  .fvform-sm_table-rn label {
    border: 2px solid #777;
    box-shadow: 0 0 0 4px #fff inset;
  }

  .fvform-sm_table-rn input:hover + label {
    border: 2px solid #777;
    box-shadow: 0 0 0 4px #fff inset;
  }

  .fvform-sm_table-rn input:checked + label {
    border: 2px solid #eb6100;
    box-shadow: 0 0 0 4px #eb6100 inset;
  }

  .c-mitsumoriform-prev__switching--box {
    border: 5px solid #1667b3;
    padding: 65px 20px 30px;
    border-radius: 25px;
  }

  .c-mitsumoriform-prev__switching--box::before {
    font-size: 1.8rem;
    padding: 15px 15px;
    top: -3.5rem;
    left: 25%;
    right: 25%;
  }

  .c-mitsumoriform-prev__switching--box--chikudenchitag {
    border: 5px solid #0039ab;
    padding: 65px 20px 30px;
    border-radius: 25px;
  }

  .c-mitsumoriform-prev__switching--box--chikudenchitag::before {
    font-size: 1.8rem;
    padding: 15px 15px;
    top: -3.5rem;
  }

  .c-mitsumoriform-prev__header-box__inner-text {
    font-size: 32px;
  }

  .c-mitsumoriform-prev__body-row {
    margin-left: -5px;
    margin-right: -5px;
  }

  .c-mitsumoriform-prev__body-row__step-col,
  .c-mitsumoriform-prev__body-row __step-col--margin20 {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner {
    padding: 0 5px 20px;
    font-size: 1.4rem;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner__solar-small-text,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__solar-small-text {
    font-size: 8px !important;
  }

  .c-mitsumoriform-prev__body-row__step-col--margin20 {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0;
  }

  .c-mitsumoriform-prev__proposed-site--only_hotdenki {
    width: 49px;
    height: 80px;
  }

  .c-mitsumoriform-prev__proposed-site--not_only_hotdenki {
    width: 90px;
    height: 80px;
  }

  .c-mitsumoriform-prev__header-title__emphasis {
    font-size: 52px;
  }

  .c-mitsumoriform-prev__prefectures-margin {
    margin: 50px 0 0;
  }

  .c-mitsumoriform-prev__button-margin {
    margin: 0;
  }

  .c-mitsumoriform__button-wrapper {
    padding: 20px;
  }

  .c-mitsumoriform__button-register {
    font-size: 24px;
  }

  .c-mitsumoriform__button-transition {
    font-size: 24px;
  }

  .c-mitsumoriform__text-weaken {
    font-size: 18px;
  }

  .c-mitsumoriform__tel-area__number {
    font-size: 26px;
    padding: 17px 0 15px 30px;
  }

  .c-mitsumoriform__tel-area__image {
    width: 45px;
  }

  .c-posttype-qa__question-box__question-title,
  .c-posttype-qa__answer-box__answer-title {
    min-height: 60px;
  }

  .c-posttype-qa__question-box__question-title__title-alphabet,
  .c-posttype-qa__answer-box__answer-title__title-alphabet {
    font-size: 40px;
    min-width: 70px;
  }

  .c-posttype-qa__question-box__question-title__title-text,
  .c-posttype-qa__answer-box__answer-title__title-text {
    font-size: 20px;
    padding: 5px 30px;
  }

  .c-posttype-qa__question-box__question-description {
    margin-left: 100px;
    margin-right: 50px;
  }

  .c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
    padding-left: 15px;
    top: 0px;
  }

  .c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo > img {
    width: 96px;
    height: 96px;
  }

  .c-posttype-qa__answer-box__answer-description__adviser-box__adviser-text {
    text-align: center;
    margin-top: 20px;
  }

  .c-posttype-qa__answer-box__answer-description__answer-balloon {
    margin-top: 0;
    padding: 30px 50px 40px;
  }

  .c-posttype-qa__answer-box__answer-description__answer-balloon::before {
    top: 45px;
    left: -24px;
    margin-top: -12px;
    margin-left: 0;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
  }

  .c-posttype-qa__answer-box__answer-description__answer-balloon::after {
    top: 45px;
    left: -30px;
    margin-top: -14px;
    margin-left: 0;
    border-right: 14px solid #efefef;
    border-bottom: 14px solid transparent;
  }

  .c-related-post__label {
    display: inline-block;
    flex: 0 0 15%;
    padding: 3px 12.5px;
  }

  .c-vendor-bbd {
    background-image: url("/img/lptest-css/fv_mojinasi.jpg");
    background-position: 60%;
  }

  .js-form__btn-box input {
    padding: 10px 30px !important;
    font-size: 18px;
  }

  .js-form__btn-box--back input {
    padding-left: 15px;
    padding-right: 15px;
  }

  .js-form__label-required {
    font-size: 14px;
    text-align: right;
  }

  .js-form__fixed-btn button {
    font-size: 18px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .p-lp-yane__medal {
    width: 130px;
    top: 60%;
    right: 15%;
  }

  .article-yane {
    margin: 0px !important;
  }

  .content ol li::before {
    left: -2% !important;
  }

  .siteTitle__logo img {
    height: 50px !important;
  }

  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 720px;
  }

  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2,
  .c-author__body-box__avatar-box {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-3,
  .c-posttype-qa__answer-box__answer-description__adviser-box {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4,
  .c-mitsumoriform-prev__body-row__step-col,
  .c-mitsumoriform-prev__body-row __step-col--margin20,
  .c-mitsumoriform-prev__body-row__step-col--margin20,
  .c-vendor-list-city__list-body__list-row__list-col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-9,
  .c-posttype-qa__answer-box__answer-description__answer-balloon {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10,
  .c-author__body-box__text-box {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-12,
  .c-posttype-qa__answer-box__answer-description__adviser-box__adviser-photo {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0,
  .col-md-offset-0 {
    margin-left: 0;
  }

  .offset-md-1,
  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2,
  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .offset-md-3,
  .col-md-offset-3 {
    margin-left: 25%;
  }

  .offset-md-4,
  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .offset-md-5,
  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .offset-md-6,
  .col-md-offset-6 {
    margin-left: 50%;
  }

  .offset-md-7,
  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .offset-md-8,
  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .offset-md-9,
  .col-md-offset-9 {
    margin-left: 75%;
  }

  .offset-md-10,
  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .offset-md-11,
  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md > .container,
  .navbar-expand-md > .c-fixed-bottom__wrapper-box,
  .navbar-expand-md > .c-footer,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block,
  .c-posttype-qa__answer-box__answer-description__adviser-box {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }

  .content blockquote {
    padding: 15px 15px 15px 25px;
  }

  .balloon {
    margin-bottom: 15px;
  }

  .balloon::after {
    border: 15px solid transparent;
    border-top: 15px solid #fff;
  }

  .btn-contents,
  .btn-contents-booklet {
    letter-spacing: 2px;
    width: 85%;
    max-width: 1000px;
  }

  .btn-contents:after,
  .btn-contents-booklet:after {
    right: 30px;
  }

  .btn-contents {
    padding: 10px 20px 10px 90px;
  }

  .btn-fixed-bottom {
    font-size: 18px;
    letter-spacing: 2px;
    padding: 10px 20px;
  }

  .c-fixed-bottom__free-box {
    margin-right: 10px;
    padding: 2px 7px 0.5px;
    border-radius: 5px;
  }

  .f8-md {
    font-size: 0.8rem !important;
  }

  .l8-md {
    line-height: 0.8rem !important;
  }

  .f9-md {
    font-size: 0.9rem !important;
  }

  .l9-md {
    line-height: 0.9rem !important;
  }

  .f10-md {
    font-size: 1rem !important;
  }

  .l10-md {
    line-height: 1rem !important;
  }

  .f11-md {
    font-size: 1.1rem !important;
  }

  .l11-md {
    line-height: 1.1rem !important;
  }

  .f12-md {
    font-size: 1.2rem !important;
  }

  .l12-md {
    line-height: 1.2rem !important;
  }

  .f13-md {
    font-size: 1.3rem !important;
  }

  .l13-md {
    line-height: 1.3rem !important;
  }

  .f14-md {
    font-size: 1.4rem !important;
  }

  .l14-md {
    line-height: 1.4rem !important;
  }

  .f15-md {
    font-size: 1.5rem !important;
  }

  .l15-md {
    line-height: 1.5rem !important;
  }

  .f16-md {
    font-size: 1.6rem !important;
  }

  .l16-md {
    line-height: 1.6rem !important;
  }

  .f17-md {
    font-size: 1.7rem !important;
  }

  .l17-md {
    line-height: 1.7rem !important;
  }

  .f18-md {
    font-size: 1.8rem !important;
  }

  .l18-md {
    line-height: 1.8rem !important;
  }

  .f19-md {
    font-size: 1.9rem !important;
  }

  .l19-md {
    line-height: 1.9rem !important;
  }

  .f20-md {
    font-size: 2rem !important;
  }

  .l20-md {
    line-height: 2rem !important;
  }

  .f22-md {
    font-size: 2.2rem !important;
  }

  .l22-md {
    line-height: 2.2rem !important;
  }

  .f24-md {
    font-size: 2.4rem !important;
  }

  .l24-md {
    line-height: 2.4rem !important;
  }

  .f26-md {
    font-size: 2.6rem !important;
  }

  .l26-md {
    line-height: 2.6rem !important;
  }

  .f28-md {
    font-size: 2.8rem !important;
  }

  .l28-md {
    line-height: 2.8rem !important;
  }

  .f30-md {
    font-size: 3rem !important;
  }

  .l30-md {
    line-height: 3rem !important;
  }

  .f32-md {
    font-size: 3.2rem !important;
  }

  .l32-md {
    line-height: 3.2rem !important;
  }

  .f34-md {
    font-size: 3.4rem !important;
  }

  .l34-md {
    line-height: 3.4rem !important;
  }

  .f36-md {
    font-size: 3.6rem !important;
  }

  .l36-md {
    line-height: 3.6rem !important;
  }

  .f38-md {
    font-size: 3.8rem !important;
  }

  .l38-md {
    line-height: 3.8rem !important;
  }

  .f40-md {
    font-size: 4rem !important;
  }

  .l40-md {
    line-height: 4rem !important;
  }

  .f44-md {
    font-size: 4.4rem !important;
  }

  .l44-md {
    line-height: 4.4rem !important;
  }

  .f48-md {
    font-size: 4.8rem !important;
  }

  .l48-md {
    line-height: 4.8rem !important;
  }

  .f52-md {
    font-size: 5.2rem !important;
  }

  .l52-md {
    line-height: 5.2rem !important;
  }

  .f56-md {
    font-size: 5.6rem !important;
  }

  .l56-md {
    line-height: 5.6rem !important;
  }

  .f60-md {
    font-size: 6rem !important;
  }

  .l60-md {
    line-height: 6rem !important;
  }

  .f64-md {
    font-size: 6.4rem !important;
  }

  .l64-md {
    line-height: 6.4rem !important;
  }

  .f72-md {
    font-size: 7.2rem !important;
  }

  .l72-md {
    line-height: 7.2rem !important;
  }

  .f80-md {
    font-size: 8rem !important;
  }

  .l80-md {
    line-height: 8rem !important;
  }

  .f88-md {
    font-size: 8.8rem !important;
  }

  .l88-md {
    line-height: 8.8rem !important;
  }

  .f96-md {
    font-size: 9.6rem !important;
  }

  .l96-md {
    line-height: 9.6rem !important;
  }

  .m0-md,
  .m.m0-md {
    margin: 0px;
  }

  .mt0-md,
  .m.mt0-md {
    margin-top: 0px;
  }

  .mr0-md,
  .m.mr0-md {
    margin-right: 0px;
  }

  .mb0-md,
  .m.mb0-md {
    margin-bottom: 0px;
  }

  .ml0-md,
  .m.ml0-md {
    margin-left: 0px;
  }

  .mx0-md,
  .m.mx0-md {
    margin-right: 0px;
    margin-left: 0px;
  }

  .my0-md,
  .m.my0-md {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mtn0-md,
  .m.mtn0-md {
    margin-top: 0px;
  }

  .mrn0-md,
  .m.mrn0-md {
    margin-right: 0px;
  }

  .mbn0-md,
  .m.mbn0-md {
    margin-bottom: 0px;
  }

  .mln0-md,
  .m.mln0-md {
    margin-left: 0px;
  }

  .mnx0-md,
  .m.mnx0-md,
  .mxn0-md,
  .m.mxn0-md {
    margin-right: 0px;
    margin-left: 0px;
  }

  .p0-md,
  .p.p0-md {
    padding: 0px;
  }

  .pt0-md,
  .p.pt0-md {
    padding-top: 0px;
  }

  .pr0-md,
  .p.pr0-md {
    padding-right: 0px;
  }

  .pb0-md,
  .p.pb0-md {
    padding-bottom: 0px;
  }

  .pl0-md,
  .p.pl0-md {
    padding-left: 0px;
  }

  .px0-md,
  .p.px0-md {
    padding-right: 0px;
    padding-left: 0px;
  }

  .py0-md,
  .p.py0-md {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .m1-md,
  .m.m1-md {
    margin: 5px;
  }

  .mt1-md,
  .m.mt1-md {
    margin-top: 5px;
  }

  .mr1-md,
  .m.mr1-md {
    margin-right: 5px;
  }

  .mb1-md,
  .m.mb1-md {
    margin-bottom: 5px;
  }

  .ml1-md,
  .m.ml1-md {
    margin-left: 5px;
  }

  .mx1-md,
  .m.mx1-md {
    margin-right: 5px;
    margin-left: 5px;
  }

  .my1-md,
  .m.my1-md {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mtn1-md,
  .m.mtn1-md {
    margin-top: -5px;
  }

  .mrn1-md,
  .m.mrn1-md {
    margin-right: -5px;
  }

  .mbn1-md,
  .m.mbn1-md {
    margin-bottom: -5px;
  }

  .mln1-md,
  .m.mln1-md {
    margin-left: -5px;
  }

  .mnx1-md,
  .m.mnx1-md,
  .mxn1-md,
  .m.mxn1-md {
    margin-right: -5px;
    margin-left: -5px;
  }

  .p1-md,
  .p.p1-md {
    padding: 5px;
  }

  .pt1-md,
  .p.pt1-md {
    padding-top: 5px;
  }

  .pr1-md,
  .p.pr1-md {
    padding-right: 5px;
  }

  .pb1-md,
  .p.pb1-md {
    padding-bottom: 5px;
  }

  .pl1-md,
  .p.pl1-md {
    padding-left: 5px;
  }

  .px1-md,
  .p.px1-md {
    padding-right: 5px;
    padding-left: 5px;
  }

  .py1-md,
  .p.py1-md {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .m2-md,
  .m.m2-md {
    margin: 10px;
  }

  .mt2-md,
  .m.mt2-md {
    margin-top: 10px;
  }

  .mr2-md,
  .m.mr2-md {
    margin-right: 10px;
  }

  .mb2-md,
  .m.mb2-md {
    margin-bottom: 10px;
  }

  .ml2-md,
  .m.ml2-md {
    margin-left: 10px;
  }

  .mx2-md,
  .m.mx2-md {
    margin-right: 10px;
    margin-left: 10px;
  }

  .my2-md,
  .m.my2-md {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mtn2-md,
  .m.mtn2-md {
    margin-top: -10px;
  }

  .mrn2-md,
  .m.mrn2-md {
    margin-right: -10px;
  }

  .mbn2-md,
  .m.mbn2-md {
    margin-bottom: -10px;
  }

  .mln2-md,
  .m.mln2-md {
    margin-left: -10px;
  }

  .mnx2-md,
  .m.mnx2-md,
  .mxn2-md,
  .m.mxn2-md {
    margin-right: -10px;
    margin-left: -10px;
  }

  .p2-md,
  .p.p2-md {
    padding: 10px;
  }

  .pt2-md,
  .p.pt2-md {
    padding-top: 10px;
  }

  .pr2-md,
  .p.pr2-md {
    padding-right: 10px;
  }

  .pb2-md,
  .p.pb2-md {
    padding-bottom: 10px;
  }

  .pl2-md,
  .p.pl2-md {
    padding-left: 10px;
  }

  .px2-md,
  .p.px2-md {
    padding-right: 10px;
    padding-left: 10px;
  }

  .py2-md,
  .c-author__header-box,
  .p.py2-md,
  .p.c-author__header-box {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .m3-md,
  .m.m3-md {
    margin: 15px;
  }

  .mt3-md,
  .m.mt3-md {
    margin-top: 15px;
  }

  .mr3-md,
  .m.mr3-md {
    margin-right: 15px;
  }

  .mb3-md,
  .m.mb3-md {
    margin-bottom: 15px;
  }

  .ml3-md,
  .m.ml3-md {
    margin-left: 15px;
  }

  .mx3-md,
  .m.mx3-md {
    margin-right: 15px;
    margin-left: 15px;
  }

  .my3-md,
  .m.my3-md {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mtn3-md,
  .m.mtn3-md {
    margin-top: -15px;
  }

  .mrn3-md,
  .m.mrn3-md {
    margin-right: -15px;
  }

  .mbn3-md,
  .m.mbn3-md {
    margin-bottom: -15px;
  }

  .mln3-md,
  .m.mln3-md {
    margin-left: -15px;
  }

  .mnx3-md,
  .m.mnx3-md,
  .mxn3-md,
  .m.mxn3-md {
    margin-right: -15px;
    margin-left: -15px;
  }

  .p3-md,
  .p.p3-md {
    padding: 15px;
  }

  .pt3-md,
  .p.pt3-md {
    padding-top: 15px;
  }

  .pr3-md,
  .p.pr3-md {
    padding-right: 15px;
  }

  .pb3-md,
  .p.pb3-md {
    padding-bottom: 15px;
  }

  .pl3-md,
  .p.pl3-md {
    padding-left: 15px;
  }

  .px3-md,
  .p.px3-md {
    padding-right: 15px;
    padding-left: 15px;
  }

  .py3-md,
  .p.py3-md {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .m4-md,
  .m.m4-md {
    margin: 20px;
  }

  .mt4-md,
  .m.mt4-md {
    margin-top: 20px;
  }

  .mr4-md,
  .m.mr4-md {
    margin-right: 20px;
  }

  .mb4-md,
  .m.mb4-md {
    margin-bottom: 20px;
  }

  .ml4-md,
  .m.ml4-md {
    margin-left: 20px;
  }

  .mx4-md,
  .m.mx4-md {
    margin-right: 20px;
    margin-left: 20px;
  }

  .my4-md,
  .m.my4-md {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mtn4-md,
  .m.mtn4-md {
    margin-top: -20px;
  }

  .mrn4-md,
  .m.mrn4-md {
    margin-right: -20px;
  }

  .mbn4-md,
  .m.mbn4-md {
    margin-bottom: -20px;
  }

  .mln4-md,
  .m.mln4-md {
    margin-left: -20px;
  }

  .mnx4-md,
  .m.mnx4-md,
  .mxn4-md,
  .m.mxn4-md {
    margin-right: -20px;
    margin-left: -20px;
  }

  .p4-md,
  .p.p4-md {
    padding: 20px;
  }

  .pt4-md,
  .p.pt4-md {
    padding-top: 20px;
  }

  .pr4-md,
  .p.pr4-md {
    padding-right: 20px;
  }

  .pb4-md,
  .p.pb4-md {
    padding-bottom: 20px;
  }

  .pl4-md,
  .p.pl4-md {
    padding-left: 20px;
  }

  .px4-md,
  .p.px4-md {
    padding-right: 20px;
    padding-left: 20px;
  }

  .py4-md,
  .p.py4-md {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .m5-md,
  .m.m5-md {
    margin: 25px;
  }

  .mt5-md,
  .m.mt5-md {
    margin-top: 25px;
  }

  .mr5-md,
  .m.mr5-md {
    margin-right: 25px;
  }

  .mb5-md,
  .m.mb5-md {
    margin-bottom: 25px;
  }

  .ml5-md,
  .m.ml5-md {
    margin-left: 25px;
  }

  .mx5-md,
  .m.mx5-md {
    margin-right: 25px;
    margin-left: 25px;
  }

  .my5-md,
  .m.my5-md {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mtn5-md,
  .m.mtn5-md {
    margin-top: -25px;
  }

  .mrn5-md,
  .m.mrn5-md {
    margin-right: -25px;
  }

  .mbn5-md,
  .m.mbn5-md {
    margin-bottom: -25px;
  }

  .mln5-md,
  .m.mln5-md {
    margin-left: -25px;
  }

  .mnx5-md,
  .m.mnx5-md,
  .mxn5-md,
  .m.mxn5-md {
    margin-right: -25px;
    margin-left: -25px;
  }

  .p5-md,
  .p.p5-md {
    padding: 25px;
  }

  .pt5-md,
  .p.pt5-md {
    padding-top: 25px;
  }

  .pr5-md,
  .p.pr5-md {
    padding-right: 25px;
  }

  .pb5-md,
  .p.pb5-md {
    padding-bottom: 25px;
  }

  .pl5-md,
  .p.pl5-md {
    padding-left: 25px;
  }

  .px5-md,
  .p.px5-md {
    padding-right: 25px;
    padding-left: 25px;
  }

  .py5-md,
  .p.py5-md {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .m6-md,
  .m.m6-md {
    margin: 30px;
  }

  .mt6-md,
  .m.mt6-md {
    margin-top: 30px;
  }

  .mr6-md,
  .m.mr6-md {
    margin-right: 30px;
  }

  .mb6-md,
  .m.mb6-md {
    margin-bottom: 30px;
  }

  .ml6-md,
  .m.ml6-md {
    margin-left: 30px;
  }

  .mx6-md,
  .m.mx6-md {
    margin-right: 30px;
    margin-left: 30px;
  }

  .my6-md,
  .m.my6-md {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mtn6-md,
  .m.mtn6-md {
    margin-top: -30px;
  }

  .mrn6-md,
  .m.mrn6-md {
    margin-right: -30px;
  }

  .mbn6-md,
  .m.mbn6-md {
    margin-bottom: -30px;
  }

  .mln6-md,
  .m.mln6-md {
    margin-left: -30px;
  }

  .mnx6-md,
  .m.mnx6-md,
  .mxn6-md,
  .m.mxn6-md {
    margin-right: -30px;
    margin-left: -30px;
  }

  .p6-md,
  .p.p6-md {
    padding: 30px;
  }

  .pt6-md,
  .p.pt6-md {
    padding-top: 30px;
  }

  .pr6-md,
  .p.pr6-md {
    padding-right: 30px;
  }

  .pb6-md,
  .p.pb6-md {
    padding-bottom: 30px;
  }

  .pl6-md,
  .p.pl6-md {
    padding-left: 30px;
  }

  .px6-md,
  .p.px6-md {
    padding-right: 30px;
    padding-left: 30px;
  }

  .py6-md,
  .p.py6-md {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .m7-md,
  .m.m7-md {
    margin: 35px;
  }

  .mt7-md,
  .m.mt7-md {
    margin-top: 35px;
  }

  .mr7-md,
  .m.mr7-md {
    margin-right: 35px;
  }

  .mb7-md,
  .m.mb7-md {
    margin-bottom: 35px;
  }

  .ml7-md,
  .m.ml7-md {
    margin-left: 35px;
  }

  .mx7-md,
  .m.mx7-md {
    margin-right: 35px;
    margin-left: 35px;
  }

  .my7-md,
  .m.my7-md {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mtn7-md,
  .m.mtn7-md {
    margin-top: -35px;
  }

  .mrn7-md,
  .m.mrn7-md {
    margin-right: -35px;
  }

  .mbn7-md,
  .m.mbn7-md {
    margin-bottom: -35px;
  }

  .mln7-md,
  .m.mln7-md {
    margin-left: -35px;
  }

  .mnx7-md,
  .m.mnx7-md,
  .mxn7-md,
  .m.mxn7-md {
    margin-right: -35px;
    margin-left: -35px;
  }

  .p7-md,
  .p.p7-md {
    padding: 35px;
  }

  .pt7-md,
  .p.pt7-md {
    padding-top: 35px;
  }

  .pr7-md,
  .p.pr7-md {
    padding-right: 35px;
  }

  .pb7-md,
  .p.pb7-md {
    padding-bottom: 35px;
  }

  .pl7-md,
  .p.pl7-md {
    padding-left: 35px;
  }

  .px7-md,
  .p.px7-md {
    padding-right: 35px;
    padding-left: 35px;
  }

  .py7-md,
  .p.py7-md {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .m8-md,
  .m.m8-md {
    margin: 40px;
  }

  .mt8-md,
  .m.mt8-md {
    margin-top: 40px;
  }

  .mr8-md,
  .m.mr8-md {
    margin-right: 40px;
  }

  .mb8-md,
  .m.mb8-md {
    margin-bottom: 40px;
  }

  .ml8-md,
  .m.ml8-md {
    margin-left: 40px;
  }

  .mx8-md,
  .m.mx8-md {
    margin-right: 40px;
    margin-left: 40px;
  }

  .my8-md,
  .m.my8-md {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mtn8-md,
  .m.mtn8-md {
    margin-top: -40px;
  }

  .mrn8-md,
  .m.mrn8-md {
    margin-right: -40px;
  }

  .mbn8-md,
  .m.mbn8-md {
    margin-bottom: -40px;
  }

  .mln8-md,
  .m.mln8-md {
    margin-left: -40px;
  }

  .mnx8-md,
  .m.mnx8-md,
  .mxn8-md,
  .m.mxn8-md {
    margin-right: -40px;
    margin-left: -40px;
  }

  .p8-md,
  .p.p8-md {
    padding: 40px;
  }

  .pt8-md,
  .p.pt8-md {
    padding-top: 40px;
  }

  .pr8-md,
  .p.pr8-md {
    padding-right: 40px;
  }

  .pb8-md,
  .p.pb8-md {
    padding-bottom: 40px;
  }

  .pl8-md,
  .p.pl8-md {
    padding-left: 40px;
  }

  .px8-md,
  .p.px8-md {
    padding-right: 40px;
    padding-left: 40px;
  }

  .py8-md,
  .p.py8-md {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mx-auto-md,
  .m.mx-auto-md {
    margin-right: auto;
    margin-left: auto;
  }

  .h2_lp,
  .content .h2_lp {
    margin-left: -15px;
  }

  .h2_lp::before,
  .content .h2_lp::before {
    border-right: solid 15px rgba(87, 46, 18, 0.6);
    border-bottom: solid 10px transparent;
  }

  .page-region__space {
    padding-bottom: 40px;
  }

  .page-region__bbd-title {
    font-size: 3.8rem;
  }

  .page-region__bbd-text {
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .page-region__h2 {
    font-size: 3.4rem !important;
    padding: 40px !important;
  }

  .page-region__h2-space {
    margin: 0 -30px;
  }

  .content .table-region th {
    font-size: 18px;
  }

  .p-lp-yane__header-wrapper {
    padding: 20px;
  }

  .p-lp-yane__logo-left {
    max-height: 45px;
  }

  .p-lp-yane__icon-right {
    max-height: 45px;
  }

  .p-lp-yane__section-body {
    padding: 70px 30px;
  }

  .p-lp-yane__billboard {
    padding: 50px;
  }

  .p-lp-yane__billboard__pt04 {
    padding: 50px;
  }

  .p-lp-yane__title-em--large {
    font-size: 170%;
  }

  .p-lp-yane__bg-yellow {
    padding: 70px 30px 50px;
  }

  .p-lp-yane__bg-white2 {
    padding: 70px 30px 50px;
  }

  .p-lp-yane__button--home {
    padding: 8px;
    font-size: 26px;
    margin-bottom: 0;
  }

  .p-lp-yane__button--other {
    padding: 8px;
    font-size: 26px;
  }

  .p-lp-yane__section-title {
    padding: 70px 30px 50px !important;
  }

  .p-lp-yane__section-title h2:first-letter {
    font-size: 2.8rem !important;
  }

  .p-lp-yane__arrow-yellow {
    width: 200px;
    height: 48px;
  }

  .p-lp-yane__arrow-blue {
    width: 200px;
    height: 48px;
  }

  .p-lp-yane__arrow-white {
    width: 200px;
    height: 48px;
  }

  .p-lp-yane__trouble-paturn--pc-image {
    width: 80%;
  }

  .p-lp-yane__trouble-middle {
    margin: 30px 0 20px !important;
  }

  .p-lp-yane__trouble-large {
    font-size: 36px;
  }

  .p-lp-yane__trouble-reason {
    font-size: 30px;
  }

  .p-lp-yane__divide-content-margin {
    margin-bottom: 60px !important;
  }

  .p-lp-yane__merit-box {
    font-size: 16px;
    padding: 15px 10px;
  }

  .p-lp-yane__merit-title {
    font-size: 19px;
    padding-left: 10px;
  }

  .p-lp-yane__merit-text {
    font-size: 17px;
    margin-bottom: 0;
  }

  .p-lp-yane__merit-image {
    margin-bottom: 0;
  }

  .p-lp-yane__reason-title {
    font-size: 19px;
  }

  .p-lp-yane__howto-image {
    margin-bottom: 0;
  }

  .p-lp-yane__howtouse-box {
    font-size: 30px;
  }

  .p-lp-yane__howtouse-title {
    font-size: 19px;
  }

  .p-lp-yane__howtouse-text {
    font-size: 17px;
    margin-bottom: 0;
  }

  .p-lp-yane__arrow-blue-mini {
    width: 150px;
  }

  .p-lp-yane__form-content-wrapper {
    padding: 50px;
  }

  .p-lp-yane__form-content-wrapper2 {
    padding: 0px 50px;
  }

  .p-lp-yane__form-billboard {
    margin: 0 0 20px;
  }

  .p-lp-yane__form-step {
    margin: 0 0 50px;
  }

  .p-lp-yane__mitsumori-title {
    font-size: 28px;
    margin: 0 0 30px;
  }

  .p-lp-yane__personality-wrapper input {
    /*width: 80%;*/
    margin-right: 50%;
  }

  .p-lp-yane__prefecture {
    width: 80% !important;
    margin-right: 50%;
  }

  .p-lp-yane__fixed-btn button {
    margin-left: 20px;
    font-size: 18px;
    padding: 7.5px 30px;
  }

  .p-lp-yane__fixed-btn2 button {
    margin-left: 20px;
    font-size: 22px;
    padding: 7.5px 30px 25px;
  }

  .p-lp-yane__p-mark-text {
    font-size: 15px;
  }

  .c-form__label-required {
    font-size: 16px !important;
  }

  .c-form__label-required span {
    font-size: 15px;
  }

  .text-em {
    font-size: 2rem;
  }

  .modal-h2-yane:first-letter {
    font-size: 2.6rem !important;
  }

  .col-form-label {
    padding-right: 30px !important;
  }

  .p-lp-yane__medal__pt04 {
    width: 130px;
    top: 30%;
    right: 75%;
  }

  .p-intro-yane__top-logo {
    width: 300px;
  }

  .p-intro-yane__title-ballon-right {
    font-size: 20px;
  }

  .p-intro-yane__title-text {
    font-size: 36px;
    letter-spacing: 8px;
  }

  .p-intro__service-direction--title {
    font-size: 26px;
  }

  .p-intro__service-direction--howto {
    font-size: 30px;
  }

  .p-intro__service-direction--text {
    font-size: 18px;
  }

  .p-intro__top-image {
    max-width: 80%;
  }

  .p-intro-allfree {
    font-size: 40px;
  }

  .p-intro__four-feature--title {
    font-size: 34px;
  }

  .p-intro__reason--title {
    font-size: 30px;
  }

  .p-intro__free-acting--top {
    max-width: 80%;
  }

  .p-intro__free-acting--title {
    font-size: 34px;
  }

  .p-intro__trouble-solution--title span {
    font-size: 130%;
  }

  .p-intro-appeal-text {
    font-size: 34px;
  }

  .p-intro__appeal-ballon {
    padding: 15px 20px;
    max-width: 85%;
    font-size: 26px;
    border: solid 3px #555;
    letter-spacing: 2px;
  }

  .p-intro__cost-price {
    padding: 10px 80px;
    font-size: 28px;
  }

  .p-intro__cost-tenpersent {
    font-size: 26px;
  }

  .p-intro__about-title {
    line-height: 2.2;
    font-size: 24px;
  }

  .p-intro__about-text {
    font-size: 15px;
    padding: 0 50px;
  }

  .p-intro__contact-btn {
    font-size: 28px;
    margin-top: 30px;
    padding: 10px 70px 15px;
  }

  .p-lp-yane__billboard-underlay {
    padding: 50px 15px;
  }

  /*新フォームmd*/

  .c-form__step2-image-sm {
    display: none;
  }

  .c-form__step2-image-pc {
    display: block;
  }

  .c-form__option-chunk--roof label {
    padding: 5px 5px;
  }

  .c-form__btn-box input {
    margin-top: 30px !important;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 24px;
    padding: 10px 55px !important;
    box-shadow: 0 4px 0 #999 !important;
    transform: translateY(-4px) !important;
  }

  .c-form__btn-box--back input {
    font-size: 16px;
    padding: 7.5px 25px 5px !important;
    box-shadow: 0 4px 0 #999 !important;
    transform: translateY(-4px) !important;
    top: 40%;
  }

  .c-form__btn-box--back2 input {
    font-size: 16px;
    padding: 7.5px 25px 5px !important;
    box-shadow: 0 4px 0 #999 !important;
    transform: translateY(-4px) !important;
    top: 40%;
  }

  .p-lp-yane__form-checkbox label {
    font-size: 18px;
  }

  /*新フォームmdここまで*/

  .yane-q-text {
    font-size: 120%;
  }

  .yane-formicon {
    width: 30px;
    height: 30px;
  }

  .p-lp-yane__phone-consultation-text--1 {
    font-size: 24px;
  }

  .p-lp-yane__phone-consultation-text--2 {
    font-size: 44px;
  }

  .p-lp-yane__phone-consultation-text--2::before {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    transform: translateY(10px);
  }

  .p-lp-yane__phone-consultation-text--3 {
    font-size: 20px;
  }

  .p-lp-yane__phone-consultation-text--4 {
    font-size: 28px;
  }

  .p-lp__yanekouji-add-word {
    margin-top: 60px;
  }

  .p-lp__yanekouji-add-word {
    padding: 10px 25px 25px;
  }

  .yane__medal--blight-pc {
    top: 0;
    right: 170%;
  }

  .bg-stripe-45,
  .bg.bg-stripe-45 {
    background-size: 20px 20px;
  }

  .border-1-md {
    border: solid #f8f9fa 1px;
  }

  .border-top-1-md {
    border-top: solid #f8f9fa 1px;
  }

  .border-right-1-md {
    border-right: solid #f8f9fa 1px;
  }

  .border-bottom-1-md {
    border-bottom: solid #f8f9fa 1px;
  }

  .border-left-1-md {
    border-left: solid #f8f9fa 1px;
  }

  .border-2-md {
    border: solid #f8f9fa 2px;
  }

  .border-top-2-md {
    border-top: solid #f8f9fa 2px;
  }

  .border-right-2-md {
    border-right: solid #f8f9fa 2px;
  }

  .border-bottom-2-md {
    border-bottom: solid #f8f9fa 2px;
  }

  .border-left-2-md {
    border-left: solid #f8f9fa 2px;
  }

  .border-3-md {
    border: solid #f8f9fa 3px;
  }

  .border-top-3-md {
    border-top: solid #f8f9fa 3px;
  }

  .border-right-3-md {
    border-right: solid #f8f9fa 3px;
  }

  .border-bottom-3-md {
    border-bottom: solid #f8f9fa 3px;
  }

  .border-left-3-md {
    border-left: solid #f8f9fa 3px;
  }

  .border-4-md {
    border: solid #f8f9fa 4px;
  }

  .border-top-4-md {
    border-top: solid #f8f9fa 4px;
  }

  .border-right-4-md {
    border-right: solid #f8f9fa 4px;
  }

  .border-bottom-4-md {
    border-bottom: solid #f8f9fa 4px;
  }

  .border-left-4-md {
    border-left: solid #f8f9fa 4px;
  }

  .border-5-md {
    border: solid #f8f9fa 5px;
  }

  .border-top-5-md {
    border-top: solid #f8f9fa 5px;
  }

  .border-right-5-md {
    border-right: solid #f8f9fa 5px;
  }

  .border-bottom-5-md {
    border-bottom: solid #f8f9fa 5px;
  }

  .border-left-5-md {
    border-left: solid #f8f9fa 5px;
  }

  .border-6-md {
    border: solid #f8f9fa 6px;
  }

  .border-top-6-md {
    border-top: solid #f8f9fa 6px;
  }

  .border-right-6-md {
    border-right: solid #f8f9fa 6px;
  }

  .border-bottom-6-md {
    border-bottom: solid #f8f9fa 6px;
  }

  .border-left-6-md {
    border-left: solid #f8f9fa 6px;
  }

  .border-7-md {
    border: solid #f8f9fa 7px;
  }

  .border-top-7-md {
    border-top: solid #f8f9fa 7px;
  }

  .border-right-7-md {
    border-right: solid #f8f9fa 7px;
  }

  .border-bottom-7-md {
    border-bottom: solid #f8f9fa 7px;
  }

  .border-left-7-md {
    border-left: solid #f8f9fa 7px;
  }

  .border-8-md {
    border: solid #f8f9fa 8px;
  }

  .border-top-8-md {
    border-top: solid #f8f9fa 8px;
  }

  .border-right-8-md {
    border-right: solid #f8f9fa 8px;
  }

  .border-bottom-8-md {
    border-bottom: solid #f8f9fa 8px;
  }

  .border-left-8-md {
    border-left: solid #f8f9fa 8px;
  }

  .border-9-md {
    border: solid #f8f9fa 9px;
  }

  .border-top-9-md {
    border-top: solid #f8f9fa 9px;
  }

  .border-right-9-md {
    border-right: solid #f8f9fa 9px;
  }

  .border-bottom-9-md {
    border-bottom: solid #f8f9fa 9px;
  }

  .border-left-9-md {
    border-left: solid #f8f9fa 9px;
  }

  .border-10-md {
    border: solid #f8f9fa 10px;
  }

  .border-top-10-md {
    border-top: solid #f8f9fa 10px;
  }

  .border-right-10-md {
    border-right: solid #f8f9fa 10px;
  }

  .border-bottom-10-md {
    border-bottom: solid #f8f9fa 10px;
  }

  .border-left-10-md {
    border-left: solid #f8f9fa 10px;
  }

  .f8-md {
    font-size: 0.8rem !important;
  }

  .l8-md {
    line-height: 0.8rem !important;
  }

  .h8-md {
    line-height: 0.8 !important;
  }

  .f9-md {
    font-size: 0.9rem !important;
  }

  .l9-md {
    line-height: 0.9rem !important;
  }

  .h9-md {
    line-height: 0.9 !important;
  }

  .f10-md {
    font-size: 1rem !important;
  }

  .l10-md {
    line-height: 1rem !important;
  }

  .h10-md {
    line-height: 1 !important;
  }

  .f11-md {
    font-size: 1.1rem !important;
  }

  .l11-md {
    line-height: 1.1rem !important;
  }

  .h11-md {
    line-height: 1.1 !important;
  }

  .f12-md {
    font-size: 1.2rem !important;
  }

  .l12-md {
    line-height: 1.2rem !important;
  }

  .h12-md {
    line-height: 1.2 !important;
  }

  .f13-md {
    font-size: 1.3rem !important;
  }

  .l13-md {
    line-height: 1.3rem !important;
  }

  .h13-md {
    line-height: 1.3 !important;
  }

  .f14-md {
    font-size: 1.4rem !important;
  }

  .l14-md {
    line-height: 1.4rem !important;
  }

  .h14-md {
    line-height: 1.4 !important;
  }

  .f15-md {
    font-size: 1.5rem !important;
  }

  .l15-md {
    line-height: 1.5rem !important;
  }

  .h15-md {
    line-height: 1.5 !important;
  }

  .f16-md {
    font-size: 1.6rem !important;
  }

  .l16-md {
    line-height: 1.6rem !important;
  }

  .h16-md {
    line-height: 1.6 !important;
  }

  .f17-md {
    font-size: 1.7rem !important;
  }

  .l17-md {
    line-height: 1.7rem !important;
  }

  .h17-md {
    line-height: 1.7 !important;
  }

  .f18-md {
    font-size: 1.8rem !important;
  }

  .l18-md {
    line-height: 1.8rem !important;
  }

  .h18-md {
    line-height: 1.8 !important;
  }

  .f19-md {
    font-size: 1.9rem !important;
  }

  .l19-md {
    line-height: 1.9rem !important;
  }

  .h19-md {
    line-height: 1.9 !important;
  }

  .f20-md {
    font-size: 2rem !important;
  }

  .l20-md {
    line-height: 2rem !important;
  }

  .h20-md {
    line-height: 2 !important;
  }

  .f22-md {
    font-size: 2.2rem !important;
  }

  .l22-md {
    line-height: 2.2rem !important;
  }

  .h22-md {
    line-height: 2.2 !important;
  }

  .f24-md {
    font-size: 2.4rem !important;
  }

  .l24-md {
    line-height: 2.4rem !important;
  }

  .h24-md {
    line-height: 2.4 !important;
  }

  .f26-md {
    font-size: 2.6rem !important;
  }

  .l26-md {
    line-height: 2.6rem !important;
  }

  .h26-md {
    line-height: 2.6 !important;
  }

  .f28-md {
    font-size: 2.8rem !important;
  }

  .l28-md {
    line-height: 2.8rem !important;
  }

  .h28-md {
    line-height: 2.8 !important;
  }

  .f30-md {
    font-size: 3rem !important;
  }

  .l30-md {
    line-height: 3rem !important;
  }

  .h30-md {
    line-height: 3 !important;
  }

  .f32-md {
    font-size: 3.2rem !important;
  }

  .l32-md {
    line-height: 3.2rem !important;
  }

  .h32-md {
    line-height: 3.2 !important;
  }

  .f34-md {
    font-size: 3.4rem !important;
  }

  .l34-md {
    line-height: 3.4rem !important;
  }

  .h34-md {
    line-height: 3.4 !important;
  }

  .f36-md {
    font-size: 3.6rem !important;
  }

  .l36-md {
    line-height: 3.6rem !important;
  }

  .h36-md {
    line-height: 3.6 !important;
  }

  .f38-md {
    font-size: 3.8rem !important;
  }

  .l38-md {
    line-height: 3.8rem !important;
  }

  .h38-md {
    line-height: 3.8 !important;
  }

  .f40-md {
    font-size: 4rem !important;
  }

  .l40-md {
    line-height: 4rem !important;
  }

  .h40-md {
    line-height: 4 !important;
  }

  .f44-md {
    font-size: 4.4rem !important;
  }

  .l44-md {
    line-height: 4.4rem !important;
  }

  .h44-md {
    line-height: 4.4 !important;
  }

  .f48-md {
    font-size: 4.8rem !important;
  }

  .l48-md {
    line-height: 4.8rem !important;
  }

  .h48-md {
    line-height: 4.8 !important;
  }

  .f56-md {
    font-size: 5.6rem !important;
  }

  .l56-md {
    line-height: 5.6rem !important;
  }

  .h56-md {
    line-height: 5.6 !important;
  }

  .f64-md {
    font-size: 6.4rem !important;
  }

  .l64-md {
    line-height: 6.4rem !important;
  }

  .h64-md {
    line-height: 6.4 !important;
  }

  .f72-md {
    font-size: 7.2rem !important;
  }

  .l72-md {
    line-height: 7.2rem !important;
  }

  .h72-md {
    line-height: 7.2 !important;
  }

  .f80-md {
    font-size: 8rem !important;
  }

  .l80-md {
    line-height: 8rem !important;
  }

  .h80-md {
    line-height: 8 !important;
  }

  .f88-md {
    font-size: 8.8rem !important;
  }

  .l88-md {
    line-height: 8.8rem !important;
  }

  .h88-md {
    line-height: 8.8 !important;
  }

  .f90-md {
    font-size: 9rem !important;
  }

  .l90-md {
    line-height: 9rem !important;
  }

  .h90-md {
    line-height: 9 !important;
  }

  .f96-md {
    font-size: 9.6rem !important;
  }

  .l96-md {
    line-height: 9.6rem !important;
  }

  .h96-md {
    line-height: 9.6 !important;
  }

  .m0-md {
    margin: 0px !important;
  }

  .mt0-md {
    margin-top: 0px !important;
  }

  .mr0-md {
    margin-right: 0px !important;
  }

  .mb0-md {
    margin-bottom: 0px !important;
  }

  .ml0-md {
    margin-left: 0px !important;
  }

  .mx0-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .my0-md {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mtn0-md {
    margin-top: 0px !important;
  }

  .mrn0-md {
    margin-right: 0px !important;
  }

  .mbn0-md {
    margin-bottom: 0px !important;
  }

  .mln0-md {
    margin-left: 0px !important;
  }

  .mnx0-md,
  .mxn0-md {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .p0-md {
    padding: 0px !important;
  }

  .pt0-md {
    padding-top: 0px !important;
  }

  .pr0-md {
    padding-right: 0px !important;
  }

  .pb0-md {
    padding-bottom: 0px !important;
  }

  .pl0-md {
    padding-left: 0px !important;
  }

  .px0-md {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .py0-md {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m1-md {
    margin: 5px !important;
  }

  .mt1-md {
    margin-top: 5px !important;
  }

  .mr1-md {
    margin-right: 5px !important;
  }

  .mb1-md {
    margin-bottom: 5px !important;
  }

  .ml1-md {
    margin-left: 5px !important;
  }

  .mx1-md {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .my1-md {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mtn1-md {
    margin-top: -5px !important;
  }

  .mrn1-md {
    margin-right: -5px !important;
  }

  .mbn1-md {
    margin-bottom: -5px !important;
  }

  .mln1-md {
    margin-left: -5px !important;
  }

  .mnx1-md,
  .mxn1-md {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .p1-md {
    padding: 5px !important;
  }

  .pt1-md {
    padding-top: 5px !important;
  }

  .pr1-md {
    padding-right: 5px !important;
  }

  .pb1-md {
    padding-bottom: 5px !important;
  }

  .pl1-md {
    padding-left: 5px !important;
  }

  .px1-md {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .py1-md {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m2-md {
    margin: 10px !important;
  }

  .mt2-md {
    margin-top: 10px !important;
  }

  .mr2-md {
    margin-right: 10px !important;
  }

  .mb2-md {
    margin-bottom: 10px !important;
  }

  .ml2-md {
    margin-left: 10px !important;
  }

  .mx2-md {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .my2-md {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mtn2-md {
    margin-top: -10px !important;
  }

  .mrn2-md {
    margin-right: -10px !important;
  }

  .mbn2-md {
    margin-bottom: -10px !important;
  }

  .mln2-md {
    margin-left: -10px !important;
  }

  .mnx2-md,
  .mxn2-md {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }

  .p2-md {
    padding: 10px !important;
  }

  .pt2-md {
    padding-top: 10px !important;
  }

  .pr2-md {
    padding-right: 10px !important;
  }

  .pb2-md {
    padding-bottom: 10px !important;
  }

  .pl2-md {
    padding-left: 10px !important;
  }

  .px2-md {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .py2-md,
  .c-author__header-box {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m3-md {
    margin: 15px !important;
  }

  .mt3-md {
    margin-top: 15px !important;
  }

  .mr3-md {
    margin-right: 15px !important;
  }

  .mb3-md {
    margin-bottom: 15px !important;
  }

  .ml3-md {
    margin-left: 15px !important;
  }

  .mx3-md {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .my3-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mtn3-md {
    margin-top: -15px !important;
  }

  .mrn3-md {
    margin-right: -15px !important;
  }

  .mbn3-md {
    margin-bottom: -15px !important;
  }

  .mln3-md {
    margin-left: -15px !important;
  }

  .mnx3-md,
  .mxn3-md {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }

  .p3-md {
    padding: 15px !important;
  }

  .pt3-md {
    padding-top: 15px !important;
  }

  .pr3-md {
    padding-right: 15px !important;
  }

  .pb3-md {
    padding-bottom: 15px !important;
  }

  .pl3-md {
    padding-left: 15px !important;
  }

  .px3-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .py3-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m4-md {
    margin: 20px !important;
  }

  .mt4-md {
    margin-top: 20px !important;
  }

  .mr4-md {
    margin-right: 20px !important;
  }

  .mb4-md {
    margin-bottom: 20px !important;
  }

  .ml4-md {
    margin-left: 20px !important;
  }

  .mx4-md {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .my4-md {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mtn4-md {
    margin-top: -20px !important;
  }

  .mrn4-md {
    margin-right: -20px !important;
  }

  .mbn4-md {
    margin-bottom: -20px !important;
  }

  .mln4-md {
    margin-left: -20px !important;
  }

  .mnx4-md,
  .mxn4-md {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  .p4-md {
    padding: 20px !important;
  }

  .pt4-md {
    padding-top: 20px !important;
  }

  .pr4-md {
    padding-right: 20px !important;
  }

  .pb4-md {
    padding-bottom: 20px !important;
  }

  .pl4-md {
    padding-left: 20px !important;
  }

  .px4-md {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .py4-md {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m5-md {
    margin: 25px !important;
  }

  .mt5-md {
    margin-top: 25px !important;
  }

  .mr5-md {
    margin-right: 25px !important;
  }

  .mb5-md {
    margin-bottom: 25px !important;
  }

  .ml5-md {
    margin-left: 25px !important;
  }

  .mx5-md {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .my5-md {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mtn5-md {
    margin-top: -25px !important;
  }

  .mrn5-md {
    margin-right: -25px !important;
  }

  .mbn5-md {
    margin-bottom: -25px !important;
  }

  .mln5-md {
    margin-left: -25px !important;
  }

  .mnx5-md,
  .mxn5-md {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }

  .p5-md {
    padding: 25px !important;
  }

  .pt5-md {
    padding-top: 25px !important;
  }

  .pr5-md {
    padding-right: 25px !important;
  }

  .pb5-md {
    padding-bottom: 25px !important;
  }

  .pl5-md {
    padding-left: 25px !important;
  }

  .px5-md {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .py5-md {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m6-md {
    margin: 30px !important;
  }

  .mt6-md {
    margin-top: 30px !important;
  }

  .mr6-md {
    margin-right: 30px !important;
  }

  .mb6-md {
    margin-bottom: 30px !important;
  }

  .ml6-md {
    margin-left: 30px !important;
  }

  .mx6-md {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

  .my6-md {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mtn6-md {
    margin-top: -30px !important;
  }

  .mrn6-md {
    margin-right: -30px !important;
  }

  .mbn6-md {
    margin-bottom: -30px !important;
  }

  .mln6-md {
    margin-left: -30px !important;
  }

  .mnx6-md,
  .mxn6-md {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }

  .p6-md {
    padding: 30px !important;
  }

  .pt6-md {
    padding-top: 30px !important;
  }

  .pr6-md {
    padding-right: 30px !important;
  }

  .pb6-md {
    padding-bottom: 30px !important;
  }

  .pl6-md {
    padding-left: 30px !important;
  }

  .px6-md {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .py6-md {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m7-md {
    margin: 35px !important;
  }

  .mt7-md {
    margin-top: 35px !important;
  }

  .mr7-md {
    margin-right: 35px !important;
  }

  .mb7-md {
    margin-bottom: 35px !important;
  }

  .ml7-md {
    margin-left: 35px !important;
  }

  .mx7-md {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }

  .my7-md {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mtn7-md {
    margin-top: -35px !important;
  }

  .mrn7-md {
    margin-right: -35px !important;
  }

  .mbn7-md {
    margin-bottom: -35px !important;
  }

  .mln7-md {
    margin-left: -35px !important;
  }

  .mnx7-md,
  .mxn7-md {
    margin-right: -35px !important;
    margin-left: -35px !important;
  }

  .p7-md {
    padding: 35px !important;
  }

  .pt7-md {
    padding-top: 35px !important;
  }

  .pr7-md {
    padding-right: 35px !important;
  }

  .pb7-md {
    padding-bottom: 35px !important;
  }

  .pl7-md {
    padding-left: 35px !important;
  }

  .px7-md {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .py7-md {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m8-md {
    margin: 40px !important;
  }

  .mt8-md {
    margin-top: 40px !important;
  }

  .mr8-md {
    margin-right: 40px !important;
  }

  .mb8-md {
    margin-bottom: 40px !important;
  }

  .ml8-md {
    margin-left: 40px !important;
  }

  .mx8-md {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .my8-md {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mtn8-md {
    margin-top: -40px !important;
  }

  .mrn8-md {
    margin-right: -40px !important;
  }

  .mbn8-md {
    margin-bottom: -40px !important;
  }

  .mln8-md {
    margin-left: -40px !important;
  }

  .mnx8-md,
  .mxn8-md {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }

  .p8-md {
    padding: 40px !important;
  }

  .pt8-md {
    padding-top: 40px !important;
  }

  .pr8-md {
    padding-right: 40px !important;
  }

  .pb8-md {
    padding-bottom: 40px !important;
  }

  .pl8-md {
    padding-left: 40px !important;
  }

  .px8-md {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .py8-md {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .mx-auto-md {
    margin-right: auto;
    margin-left: auto;
  }

  .wd10-md {
    width: 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .wd20-md {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .wd25-md {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .wd33-md {
    width: 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .wd40-md {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .wd50-md {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .wd60-md {
    width: 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .wd66-md {
    width: 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .wd75-md {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .wd90-md {
    width: 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }

  .wd100-md {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pages-lp-battery__header {
    height: 70px;
  }

  .pages-lp-battery__splogo {
    width: 275px;
  }

  .pages-lp-battery__content {
    padding-top: 70px;
  }

  .pages-lp-battery__bbd {
    padding-top: 80px;
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd-lg.jpg);
    background-position: right -400px bottom 0;
  }

  .pages-lp-battery__bbd--fvform {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_768x700.jpg);
  }

  .pages-lp-battery__bbd--fvform-pair {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_768x700-pair.jpg);
  }

  .pages-lp-battery__bbd--fvform-illust {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_768x700-illust.jpg);
  }

  .pages-lp-battery__bbd-pt01 {
    padding-top: 40px;
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd-lg.jpg);
    background-position: right -400px bottom 0;
  }

  .pages-lp-battery__h1 {
    line-height: 1.2;
  }

  .pages-lp-battery__h2 {
    font-size: 4rem;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }

  .pages-lp-battery__textarea-space {
    margin-bottom: 100px;
  }

  .pages-lp-battery__question::before {
    font-size: 54px;
  }

  .pages-lp-battery__answer::before {
    font-size: 54px;
  }

  .pages-lp-battery__box-shadow {
    box-shadow: none;
  }

  .pages-lp-battery__service-item {
    max-width: 30%;
  }

  .pages-lp-battery-form__ballon {
    letter-spacing: 2px;
    border-radius: 10px;
  }

  .pages-lp-battery-form__label {
    font-size: 20px;
    padding: 0 -10px;
  }

  .pages-lp-battery-form__label-solar {
    width: 180px;
    height: 80px;
  }

  .pages-lp-battery-form__label-battery {
    width: 100px;
    height: 76px;
  }

  .pages-lp-battery__space {
    margin-top: 100px;
  }

  .pages-lp-battery__image-nichicon {
    width: 300px;
    height: 300px;
  }

  .pages-lp-battery__arrow-box::before {
    left: 45%;
    border-width: 50px 100px 0 100px;
  }

  .pages-lp-maker_ranking__h3 h3 {
    font-size: 24px;
  }

  .pages-lp-maker_ranking__graph {
    padding: 0 20px 0;
  }

  .pages-lp-maker_ranking__item {
    font-size: 22px;
    margin-bottom: 3px;
  }

  .pages-lp-merit-bbd {
    background-image: url("/img/lp-demerit/lp-demerit-bbd-md.jpg");
  }

  .pages-lp-merit__bbd-merit {
    height: 350px;
    background-image: url("/img/lp-demerit/bbd-merit.jpg");
  }

  .pages-lp-merit__h2-mark {
    height: 80px;
  }

  .pages-lp-merit__h2-text {
    font-size: 14px;
    line-height: 1.3;
  }

  .pages-lp-merit__h2-sub {
    font-size: 24px;
  }

  .pages-lp-merit-catch {
    font-size: 30px;
  }

  .pages-lp-merit-catch__text {
    font-size: 20px;
  }

  .pages-lp-merit__bbd-demerit {
    height: 350px;
    background-image: url("/img/lp-demerit/bbd-demerit.jpg");
  }

  .pages-lp-booklet__wrapper {
    padding: 145px 35px 35px 70px;
    min-height: 100vh;
  }

  .pages-lp-booklet__image {
    width: 95%;
  }

  .pages-lp-booklet__form {
    padding: 50px 70px 0px 35px;
  }

  .pages-lp-use-electricity__bbd {
    background-image: url("/img/lp-use-electricity/lp-use-electricity-bbd-md.jpg");
  }

  .pages-manga-nav__item {
    display: flex;
    padding: 3px;
    text-align: left;
    font-size: 1.4rem;
  }

  .pages-manga-nav__image {
    display: inline;
    width: 45px;
    height: 45px;
    margin: 0;
  }

  .pages-lp-manga__h2 {
    margin-bottom: 20px;
    padding: 40px;
    border-radius: 10px 10px 0 0;
    font-size: 2.8rem;
  }

  .partner-title {
    background-image: url(https://www.solar-partners.jp/img/wp-media/partners-01-sm.jpg);
    font-size: 32px;
    text-shadow: 2px 2px 2px #000;
    letter-spacing: 6px;
    height: 300px;
  }

  .letter-line {
    background-size: 8px 100%, 100% 2.8em;
    font-feature-settings: "palt";
  }

  .letter-line p {
    font-size: 18px;
    line-height: 2.2;
    letter-spacing: 2px;
  }

  .text-em {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .c-mitsumoriform-btn__img-pc {
    display: inline-block;
  }

  .c-mitsumoriform-btn__img-sm {
    display: none;
  }

  .c-mitsumoriform-btn__img-pc--article {
    display: inline-block;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-pc--article {
    display: inline-block;
    width: 260px;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-sm--article {
    display: none;
  }

  .review_bbd_overlay {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 120px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
  }

  .review_bbd_overlay .review_title {
    right: 20px;
    bottom: 20px;
  }

  .review_bbd_overlay {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 120px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
  }

  .review_bbd_overlay .review_title {
    right: 20px;
    bottom: 20px;
  }
}

@media screen and (min-width: 980px) {
  .pages-lp-battery__bbd--fvform {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1300x700.jpg);
    background-position: center;
    height: 700px;
  }

  .pages-lp-battery__bbd--fvform-pair {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1300x700-pair.jpg);
    background-position: center;
    height: 700px;
  }

  .pages-lp-battery__bbd--fvform-illust {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1300x700-illust.jpg);
    background-position: center;
    height: 700px;
  }
}

@media (min-width: 992px) {
  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 960px;
  }

  .col-fmd {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-fmd-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-fmd-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-fmd-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-fmd-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-fmd-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-fmd-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-fmd-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-fmd-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-fmd-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-fmd-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-fmd-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-fmd-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-fmd-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-fmd-first {
    order: -1;
  }

  .order-fmd-last {
    order: 13;
  }

  .order-fmd-0 {
    order: 0;
  }

  .order-fmd-1 {
    order: 1;
  }

  .order-fmd-2 {
    order: 2;
  }

  .order-fmd-3 {
    order: 3;
  }

  .order-fmd-4 {
    order: 4;
  }

  .order-fmd-5 {
    order: 5;
  }

  .order-fmd-6 {
    order: 6;
  }

  .order-fmd-7 {
    order: 7;
  }

  .order-fmd-8 {
    order: 8;
  }

  .order-fmd-9 {
    order: 9;
  }

  .order-fmd-10 {
    order: 10;
  }

  .order-fmd-11 {
    order: 11;
  }

  .order-fmd-12 {
    order: 12;
  }

  .offset-fmd-0 {
    margin-left: 0;
  }

  .offset-fmd-1 {
    margin-left: 8.33333%;
  }

  .offset-fmd-2 {
    margin-left: 16.66667%;
  }

  .offset-fmd-3 {
    margin-left: 25%;
  }

  .offset-fmd-4 {
    margin-left: 33.33333%;
  }

  .offset-fmd-5 {
    margin-left: 41.66667%;
  }

  .offset-fmd-6 {
    margin-left: 50%;
  }

  .offset-fmd-7 {
    margin-left: 58.33333%;
  }

  .offset-fmd-8 {
    margin-left: 66.66667%;
  }

  .offset-fmd-9 {
    margin-left: 75%;
  }

  .offset-fmd-10 {
    margin-left: 83.33333%;
  }

  .offset-fmd-11 {
    margin-left: 91.66667%;
  }

  .list-group-horizontal-fmd {
    flex-direction: row;
  }

  .list-group-horizontal-fmd .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-fmd .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-fmd .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .d-fmd-none {
    display: none !important;
  }

  .d-fmd-inline {
    display: inline !important;
  }

  .d-fmd-inline-block {
    display: inline-block !important;
  }

  .d-fmd-block {
    display: block !important;
  }

  .d-fmd-table {
    display: table !important;
  }

  .d-fmd-table-row {
    display: table-row !important;
  }

  .d-fmd-table-cell {
    display: table-cell !important;
  }

  .d-fmd-flex {
    display: flex !important;
  }

  .d-fmd-inline-flex {
    display: inline-flex !important;
  }

  .flex-fmd-row {
    flex-direction: row !important;
  }

  .flex-fmd-column {
    flex-direction: column !important;
  }

  .flex-fmd-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-fmd-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-fmd-wrap {
    flex-wrap: wrap !important;
  }

  .flex-fmd-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-fmd-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-fmd-fill {
    flex: 1 1 auto !important;
  }

  .flex-fmd-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-fmd-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-fmd-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-fmd-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-fmd-start {
    justify-content: flex-start !important;
  }

  .justify-content-fmd-end {
    justify-content: flex-end !important;
  }

  .justify-content-fmd-center {
    justify-content: center !important;
  }

  .justify-content-fmd-between {
    justify-content: space-between !important;
  }

  .justify-content-fmd-around {
    justify-content: space-around !important;
  }

  .align-items-fmd-start {
    align-items: flex-start !important;
  }

  .align-items-fmd-end {
    align-items: flex-end !important;
  }

  .align-items-fmd-center {
    align-items: center !important;
  }

  .align-items-fmd-baseline {
    align-items: baseline !important;
  }

  .align-items-fmd-stretch {
    align-items: stretch !important;
  }

  .align-content-fmd-start {
    align-content: flex-start !important;
  }

  .align-content-fmd-end {
    align-content: flex-end !important;
  }

  .align-content-fmd-center {
    align-content: center !important;
  }

  .align-content-fmd-between {
    align-content: space-between !important;
  }

  .align-content-fmd-around {
    align-content: space-around !important;
  }

  .align-content-fmd-stretch {
    align-content: stretch !important;
  }

  .align-self-fmd-auto {
    align-self: auto !important;
  }

  .align-self-fmd-start {
    align-self: flex-start !important;
  }

  .align-self-fmd-end {
    align-self: flex-end !important;
  }

  .align-self-fmd-center {
    align-self: center !important;
  }

  .align-self-fmd-baseline {
    align-self: baseline !important;
  }

  .align-self-fmd-stretch {
    align-self: stretch !important;
  }

  .float-fmd-left {
    float: left !important;
  }

  .float-fmd-right {
    float: right !important;
  }

  .float-fmd-none {
    float: none !important;
  }

  .m-fmd-0 {
    margin: 0 !important;
  }

  .mt-fmd-0,
  .my-fmd-0 {
    margin-top: 0 !important;
  }

  .mr-fmd-0,
  .mx-fmd-0 {
    margin-right: 0 !important;
  }

  .mb-fmd-0,
  .my-fmd-0 {
    margin-bottom: 0 !important;
  }

  .ml-fmd-0,
  .mx-fmd-0 {
    margin-left: 0 !important;
  }

  .m-fmd-1 {
    margin: 0.25rem !important;
  }

  .mt-fmd-1,
  .my-fmd-1 {
    margin-top: 0.25rem !important;
  }

  .mr-fmd-1,
  .mx-fmd-1 {
    margin-right: 0.25rem !important;
  }

  .mb-fmd-1,
  .my-fmd-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-fmd-1,
  .mx-fmd-1 {
    margin-left: 0.25rem !important;
  }

  .m-fmd-2 {
    margin: 0.5rem !important;
  }

  .mt-fmd-2,
  .my-fmd-2 {
    margin-top: 0.5rem !important;
  }

  .mr-fmd-2,
  .mx-fmd-2 {
    margin-right: 0.5rem !important;
  }

  .mb-fmd-2,
  .my-fmd-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-fmd-2,
  .mx-fmd-2 {
    margin-left: 0.5rem !important;
  }

  .m-fmd-3 {
    margin: 1rem !important;
  }

  .mt-fmd-3,
  .my-fmd-3 {
    margin-top: 1rem !important;
  }

  .mr-fmd-3,
  .mx-fmd-3 {
    margin-right: 1rem !important;
  }

  .mb-fmd-3,
  .my-fmd-3 {
    margin-bottom: 1rem !important;
  }

  .ml-fmd-3,
  .mx-fmd-3 {
    margin-left: 1rem !important;
  }

  .m-fmd-4 {
    margin: 1.5rem !important;
  }

  .mt-fmd-4,
  .my-fmd-4 {
    margin-top: 1.5rem !important;
  }

  .mr-fmd-4,
  .mx-fmd-4 {
    margin-right: 1.5rem !important;
  }

  .mb-fmd-4,
  .my-fmd-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-fmd-4,
  .mx-fmd-4 {
    margin-left: 1.5rem !important;
  }

  .m-fmd-5 {
    margin: 3rem !important;
  }

  .mt-fmd-5,
  .my-fmd-5 {
    margin-top: 3rem !important;
  }

  .mr-fmd-5,
  .mx-fmd-5 {
    margin-right: 3rem !important;
  }

  .mb-fmd-5,
  .my-fmd-5 {
    margin-bottom: 3rem !important;
  }

  .ml-fmd-5,
  .mx-fmd-5 {
    margin-left: 3rem !important;
  }

  .p-fmd-0 {
    padding: 0 !important;
  }

  .pt-fmd-0,
  .py-fmd-0 {
    padding-top: 0 !important;
  }

  .pr-fmd-0,
  .px-fmd-0 {
    padding-right: 0 !important;
  }

  .pb-fmd-0,
  .py-fmd-0 {
    padding-bottom: 0 !important;
  }

  .pl-fmd-0,
  .px-fmd-0 {
    padding-left: 0 !important;
  }

  .p-fmd-1 {
    padding: 0.25rem !important;
  }

  .pt-fmd-1,
  .py-fmd-1 {
    padding-top: 0.25rem !important;
  }

  .pr-fmd-1,
  .px-fmd-1 {
    padding-right: 0.25rem !important;
  }

  .pb-fmd-1,
  .py-fmd-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-fmd-1,
  .px-fmd-1 {
    padding-left: 0.25rem !important;
  }

  .p-fmd-2 {
    padding: 0.5rem !important;
  }

  .pt-fmd-2,
  .py-fmd-2 {
    padding-top: 0.5rem !important;
  }

  .pr-fmd-2,
  .px-fmd-2 {
    padding-right: 0.5rem !important;
  }

  .pb-fmd-2,
  .py-fmd-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-fmd-2,
  .px-fmd-2 {
    padding-left: 0.5rem !important;
  }

  .p-fmd-3 {
    padding: 1rem !important;
  }

  .pt-fmd-3,
  .py-fmd-3 {
    padding-top: 1rem !important;
  }

  .pr-fmd-3,
  .px-fmd-3 {
    padding-right: 1rem !important;
  }

  .pb-fmd-3,
  .py-fmd-3 {
    padding-bottom: 1rem !important;
  }

  .pl-fmd-3,
  .px-fmd-3 {
    padding-left: 1rem !important;
  }

  .p-fmd-4 {
    padding: 1.5rem !important;
  }

  .pt-fmd-4,
  .py-fmd-4 {
    padding-top: 1.5rem !important;
  }

  .pr-fmd-4,
  .px-fmd-4 {
    padding-right: 1.5rem !important;
  }

  .pb-fmd-4,
  .py-fmd-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-fmd-4,
  .px-fmd-4 {
    padding-left: 1.5rem !important;
  }

  .p-fmd-5 {
    padding: 3rem !important;
  }

  .pt-fmd-5,
  .py-fmd-5 {
    padding-top: 3rem !important;
  }

  .pr-fmd-5,
  .px-fmd-5 {
    padding-right: 3rem !important;
  }

  .pb-fmd-5,
  .py-fmd-5 {
    padding-bottom: 3rem !important;
  }

  .pl-fmd-5,
  .px-fmd-5 {
    padding-left: 3rem !important;
  }

  .m-fmd-n1 {
    margin: -0.25rem !important;
  }

  .mt-fmd-n1,
  .my-fmd-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-fmd-n1,
  .mx-fmd-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-fmd-n1,
  .my-fmd-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-fmd-n1,
  .mx-fmd-n1 {
    margin-left: -0.25rem !important;
  }

  .m-fmd-n2 {
    margin: -0.5rem !important;
  }

  .mt-fmd-n2,
  .my-fmd-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-fmd-n2,
  .mx-fmd-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-fmd-n2,
  .my-fmd-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-fmd-n2,
  .mx-fmd-n2 {
    margin-left: -0.5rem !important;
  }

  .m-fmd-n3 {
    margin: -1rem !important;
  }

  .mt-fmd-n3,
  .my-fmd-n3 {
    margin-top: -1rem !important;
  }

  .mr-fmd-n3,
  .mx-fmd-n3 {
    margin-right: -1rem !important;
  }

  .mb-fmd-n3,
  .my-fmd-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-fmd-n3,
  .mx-fmd-n3 {
    margin-left: -1rem !important;
  }

  .m-fmd-n4 {
    margin: -1.5rem !important;
  }

  .mt-fmd-n4,
  .my-fmd-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-fmd-n4,
  .mx-fmd-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-fmd-n4,
  .my-fmd-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-fmd-n4,
  .mx-fmd-n4 {
    margin-left: -1.5rem !important;
  }

  .m-fmd-n5 {
    margin: -3rem !important;
  }

  .mt-fmd-n5,
  .my-fmd-n5 {
    margin-top: -3rem !important;
  }

  .mr-fmd-n5,
  .mx-fmd-n5 {
    margin-right: -3rem !important;
  }

  .mb-fmd-n5,
  .my-fmd-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-fmd-n5,
  .mx-fmd-n5 {
    margin-left: -3rem !important;
  }

  .m-fmd-auto {
    margin: auto !important;
  }

  .mt-fmd-auto,
  .my-fmd-auto {
    margin-top: auto !important;
  }

  .mr-fmd-auto,
  .mx-fmd-auto {
    margin-right: auto !important;
  }

  .mb-fmd-auto,
  .my-fmd-auto {
    margin-bottom: auto !important;
  }

  .ml-fmd-auto,
  .mx-fmd-auto {
    margin-left: auto !important;
  }

  .text-fmd-left {
    text-align: left !important;
  }

  .text-fmd-right {
    text-align: right !important;
  }

  .text-fmd-center {
    text-align: center !important;
  }

  .l-fixedright__left-box {
    width: calc(100% - 256px);
  }

  .l-fixedright__left-box .l-wrapper-wide {
    padding-right: 20px;
    padding-left: 20px;
  }

  .l-fixedright__right-box {
    display: block;
    width: 256px;
    height: auto;
    position: fixed;
    top: 0;
    right: 0;
    box-shadow: 1px 1px 3px #000;
  }

  .js-form-step__wraper-box__btn-next {
    padding: 10px 30px !important;
  }

  .js-form__option-chunk--roof label {
    padding: 0;
  }

  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 960px;
  }

  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4,
  .l-sidebar-single__col-side,
  .l-sidebar-review-single__col-side {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8,
  .l-sidebar-single__col-main,
  .l-sidebar-review-single__col-main {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }

  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .c-fixed-bottom__wrapper-box,
  .navbar-expand-lg > .c-footer,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }

  .modal-lg {
    max-width: 800px;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .content ul li,
  .content ol li {
    font-size: 1.6rem !important;
  }

  .f8-lg {
    font-size: 0.8rem !important;
  }

  .l8-lg {
    line-height: 0.8rem !important;
  }

  .f9-lg {
    font-size: 0.9rem !important;
  }

  .l9-lg {
    line-height: 0.9rem !important;
  }

  .f10-lg {
    font-size: 1rem !important;
  }

  .l10-lg {
    line-height: 1rem !important;
  }

  .f11-lg {
    font-size: 1.1rem !important;
  }

  .l11-lg {
    line-height: 1.1rem !important;
  }

  .f12-lg {
    font-size: 1.2rem !important;
  }

  .l12-lg {
    line-height: 1.2rem !important;
  }

  .f13-lg {
    font-size: 1.3rem !important;
  }

  .l13-lg {
    line-height: 1.3rem !important;
  }

  .f14-lg {
    font-size: 1.4rem !important;
  }

  .l14-lg {
    line-height: 1.4rem !important;
  }

  .f15-lg {
    font-size: 1.5rem !important;
  }

  .l15-lg {
    line-height: 1.5rem !important;
  }

  .f16-lg {
    font-size: 1.6rem !important;
  }

  .l16-lg {
    line-height: 1.6rem !important;
  }

  .f17-lg {
    font-size: 1.7rem !important;
  }

  .l17-lg {
    line-height: 1.7rem !important;
  }

  .f18-lg {
    font-size: 1.8rem !important;
  }

  .l18-lg {
    line-height: 1.8rem !important;
  }

  .f19-lg {
    font-size: 1.9rem !important;
  }

  .l19-lg {
    line-height: 1.9rem !important;
  }

  .f20-lg {
    font-size: 2rem !important;
  }

  .l20-lg {
    line-height: 2rem !important;
  }

  .f22-lg {
    font-size: 2.2rem !important;
  }

  .l22-lg {
    line-height: 2.2rem !important;
  }

  .f24-lg {
    font-size: 2.4rem !important;
  }

  .l24-lg {
    line-height: 2.4rem !important;
  }

  .f26-lg {
    font-size: 2.6rem !important;
  }

  .l26-lg {
    line-height: 2.6rem !important;
  }

  .f28-lg {
    font-size: 2.8rem !important;
  }

  .l28-lg {
    line-height: 2.8rem !important;
  }

  .f30-lg {
    font-size: 3rem !important;
  }

  .l30-lg {
    line-height: 3rem !important;
  }

  .f32-lg {
    font-size: 3.2rem !important;
  }

  .l32-lg {
    line-height: 3.2rem !important;
  }

  .f34-lg {
    font-size: 3.4rem !important;
  }

  .l34-lg {
    line-height: 3.4rem !important;
  }

  .f36-lg {
    font-size: 3.6rem !important;
  }

  .l36-lg {
    line-height: 3.6rem !important;
  }

  .f38-lg {
    font-size: 3.8rem !important;
  }

  .l38-lg {
    line-height: 3.8rem !important;
  }

  .f40-lg {
    font-size: 4rem !important;
  }

  .l40-lg {
    line-height: 4rem !important;
  }

  .f44-lg {
    font-size: 4.4rem !important;
  }

  .l44-lg {
    line-height: 4.4rem !important;
  }

  .f48-lg {
    font-size: 4.8rem !important;
  }

  .l48-lg {
    line-height: 4.8rem !important;
  }

  .f52-lg {
    font-size: 5.2rem !important;
  }

  .l52-lg {
    line-height: 5.2rem !important;
  }

  .f56-lg {
    font-size: 5.6rem !important;
  }

  .l56-lg {
    line-height: 5.6rem !important;
  }

  .f60-lg {
    font-size: 6rem !important;
  }

  .l60-lg {
    line-height: 6rem !important;
  }

  .f64-lg {
    font-size: 6.4rem !important;
  }

  .l64-lg {
    line-height: 6.4rem !important;
  }

  .f72-lg {
    font-size: 7.2rem !important;
  }

  .l72-lg {
    line-height: 7.2rem !important;
  }

  .f80-lg {
    font-size: 8rem !important;
  }

  .l80-lg {
    line-height: 8rem !important;
  }

  .f88-lg {
    font-size: 8.8rem !important;
  }

  .l88-lg {
    line-height: 8.8rem !important;
  }

  .f96-lg {
    font-size: 9.6rem !important;
  }

  .l96-lg {
    line-height: 9.6rem !important;
  }

  .m0-lg,
  .m.m0-lg {
    margin: 0px;
  }

  .mt0-lg,
  .m.mt0-lg {
    margin-top: 0px;
  }

  .mr0-lg,
  .m.mr0-lg {
    margin-right: 0px;
  }

  .mb0-lg,
  .m.mb0-lg {
    margin-bottom: 0px;
  }

  .ml0-lg,
  .m.ml0-lg {
    margin-left: 0px;
  }

  .mx0-lg,
  .m.mx0-lg {
    margin-right: 0px;
    margin-left: 0px;
  }

  .my0-lg,
  .m.my0-lg {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mtn0-lg,
  .m.mtn0-lg {
    margin-top: 0px;
  }

  .mrn0-lg,
  .m.mrn0-lg {
    margin-right: 0px;
  }

  .mbn0-lg,
  .m.mbn0-lg {
    margin-bottom: 0px;
  }

  .mln0-lg,
  .m.mln0-lg {
    margin-left: 0px;
  }

  .mnx0-lg,
  .m.mnx0-lg,
  .mxn0-lg,
  .m.mxn0-lg {
    margin-right: 0px;
    margin-left: 0px;
  }

  .p0-lg,
  .p.p0-lg {
    padding: 0px;
  }

  .pt0-lg,
  .p.pt0-lg {
    padding-top: 0px;
  }

  .pr0-lg,
  .p.pr0-lg {
    padding-right: 0px;
  }

  .pb0-lg,
  .p.pb0-lg {
    padding-bottom: 0px;
  }

  .pl0-lg,
  .p.pl0-lg {
    padding-left: 0px;
  }

  .px0-lg,
  .p.px0-lg {
    padding-right: 0px;
    padding-left: 0px;
  }

  .py0-lg,
  .p.py0-lg {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .m1-lg,
  .m.m1-lg {
    margin: 5px;
  }

  .mt1-lg,
  .m.mt1-lg {
    margin-top: 5px;
  }

  .mr1-lg,
  .m.mr1-lg {
    margin-right: 5px;
  }

  .mb1-lg,
  .m.mb1-lg {
    margin-bottom: 5px;
  }

  .ml1-lg,
  .m.ml1-lg {
    margin-left: 5px;
  }

  .mx1-lg,
  .m.mx1-lg {
    margin-right: 5px;
    margin-left: 5px;
  }

  .my1-lg,
  .m.my1-lg {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mtn1-lg,
  .m.mtn1-lg {
    margin-top: -5px;
  }

  .mrn1-lg,
  .m.mrn1-lg {
    margin-right: -5px;
  }

  .mbn1-lg,
  .m.mbn1-lg {
    margin-bottom: -5px;
  }

  .mln1-lg,
  .m.mln1-lg {
    margin-left: -5px;
  }

  .mnx1-lg,
  .m.mnx1-lg,
  .mxn1-lg,
  .m.mxn1-lg {
    margin-right: -5px;
    margin-left: -5px;
  }

  .p1-lg,
  .p.p1-lg {
    padding: 5px;
  }

  .pt1-lg,
  .p.pt1-lg {
    padding-top: 5px;
  }

  .pr1-lg,
  .p.pr1-lg {
    padding-right: 5px;
  }

  .pb1-lg,
  .p.pb1-lg {
    padding-bottom: 5px;
  }

  .pl1-lg,
  .p.pl1-lg {
    padding-left: 5px;
  }

  .px1-lg,
  .p.px1-lg {
    padding-right: 5px;
    padding-left: 5px;
  }

  .py1-lg,
  .p.py1-lg {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .m2-lg,
  .m.m2-lg {
    margin: 10px;
  }

  .mt2-lg,
  .m.mt2-lg {
    margin-top: 10px;
  }

  .mr2-lg,
  .m.mr2-lg {
    margin-right: 10px;
  }

  .mb2-lg,
  .m.mb2-lg {
    margin-bottom: 10px;
  }

  .ml2-lg,
  .m.ml2-lg {
    margin-left: 10px;
  }

  .mx2-lg,
  .m.mx2-lg {
    margin-right: 10px;
    margin-left: 10px;
  }

  .my2-lg,
  .m.my2-lg {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mtn2-lg,
  .m.mtn2-lg {
    margin-top: -10px;
  }

  .mrn2-lg,
  .m.mrn2-lg {
    margin-right: -10px;
  }

  .mbn2-lg,
  .m.mbn2-lg {
    margin-bottom: -10px;
  }

  .mln2-lg,
  .m.mln2-lg {
    margin-left: -10px;
  }

  .mnx2-lg,
  .m.mnx2-lg,
  .mxn2-lg,
  .m.mxn2-lg {
    margin-right: -10px;
    margin-left: -10px;
  }

  .p2-lg,
  .p.p2-lg {
    padding: 10px;
  }

  .pt2-lg,
  .p.pt2-lg {
    padding-top: 10px;
  }

  .pr2-lg,
  .p.pr2-lg {
    padding-right: 10px;
  }

  .pb2-lg,
  .p.pb2-lg {
    padding-bottom: 10px;
  }

  .pl2-lg,
  .p.pl2-lg {
    padding-left: 10px;
  }

  .px2-lg,
  .p.px2-lg {
    padding-right: 10px;
    padding-left: 10px;
  }

  .py2-lg,
  .p.py2-lg {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .m3-lg,
  .m.m3-lg {
    margin: 15px;
  }

  .mt3-lg,
  .m.mt3-lg {
    margin-top: 15px;
  }

  .mr3-lg,
  .m.mr3-lg {
    margin-right: 15px;
  }

  .mb3-lg,
  .m.mb3-lg {
    margin-bottom: 15px;
  }

  .ml3-lg,
  .m.ml3-lg {
    margin-left: 15px;
  }

  .mx3-lg,
  .m.mx3-lg {
    margin-right: 15px;
    margin-left: 15px;
  }

  .my3-lg,
  .m.my3-lg {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mtn3-lg,
  .m.mtn3-lg {
    margin-top: -15px;
  }

  .mrn3-lg,
  .m.mrn3-lg {
    margin-right: -15px;
  }

  .mbn3-lg,
  .m.mbn3-lg {
    margin-bottom: -15px;
  }

  .mln3-lg,
  .m.mln3-lg {
    margin-left: -15px;
  }

  .mnx3-lg,
  .m.mnx3-lg,
  .mxn3-lg,
  .m.mxn3-lg {
    margin-right: -15px;
    margin-left: -15px;
  }

  .p3-lg,
  .p.p3-lg {
    padding: 15px;
  }

  .pt3-lg,
  .p.pt3-lg {
    padding-top: 15px;
  }

  .pr3-lg,
  .p.pr3-lg {
    padding-right: 15px;
  }

  .pb3-lg,
  .p.pb3-lg {
    padding-bottom: 15px;
  }

  .pl3-lg,
  .p.pl3-lg {
    padding-left: 15px;
  }

  .px3-lg,
  .p.px3-lg {
    padding-right: 15px;
    padding-left: 15px;
  }

  .py3-lg,
  .p.py3-lg {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .m4-lg,
  .m.m4-lg {
    margin: 20px;
  }

  .mt4-lg,
  .m.mt4-lg {
    margin-top: 20px;
  }

  .mr4-lg,
  .m.mr4-lg {
    margin-right: 20px;
  }

  .mb4-lg,
  .m.mb4-lg {
    margin-bottom: 20px;
  }

  .ml4-lg,
  .m.ml4-lg {
    margin-left: 20px;
  }

  .mx4-lg,
  .m.mx4-lg {
    margin-right: 20px;
    margin-left: 20px;
  }

  .my4-lg,
  .m.my4-lg {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mtn4-lg,
  .m.mtn4-lg {
    margin-top: -20px;
  }

  .mrn4-lg,
  .m.mrn4-lg {
    margin-right: -20px;
  }

  .mbn4-lg,
  .m.mbn4-lg {
    margin-bottom: -20px;
  }

  .mln4-lg,
  .m.mln4-lg {
    margin-left: -20px;
  }

  .mnx4-lg,
  .m.mnx4-lg,
  .mxn4-lg,
  .m.mxn4-lg {
    margin-right: -20px;
    margin-left: -20px;
  }

  .p4-lg,
  .p.p4-lg {
    padding: 20px;
  }

  .pt4-lg,
  .p.pt4-lg {
    padding-top: 20px;
  }

  .pr4-lg,
  .p.pr4-lg {
    padding-right: 20px;
  }

  .pb4-lg,
  .p.pb4-lg {
    padding-bottom: 20px;
  }

  .pl4-lg,
  .p.pl4-lg {
    padding-left: 20px;
  }

  .px4-lg,
  .p.px4-lg {
    padding-right: 20px;
    padding-left: 20px;
  }

  .py4-lg,
  .p.py4-lg {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .m5-lg,
  .m.m5-lg {
    margin: 25px;
  }

  .mt5-lg,
  .m.mt5-lg {
    margin-top: 25px;
  }

  .mr5-lg,
  .m.mr5-lg {
    margin-right: 25px;
  }

  .mb5-lg,
  .m.mb5-lg {
    margin-bottom: 25px;
  }

  .ml5-lg,
  .m.ml5-lg {
    margin-left: 25px;
  }

  .mx5-lg,
  .m.mx5-lg {
    margin-right: 25px;
    margin-left: 25px;
  }

  .my5-lg,
  .m.my5-lg {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mtn5-lg,
  .m.mtn5-lg {
    margin-top: -25px;
  }

  .mrn5-lg,
  .m.mrn5-lg {
    margin-right: -25px;
  }

  .mbn5-lg,
  .m.mbn5-lg {
    margin-bottom: -25px;
  }

  .mln5-lg,
  .m.mln5-lg {
    margin-left: -25px;
  }

  .mnx5-lg,
  .m.mnx5-lg,
  .mxn5-lg,
  .m.mxn5-lg {
    margin-right: -25px;
    margin-left: -25px;
  }

  .p5-lg,
  .p.p5-lg {
    padding: 25px;
  }

  .pt5-lg,
  .p.pt5-lg {
    padding-top: 25px;
  }

  .pr5-lg,
  .p.pr5-lg {
    padding-right: 25px;
  }

  .pb5-lg,
  .p.pb5-lg {
    padding-bottom: 25px;
  }

  .pl5-lg,
  .p.pl5-lg {
    padding-left: 25px;
  }

  .px5-lg,
  .p.px5-lg {
    padding-right: 25px;
    padding-left: 25px;
  }

  .py5-lg,
  .p.py5-lg {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .m6-lg,
  .m.m6-lg {
    margin: 30px;
  }

  .mt6-lg,
  .m.mt6-lg {
    margin-top: 30px;
  }

  .mr6-lg,
  .m.mr6-lg {
    margin-right: 30px;
  }

  .mb6-lg,
  .m.mb6-lg {
    margin-bottom: 30px;
  }

  .ml6-lg,
  .m.ml6-lg {
    margin-left: 30px;
  }

  .mx6-lg,
  .m.mx6-lg {
    margin-right: 30px;
    margin-left: 30px;
  }

  .my6-lg,
  .m.my6-lg {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mtn6-lg,
  .m.mtn6-lg {
    margin-top: -30px;
  }

  .mrn6-lg,
  .m.mrn6-lg {
    margin-right: -30px;
  }

  .mbn6-lg,
  .m.mbn6-lg {
    margin-bottom: -30px;
  }

  .mln6-lg,
  .m.mln6-lg {
    margin-left: -30px;
  }

  .mnx6-lg,
  .m.mnx6-lg,
  .mxn6-lg,
  .m.mxn6-lg {
    margin-right: -30px;
    margin-left: -30px;
  }

  .p6-lg,
  .p.p6-lg {
    padding: 30px;
  }

  .pt6-lg,
  .p.pt6-lg {
    padding-top: 30px;
  }

  .pr6-lg,
  .p.pr6-lg {
    padding-right: 30px;
  }

  .pb6-lg,
  .p.pb6-lg {
    padding-bottom: 30px;
  }

  .pl6-lg,
  .p.pl6-lg {
    padding-left: 30px;
  }

  .px6-lg,
  .p.px6-lg {
    padding-right: 30px;
    padding-left: 30px;
  }

  .py6-lg,
  .p.py6-lg {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .m7-lg,
  .m.m7-lg {
    margin: 35px;
  }

  .mt7-lg,
  .m.mt7-lg {
    margin-top: 35px;
  }

  .mr7-lg,
  .m.mr7-lg {
    margin-right: 35px;
  }

  .mb7-lg,
  .m.mb7-lg {
    margin-bottom: 35px;
  }

  .ml7-lg,
  .m.ml7-lg {
    margin-left: 35px;
  }

  .mx7-lg,
  .m.mx7-lg {
    margin-right: 35px;
    margin-left: 35px;
  }

  .my7-lg,
  .m.my7-lg {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mtn7-lg,
  .m.mtn7-lg {
    margin-top: -35px;
  }

  .mrn7-lg,
  .m.mrn7-lg {
    margin-right: -35px;
  }

  .mbn7-lg,
  .m.mbn7-lg {
    margin-bottom: -35px;
  }

  .mln7-lg,
  .m.mln7-lg {
    margin-left: -35px;
  }

  .mnx7-lg,
  .m.mnx7-lg,
  .mxn7-lg,
  .m.mxn7-lg {
    margin-right: -35px;
    margin-left: -35px;
  }

  .p7-lg,
  .p.p7-lg {
    padding: 35px;
  }

  .pt7-lg,
  .p.pt7-lg {
    padding-top: 35px;
  }

  .pr7-lg,
  .p.pr7-lg {
    padding-right: 35px;
  }

  .pb7-lg,
  .p.pb7-lg {
    padding-bottom: 35px;
  }

  .pl7-lg,
  .p.pl7-lg {
    padding-left: 35px;
  }

  .px7-lg,
  .p.px7-lg {
    padding-right: 35px;
    padding-left: 35px;
  }

  .py7-lg,
  .p.py7-lg {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .m8-lg,
  .m.m8-lg {
    margin: 40px;
  }

  .mt8-lg,
  .m.mt8-lg {
    margin-top: 40px;
  }

  .mr8-lg,
  .m.mr8-lg {
    margin-right: 40px;
  }

  .mb8-lg,
  .m.mb8-lg {
    margin-bottom: 40px;
  }

  .ml8-lg,
  .m.ml8-lg {
    margin-left: 40px;
  }

  .mx8-lg,
  .m.mx8-lg {
    margin-right: 40px;
    margin-left: 40px;
  }

  .my8-lg,
  .m.my8-lg {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mtn8-lg,
  .m.mtn8-lg {
    margin-top: -40px;
  }

  .mrn8-lg,
  .m.mrn8-lg {
    margin-right: -40px;
  }

  .mbn8-lg,
  .m.mbn8-lg {
    margin-bottom: -40px;
  }

  .mln8-lg,
  .m.mln8-lg {
    margin-left: -40px;
  }

  .mnx8-lg,
  .m.mnx8-lg,
  .mxn8-lg,
  .m.mxn8-lg {
    margin-right: -40px;
    margin-left: -40px;
  }

  .p8-lg,
  .p.p8-lg {
    padding: 40px;
  }

  .pt8-lg,
  .p.pt8-lg {
    padding-top: 40px;
  }

  .pr8-lg,
  .p.pr8-lg {
    padding-right: 40px;
  }

  .pb8-lg,
  .p.pb8-lg {
    padding-bottom: 40px;
  }

  .pl8-lg,
  .p.pl8-lg {
    padding-left: 40px;
  }

  .px8-lg,
  .p.px8-lg {
    padding-right: 40px;
    padding-left: 40px;
  }

  .py8-lg,
  .p.py8-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mx-auto-lg,
  .m.mx-auto-lg {
    margin-right: auto;
    margin-left: auto;
  }

  .p-lp-yane__section-body {
    padding: 80px 30px;
  }

  .p-lp-yane__bg-yellow {
    padding: 80px 30px 60px;
  }

  .p-lp-yane__bg-white2 {
    padding: 80px 30px 60px;
  }

  .p-lp-yane__button--home {
    padding: 10px;
    width: 100%;
    font-size: 30px;
  }

  .p-lp-yane__button--other {
    padding: 10px;
    width: 100%;
    font-size: 30px;
  }

  .p-lp-yane__section-title {
    padding: 80px 30px 40px !important;
  }

  .p-lp-yane__section-title h2:first-letter {
    font-size: 3.6rem !important;
  }

  .p-lp-yane__arrow-yellow {
    width: 250px;
    height: 60px;
  }

  .p-lp-yane__arrow-blue {
    width: 250px;
    height: 60px;
  }

  .p-lp-yane__arrow-white {
    width: 250px;
    height: 60px;
  }

  .p-lp-yane__trouble-paturn--pc-image {
    width: 70%;
  }

  .p-lp-yane__trouble-large {
    font-size: 42px;
  }

  .p-lp-yane__trouble-reason {
    font-size: 38px;
  }

  .p-lp-yane__merit-title {
    font-size: 24px;
    padding-left: 15px;
  }

  .p-lp-yane__merit-text {
    font-size: 20px;
  }

  .p-lp-yane__reason-title {
    border-left: 8px solid #3c3cb8;
    font-size: 24px;
    padding-left: 15px;
  }

  .p-lp-yane__howtouse-box {
    padding: 20px;
    font-size: 24px;
  }

  .p-lp-yane__howtouse-title {
    padding-left: 15px;
    font-size: 24px;
  }

  .p-lp-yane__howtouse-text {
    font-size: 20px;
  }

  .p-lp-yane__form-wrapper {
    max-width: 60%;
  }

  .p-lp-yane__mitsumori-title {
    font-size: 32px;
  }

  .p-lp-yane__fixed-btn button {
    padding: 5px 40px 10px;
    font-size: 20px;
  }

  .p-lp-yane__fixed-btn2 button {
    padding: 20px 40px;
    font-size: 24px;
  }

  .p-lp-yane__p-mark-text {
    font-size: 16px;
  }

  .mng-img {
    max-width: 200px;
    margin-left: 15px;
  }

  .p-lp-yane__a-word--image {
    width: 80%;
    margin: 0 auto !important;
  }

  .p-lp-yane__a-word--text {
    text-align: left;
  }

  .p-lp-yane__balloon-left {
    font-size: 24px;
  }

  .p-intro-yane__title-ballon-right {
    font-size: 24px;
  }

  .p-intro__feature-box {
    padding: 30px 20px;
    margin: 0 10px 30px;
    font-weight: bold;
    text-align: left;
    height: 170px;
  }

  .p-intro__trouble-solution--title {
    font-size: 34px;
  }

  .p-intro__about-text {
    font-size: 16px;
    padding: 0 80px;
  }

  .p-lp-yane__medal__pt04 {
    top: 50%;
    right: 75%;
    width: 150px;
  }

  .p-lp-yane__billboard__pt04 {
    padding: 70px;
  }

  /*新フォームlg*/

  .c-form__option-chunk--roof label {
    border: 3px solid #666;
    padding: 10px 10px !important;
    margin-bottom: 15px !important;
  }

  .c-form__btn-box input {
    padding: 10px 100px !important;
  }

  /*新フォームlgここまで*/

  .yane-formicon {
    width: 35px;
    height: 35px;
  }
}

@media screen and (min-width: 992px) {
  .yane__medal--blight-pc {
    top: 0;
    right: 90%;
  }
}

@media screen and (min-width: 1000px) {
  .review_bbd_overlay .review_excerpt {
    font-size: 2.2rem;
  }

  .review_bbd_overlay .review_excerpt {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 1050px) {
  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-pc--article {
    display: inline-block;
    width: 350px;
  }
}

@media (min-width: 1140px) {
  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 1200px;
  }

  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4,
  .l-sidebar-single__col-side,
  .l-sidebar-review-single__col-side {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-8,
  .l-sidebar-single__col-main,
  .l-sidebar-review-single__col-main {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.66667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333%;
  }

  .offset-lg-5 {
    margin-left: 41.66667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333%;
  }

  .offset-lg-8 {
    margin-left: 66.66667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333%;
  }

  .offset-lg-11 {
    margin-left: 91.66667%;
  }

  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }

  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .l-fixedright__left-box {
    width: calc(100% - 372px);
  }

  .l-fixedright__right-box {
    display: block;
    width: 372px;
  }

  .l-fixedright__right-box .c-form__fvform-title span {
    font-size: 24px;
  }

  .l-fixedright__right-box .yp-fvform__label-title {
    font-size: 16px;
    height: auto;
  }

  .l-fixedright__right-box .yp-fvform__all,
  .l-fixedright__right-box .yp-fvform__part {
    height: 135px;
  }

  .yp-fvform__label label {
    border: 3px solid #666;
    padding: 20px 20px;
    height: 220px;
  }

  .yp-fvform__all {
    width: 120px;
    height: 120px;
  }

  .yp-fvform__part {
    width: 100px;
    height: 120px;
  }

  .yp-fvform__btn input {
    padding: 10px 80px;
  }

  blockquote {
    padding: 70px 30px 30px 30px;
    background-size: 4%;
    background-position: top 20px left 30px;
  }

  .c-footer__company-row {
    flex-direction: row;
  }

  .c-footer__company-row__left-box {
    display: block;
  }

  .c-footer__company-row__left-box__logo-box {
    margin: 0 auto;
  }

  .c-footer__company-row__right-box {
    text-align: right;
  }

  .c-header-site-head__site-name__balloon-box {
    display: inline;
  }

  .c-global-nav > ul {
    max-width: 1200px;
  }

  .l-main__wrapper,
  #l-wrapper,
  #l-wrapper--noheader,
  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide,
  .l-wrapper {
    max-width: 1200px;
  }

  #l-wrapper-full {
    max-width: 100%;
  }

  .l-main__padding,
  .l-sidebar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .l-main__cancel-padding {
    margin-left: -40px;
    margin-right: -40px;
  }

  .post p {
    font-size: 18px;
  }

  .l-sidebar-single__col-side {
    display: block;
    padding-top: 26px;
  }

  .l-sidebar-review-single__col-side {
    display: block;
    padding-top: 26px;
  }

  .c-balloon--large {
    font-size: 32px;
    padding: 16px 72px;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    border: 4px solid #ef821e;
  }

  .p-lp__new-toppage__balloon-img img {
    height: 160px;
  }

  .p-lp__new-toppage__balloon-text {
    padding: 30px 45px;
  }

  .new-toppage__balloonR .p-lp__new-toppage__balloon-text {
    border: 4px solid #ef821e;
  }

  .p-lp__new-toppage__balloon-text-inner {
    font-size: 18px;
  }

  .p-lp__new-toppage__name-yuusuke {
    transform: translateY(-65px);
  }

  .btn-cta {
    font-size: 26px;
    padding: 10px 80px 10px 30px;
  }

  .btn-cta::before {
    font-size: 44px;
    margin-top: -22px;
  }

  .btn-tel {
    font-size: 26px;
    padding: 5px 80px 5px 20px;
  }

  .btn-post {
    font-size: 24px;
    padding: 20px 80px 20px 30px;
  }

  .btn-post::before {
    right: 24px;
    font-size: 44px;
    margin-top: -22px;
  }

  .btn-fixed-bottom {
    font-size: 20px;
    letter-spacing: 2px;
    padding: 10px 20px;
  }

  .c-btn--select {
    max-width: 380px;
    height: 85px;
    font-size: 30px;
  }

  .c-btn--chikudenchitag {
    max-width: 500px;
    height: 85px;
    font-size: 26px;
    padding: 25px;
  }

  .c-btn--chikudenchitag-ballon {
    font-size: 24px;
  }

  .mitsumori-proposed_site-solar {
    width: 190px;
    height: 145px;
  }

  .mitsumori-proposed_site-battery {
    width: 190px;
    height: 145px;
  }

  .c-form__mitsumori-title {
    font-size: 26px;
    margin-bottom: 35px;
  }

  .c-form__mitsumori-title--1step {
    margin-top: 35px;
  }

  .c-form__option-chunk label {
    border: 3px solid #666;
    padding: 20px 20px;
    height: 220px;
  }

  .c-form__option-chunk--important label {
    border: 3px solid #666;
    padding: 15px 20px;
    height: 120px;
  }

  .c-form__option-chunk--roof label {
    border: 3px solid #666;
    padding: 10px 10px;
    margin-bottom: 15px;
  }

  .c-form__option-title {
    font-size: 25px;
  }

  .c-form__option-title__weaken {
    font-size: 20px;
  }

  .c-form__roof-material-title {
    font-size: 20px;
  }

  .c-form__position-change {
    display: inline-flex;
    align-items: center;
  }

  .c-form__option-image-savings,
  .c-form__option-image-income,
  .c-form__option-image-ev,
  .c-form__option-image-measures,
  .c-form__option-image-important--other,
  .c-form__option-image-installation-yes,
  .c-form__option-image-installation-no {
    margin-left: 15px;
  }

  .c-form__option-image-house {
    width: 180px;
    height: 145px;
  }

  .c-form__option-image-other {
    width: 165px;
    height: 135px;
  }

  .c-form__option-image-savings {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-income {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-ev {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-measures {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-important--other {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-installation-yes {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-installation-no {
    width: 90px;
    height: 85px;
  }

  .c-form__option-image-solar {
    width: 235px;
    height: 135px;
  }

  .c-form__option-image-battery {
    width: 225px;
    height: 135px;
  }

  .c-form__prefecture-box {
    width: 50%;
  }

  .c-form__btn-box input {
    padding: 10px 100px;
  }

  .c-form__description--image {
    margin-top: 0;
    width: 55%;
  }

  .btn-next,
  .c-form__fixed-btn button,
  .btn-green {
    padding: 10px 40px;
  }

  .c-form__fixed-btn-pt01 {
    margin-left: 150px !important;
  }

  .c-form__fixed-btn--battery button {
    padding: 10px 40px;
  }

  .c-form__p-mark-under {
    width: 7%;
  }

  .c-form__p-mark-under-pt01 {
    width: 15%;
  }

  .c-form__p-mark-under--battery {
    width: 7%;
  }

  .c-form__howtouse-card {
    max-width: 19%;
  }

  .c-form__modal-content-width {
    max-width: 950px;
  }

  .c-form__fvform-wrapper {
    padding: 0 0px 20px;
  }

  .c-form__fvform-btn input {
    padding: 10px 80px;
  }

  .c-form__submit-fvbtn {
    padding: 10px 80px;
  }

  .c-form__option-chunk--fvform label {
    border: 3px solid #666;
    padding: 15px 10px;
    height: 175px;
  }

  .c-form__fvform-solar {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-battery {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-esbt {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-esonly {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-batteryv2h {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-ecocute {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-v2hecocute {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-cheap {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-estimate {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-choshu {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-recommendation {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-comparison {
    width: 100px;
    height: 100px;
  }

  .c-form__fvform-gaihekitosou {
    width: 100px;
    height: 100px;
  }

  .p-lp-fvform--bbd {
    background-image: url("/img/lptest-css/fvform-bbd-lg2.jpg") !important;
  }

  .c-form__option-chunk--fvform--ex label {
    border: 3px solid #666;
    padding: 20px 20px;
    height: 220px;
  }

  .c-form__fvform-ex--new {
    width: 120px;
    height: 120px;
  }

  .c-form__fvform-ex--reform {
    width: 100px;
    height: 120px;
  }

  .c-form__fvform-ex--new01 {
    width: 100px;
    height: 120px;
  }

  .c-form__fvform-ex--carport1 {
    width: 120px;
    height: 120px;
  }

  .c-form__fvform-ex--carport2 {
    width: 100px;
    height: 120px;
  }

  .c-form__fvform-btn--ex input {
    padding: 10px 80px;
  }

  .c-form__fvform-btn--ex-kakaku button {
    padding: 10px 80px;
  }

  .c-form__cta-gaihekitosou__box {
    padding: 100px 35px;
  }

  .c-form__cta-gaihekitosou__title {
    font-size: 40px;
    padding: 0 0 40px 0;
  }

  .fvform-sm_label-title {
    font-size: 16px;
    height: auto;
  }

  .fvform-sm_btn button {
    padding: 10px 80px;
  }

  .fvform-sm_choice-paint__wall {
    width: 80px;
    height: 80px;
  }

  .fvform-sm_choice-paint__both {
    width: 80px;
    height: 80px;
  }

  .c-mitsumoriform-prev__switching--box::before {
    font-size: 2rem;
  }

  .c-mitsumoriform-prev__switching--box--chikudenchitag::before {
    font-size: 2rem;
  }

  .c-mitsumoriform-prev__body-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .c-mitsumoriform-prev__body-row__step-col,
  .c-mitsumoriform-prev__body-row __step-col--margin20 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner__inner-header,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__inner-header {
    font-size: 2.2rem;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner__solar-small-text,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner__solar-small-text {
    font-size: 12px !important;
  }

  .c-mitsumoriform-prev__body-row__step-col--margin20 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-mitsumoriform-prev__proposed-site--solar,
  .c-mitsumoriform-prev__proposed-site--battery,
  .c-mitsumoriform-prev__proposed-site--house,
  .c-mitsumoriform-prev__proposed-site--other {
    width: 100px;
    height: 80px;
  }

  .c-mitsumoriform-prev__proposed-site--only_hotdenki {
    width: 70px;
    height: 80px;
  }

  .c-mitsumoriform-prev__proposed-site--not_only_hotdenki {
    width: 130px;
    height: 80px;
  }

  .c-mitsumoriform__button-register {
    padding: 20px;
    font-size: 24px;
    letter-spacing: 2px;
  }

  .c-mitsumoriform__button-transition {
    padding: 20px;
    font-size: 28px;
    letter-spacing: 2px;
  }

  .c-mitsumoriform__text-weaken {
    font-size: 20px;
  }

  .c-mitsumoriform__tel-area {
    margin-top: 30%;
  }

  .c-mitsumoriform__tel-area__text {
    left: 20px;
    font-size: 13px;
  }

  .c-mitsumoriform__tel-area__number {
    font-size: 28px;
    padding: 15px 0 15px 30px;
  }

  .c-rankpost-carousel__inner {
    height: 185px;
  }

  .c-rankpost__unit-pc {
    height: 175px;
  }

  .c-vendor-bbd {
    background-position: center;
  }

  .p-lp-yane__billboard--blight {
    background-image: url("/img/yanekouji/yanekouji/02_billboard_blight_pc.jpg");
  }

  .p-lp-yane__medal {
    width: 150px;
    top: 70%;
    right: 5%;
  }

  .yane__medal--blight-pc {
    width: 130px;
    right: 100% !important;
  }

  .border-1-lg {
    border: solid #f8f9fa 1px;
  }

  .border-top-1-lg {
    border-top: solid #f8f9fa 1px;
  }

  .border-right-1-lg {
    border-right: solid #f8f9fa 1px;
  }

  .border-bottom-1-lg {
    border-bottom: solid #f8f9fa 1px;
  }

  .border-left-1-lg {
    border-left: solid #f8f9fa 1px;
  }

  .border-2-lg {
    border: solid #f8f9fa 2px;
  }

  .border-top-2-lg {
    border-top: solid #f8f9fa 2px;
  }

  .border-right-2-lg {
    border-right: solid #f8f9fa 2px;
  }

  .border-bottom-2-lg {
    border-bottom: solid #f8f9fa 2px;
  }

  .border-left-2-lg {
    border-left: solid #f8f9fa 2px;
  }

  .border-3-lg {
    border: solid #f8f9fa 3px;
  }

  .border-top-3-lg {
    border-top: solid #f8f9fa 3px;
  }

  .border-right-3-lg {
    border-right: solid #f8f9fa 3px;
  }

  .border-bottom-3-lg {
    border-bottom: solid #f8f9fa 3px;
  }

  .border-left-3-lg {
    border-left: solid #f8f9fa 3px;
  }

  .border-4-lg {
    border: solid #f8f9fa 4px;
  }

  .border-top-4-lg {
    border-top: solid #f8f9fa 4px;
  }

  .border-right-4-lg {
    border-right: solid #f8f9fa 4px;
  }

  .border-bottom-4-lg {
    border-bottom: solid #f8f9fa 4px;
  }

  .border-left-4-lg {
    border-left: solid #f8f9fa 4px;
  }

  .border-5-lg {
    border: solid #f8f9fa 5px;
  }

  .border-top-5-lg {
    border-top: solid #f8f9fa 5px;
  }

  .border-right-5-lg {
    border-right: solid #f8f9fa 5px;
  }

  .border-bottom-5-lg {
    border-bottom: solid #f8f9fa 5px;
  }

  .border-left-5-lg {
    border-left: solid #f8f9fa 5px;
  }

  .border-6-lg {
    border: solid #f8f9fa 6px;
  }

  .border-top-6-lg {
    border-top: solid #f8f9fa 6px;
  }

  .border-right-6-lg {
    border-right: solid #f8f9fa 6px;
  }

  .border-bottom-6-lg {
    border-bottom: solid #f8f9fa 6px;
  }

  .border-left-6-lg {
    border-left: solid #f8f9fa 6px;
  }

  .border-7-lg {
    border: solid #f8f9fa 7px;
  }

  .border-top-7-lg {
    border-top: solid #f8f9fa 7px;
  }

  .border-right-7-lg {
    border-right: solid #f8f9fa 7px;
  }

  .border-bottom-7-lg {
    border-bottom: solid #f8f9fa 7px;
  }

  .border-left-7-lg {
    border-left: solid #f8f9fa 7px;
  }

  .border-8-lg {
    border: solid #f8f9fa 8px;
  }

  .border-top-8-lg {
    border-top: solid #f8f9fa 8px;
  }

  .border-right-8-lg {
    border-right: solid #f8f9fa 8px;
  }

  .border-bottom-8-lg {
    border-bottom: solid #f8f9fa 8px;
  }

  .border-left-8-lg {
    border-left: solid #f8f9fa 8px;
  }

  .border-9-lg {
    border: solid #f8f9fa 9px;
  }

  .border-top-9-lg {
    border-top: solid #f8f9fa 9px;
  }

  .border-right-9-lg {
    border-right: solid #f8f9fa 9px;
  }

  .border-bottom-9-lg {
    border-bottom: solid #f8f9fa 9px;
  }

  .border-left-9-lg {
    border-left: solid #f8f9fa 9px;
  }

  .border-10-lg {
    border: solid #f8f9fa 10px;
  }

  .border-top-10-lg {
    border-top: solid #f8f9fa 10px;
  }

  .border-right-10-lg {
    border-right: solid #f8f9fa 10px;
  }

  .border-bottom-10-lg {
    border-bottom: solid #f8f9fa 10px;
  }

  .border-left-10-lg {
    border-left: solid #f8f9fa 10px;
  }

  .f8-lg {
    font-size: 0.8rem !important;
  }

  .l8-lg {
    line-height: 0.8rem !important;
  }

  .h8-lg {
    line-height: 0.8 !important;
  }

  .f9-lg {
    font-size: 0.9rem !important;
  }

  .l9-lg {
    line-height: 0.9rem !important;
  }

  .h9-lg {
    line-height: 0.9 !important;
  }

  .f10-lg {
    font-size: 1rem !important;
  }

  .l10-lg {
    line-height: 1rem !important;
  }

  .h10-lg {
    line-height: 1 !important;
  }

  .f11-lg {
    font-size: 1.1rem !important;
  }

  .l11-lg {
    line-height: 1.1rem !important;
  }

  .h11-lg {
    line-height: 1.1 !important;
  }

  .f12-lg {
    font-size: 1.2rem !important;
  }

  .l12-lg {
    line-height: 1.2rem !important;
  }

  .h12-lg {
    line-height: 1.2 !important;
  }

  .f13-lg {
    font-size: 1.3rem !important;
  }

  .l13-lg {
    line-height: 1.3rem !important;
  }

  .h13-lg {
    line-height: 1.3 !important;
  }

  .f14-lg {
    font-size: 1.4rem !important;
  }

  .l14-lg {
    line-height: 1.4rem !important;
  }

  .h14-lg {
    line-height: 1.4 !important;
  }

  .f15-lg {
    font-size: 1.5rem !important;
  }

  .l15-lg {
    line-height: 1.5rem !important;
  }

  .h15-lg {
    line-height: 1.5 !important;
  }

  .f16-lg {
    font-size: 1.6rem !important;
  }

  .l16-lg {
    line-height: 1.6rem !important;
  }

  .h16-lg {
    line-height: 1.6 !important;
  }

  .f17-lg {
    font-size: 1.7rem !important;
  }

  .l17-lg {
    line-height: 1.7rem !important;
  }

  .h17-lg {
    line-height: 1.7 !important;
  }

  .f18-lg {
    font-size: 1.8rem !important;
  }

  .l18-lg {
    line-height: 1.8rem !important;
  }

  .h18-lg {
    line-height: 1.8 !important;
  }

  .f19-lg {
    font-size: 1.9rem !important;
  }

  .l19-lg {
    line-height: 1.9rem !important;
  }

  .h19-lg {
    line-height: 1.9 !important;
  }

  .f20-lg {
    font-size: 2rem !important;
  }

  .l20-lg {
    line-height: 2rem !important;
  }

  .h20-lg {
    line-height: 2 !important;
  }

  .f22-lg {
    font-size: 2.2rem !important;
  }

  .l22-lg {
    line-height: 2.2rem !important;
  }

  .h22-lg {
    line-height: 2.2 !important;
  }

  .f24-lg {
    font-size: 2.4rem !important;
  }

  .l24-lg {
    line-height: 2.4rem !important;
  }

  .h24-lg {
    line-height: 2.4 !important;
  }

  .f26-lg {
    font-size: 2.6rem !important;
  }

  .l26-lg {
    line-height: 2.6rem !important;
  }

  .h26-lg {
    line-height: 2.6 !important;
  }

  .f28-lg {
    font-size: 2.8rem !important;
  }

  .l28-lg {
    line-height: 2.8rem !important;
  }

  .h28-lg {
    line-height: 2.8 !important;
  }

  .f30-lg {
    font-size: 3rem !important;
  }

  .l30-lg {
    line-height: 3rem !important;
  }

  .h30-lg {
    line-height: 3 !important;
  }

  .f32-lg {
    font-size: 3.2rem !important;
  }

  .l32-lg {
    line-height: 3.2rem !important;
  }

  .h32-lg {
    line-height: 3.2 !important;
  }

  .f34-lg {
    font-size: 3.4rem !important;
  }

  .l34-lg {
    line-height: 3.4rem !important;
  }

  .h34-lg {
    line-height: 3.4 !important;
  }

  .f36-lg {
    font-size: 3.6rem !important;
  }

  .l36-lg {
    line-height: 3.6rem !important;
  }

  .h36-lg {
    line-height: 3.6 !important;
  }

  .f38-lg {
    font-size: 3.8rem !important;
  }

  .l38-lg {
    line-height: 3.8rem !important;
  }

  .h38-lg {
    line-height: 3.8 !important;
  }

  .f40-lg {
    font-size: 4rem !important;
  }

  .l40-lg {
    line-height: 4rem !important;
  }

  .h40-lg {
    line-height: 4 !important;
  }

  .f44-lg {
    font-size: 4.4rem !important;
  }

  .l44-lg {
    line-height: 4.4rem !important;
  }

  .h44-lg {
    line-height: 4.4 !important;
  }

  .f48-lg {
    font-size: 4.8rem !important;
  }

  .l48-lg {
    line-height: 4.8rem !important;
  }

  .h48-lg {
    line-height: 4.8 !important;
  }

  .f56-lg {
    font-size: 5.6rem !important;
  }

  .l56-lg {
    line-height: 5.6rem !important;
  }

  .h56-lg {
    line-height: 5.6 !important;
  }

  .f64-lg {
    font-size: 6.4rem !important;
  }

  .l64-lg {
    line-height: 6.4rem !important;
  }

  .h64-lg {
    line-height: 6.4 !important;
  }

  .f72-lg {
    font-size: 7.2rem !important;
  }

  .l72-lg {
    line-height: 7.2rem !important;
  }

  .h72-lg {
    line-height: 7.2 !important;
  }

  .f80-lg {
    font-size: 8rem !important;
  }

  .l80-lg {
    line-height: 8rem !important;
  }

  .h80-lg {
    line-height: 8 !important;
  }

  .f88-lg {
    font-size: 8.8rem !important;
  }

  .l88-lg {
    line-height: 8.8rem !important;
  }

  .h88-lg {
    line-height: 8.8 !important;
  }

  .f90-lg {
    font-size: 9rem !important;
  }

  .l90-lg {
    line-height: 9rem !important;
  }

  .h90-lg {
    line-height: 9 !important;
  }

  .f96-lg {
    font-size: 9.6rem !important;
  }

  .l96-lg {
    line-height: 9.6rem !important;
  }

  .h96-lg {
    line-height: 9.6 !important;
  }

  .m0-lg {
    margin: 0px !important;
  }

  .mt0-lg {
    margin-top: 0px !important;
  }

  .mr0-lg {
    margin-right: 0px !important;
  }

  .mb0-lg {
    margin-bottom: 0px !important;
  }

  .ml0-lg {
    margin-left: 0px !important;
  }

  .mx0-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .my0-lg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mtn0-lg {
    margin-top: 0px !important;
  }

  .mrn0-lg {
    margin-right: 0px !important;
  }

  .mbn0-lg {
    margin-bottom: 0px !important;
  }

  .mln0-lg {
    margin-left: 0px !important;
  }

  .mnx0-lg,
  .mxn0-lg {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .p0-lg {
    padding: 0px !important;
  }

  .pt0-lg {
    padding-top: 0px !important;
  }

  .pr0-lg {
    padding-right: 0px !important;
  }

  .pb0-lg {
    padding-bottom: 0px !important;
  }

  .pl0-lg {
    padding-left: 0px !important;
  }

  .px0-lg {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .py0-lg {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m1-lg {
    margin: 5px !important;
  }

  .mt1-lg {
    margin-top: 5px !important;
  }

  .mr1-lg {
    margin-right: 5px !important;
  }

  .mb1-lg {
    margin-bottom: 5px !important;
  }

  .ml1-lg {
    margin-left: 5px !important;
  }

  .mx1-lg {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .my1-lg {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mtn1-lg {
    margin-top: -5px !important;
  }

  .mrn1-lg {
    margin-right: -5px !important;
  }

  .mbn1-lg {
    margin-bottom: -5px !important;
  }

  .mln1-lg {
    margin-left: -5px !important;
  }

  .mnx1-lg,
  .mxn1-lg {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .p1-lg {
    padding: 5px !important;
  }

  .pt1-lg {
    padding-top: 5px !important;
  }

  .pr1-lg {
    padding-right: 5px !important;
  }

  .pb1-lg {
    padding-bottom: 5px !important;
  }

  .pl1-lg {
    padding-left: 5px !important;
  }

  .px1-lg {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .py1-lg {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m2-lg {
    margin: 10px !important;
  }

  .mt2-lg {
    margin-top: 10px !important;
  }

  .mr2-lg {
    margin-right: 10px !important;
  }

  .mb2-lg {
    margin-bottom: 10px !important;
  }

  .ml2-lg {
    margin-left: 10px !important;
  }

  .mx2-lg {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .my2-lg {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mtn2-lg {
    margin-top: -10px !important;
  }

  .mrn2-lg {
    margin-right: -10px !important;
  }

  .mbn2-lg {
    margin-bottom: -10px !important;
  }

  .mln2-lg {
    margin-left: -10px !important;
  }

  .mnx2-lg,
  .mxn2-lg {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }

  .p2-lg {
    padding: 10px !important;
  }

  .pt2-lg {
    padding-top: 10px !important;
  }

  .pr2-lg {
    padding-right: 10px !important;
  }

  .pb2-lg {
    padding-bottom: 10px !important;
  }

  .pl2-lg {
    padding-left: 10px !important;
  }

  .px2-lg {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .py2-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m3-lg {
    margin: 15px !important;
  }

  .mt3-lg {
    margin-top: 15px !important;
  }

  .mr3-lg {
    margin-right: 15px !important;
  }

  .mb3-lg {
    margin-bottom: 15px !important;
  }

  .ml3-lg {
    margin-left: 15px !important;
  }

  .mx3-lg {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .my3-lg {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mtn3-lg {
    margin-top: -15px !important;
  }

  .mrn3-lg {
    margin-right: -15px !important;
  }

  .mbn3-lg {
    margin-bottom: -15px !important;
  }

  .mln3-lg {
    margin-left: -15px !important;
  }

  .mnx3-lg,
  .mxn3-lg {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }

  .p3-lg {
    padding: 15px !important;
  }

  .pt3-lg {
    padding-top: 15px !important;
  }

  .pr3-lg {
    padding-right: 15px !important;
  }

  .pb3-lg {
    padding-bottom: 15px !important;
  }

  .pl3-lg {
    padding-left: 15px !important;
  }

  .px3-lg {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .py3-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m4-lg {
    margin: 20px !important;
  }

  .mt4-lg {
    margin-top: 20px !important;
  }

  .mr4-lg {
    margin-right: 20px !important;
  }

  .mb4-lg {
    margin-bottom: 20px !important;
  }

  .ml4-lg {
    margin-left: 20px !important;
  }

  .mx4-lg {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .my4-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mtn4-lg {
    margin-top: -20px !important;
  }

  .mrn4-lg {
    margin-right: -20px !important;
  }

  .mbn4-lg {
    margin-bottom: -20px !important;
  }

  .mln4-lg {
    margin-left: -20px !important;
  }

  .mnx4-lg,
  .mxn4-lg {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  .p4-lg {
    padding: 20px !important;
  }

  .pt4-lg {
    padding-top: 20px !important;
  }

  .pr4-lg {
    padding-right: 20px !important;
  }

  .pb4-lg {
    padding-bottom: 20px !important;
  }

  .pl4-lg {
    padding-left: 20px !important;
  }

  .px4-lg {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .py4-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m5-lg {
    margin: 25px !important;
  }

  .mt5-lg {
    margin-top: 25px !important;
  }

  .mr5-lg {
    margin-right: 25px !important;
  }

  .mb5-lg {
    margin-bottom: 25px !important;
  }

  .ml5-lg {
    margin-left: 25px !important;
  }

  .mx5-lg {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .my5-lg {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mtn5-lg {
    margin-top: -25px !important;
  }

  .mrn5-lg {
    margin-right: -25px !important;
  }

  .mbn5-lg {
    margin-bottom: -25px !important;
  }

  .mln5-lg {
    margin-left: -25px !important;
  }

  .mnx5-lg,
  .mxn5-lg {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }

  .p5-lg {
    padding: 25px !important;
  }

  .pt5-lg {
    padding-top: 25px !important;
  }

  .pr5-lg {
    padding-right: 25px !important;
  }

  .pb5-lg {
    padding-bottom: 25px !important;
  }

  .pl5-lg {
    padding-left: 25px !important;
  }

  .px5-lg {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .py5-lg {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m6-lg {
    margin: 30px !important;
  }

  .mt6-lg {
    margin-top: 30px !important;
  }

  .mr6-lg {
    margin-right: 30px !important;
  }

  .mb6-lg {
    margin-bottom: 30px !important;
  }

  .ml6-lg {
    margin-left: 30px !important;
  }

  .mx6-lg {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

  .my6-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mtn6-lg {
    margin-top: -30px !important;
  }

  .mrn6-lg {
    margin-right: -30px !important;
  }

  .mbn6-lg {
    margin-bottom: -30px !important;
  }

  .mln6-lg {
    margin-left: -30px !important;
  }

  .mnx6-lg,
  .mxn6-lg {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }

  .p6-lg {
    padding: 30px !important;
  }

  .pt6-lg {
    padding-top: 30px !important;
  }

  .pr6-lg {
    padding-right: 30px !important;
  }

  .pb6-lg {
    padding-bottom: 30px !important;
  }

  .pl6-lg {
    padding-left: 30px !important;
  }

  .px6-lg {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .py6-lg {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m7-lg {
    margin: 35px !important;
  }

  .mt7-lg {
    margin-top: 35px !important;
  }

  .mr7-lg {
    margin-right: 35px !important;
  }

  .mb7-lg {
    margin-bottom: 35px !important;
  }

  .ml7-lg {
    margin-left: 35px !important;
  }

  .mx7-lg {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }

  .my7-lg {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mtn7-lg {
    margin-top: -35px !important;
  }

  .mrn7-lg {
    margin-right: -35px !important;
  }

  .mbn7-lg {
    margin-bottom: -35px !important;
  }

  .mln7-lg {
    margin-left: -35px !important;
  }

  .mnx7-lg,
  .mxn7-lg {
    margin-right: -35px !important;
    margin-left: -35px !important;
  }

  .p7-lg {
    padding: 35px !important;
  }

  .pt7-lg {
    padding-top: 35px !important;
  }

  .pr7-lg {
    padding-right: 35px !important;
  }

  .pb7-lg {
    padding-bottom: 35px !important;
  }

  .pl7-lg {
    padding-left: 35px !important;
  }

  .px7-lg {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .py7-lg {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m8-lg {
    margin: 40px !important;
  }

  .mt8-lg {
    margin-top: 40px !important;
  }

  .mr8-lg {
    margin-right: 40px !important;
  }

  .mb8-lg {
    margin-bottom: 40px !important;
  }

  .ml8-lg {
    margin-left: 40px !important;
  }

  .mx8-lg {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .my8-lg {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mtn8-lg {
    margin-top: -40px !important;
  }

  .mrn8-lg {
    margin-right: -40px !important;
  }

  .mbn8-lg {
    margin-bottom: -40px !important;
  }

  .mln8-lg {
    margin-left: -40px !important;
  }

  .mnx8-lg,
  .mxn8-lg {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }

  .p8-lg {
    padding: 40px !important;
  }

  .pt8-lg {
    padding-top: 40px !important;
  }

  .pr8-lg {
    padding-right: 40px !important;
  }

  .pb8-lg {
    padding-bottom: 40px !important;
  }

  .pl8-lg {
    padding-left: 40px !important;
  }

  .px8-lg {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .py8-lg {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .mx-auto-lg {
    margin-right: auto;
    margin-left: auto;
  }

  .wd10-lg {
    width: 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .wd20-lg {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .wd25-lg {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .wd33-lg {
    width: 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .wd40-lg {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .wd50-lg {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .wd60-lg {
    width: 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .wd66-lg {
    width: 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .wd75-lg {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .wd90-lg {
    width: 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }

  .wd100-lg {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pages-lp-battery__bbd {
    padding-top: 100px;
    background-position: center;
  }

  .pages-lp-battery__bbd-pt01 {
    padding-top: 35px;
    background-position: center;
  }

  .pages-lp-battery__square {
    width: 70px;
    height: 70px;
  }

  .pages-lp-battery__square span {
    width: 70px;
  }

  .pages-lp-battery__service-item {
    max-width: 19%;
    margin-right: 5px;
  }

  .pages-lp-battery-form__label {
    font-size: 22px;
    margin-top: -8px;
  }

  .pages-lp-battery-form__label-solar {
    width: 180px;
    height: 90px;
  }

  .pages-lp-battery-form__label-battery {
    width: 120px;
    height: 90px;
  }

  .pages-lp-maker_ranking__box {
    padding: 80px 30px;
    margin: 120px 0 0;
  }

  .pages-lp-maker_ranking__h3 h3 {
    font-size: 26px;
  }

  .pages-lp-maker_ranking__graph {
    width: 100%;
    padding: 0;
  }

  .pages-lp-maker_ranking__h4 h4 {
    margin-top: 20px;
    font-size: 26px;
  }

  .pages-lp-maker_ranking__text p {
    line-height: 1.8;
    letter-spacing: 1px;
  }

  .pages-lp-maker_ranking__btn-detail {
    font-size: 22px;
    padding: 10px 35px;
  }

  .lp-choose-maker__box {
    padding: 80px 30px;
    margin: 120px 0 0;
  }

  .pages-lp-merit-bbd {
    background-image: url("/img/lp-demerit/lp-demerit-bbd-lg.jpg");
    background-position: 10% 55%;
  }

  .pages-lp-merit__bbd-merit {
    height: 500px;
  }

  .pages-lp-merit__h2-mark {
    height: 90px;
  }

  .pages-lp-merit__h2-text {
    font-size: 16px;
  }

  .pages-lp-merit__h2-sub {
    font-size: 30px;
  }

  .pages-lp-merit-catch {
    font-size: 32px;
  }

  .pages-lp-merit-catch__text {
    font-size: 22px;
    text-align: center;
  }

  .pages-lp-merit__bbd-demerit {
    height: 500px;
  }

  .pages-lp-booklet__form-button {
    padding: 5px 80px;
  }

  .pages-lp-use-electricity__bbd {
    background-image: url("/img/lp-use-electricity/lp-use-electricity-bbd-lg.jpg");
    background-position: 10% 55%;
  }

  .pages-manga-nav__item {
    padding: 5px;
    font-size: 1.6rem;
  }

  .pages-lp-manga__h2 {
    font-size: 3.6rem;
  }

  .management {
    padding: 15px;
    align-items: center;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .drawer-responsive .container,
  .drawer-responsive .c-fixed-bottom__wrapper-box,
  .drawer-responsive .c-footer {
    max-width: 768px;
  }

  .drawer-responsive.drawer-left .drawer-main,
  .drawer-responsive.drawer-right .drawer-main {
    width: 280px !important;
  }

  .drawer-responsive.drawer-left .drawer-overlay {
    margin-left: 280px;
  }

  .drawer-responsive.drawer-right .drawer-overlay {
    margin-right: 280px;
  }

  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 1140px;
  }

  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }

  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
    right: 0;
    left: auto;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .c-fixed-bottom__wrapper-box,
  .navbar-expand-xl > .c-footer,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }

  .c-form__option-title {
    font-size: 20px;
  }

  .c-form__description--image {
    width: 40%;
  }

  .c-form__p-mark-under {
    width: 6%;
  }

  .c-form__p-mark-under--battery {
    width: 6%;
  }

  .c-form__modal-content-width {
    max-width: 1150px;
  }

  .bbd-title__architect-roof-text--font-big {
    font-size: 4.8rem;
  }

  .f8-xl {
    font-size: 0.8rem !important;
  }

  .l8-xl {
    line-height: 0.8rem !important;
  }

  .f9-xl {
    font-size: 0.9rem !important;
  }

  .l9-xl {
    line-height: 0.9rem !important;
  }

  .f10-xl {
    font-size: 1rem !important;
  }

  .l10-xl {
    line-height: 1rem !important;
  }

  .f11-xl {
    font-size: 1.1rem !important;
  }

  .l11-xl {
    line-height: 1.1rem !important;
  }

  .f12-xl {
    font-size: 1.2rem !important;
  }

  .l12-xl {
    line-height: 1.2rem !important;
  }

  .f13-xl {
    font-size: 1.3rem !important;
  }

  .l13-xl {
    line-height: 1.3rem !important;
  }

  .f14-xl {
    font-size: 1.4rem !important;
  }

  .l14-xl {
    line-height: 1.4rem !important;
  }

  .f15-xl {
    font-size: 1.5rem !important;
  }

  .l15-xl {
    line-height: 1.5rem !important;
  }

  .f16-xl {
    font-size: 1.6rem !important;
  }

  .l16-xl {
    line-height: 1.6rem !important;
  }

  .f17-xl {
    font-size: 1.7rem !important;
  }

  .l17-xl {
    line-height: 1.7rem !important;
  }

  .f18-xl {
    font-size: 1.8rem !important;
  }

  .l18-xl {
    line-height: 1.8rem !important;
  }

  .f19-xl {
    font-size: 1.9rem !important;
  }

  .l19-xl {
    line-height: 1.9rem !important;
  }

  .f20-xl {
    font-size: 2rem !important;
  }

  .l20-xl {
    line-height: 2rem !important;
  }

  .f22-xl {
    font-size: 2.2rem !important;
  }

  .l22-xl {
    line-height: 2.2rem !important;
  }

  .f24-xl {
    font-size: 2.4rem !important;
  }

  .l24-xl {
    line-height: 2.4rem !important;
  }

  .f26-xl {
    font-size: 2.6rem !important;
  }

  .l26-xl {
    line-height: 2.6rem !important;
  }

  .f28-xl {
    font-size: 2.8rem !important;
  }

  .l28-xl {
    line-height: 2.8rem !important;
  }

  .f30-xl {
    font-size: 3rem !important;
  }

  .l30-xl {
    line-height: 3rem !important;
  }

  .f32-xl {
    font-size: 3.2rem !important;
  }

  .l32-xl {
    line-height: 3.2rem !important;
  }

  .f34-xl {
    font-size: 3.4rem !important;
  }

  .l34-xl {
    line-height: 3.4rem !important;
  }

  .f36-xl {
    font-size: 3.6rem !important;
  }

  .l36-xl {
    line-height: 3.6rem !important;
  }

  .f38-xl {
    font-size: 3.8rem !important;
  }

  .l38-xl {
    line-height: 3.8rem !important;
  }

  .f40-xl {
    font-size: 4rem !important;
  }

  .l40-xl {
    line-height: 4rem !important;
  }

  .f44-xl {
    font-size: 4.4rem !important;
  }

  .l44-xl {
    line-height: 4.4rem !important;
  }

  .f48-xl {
    font-size: 4.8rem !important;
  }

  .l48-xl {
    line-height: 4.8rem !important;
  }

  .f52-xl {
    font-size: 5.2rem !important;
  }

  .l52-xl {
    line-height: 5.2rem !important;
  }

  .f56-xl {
    font-size: 5.6rem !important;
  }

  .l56-xl {
    line-height: 5.6rem !important;
  }

  .f60-xl {
    font-size: 6rem !important;
  }

  .l60-xl {
    line-height: 6rem !important;
  }

  .f64-xl {
    font-size: 6.4rem !important;
  }

  .l64-xl {
    line-height: 6.4rem !important;
  }

  .f72-xl {
    font-size: 7.2rem !important;
  }

  .l72-xl {
    line-height: 7.2rem !important;
  }

  .f80-xl {
    font-size: 8rem !important;
  }

  .l80-xl {
    line-height: 8rem !important;
  }

  .f88-xl {
    font-size: 8.8rem !important;
  }

  .l88-xl {
    line-height: 8.8rem !important;
  }

  .f96-xl {
    font-size: 9.6rem !important;
  }

  .l96-xl {
    line-height: 9.6rem !important;
  }

  .m0-xl,
  .m.m0-xl {
    margin: 0px;
  }

  .mt0-xl,
  .m.mt0-xl {
    margin-top: 0px;
  }

  .mr0-xl,
  .m.mr0-xl {
    margin-right: 0px;
  }

  .mb0-xl,
  .m.mb0-xl {
    margin-bottom: 0px;
  }

  .ml0-xl,
  .m.ml0-xl {
    margin-left: 0px;
  }

  .mx0-xl,
  .m.mx0-xl {
    margin-right: 0px;
    margin-left: 0px;
  }

  .my0-xl,
  .m.my0-xl {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .mtn0-xl,
  .m.mtn0-xl {
    margin-top: 0px;
  }

  .mrn0-xl,
  .m.mrn0-xl {
    margin-right: 0px;
  }

  .mbn0-xl,
  .m.mbn0-xl {
    margin-bottom: 0px;
  }

  .mln0-xl,
  .m.mln0-xl {
    margin-left: 0px;
  }

  .mnx0-xl,
  .m.mnx0-xl,
  .mxn0-xl,
  .m.mxn0-xl {
    margin-right: 0px;
    margin-left: 0px;
  }

  .p0-xl,
  .p.p0-xl {
    padding: 0px;
  }

  .pt0-xl,
  .p.pt0-xl {
    padding-top: 0px;
  }

  .pr0-xl,
  .p.pr0-xl {
    padding-right: 0px;
  }

  .pb0-xl,
  .p.pb0-xl {
    padding-bottom: 0px;
  }

  .pl0-xl,
  .p.pl0-xl {
    padding-left: 0px;
  }

  .px0-xl,
  .p.px0-xl {
    padding-right: 0px;
    padding-left: 0px;
  }

  .py0-xl,
  .p.py0-xl {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .m1-xl,
  .m.m1-xl {
    margin: 5px;
  }

  .mt1-xl,
  .m.mt1-xl {
    margin-top: 5px;
  }

  .mr1-xl,
  .m.mr1-xl {
    margin-right: 5px;
  }

  .mb1-xl,
  .m.mb1-xl {
    margin-bottom: 5px;
  }

  .ml1-xl,
  .m.ml1-xl {
    margin-left: 5px;
  }

  .mx1-xl,
  .m.mx1-xl {
    margin-right: 5px;
    margin-left: 5px;
  }

  .my1-xl,
  .m.my1-xl {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .mtn1-xl,
  .m.mtn1-xl {
    margin-top: -5px;
  }

  .mrn1-xl,
  .m.mrn1-xl {
    margin-right: -5px;
  }

  .mbn1-xl,
  .m.mbn1-xl {
    margin-bottom: -5px;
  }

  .mln1-xl,
  .m.mln1-xl {
    margin-left: -5px;
  }

  .mnx1-xl,
  .m.mnx1-xl,
  .mxn1-xl,
  .m.mxn1-xl {
    margin-right: -5px;
    margin-left: -5px;
  }

  .p1-xl,
  .p.p1-xl {
    padding: 5px;
  }

  .pt1-xl,
  .p.pt1-xl {
    padding-top: 5px;
  }

  .pr1-xl,
  .p.pr1-xl {
    padding-right: 5px;
  }

  .pb1-xl,
  .p.pb1-xl {
    padding-bottom: 5px;
  }

  .pl1-xl,
  .p.pl1-xl {
    padding-left: 5px;
  }

  .px1-xl,
  .p.px1-xl {
    padding-right: 5px;
    padding-left: 5px;
  }

  .py1-xl,
  .p.py1-xl {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .m2-xl,
  .m.m2-xl {
    margin: 10px;
  }

  .mt2-xl,
  .m.mt2-xl {
    margin-top: 10px;
  }

  .mr2-xl,
  .m.mr2-xl {
    margin-right: 10px;
  }

  .mb2-xl,
  .m.mb2-xl {
    margin-bottom: 10px;
  }

  .ml2-xl,
  .m.ml2-xl {
    margin-left: 10px;
  }

  .mx2-xl,
  .m.mx2-xl {
    margin-right: 10px;
    margin-left: 10px;
  }

  .my2-xl,
  .m.my2-xl {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mtn2-xl,
  .m.mtn2-xl {
    margin-top: -10px;
  }

  .mrn2-xl,
  .m.mrn2-xl {
    margin-right: -10px;
  }

  .mbn2-xl,
  .m.mbn2-xl {
    margin-bottom: -10px;
  }

  .mln2-xl,
  .m.mln2-xl {
    margin-left: -10px;
  }

  .mnx2-xl,
  .m.mnx2-xl,
  .mxn2-xl,
  .m.mxn2-xl {
    margin-right: -10px;
    margin-left: -10px;
  }

  .p2-xl,
  .p.p2-xl {
    padding: 10px;
  }

  .pt2-xl,
  .p.pt2-xl {
    padding-top: 10px;
  }

  .pr2-xl,
  .p.pr2-xl {
    padding-right: 10px;
  }

  .pb2-xl,
  .p.pb2-xl {
    padding-bottom: 10px;
  }

  .pl2-xl,
  .p.pl2-xl {
    padding-left: 10px;
  }

  .px2-xl,
  .p.px2-xl {
    padding-right: 10px;
    padding-left: 10px;
  }

  .py2-xl,
  .p.py2-xl {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .m3-xl,
  .m.m3-xl {
    margin: 15px;
  }

  .mt3-xl,
  .m.mt3-xl {
    margin-top: 15px;
  }

  .mr3-xl,
  .m.mr3-xl {
    margin-right: 15px;
  }

  .mb3-xl,
  .m.mb3-xl {
    margin-bottom: 15px;
  }

  .ml3-xl,
  .m.ml3-xl {
    margin-left: 15px;
  }

  .mx3-xl,
  .m.mx3-xl {
    margin-right: 15px;
    margin-left: 15px;
  }

  .my3-xl,
  .m.my3-xl {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mtn3-xl,
  .m.mtn3-xl {
    margin-top: -15px;
  }

  .mrn3-xl,
  .m.mrn3-xl {
    margin-right: -15px;
  }

  .mbn3-xl,
  .m.mbn3-xl {
    margin-bottom: -15px;
  }

  .mln3-xl,
  .m.mln3-xl {
    margin-left: -15px;
  }

  .mnx3-xl,
  .m.mnx3-xl,
  .mxn3-xl,
  .m.mxn3-xl {
    margin-right: -15px;
    margin-left: -15px;
  }

  .p3-xl,
  .p.p3-xl {
    padding: 15px;
  }

  .pt3-xl,
  .p.pt3-xl {
    padding-top: 15px;
  }

  .pr3-xl,
  .p.pr3-xl {
    padding-right: 15px;
  }

  .pb3-xl,
  .p.pb3-xl {
    padding-bottom: 15px;
  }

  .pl3-xl,
  .p.pl3-xl {
    padding-left: 15px;
  }

  .px3-xl,
  .p.px3-xl {
    padding-right: 15px;
    padding-left: 15px;
  }

  .py3-xl,
  .p.py3-xl {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .m4-xl,
  .m.m4-xl {
    margin: 20px;
  }

  .mt4-xl,
  .m.mt4-xl {
    margin-top: 20px;
  }

  .mr4-xl,
  .m.mr4-xl {
    margin-right: 20px;
  }

  .mb4-xl,
  .m.mb4-xl {
    margin-bottom: 20px;
  }

  .ml4-xl,
  .m.ml4-xl {
    margin-left: 20px;
  }

  .mx4-xl,
  .m.mx4-xl {
    margin-right: 20px;
    margin-left: 20px;
  }

  .my4-xl,
  .m.my4-xl {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .mtn4-xl,
  .m.mtn4-xl {
    margin-top: -20px;
  }

  .mrn4-xl,
  .m.mrn4-xl {
    margin-right: -20px;
  }

  .mbn4-xl,
  .m.mbn4-xl {
    margin-bottom: -20px;
  }

  .mln4-xl,
  .m.mln4-xl {
    margin-left: -20px;
  }

  .mnx4-xl,
  .m.mnx4-xl,
  .mxn4-xl,
  .m.mxn4-xl {
    margin-right: -20px;
    margin-left: -20px;
  }

  .p4-xl,
  .p.p4-xl {
    padding: 20px;
  }

  .pt4-xl,
  .p.pt4-xl {
    padding-top: 20px;
  }

  .pr4-xl,
  .p.pr4-xl {
    padding-right: 20px;
  }

  .pb4-xl,
  .p.pb4-xl {
    padding-bottom: 20px;
  }

  .pl4-xl,
  .p.pl4-xl {
    padding-left: 20px;
  }

  .px4-xl,
  .p.px4-xl {
    padding-right: 20px;
    padding-left: 20px;
  }

  .py4-xl,
  .p.py4-xl {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .m5-xl,
  .m.m5-xl {
    margin: 25px;
  }

  .mt5-xl,
  .m.mt5-xl {
    margin-top: 25px;
  }

  .mr5-xl,
  .m.mr5-xl {
    margin-right: 25px;
  }

  .mb5-xl,
  .m.mb5-xl {
    margin-bottom: 25px;
  }

  .ml5-xl,
  .m.ml5-xl {
    margin-left: 25px;
  }

  .mx5-xl,
  .m.mx5-xl {
    margin-right: 25px;
    margin-left: 25px;
  }

  .my5-xl,
  .m.my5-xl {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .mtn5-xl,
  .m.mtn5-xl {
    margin-top: -25px;
  }

  .mrn5-xl,
  .m.mrn5-xl {
    margin-right: -25px;
  }

  .mbn5-xl,
  .m.mbn5-xl {
    margin-bottom: -25px;
  }

  .mln5-xl,
  .m.mln5-xl {
    margin-left: -25px;
  }

  .mnx5-xl,
  .m.mnx5-xl,
  .mxn5-xl,
  .m.mxn5-xl {
    margin-right: -25px;
    margin-left: -25px;
  }

  .p5-xl,
  .p.p5-xl {
    padding: 25px;
  }

  .pt5-xl,
  .p.pt5-xl {
    padding-top: 25px;
  }

  .pr5-xl,
  .p.pr5-xl {
    padding-right: 25px;
  }

  .pb5-xl,
  .p.pb5-xl {
    padding-bottom: 25px;
  }

  .pl5-xl,
  .p.pl5-xl {
    padding-left: 25px;
  }

  .px5-xl,
  .p.px5-xl {
    padding-right: 25px;
    padding-left: 25px;
  }

  .py5-xl,
  .p.py5-xl {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .m6-xl,
  .m.m6-xl {
    margin: 30px;
  }

  .mt6-xl,
  .m.mt6-xl {
    margin-top: 30px;
  }

  .mr6-xl,
  .m.mr6-xl {
    margin-right: 30px;
  }

  .mb6-xl,
  .m.mb6-xl {
    margin-bottom: 30px;
  }

  .ml6-xl,
  .m.ml6-xl {
    margin-left: 30px;
  }

  .mx6-xl,
  .m.mx6-xl {
    margin-right: 30px;
    margin-left: 30px;
  }

  .my6-xl,
  .m.my6-xl {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .mtn6-xl,
  .m.mtn6-xl {
    margin-top: -30px;
  }

  .mrn6-xl,
  .m.mrn6-xl {
    margin-right: -30px;
  }

  .mbn6-xl,
  .m.mbn6-xl {
    margin-bottom: -30px;
  }

  .mln6-xl,
  .m.mln6-xl {
    margin-left: -30px;
  }

  .mnx6-xl,
  .m.mnx6-xl,
  .mxn6-xl,
  .m.mxn6-xl {
    margin-right: -30px;
    margin-left: -30px;
  }

  .p6-xl,
  .p.p6-xl {
    padding: 30px;
  }

  .pt6-xl,
  .p.pt6-xl {
    padding-top: 30px;
  }

  .pr6-xl,
  .p.pr6-xl {
    padding-right: 30px;
  }

  .pb6-xl,
  .p.pb6-xl {
    padding-bottom: 30px;
  }

  .pl6-xl,
  .p.pl6-xl {
    padding-left: 30px;
  }

  .px6-xl,
  .p.px6-xl {
    padding-right: 30px;
    padding-left: 30px;
  }

  .py6-xl,
  .p.py6-xl {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .m7-xl,
  .m.m7-xl {
    margin: 35px;
  }

  .mt7-xl,
  .m.mt7-xl {
    margin-top: 35px;
  }

  .mr7-xl,
  .m.mr7-xl {
    margin-right: 35px;
  }

  .mb7-xl,
  .m.mb7-xl {
    margin-bottom: 35px;
  }

  .ml7-xl,
  .m.ml7-xl {
    margin-left: 35px;
  }

  .mx7-xl,
  .m.mx7-xl {
    margin-right: 35px;
    margin-left: 35px;
  }

  .my7-xl,
  .m.my7-xl {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .mtn7-xl,
  .m.mtn7-xl {
    margin-top: -35px;
  }

  .mrn7-xl,
  .m.mrn7-xl {
    margin-right: -35px;
  }

  .mbn7-xl,
  .m.mbn7-xl {
    margin-bottom: -35px;
  }

  .mln7-xl,
  .m.mln7-xl {
    margin-left: -35px;
  }

  .mnx7-xl,
  .m.mnx7-xl,
  .mxn7-xl,
  .m.mxn7-xl {
    margin-right: -35px;
    margin-left: -35px;
  }

  .p7-xl,
  .p.p7-xl {
    padding: 35px;
  }

  .pt7-xl,
  .p.pt7-xl {
    padding-top: 35px;
  }

  .pr7-xl,
  .p.pr7-xl {
    padding-right: 35px;
  }

  .pb7-xl,
  .p.pb7-xl {
    padding-bottom: 35px;
  }

  .pl7-xl,
  .p.pl7-xl {
    padding-left: 35px;
  }

  .px7-xl,
  .p.px7-xl {
    padding-right: 35px;
    padding-left: 35px;
  }

  .py7-xl,
  .p.py7-xl {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .m8-xl,
  .m.m8-xl {
    margin: 40px;
  }

  .mt8-xl,
  .m.mt8-xl {
    margin-top: 40px;
  }

  .mr8-xl,
  .m.mr8-xl {
    margin-right: 40px;
  }

  .mb8-xl,
  .m.mb8-xl {
    margin-bottom: 40px;
  }

  .ml8-xl,
  .m.ml8-xl {
    margin-left: 40px;
  }

  .mx8-xl,
  .m.mx8-xl {
    margin-right: 40px;
    margin-left: 40px;
  }

  .my8-xl,
  .m.my8-xl {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .mtn8-xl,
  .m.mtn8-xl {
    margin-top: -40px;
  }

  .mrn8-xl,
  .m.mrn8-xl {
    margin-right: -40px;
  }

  .mbn8-xl,
  .m.mbn8-xl {
    margin-bottom: -40px;
  }

  .mln8-xl,
  .m.mln8-xl {
    margin-left: -40px;
  }

  .mnx8-xl,
  .m.mnx8-xl,
  .mxn8-xl,
  .m.mxn8-xl {
    margin-right: -40px;
    margin-left: -40px;
  }

  .p8-xl,
  .p.p8-xl {
    padding: 40px;
  }

  .pt8-xl,
  .p.pt8-xl {
    padding-top: 40px;
  }

  .pr8-xl,
  .p.pr8-xl {
    padding-right: 40px;
  }

  .pb8-xl,
  .p.pb8-xl {
    padding-bottom: 40px;
  }

  .pl8-xl,
  .p.pl8-xl {
    padding-left: 40px;
  }

  .px8-xl,
  .p.px8-xl {
    padding-right: 40px;
    padding-left: 40px;
  }

  .py8-xl,
  .p.py8-xl {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mx-auto-xl,
  .m.mx-auto-xl {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 1200px) {
  .yane__medal--blight-pc {
    right: 130% !important;
  }
}

@media screen and (min-width: 1350px) {
  .yane__medal--blight-pc {
    right: 220% !important;
  }
}

@media screen and (min-width: 1400px) {
  .pages-lp-battery__bbd--fvform {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1920x700.jpg);
    height: 680px;
  }

  .pages-lp-battery__bbd--fvform-pair {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1920x700-pair2.jpg);
    height: 680px;
  }

  .pages-lp-battery__bbd--fvform-illust {
    background-image: url(/img/lp-solar-chikudenchi/lp-battery-bbd_1920x700-illust2.jpg);
    height: 680px;
  }
}

@media (min-width: 9999px) {
  .container,
  .c-fixed-bottom__wrapper-box,
  .c-footer {
    max-width: 9999px;
  }

  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.66667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333%;
  }

  .offset-xl-5 {
    margin-left: 41.66667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333%;
  }

  .offset-xl-8 {
    margin-left: 66.66667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333%;
  }

  .offset-xl-11 {
    margin-left: 91.66667%;
  }

  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }

  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }

  .modal-xl {
    max-width: 1140px;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }

  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }

  .yp-fvform__all {
    width: 150px;
    height: 150px;
  }

  .yp-fvform__part {
    width: 150px;
    height: 150px;
  }

  .c-footer__company-row__left-box {
    display: flex;
  }

  .c-footer__company-row__left-box__about-box {
    margin-top: 0;
  }

  .c-footer-nav__nav-list > li {
    font-size: 13px;
  }

  .c-header-site-head-other-link-line-image {
    width: 30px;
  }

  .c-sub-nav__nav-list > li {
    font-size: 13px;
  }

  .c-global-nav > ul > li > a {
    font-size: inherit;
    letter-spacing: initial;
  }

  .l-main__wrapper,
  #l-wrapper,
  #l-wrapper--noheader,
  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide,
  .l-wrapper {
    max-width: 9999px;
  }

  #l-wrapper-wide,
  #l-wrapper-wide--noheader,
  .l-wrapper-wide {
    max-width: 9999px;
  }

  .l-main__padding,
  .l-sidebar {
    padding-left: 60px;
    padding-right: 60px;
  }

  .l-main__cancel-padding {
    margin-left: -60px;
    margin-right: -60px;
  }

  .btn-fixed-bottom {
    font-size: 24px;
  }

  .c-form__description--image {
    width: 40%;
  }

  .c-form__fixed-btn-pt01 {
    margin-left: 25% !important;
  }

  .c-form__p-mark-under {
    width: 6%;
  }

  .c-form__p-mark-under-pt01 {
    width: 15%;
  }

  .c-form__p-mark-under--battery {
    width: 6%;
  }

  .c-form__modal-content-width {
    max-width: 1150px;
  }

  .c-form__fvform-solar {
    width: 150px;
    height: 100px;
  }

  .c-form__fvform-battery {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-esbt {
    width: 150px;
    height: 100px;
  }

  .c-form__fvform-esonly {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-batteryv2h {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-ecocute {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-v2hecocute {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-cheap {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-estimate {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-choshu {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-recommendation {
    width: 150px;
    height: 100px;
  }

  .c-form__fvform-comparison {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-gaihekitosou {
    width: 120px;
    height: 100px;
  }

  .c-form__fvform-width {
    max-width: 1230px;
  }

  .c-form__fvform-ex--new {
    width: 150px;
    height: 150px;
  }

  .c-form__fvform-ex--reform {
    width: 150px;
    height: 150px;
  }

  .c-form__fvform-ex--new01 {
    width: 150px;
    height: 150px;
  }

  .c-form__fvform-ex--carport1 {
    width: 150px;
    height: 150px;
  }

  .c-form__fvform-ex--carport2 {
    width: 150px;
    height: 150px;
  }

  .c-form__cta-gaihekitosou__title {
    font-size: 44px;
  }

  .fvform-sm_choice-paint__wall {
    width: 120px;
    height: 120px;
  }

  .fvform-sm_choice-paint__both {
    width: 120px;
    height: 120px;
  }

  .c-mitsumoriform-prev__body-row__step-col__step-inner,
  .c-mitsumoriform-prev__body-row __step-col--margin20__step-inner {
    padding: 0 10px 20px;
  }

  .c-mitsumoriform__button-register {
    font-size: 26px;
  }

  .c-mitsumoriform__button-transition {
    font-size: 32px;
  }

  .c-mitsumoriform__text-weaken {
    font-size: 20px;
  }

  .c-mitsumoriform__tel-area {
    margin-top: 25%;
  }

  .c-mitsumoriform__tel-area__text {
    left: 20px;
    font-size: 14px;
  }

  .c-mitsumoriform__tel-area__number {
    font-size: 32px;
    padding: 15px 0 15px 20px;
  }

  .c-mitsumoriform__tel-area__image {
    width: 50px;
  }

  .border-1-xl {
    border: solid #f8f9fa 1px;
  }

  .border-top-1-xl {
    border-top: solid #f8f9fa 1px;
  }

  .border-right-1-xl {
    border-right: solid #f8f9fa 1px;
  }

  .border-bottom-1-xl {
    border-bottom: solid #f8f9fa 1px;
  }

  .border-left-1-xl {
    border-left: solid #f8f9fa 1px;
  }

  .border-2-xl {
    border: solid #f8f9fa 2px;
  }

  .border-top-2-xl {
    border-top: solid #f8f9fa 2px;
  }

  .border-right-2-xl {
    border-right: solid #f8f9fa 2px;
  }

  .border-bottom-2-xl {
    border-bottom: solid #f8f9fa 2px;
  }

  .border-left-2-xl {
    border-left: solid #f8f9fa 2px;
  }

  .border-3-xl {
    border: solid #f8f9fa 3px;
  }

  .border-top-3-xl {
    border-top: solid #f8f9fa 3px;
  }

  .border-right-3-xl {
    border-right: solid #f8f9fa 3px;
  }

  .border-bottom-3-xl {
    border-bottom: solid #f8f9fa 3px;
  }

  .border-left-3-xl {
    border-left: solid #f8f9fa 3px;
  }

  .border-4-xl {
    border: solid #f8f9fa 4px;
  }

  .border-top-4-xl {
    border-top: solid #f8f9fa 4px;
  }

  .border-right-4-xl {
    border-right: solid #f8f9fa 4px;
  }

  .border-bottom-4-xl {
    border-bottom: solid #f8f9fa 4px;
  }

  .border-left-4-xl {
    border-left: solid #f8f9fa 4px;
  }

  .border-5-xl {
    border: solid #f8f9fa 5px;
  }

  .border-top-5-xl {
    border-top: solid #f8f9fa 5px;
  }

  .border-right-5-xl {
    border-right: solid #f8f9fa 5px;
  }

  .border-bottom-5-xl {
    border-bottom: solid #f8f9fa 5px;
  }

  .border-left-5-xl {
    border-left: solid #f8f9fa 5px;
  }

  .border-6-xl {
    border: solid #f8f9fa 6px;
  }

  .border-top-6-xl {
    border-top: solid #f8f9fa 6px;
  }

  .border-right-6-xl {
    border-right: solid #f8f9fa 6px;
  }

  .border-bottom-6-xl {
    border-bottom: solid #f8f9fa 6px;
  }

  .border-left-6-xl {
    border-left: solid #f8f9fa 6px;
  }

  .border-7-xl {
    border: solid #f8f9fa 7px;
  }

  .border-top-7-xl {
    border-top: solid #f8f9fa 7px;
  }

  .border-right-7-xl {
    border-right: solid #f8f9fa 7px;
  }

  .border-bottom-7-xl {
    border-bottom: solid #f8f9fa 7px;
  }

  .border-left-7-xl {
    border-left: solid #f8f9fa 7px;
  }

  .border-8-xl {
    border: solid #f8f9fa 8px;
  }

  .border-top-8-xl {
    border-top: solid #f8f9fa 8px;
  }

  .border-right-8-xl {
    border-right: solid #f8f9fa 8px;
  }

  .border-bottom-8-xl {
    border-bottom: solid #f8f9fa 8px;
  }

  .border-left-8-xl {
    border-left: solid #f8f9fa 8px;
  }

  .border-9-xl {
    border: solid #f8f9fa 9px;
  }

  .border-top-9-xl {
    border-top: solid #f8f9fa 9px;
  }

  .border-right-9-xl {
    border-right: solid #f8f9fa 9px;
  }

  .border-bottom-9-xl {
    border-bottom: solid #f8f9fa 9px;
  }

  .border-left-9-xl {
    border-left: solid #f8f9fa 9px;
  }

  .border-10-xl {
    border: solid #f8f9fa 10px;
  }

  .border-top-10-xl {
    border-top: solid #f8f9fa 10px;
  }

  .border-right-10-xl {
    border-right: solid #f8f9fa 10px;
  }

  .border-bottom-10-xl {
    border-bottom: solid #f8f9fa 10px;
  }

  .border-left-10-xl {
    border-left: solid #f8f9fa 10px;
  }

  .f8-xl {
    font-size: 0.8rem !important;
  }

  .l8-xl {
    line-height: 0.8rem !important;
  }

  .h8-xl {
    line-height: 0.8 !important;
  }

  .f9-xl {
    font-size: 0.9rem !important;
  }

  .l9-xl {
    line-height: 0.9rem !important;
  }

  .h9-xl {
    line-height: 0.9 !important;
  }

  .f10-xl {
    font-size: 1rem !important;
  }

  .l10-xl {
    line-height: 1rem !important;
  }

  .h10-xl {
    line-height: 1 !important;
  }

  .f11-xl {
    font-size: 1.1rem !important;
  }

  .l11-xl {
    line-height: 1.1rem !important;
  }

  .h11-xl {
    line-height: 1.1 !important;
  }

  .f12-xl {
    font-size: 1.2rem !important;
  }

  .l12-xl {
    line-height: 1.2rem !important;
  }

  .h12-xl {
    line-height: 1.2 !important;
  }

  .f13-xl {
    font-size: 1.3rem !important;
  }

  .l13-xl {
    line-height: 1.3rem !important;
  }

  .h13-xl {
    line-height: 1.3 !important;
  }

  .f14-xl {
    font-size: 1.4rem !important;
  }

  .l14-xl {
    line-height: 1.4rem !important;
  }

  .h14-xl {
    line-height: 1.4 !important;
  }

  .f15-xl {
    font-size: 1.5rem !important;
  }

  .l15-xl {
    line-height: 1.5rem !important;
  }

  .h15-xl {
    line-height: 1.5 !important;
  }

  .f16-xl {
    font-size: 1.6rem !important;
  }

  .l16-xl {
    line-height: 1.6rem !important;
  }

  .h16-xl {
    line-height: 1.6 !important;
  }

  .f17-xl {
    font-size: 1.7rem !important;
  }

  .l17-xl {
    line-height: 1.7rem !important;
  }

  .h17-xl {
    line-height: 1.7 !important;
  }

  .f18-xl {
    font-size: 1.8rem !important;
  }

  .l18-xl {
    line-height: 1.8rem !important;
  }

  .h18-xl {
    line-height: 1.8 !important;
  }

  .f19-xl {
    font-size: 1.9rem !important;
  }

  .l19-xl {
    line-height: 1.9rem !important;
  }

  .h19-xl {
    line-height: 1.9 !important;
  }

  .f20-xl {
    font-size: 2rem !important;
  }

  .l20-xl {
    line-height: 2rem !important;
  }

  .h20-xl {
    line-height: 2 !important;
  }

  .f22-xl {
    font-size: 2.2rem !important;
  }

  .l22-xl {
    line-height: 2.2rem !important;
  }

  .h22-xl {
    line-height: 2.2 !important;
  }

  .f24-xl {
    font-size: 2.4rem !important;
  }

  .l24-xl {
    line-height: 2.4rem !important;
  }

  .h24-xl {
    line-height: 2.4 !important;
  }

  .f26-xl {
    font-size: 2.6rem !important;
  }

  .l26-xl {
    line-height: 2.6rem !important;
  }

  .h26-xl {
    line-height: 2.6 !important;
  }

  .f28-xl {
    font-size: 2.8rem !important;
  }

  .l28-xl {
    line-height: 2.8rem !important;
  }

  .h28-xl {
    line-height: 2.8 !important;
  }

  .f30-xl {
    font-size: 3rem !important;
  }

  .l30-xl {
    line-height: 3rem !important;
  }

  .h30-xl {
    line-height: 3 !important;
  }

  .f32-xl {
    font-size: 3.2rem !important;
  }

  .l32-xl {
    line-height: 3.2rem !important;
  }

  .h32-xl {
    line-height: 3.2 !important;
  }

  .f34-xl {
    font-size: 3.4rem !important;
  }

  .l34-xl {
    line-height: 3.4rem !important;
  }

  .h34-xl {
    line-height: 3.4 !important;
  }

  .f36-xl {
    font-size: 3.6rem !important;
  }

  .l36-xl {
    line-height: 3.6rem !important;
  }

  .h36-xl {
    line-height: 3.6 !important;
  }

  .f38-xl {
    font-size: 3.8rem !important;
  }

  .l38-xl {
    line-height: 3.8rem !important;
  }

  .h38-xl {
    line-height: 3.8 !important;
  }

  .f40-xl {
    font-size: 4rem !important;
  }

  .l40-xl {
    line-height: 4rem !important;
  }

  .h40-xl {
    line-height: 4 !important;
  }

  .f44-xl {
    font-size: 4.4rem !important;
  }

  .l44-xl {
    line-height: 4.4rem !important;
  }

  .h44-xl {
    line-height: 4.4 !important;
  }

  .f48-xl {
    font-size: 4.8rem !important;
  }

  .l48-xl {
    line-height: 4.8rem !important;
  }

  .h48-xl {
    line-height: 4.8 !important;
  }

  .f56-xl {
    font-size: 5.6rem !important;
  }

  .l56-xl {
    line-height: 5.6rem !important;
  }

  .h56-xl {
    line-height: 5.6 !important;
  }

  .f64-xl {
    font-size: 6.4rem !important;
  }

  .l64-xl {
    line-height: 6.4rem !important;
  }

  .h64-xl {
    line-height: 6.4 !important;
  }

  .f72-xl {
    font-size: 7.2rem !important;
  }

  .l72-xl {
    line-height: 7.2rem !important;
  }

  .h72-xl {
    line-height: 7.2 !important;
  }

  .f80-xl {
    font-size: 8rem !important;
  }

  .l80-xl {
    line-height: 8rem !important;
  }

  .h80-xl {
    line-height: 8 !important;
  }

  .f88-xl {
    font-size: 8.8rem !important;
  }

  .l88-xl {
    line-height: 8.8rem !important;
  }

  .h88-xl {
    line-height: 8.8 !important;
  }

  .f90-xl {
    font-size: 9rem !important;
  }

  .l90-xl {
    line-height: 9rem !important;
  }

  .h90-xl {
    line-height: 9 !important;
  }

  .f96-xl {
    font-size: 9.6rem !important;
  }

  .l96-xl {
    line-height: 9.6rem !important;
  }

  .h96-xl {
    line-height: 9.6 !important;
  }

  .m0-xl {
    margin: 0px !important;
  }

  .mt0-xl {
    margin-top: 0px !important;
  }

  .mr0-xl {
    margin-right: 0px !important;
  }

  .mb0-xl {
    margin-bottom: 0px !important;
  }

  .ml0-xl {
    margin-left: 0px !important;
  }

  .mx0-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .my0-xl {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .mtn0-xl {
    margin-top: 0px !important;
  }

  .mrn0-xl {
    margin-right: 0px !important;
  }

  .mbn0-xl {
    margin-bottom: 0px !important;
  }

  .mln0-xl {
    margin-left: 0px !important;
  }

  .mnx0-xl,
  .mxn0-xl {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .p0-xl {
    padding: 0px !important;
  }

  .pt0-xl {
    padding-top: 0px !important;
  }

  .pr0-xl {
    padding-right: 0px !important;
  }

  .pb0-xl {
    padding-bottom: 0px !important;
  }

  .pl0-xl {
    padding-left: 0px !important;
  }

  .px0-xl {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .py0-xl {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .m1-xl {
    margin: 5px !important;
  }

  .mt1-xl {
    margin-top: 5px !important;
  }

  .mr1-xl {
    margin-right: 5px !important;
  }

  .mb1-xl {
    margin-bottom: 5px !important;
  }

  .ml1-xl {
    margin-left: 5px !important;
  }

  .mx1-xl {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .my1-xl {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .mtn1-xl {
    margin-top: -5px !important;
  }

  .mrn1-xl {
    margin-right: -5px !important;
  }

  .mbn1-xl {
    margin-bottom: -5px !important;
  }

  .mln1-xl {
    margin-left: -5px !important;
  }

  .mnx1-xl,
  .mxn1-xl {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }

  .p1-xl {
    padding: 5px !important;
  }

  .pt1-xl {
    padding-top: 5px !important;
  }

  .pr1-xl {
    padding-right: 5px !important;
  }

  .pb1-xl {
    padding-bottom: 5px !important;
  }

  .pl1-xl {
    padding-left: 5px !important;
  }

  .px1-xl {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .py1-xl {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .m2-xl {
    margin: 10px !important;
  }

  .mt2-xl {
    margin-top: 10px !important;
  }

  .mr2-xl {
    margin-right: 10px !important;
  }

  .mb2-xl {
    margin-bottom: 10px !important;
  }

  .ml2-xl {
    margin-left: 10px !important;
  }

  .mx2-xl {
    margin-right: 10px !important;
    margin-left: 10px !important;
  }

  .my2-xl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .mtn2-xl {
    margin-top: -10px !important;
  }

  .mrn2-xl {
    margin-right: -10px !important;
  }

  .mbn2-xl {
    margin-bottom: -10px !important;
  }

  .mln2-xl {
    margin-left: -10px !important;
  }

  .mnx2-xl,
  .mxn2-xl {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }

  .p2-xl {
    padding: 10px !important;
  }

  .pt2-xl {
    padding-top: 10px !important;
  }

  .pr2-xl {
    padding-right: 10px !important;
  }

  .pb2-xl {
    padding-bottom: 10px !important;
  }

  .pl2-xl {
    padding-left: 10px !important;
  }

  .px2-xl {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .py2-xl {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .m3-xl {
    margin: 15px !important;
  }

  .mt3-xl {
    margin-top: 15px !important;
  }

  .mr3-xl {
    margin-right: 15px !important;
  }

  .mb3-xl {
    margin-bottom: 15px !important;
  }

  .ml3-xl {
    margin-left: 15px !important;
  }

  .mx3-xl {
    margin-right: 15px !important;
    margin-left: 15px !important;
  }

  .my3-xl {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .mtn3-xl {
    margin-top: -15px !important;
  }

  .mrn3-xl {
    margin-right: -15px !important;
  }

  .mbn3-xl {
    margin-bottom: -15px !important;
  }

  .mln3-xl {
    margin-left: -15px !important;
  }

  .mnx3-xl,
  .mxn3-xl {
    margin-right: -15px !important;
    margin-left: -15px !important;
  }

  .p3-xl {
    padding: 15px !important;
  }

  .pt3-xl {
    padding-top: 15px !important;
  }

  .pr3-xl {
    padding-right: 15px !important;
  }

  .pb3-xl {
    padding-bottom: 15px !important;
  }

  .pl3-xl {
    padding-left: 15px !important;
  }

  .px3-xl {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .py3-xl {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .m4-xl {
    margin: 20px !important;
  }

  .mt4-xl {
    margin-top: 20px !important;
  }

  .mr4-xl {
    margin-right: 20px !important;
  }

  .mb4-xl {
    margin-bottom: 20px !important;
  }

  .ml4-xl {
    margin-left: 20px !important;
  }

  .mx4-xl {
    margin-right: 20px !important;
    margin-left: 20px !important;
  }

  .my4-xl {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .mtn4-xl {
    margin-top: -20px !important;
  }

  .mrn4-xl {
    margin-right: -20px !important;
  }

  .mbn4-xl {
    margin-bottom: -20px !important;
  }

  .mln4-xl {
    margin-left: -20px !important;
  }

  .mnx4-xl,
  .mxn4-xl {
    margin-right: -20px !important;
    margin-left: -20px !important;
  }

  .p4-xl {
    padding: 20px !important;
  }

  .pt4-xl {
    padding-top: 20px !important;
  }

  .pr4-xl {
    padding-right: 20px !important;
  }

  .pb4-xl {
    padding-bottom: 20px !important;
  }

  .pl4-xl {
    padding-left: 20px !important;
  }

  .px4-xl {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .py4-xl {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .m5-xl {
    margin: 25px !important;
  }

  .mt5-xl {
    margin-top: 25px !important;
  }

  .mr5-xl {
    margin-right: 25px !important;
  }

  .mb5-xl {
    margin-bottom: 25px !important;
  }

  .ml5-xl {
    margin-left: 25px !important;
  }

  .mx5-xl {
    margin-right: 25px !important;
    margin-left: 25px !important;
  }

  .my5-xl {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .mtn5-xl {
    margin-top: -25px !important;
  }

  .mrn5-xl {
    margin-right: -25px !important;
  }

  .mbn5-xl {
    margin-bottom: -25px !important;
  }

  .mln5-xl {
    margin-left: -25px !important;
  }

  .mnx5-xl,
  .mxn5-xl {
    margin-right: -25px !important;
    margin-left: -25px !important;
  }

  .p5-xl {
    padding: 25px !important;
  }

  .pt5-xl {
    padding-top: 25px !important;
  }

  .pr5-xl {
    padding-right: 25px !important;
  }

  .pb5-xl {
    padding-bottom: 25px !important;
  }

  .pl5-xl {
    padding-left: 25px !important;
  }

  .px5-xl {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .py5-xl {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .m6-xl {
    margin: 30px !important;
  }

  .mt6-xl {
    margin-top: 30px !important;
  }

  .mr6-xl {
    margin-right: 30px !important;
  }

  .mb6-xl {
    margin-bottom: 30px !important;
  }

  .ml6-xl {
    margin-left: 30px !important;
  }

  .mx6-xl {
    margin-right: 30px !important;
    margin-left: 30px !important;
  }

  .my6-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .mtn6-xl {
    margin-top: -30px !important;
  }

  .mrn6-xl {
    margin-right: -30px !important;
  }

  .mbn6-xl {
    margin-bottom: -30px !important;
  }

  .mln6-xl {
    margin-left: -30px !important;
  }

  .mnx6-xl,
  .mxn6-xl {
    margin-right: -30px !important;
    margin-left: -30px !important;
  }

  .p6-xl {
    padding: 30px !important;
  }

  .pt6-xl {
    padding-top: 30px !important;
  }

  .pr6-xl {
    padding-right: 30px !important;
  }

  .pb6-xl {
    padding-bottom: 30px !important;
  }

  .pl6-xl {
    padding-left: 30px !important;
  }

  .px6-xl {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .py6-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .m7-xl {
    margin: 35px !important;
  }

  .mt7-xl {
    margin-top: 35px !important;
  }

  .mr7-xl {
    margin-right: 35px !important;
  }

  .mb7-xl {
    margin-bottom: 35px !important;
  }

  .ml7-xl {
    margin-left: 35px !important;
  }

  .mx7-xl {
    margin-right: 35px !important;
    margin-left: 35px !important;
  }

  .my7-xl {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .mtn7-xl {
    margin-top: -35px !important;
  }

  .mrn7-xl {
    margin-right: -35px !important;
  }

  .mbn7-xl {
    margin-bottom: -35px !important;
  }

  .mln7-xl {
    margin-left: -35px !important;
  }

  .mnx7-xl,
  .mxn7-xl {
    margin-right: -35px !important;
    margin-left: -35px !important;
  }

  .p7-xl {
    padding: 35px !important;
  }

  .pt7-xl {
    padding-top: 35px !important;
  }

  .pr7-xl {
    padding-right: 35px !important;
  }

  .pb7-xl {
    padding-bottom: 35px !important;
  }

  .pl7-xl {
    padding-left: 35px !important;
  }

  .px7-xl {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .py7-xl {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .m8-xl {
    margin: 40px !important;
  }

  .mt8-xl {
    margin-top: 40px !important;
  }

  .mr8-xl {
    margin-right: 40px !important;
  }

  .mb8-xl {
    margin-bottom: 40px !important;
  }

  .ml8-xl {
    margin-left: 40px !important;
  }

  .mx8-xl {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .my8-xl {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .mtn8-xl {
    margin-top: -40px !important;
  }

  .mrn8-xl {
    margin-right: -40px !important;
  }

  .mbn8-xl {
    margin-bottom: -40px !important;
  }

  .mln8-xl {
    margin-left: -40px !important;
  }

  .mnx8-xl,
  .mxn8-xl {
    margin-right: -40px !important;
    margin-left: -40px !important;
  }

  .p8-xl {
    padding: 40px !important;
  }

  .pt8-xl {
    padding-top: 40px !important;
  }

  .pr8-xl {
    padding-right: 40px !important;
  }

  .pb8-xl {
    padding-bottom: 40px !important;
  }

  .pl8-xl {
    padding-left: 40px !important;
  }

  .px8-xl {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .py8-xl {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .mx-auto-xl {
    margin-right: auto;
    margin-left: auto;
  }

  .wd10-xl {
    width: 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .wd20-xl {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .wd25-xl {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .wd33-xl {
    width: 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .wd40-xl {
    width: 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }

  .wd50-xl {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .wd60-xl {
    width: 60%;
    flex: 0 0 60%;
    max-width: 60%;
  }

  .wd66-xl {
    width: 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .wd75-xl {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .wd90-xl {
    width: 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }

  .wd100-xl {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .pages-lp-battery__square {
    width: 80px;
    height: 80px;
  }

  .pages-lp-battery__square span {
    width: 80px;
  }

  .pages-lp-battery-form__label {
    margin-top: 0;
  }

  .pages-lp-battery-form__label-solar {
    width: 200px;
    height: 100px;
  }

  .pages-lp-battery-form__label-battery {
    width: 140px;
    height: 100px;
  }
}

@media (max-width: 9998.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1139.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-fmd {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-fmd > .table-bordered {
    border: 0;
  }
}

@media screen and (max-width: 768px) {
  .c-subsidy__table th {
    display: block;
    width: 100%;
    font-size: 16px;
    border-right: 1px solid #e9e2de;
    border-bottom: 1px solid #e9e2de;
  }

  .c-subsidy__table td {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .content h2 {
    font-size: 2.0rem;
  }

  .l-hMain {
    padding-bottom: 10px;
  }

  .l-main.l-main-single,
  .l-main-single.c-mitsumoriform-prev {
    width: 100%;
    padding: 40px 10px 20px;
  }

  .l-main.l-main-single.nobreadcrumb,
  .l-main-single.nobreadcrumb.c-mitsumoriform-prev {
    padding-top: 10px;
  }

  .p-mark {
    width: 55px;
    height: 50px;
  }

  .siteTitle {
    float: none;
    padding: 10px 0 0 0;
  }

  .globalNavi {
    top: 10px;
  }

  .heading.heading-primary {
    font-size: 2.2rem;
    line-height: 1.2;
  }

  .circle-md {
    width: 100%;
    height: auto;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767px) {
  /* .drawer-default a:hover,.drawer-default a:focus{color:#888!important;text-decoration:none} */

  .drawer-navbar-default .container,
  .drawer-navbar-default .c-fixed-bottom__wrapper-box,
  .drawer-navbar-default .c-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .drawer-navbar-default .drawer-menu-item a:hover,
  .drawer-navbar-default .drawer-menu-item a:focus {
    color: #888;
    text-decoration: none;
  }

  .drawer-navbar-default .drawer-submenu {
    margin-bottom: 20px;
  }

  .drawer-navbar-default .drawer-submenu:last-child {
    margin-bottom: 0;
  }

  .drawer-navbar-default .drawer-submenu-item a:hover,
  .drawer-navbar-default .drawer-submenu-item a:focus {
    color: #ddd;
  }

  .drawer-navbar-default .dropdown.open > .dropdown-menu {
    position: static;
    float: none;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .pages-lp-battery__table th,
  .pages-lp-battery__table td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media screen and (max-width: 575px) {
  .table-responsive {
    border: 1px solid #e9ecef;
    padding: 6px;
  }

  .c-footer-nav__nav-list > li::before {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    width: 8px;
    height: 8px;
    top: 50%;
    left: auto;
    right: 20px;
    margin-top: -5px;
    border-width: 1px;
  }

  .c-footer-nav__nav-list > li::after {
    display: none;
  }

  .c-footer-nav__nav-list > li > a {
    display: block;
    padding: 5px 25px;
  }

  .c-sub-nav__nav-list > li::before {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    width: 8px;
    height: 8px;
    top: 50%;
    left: auto;
    right: 20px;
    margin-top: -5px;
    border-width: 1px;
  }

  .c-sub-nav__nav-list > li::after {
    display: none;
  }

  .c-sub-nav__nav-list > li > a {
    display: block;
    padding: 5px 25px;
  }

  .border-1-xs {
    border: solid #f8f9fa 1px;
  }

  .border-top-1-xs {
    border-top: solid #f8f9fa 1px;
  }

  .border-right-1-xs {
    border-right: solid #f8f9fa 1px;
  }

  .border-bottom-1-xs {
    border-bottom: solid #f8f9fa 1px;
  }

  .border-left-1-xs {
    border-left: solid #f8f9fa 1px;
  }

  .border-2-xs {
    border: solid #f8f9fa 2px;
  }

  .border-top-2-xs {
    border-top: solid #f8f9fa 2px;
  }

  .border-right-2-xs {
    border-right: solid #f8f9fa 2px;
  }

  .border-bottom-2-xs {
    border-bottom: solid #f8f9fa 2px;
  }

  .border-left-2-xs {
    border-left: solid #f8f9fa 2px;
  }

  .border-3-xs {
    border: solid #f8f9fa 3px;
  }

  .border-top-3-xs {
    border-top: solid #f8f9fa 3px;
  }

  .border-right-3-xs {
    border-right: solid #f8f9fa 3px;
  }

  .border-bottom-3-xs {
    border-bottom: solid #f8f9fa 3px;
  }

  .border-left-3-xs {
    border-left: solid #f8f9fa 3px;
  }

  .border-4-xs {
    border: solid #f8f9fa 4px;
  }

  .border-top-4-xs {
    border-top: solid #f8f9fa 4px;
  }

  .border-right-4-xs {
    border-right: solid #f8f9fa 4px;
  }

  .border-bottom-4-xs {
    border-bottom: solid #f8f9fa 4px;
  }

  .border-left-4-xs {
    border-left: solid #f8f9fa 4px;
  }

  .border-5-xs {
    border: solid #f8f9fa 5px;
  }

  .border-top-5-xs {
    border-top: solid #f8f9fa 5px;
  }

  .border-right-5-xs {
    border-right: solid #f8f9fa 5px;
  }

  .border-bottom-5-xs {
    border-bottom: solid #f8f9fa 5px;
  }

  .border-left-5-xs {
    border-left: solid #f8f9fa 5px;
  }

  .border-6-xs {
    border: solid #f8f9fa 6px;
  }

  .border-top-6-xs {
    border-top: solid #f8f9fa 6px;
  }

  .border-right-6-xs {
    border-right: solid #f8f9fa 6px;
  }

  .border-bottom-6-xs {
    border-bottom: solid #f8f9fa 6px;
  }

  .border-left-6-xs {
    border-left: solid #f8f9fa 6px;
  }

  .border-7-xs {
    border: solid #f8f9fa 7px;
  }

  .border-top-7-xs {
    border-top: solid #f8f9fa 7px;
  }

  .border-right-7-xs {
    border-right: solid #f8f9fa 7px;
  }

  .border-bottom-7-xs {
    border-bottom: solid #f8f9fa 7px;
  }

  .border-left-7-xs {
    border-left: solid #f8f9fa 7px;
  }

  .border-8-xs {
    border: solid #f8f9fa 8px;
  }

  .border-top-8-xs {
    border-top: solid #f8f9fa 8px;
  }

  .border-right-8-xs {
    border-right: solid #f8f9fa 8px;
  }

  .border-bottom-8-xs {
    border-bottom: solid #f8f9fa 8px;
  }

  .border-left-8-xs {
    border-left: solid #f8f9fa 8px;
  }

  .border-9-xs {
    border: solid #f8f9fa 9px;
  }

  .border-top-9-xs {
    border-top: solid #f8f9fa 9px;
  }

  .border-right-9-xs {
    border-right: solid #f8f9fa 9px;
  }

  .border-bottom-9-xs {
    border-bottom: solid #f8f9fa 9px;
  }

  .border-left-9-xs {
    border-left: solid #f8f9fa 9px;
  }

  .border-10-xs {
    border: solid #f8f9fa 10px;
  }

  .border-top-10-xs {
    border-top: solid #f8f9fa 10px;
  }

  .border-right-10-xs {
    border-right: solid #f8f9fa 10px;
  }

  .border-bottom-10-xs {
    border-bottom: solid #f8f9fa 10px;
  }

  .border-left-10-xs {
    border-left: solid #f8f9fa 10px;
  }
}

@media screen and (max-width: 480px) {
  .p-lp-yane__q-icon,
  .p-lp-yane__a-icon {
    position: relative;
    padding: 0 20px 0 40px;
  }

  .cp_linetab label:after {
    font-size: 16px;
  }
}

@media screen and (max-width: 447px) {
  .c-mitsumoriform-btn__img-pc {
    display: none;
  }

  .c-mitsumoriform-btn__img-sm {
    display: inline-block;
  }

  .c-mitsumoriform-btn__img-pc--article {
    display: none;
  }
}

@media all and (max-width: 447px) {
  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-pc--article {
    display: none;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-sm--article {
    display: inline-block;
    width: 250px;
  }
}

@media screen and (max-width: 375px) {
  .form-btn__img {
    background-size: 100%;
    height: 90px;
  }
}

@media (min-width: 410px) and (max-width: 575px) {
  .c-mitsumoriform-prev__switching--box::before {
    font-size: 1.4rem;
    top: -2.2rem;
  }
}

@media screen and (min-width: 448px) and (max-width: 575px) {
  .c-mitsumoriform-btn__img-pc {
    display: inline-block;
  }

  .c-mitsumoriform-btn__img-sm {
    display: none;
  }

  .c-mitsumoriform-btn__img-pc--article {
    display: inline-block;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-pc--article {
    display: inline-block;
    width: 240px;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-sm--article {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .c-mitsumoriform-btn__img-pc {
    display: none;
  }

  .c-mitsumoriform-btn__img-sm {
    display: inline-block;
  }

  .c-mitsumoriform-btn__img-pc--article {
    display: none;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-pc--article {
    display: none;
  }

  _:-ms-input-placeholder,
  :root .c-mitsumoriform-btn__img-sm--article {
    display: inline-block;
    width: 200px;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  body {
    -webkit-print-color-adjust: exact;
  }

  .review_bbd_overlay {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 120px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
  }

  .review_bbd_overlay .review_excerpt {
    font-size: 2.2rem;
  }

  .review_bbd_overlay .review_title {
    right: 20px;
    bottom: 20px;
  }

  .review_bbd_overlay {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 120px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.6);
  }

  .review_bbd_overlay .review_excerpt {
    font-size: 2.2rem;
  }

  .review_bbd_overlay .review_title {
    right: 20px;
    bottom: 20px;
  }
}