@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@800&family=Inter:wght@400;600&family=Noto+Sans+JP:wght@400;600&display=fallback");
:root {
  --rgb-black: rgb(0,0,0);
  --rgb-paleorange: rgb(255,253,248);
  --rgb-orange: rgb(246,98,34);
  --rgb-lightblue: rgb(0,154,217);
  --rgb-mediumgray: rgb(153,153,153);
  --rgb-darkgray: rgb(102,102,102);
  --rgb-white: rgb(255,255,255);
  --bs-body-bg: var(--rgb-white);
  --bs-body-color: var(--rgb-black);
  --bs-body-font-size: 1.2vw;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-font-family: "Inter","Noto Sans JP",sans-serif;
  --font-japanese-sans: "Noto Sans JP",sans-serif;
  --font-blush: "Yuji Syuku",serif;
  --font-barlow: "Barlow Semi Condensed",sans-serif;
  --responsive-rate: 1;
  --xl-rate: 1;
  --lg-rate: 1;
  --md-rate: 1;
  --sm-rate: 1;
  --xs-rate: 1;
  --header-height: 5rem;
  --clearance-margin: 5rem;
}
@media screen and (max-width: 2000px) {
  :root {
    --bs-body-font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --bs-body-line-height: 1.25;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --responsive-rate: .85;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --responsive-rate: .7;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --responsive-rate: .55;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --responsive-rate: .4;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --xl-rate: .875;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --xl-rate: .75;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --xl-rate: .625;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --xl-rate: .5;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --lg-rate: .9;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --lg-rate: .8;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --lg-rate: .7;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --lg-rate: .6;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --md-rate: .925;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --md-rate: .85;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --md-rate: .775;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --md-rate: .7;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --sm-rate: .95;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --sm-rate: .9;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --sm-rate: .85;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --sm-rate: .8;
  }
}
@media screen and (max-width: 1399px) {
  :root {
    --xs-rate: .975;
  }
}
@media screen and (max-width: 1199px) {
  :root {
    --xs-rate: .95;
  }
}
@media screen and (max-width: 991px) {
  :root {
    --xs-rate: .925;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --xs-rate: .9;
  }
}

html {
  font-size: 1.2vw;
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 2000px) {
  html {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.25vw;
  }
}
@media screen and (max-width: 575px) {
  html {
    font-size: 4vw;
  }
}

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

p, ul, ol, address {
  margin: 0;
}
p + p, ul + p, ol + p, address + p {
  margin-top: calc(1em * var(--bs-body-line-height) * 0.25);
}
p + ul, ul + ul, ol + ul, address + ul {
  margin-top: calc(1em * var(--bs-body-line-height) * 0.25);
}
p + ol, ul + ol, ol + ol, address + ol {
  margin-top: calc(1em * var(--bs-body-line-height) * 0.25);
}
p + address, ul + address, ol + address, address + address {
  margin-top: 0;
}

em {
  font-style: normal;
}

@media screen and (min-width: 1400px) {
  .img-fluid {
    width: 100%;
    max-width: none;
  }
}
.header {
  background-color: transparent;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0);
  line-height: 1;
  padding: 0 1rem;
  height: var(--header-height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.header__logo a, .header__logo a:hover, .header__logo a:active, .header__logo a:focus {
  display: block;
}
.header__logo a img, .header__logo a svg, .header__logo a:hover img, .header__logo a:hover svg, .header__logo a:active img, .header__logo a:active svg, .header__logo a:focus img, .header__logo a:focus svg {
  width: auto;
  height: 3.5rem;
}
@media screen and (max-width: 991px) {
  .header__logo a img, .header__logo a svg, .header__logo a:hover img, .header__logo a:hover svg, .header__logo a:active img, .header__logo a:active svg, .header__logo a:focus img, .header__logo a:focus svg {
    height: 8.1vw;
  }
}
@media screen and (max-width: 575px) {
  .header__logo a img, .header__logo a svg, .header__logo a:hover img, .header__logo a:hover svg, .header__logo a:active img, .header__logo a:active svg, .header__logo a:focus img, .header__logo a:focus svg {
    height: 14.4vw;
  }
}

.global__navigation {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

.global__navigation--overlay {
  background-color: rgba(235, 103, 0, 0);
  opacity: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: -9;
  display: none;
}

.global__navigation--toggler {
  background-color: var(--rgb-white);
  cursor: pointer;
  width: var(--header-height);
  height: var(--header-height);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}

.global__navigation--inner {
  width: calc(var(--header-height) * 0.5);
  height: calc(var(--header-height) * 0.5);
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .global__navigation--inner {
    width: calc(var(--header-height) * 0.375);
    height: calc(var(--header-height) * 0.375);
  }
}
.global__navigation--inner span {
  width: calc(var(--header-height) * 0.5);
  height: 0.125rem;
  display: block;
  transform-origin: center center;
}
@media screen and (max-width: 991px) {
  .global__navigation--inner span {
    height: 2px;
    width: calc(var(--header-height) * 0.375);
  }
}
.global__navigation--inner span:first-of-type, .global__navigation--inner span:last-of-type {
  background-color: var(--rgb-black);
  position: absolute;
}
.global__navigation--inner span:first-of-type {
  top: calc(var(--header-height) * 0.375);
  transition: top 0.5s, transform 0.5s;
}
.global__navigation--inner span:nth-of-type(2) {
  background-color: var(--rgb-black);
}
.global__navigation--inner span:last-of-type {
  bottom: calc(var(--header-height) * 0.375);
  transition: bottom 0.5s, transform 0.5s;
}

.global__navigation--text {
  color: var(--rgb-white);
  text-align: center;
  font-size: 0.625em;
  text-transform: uppercase;
}

.global__navigation--extend {
  background-color: var(--rgb-white);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  overflow-y: overlay;
  padding: calc(var(--header-height) * 1.5) calc(var(--header-height) * 1.5) calc(var(--header-height) * 1) 1rem;
  width: 50%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: -50%;
  display: flex;
  justify-content: center;
  transition: all 0.6s;
  z-index: 200;
}
@media screen and (max-width: 991px) {
  .global__navigation--extend {
    width: 100%;
    right: -100%;
  }
}
@media screen and (max-width: 575px) {
  .global__navigation--extend {
    width: 100%;
  }
}
.global__navigation--extend nav {
  width: 100%;
}
.global__navigation--extend nav ul {
  list-style: none;
  padding-bottom: 0.5rem;
}
.global__navigation--extend nav ul li a, .global__navigation--extend nav ul li a:hover, .global__navigation--extend nav ul li a:active, .global__navigation--extend nav ul li a:focus {
  color: var(--rgb-black);
  font-size: 1em;
  line-height: 0.75;
  font-family: var(--font-barlow);
  text-transform: uppercase;
  padding-bottom: 0.5em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.global__navigation--extend nav ul li a:before {
  background-color: transparent;
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  transition: background-color 0.3s, width 0.3s;
}
@media screen and (max-width: 2000px) {
  .global__navigation--extend nav ul li a:before {
    height: 1px;
  }
}
.global__navigation--extend nav ul li a.active:before {
  background-color: var(--rgb-black);
  width: 100%;
  transition: background-color 0.6s, width 0.6s;
}
.global__navigation--extend nav ul li a:hover:before, .global__navigation--extend nav ul li a:active:before, .global__navigation--extend nav ul li a:focus:before {
  background-color: var(--rgb-black);
  width: 100%;
  transition: background-color 0.6s, width 0.6s;
}
.global__navigation--extend nav ul li + li {
  margin-top: 1rem;
}

.js-navigation__open .global__navigation--overlay {
  background-color: rgba(var(--rgb-text), 1);
  opacity: 0.75;
  right: 0;
  z-index: 99;
  display: block;
}
.js-navigation__open .global__navigation--inner span:nth-of-type(2) {
  opacity: 0;
}
.js-navigation__open .global__navigation--inner span:first-of-type {
  top: calc(50% - 0.0625rem);
  transform: rotate(45deg);
  transition: top 0.5s, transform 0.5s;
}
.js-navigation__open .global__navigation--inner span:last-of-type {
  bottom: calc(50% - 0.0625rem);
  transform: rotate(-45deg);
  transition: bottom 0.5s, transform 0.5s;
}
.js-navigation__open .global__navigation--extend {
  right: 0;
  width: 50%;
  box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 991px) {
  .js-navigation__open .global__navigation--extend {
    width: 100%;
  }
}

.c-label__phone--md {
  display: block;
}
.c-label__phone--md i {
  color: var(--rgb-white);
  font-size: 2em;
}

.wrapper {
  padding-top: var(--header-height);
  background: url(../images/common/background.svg) left top repeat-y var(--rgb-paleorange);
}

.container-width--xs, .container-width--sm, .container-width--md, .container-width--lg, .container-width--xl {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-width--xl {
  max-width: 54rem;
}

.container-width--lg {
  max-width: 48rem;
}

.container-width--md {
  max-width: 48rem;
}

.container-width--sm {
  max-width: 36rem;
}

.container-width--xs {
  max-width: 24rem;
}

.section {
  scroll-margin-top: var(--header-height);
  margin-top: var(--clearance-margin);
}

.devider-sun {
  width: 4rem;
  margin-left: auto;
  margin-right: auto;
}

.space-devider--lg + .space-devider--lg {
  margin-top: 4rem;
}

.space-devider--md + .space-devider--md {
  margin-top: 3rem;
}

.space-devider--sm + .space-devider--sm {
  margin-top: 2rem;
}

.space-devider--xs + .space-devider--xs {
  margin-top: 1.5rem;
}

.space-devider--xxs + .space-devider--xxs {
  margin-top: 0.5rem;
}

.common-table {
  width: 100%;
  border-collapse: separate;
}
.common-table th, .common-table td {
  vertical-align: top;
}
@media screen and (max-width: 575px) {
  .common-table th, .common-table td {
    display: block;
  }
}
.common-table th {
  font-size: 1.2em;
  font-weight: 600;
  text-align: right;
  padding-right: 1em;
  padding-bottom: 1em;
  white-space: nowrap;
  line-height: 1;
}
@media screen and (max-width: 575px) {
  .common-table th {
    text-align: left;
    padding-bottom: 0.25em;
  }
}
.common-table td {
  font-size: 1em;
  padding-top: 0.3em;
  padding-bottom: 1em;
}

.list-disc {
  list-style-type: disc;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1em;
  padding-right: 0;
}

.list-star {
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.list-star li {
  margin-left: 0;
}
.list-star li::before {
  content: "★";
}

.list-kome {
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1em;
  padding-right: 0;
}
.list-kome li::before {
  margin-left: -1em;
  display: inline-block;
  content: "※";
  width: 1em;
}

.list-asterisk {
  list-style-type: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.list-asterisk li {
  margin-left: 0;
}
.list-asterisk li::before {
  display: inline-block;
  content: "＊";
  width: 1em;
}

.conversation-wrapper {
  display: grid;
  grid-row-gap: 1rem;
}

.conversation-icon img {
  width: 100%;
  height: auto;
}

.conversation-balloon {
  background-color: var(--rgb-balloon);
  font-size: 0.9em;
  border-radius: 2em;
  padding: calc(2em * var(--xs-rate));
  position: relative;
  min-height: 7em;
  display: flex;
  align-items: center;
}
.conversation-balloon::before {
  background-color: var(--rgb-balloon);
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  bottom: 2em;
  content: "";
}

.conversation-question {
  display: grid;
  grid-template-columns: calc(5.5rem * var(--responsive-rate)) 1fr;
  grid-column-gap: 2rem;
  align-items: end;
}
@media screen and (min-width: 576px) {
  .conversation-question {
    padding-right: calc(5.5rem * var(--responsive-rate) + 2rem);
  }
}
.conversation-question .conversation-icon {
  order: 1;
}
.conversation-question .conversation-balloon--wrapper {
  order: 2;
}
.conversation-question .conversation-balloon {
  --rgb-balloon: rgb(212,255,118);
}
.conversation-question .conversation-balloon::before {
  -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 50%);
          clip-path: polygon(100% 0%, 100% 100%, 0% 50%);
  right: calc(100% - 1px);
}

.conversation-answer {
  display: grid;
  grid-template-columns: 1fr calc(5.5rem * var(--responsive-rate));
  grid-column-gap: 2rem;
  align-items: end;
}
@media screen and (min-width: 576px) {
  .conversation-answer {
    padding-left: calc(5.5rem * var(--responsive-rate) + 2rem);
  }
}
.conversation-answer .conversation-icon {
  order: 2;
}
.conversation-answer .conversation-balloon--wrapper {
  order: 1;
}
.conversation-answer .conversation-balloon {
  --rgb-balloon: rgb(255,203,203);
}
.conversation-answer .conversation-balloon::before {
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  left: calc(100% - 1px);
}

.round-frame {
  background-color: var(--rgb-white);
  border: 0.1rem solid var(--rgb-black);
  border-radius: calc(1em * var(--responsive-rate));
  overflow: hidden;
}

.conversation-goal {
  padding-left: calc(5.5rem * var(--responsive-rate) + 2rem);
  padding-right: calc(5.5rem * var(--responsive-rate) + 2rem);
  display: grid;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .conversation-goal {
    grid-template-columns: calc(11rem * var(--responsive-rate)) 1fr;
    grid-column-gap: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .conversation-goal {
    grid-row-gap: 1rem;
  }
}

.about-survey--wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(1rem * var(--responsive-rate));
}

.about-survey {
  background-color: var(--rgb-white);
  border: 0.1rem solid var(--rgb-black);
  border-radius: calc(1em * var(--responsive-rate));
  overflow: hidden;
}

.about-message--wrapper {
  display: grid;
  grid-row-gap: 1rem;
}

.about-message--lg {
  display: grid;
}
@media screen and (min-width: 992px) {
  .about-message--lg {
    grid-template-columns: calc(8rem * var(--responsive-rate)) 1fr;
    grid-column-gap: calc(1rem * var(--responsive-rate));
  }
}
@media screen and (max-width: 991px) {
  .about-message--lg {
    justify-content: center;
    grid-row-gap: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .about-message--lg .about-message--image .round-frame {
    margin: 0 auto;
    max-width: 8rem;
  }
}

.about-message--md {
  display: grid;
}
@media screen and (min-width: 576px) {
  .about-message--md {
    grid-template-columns: calc(5.5rem * var(--responsive-rate)) 1fr;
    grid-column-gap: calc(1rem * var(--responsive-rate));
  }
}
@media screen and (max-width: 575px) {
  .about-message--md {
    grid-row-gap: 1rem;
  }
}
@media screen and (max-width: 575px) {
  .about-message--md .about-message--image .round-frame {
    margin: 0 auto;
    max-width: 5.5rem;
  }
}

.about-message--text {
  padding-top: 1em;
}

.culture-system--wrapper {
  display: grid;
}
@media screen and (min-width: 992px) {
  .culture-system--wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem 2rem;
  }
}
@media screen and (max-width: 1199px) {
  .culture-system--wrapper {
    grid-row-gap: 1rem;
  }
}

.culture-system {
  display: grid;
  grid-template-columns: calc(10rem * var(--responsive-rate)) 1fr;
  grid-column-gap: 1rem;
}

.shift-sample-wrapper {
  display: grid;
  grid-template-columns: 2em 1fr;
  grid-column-gap: 0.5em;
}

.shift-sample {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 1em 1fr;
  grid-column-gap: 0.5em;
}

.shift-sample-time {
  text-align: right;
  font-family: var(--font-japanese-sans);
}

.banner-entry, .banner-entry:hover, .banner-entry:active, .banner-entry:focus {
  color: var(--rgb-white);
  border-radius: 1em;
  line-height: 1;
  padding: 2em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.banner-entry::before, .banner-entry:hover::before, .banner-entry:active::before, .banner-entry:focus::before {
  background-image: linear-gradient(to right, var(--rgb-mediumgray) 0%, var(--rgb-darkgray) 100%);
  width: 200%;
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
}
.banner-entry strong, .banner-entry span, .banner-entry:hover strong, .banner-entry:hover span, .banner-entry:active strong, .banner-entry:active span, .banner-entry:focus strong, .banner-entry:focus span {
  position: relative;
  z-index: 1;
}
.banner-entry strong, .banner-entry:hover strong, .banner-entry:active strong, .banner-entry:focus strong {
  font-size: 2.4em;
  font-family: var(--font-barlow);
  margin-bottom: 0.5em;
}
.banner-entry::before {
  left: 0;
  transition: left 0.3s;
}
.banner-entry:hover::before, .banner-entry:active::before, .banner-entry:focus::before {
  left: -100%;
  transition: left 0.6s;
}

.section-heading1 {
  color: var(--rgb-black);
  font-size: calc(2.4em * var(--md-rate));
  line-height: 0.75;
  font-family: var(--font-barlow);
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.section-heading2 {
  color: var(--rgb-orange);
  font-size: calc(2em * var(--md-rate));
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.section-heading3 {
  color: var(--rgb-black);
  font-size: calc(1.2em * var(--xs-rate));
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}
.section-heading3 small {
  font-size: 0.75em;
  display: block;
}

.section-heading__leftline {
  border-left: 0.5em solid var(--rgb-lightblue);
  text-align: left;
  margin-left: 0;
  padding-left: 0.66em;
}

.section-heading4 {
  color: var(--rgb-black);
  font-size: 1.1em;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 0.5em;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
}

.footer__copyright {
  color: var(--rgb-text);
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  padding: 0.25em 0;
  position: relative;
  z-index: 9;
  height: calc(6rem * var(--responsive-rate));
  display: flex;
  justify-content: center;
  align-items: center;
}


/* table */
table{border-spacing:0;border-collapse:separate;width:100%;}

th,td{line-height:1.5;padding:14px;}
  @media (max-width:991px)  {th,td{padding:9px;}}

th{white-space:nowrap;}
td{}

/* common table 1 */

.common-tb{width: 100%;margin: 0 auto;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:-1px;}

.common-tb th{background: #efefef;width: 30%;}
.common-tb td{background:  var(--hex-white);}

.common-tb th,.common-tb td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
  @media (max-width:991px)  {.common-tb th,.common-tb td{display: block;width: auto !important;}}

.common-tb td a img{vertical-align: middle;}

.common-tb td hr{margin: 9px 0;}

.common-tb.prf th{width: 11em;}
.common-tb.frm th{width: 13em;}

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
p .required{
  display: inline-block;
  margin-right: 0.5em;
  color: var(--hex-rose);
}

.common-tb.frm th span.required{
  width: 100%;
  display: inline-block;
}
.common-tb.frm th span.required::after {
  margin-left: 0.5em;
  color: var(--hex-rose);
  content: '*';
}


section#contact-introduction{ padding: 75px 0 0;}
.radio + .radio,
.checkbox + .checkbox       {margin-top:10px;}
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox  {margin-top:0;}

.required-img img         {width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{height:200px;overflow-y:scroll;padding:28px;margin:-28px;}
  @media (max-width:1199px) {.pp-scroll{padding:23px;margin:-23px;}}
  @media (max-width:991px)  {.pp-scroll{padding:13px;margin:-13px;}}

.pp-scroll a,.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;}
.pp-scroll a{text-decoration:underline;}
.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;text-decoration:none;}

.pp-scroll > *:last-child{}
  @media (max-width:991px)  {.pp-scroll > *:last-child{padding-bottom:13px;}}

.tit-policy{padding-bottom:9px;border-bottom:1px dotted #666;font-weight:bold;margin:30px 0 15px;}
  @media (max-width:991px)  {.tit-policy{font-size:15px;margin:20px 0 10px;}}



input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"],input[type="text"]:focus,
input[type="password"],input[type="password"]:focus,
input[type="tel"],input[type="tel"]:focus,
input[type="email"],input[type="email"]:focus,
select,select:focus,textarea,textarea:focus         {border:1px solid #ddd;border-radius:4px;line-height:normal;}

input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:14px;}
  @media (max-width:991px)  {input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:9px;}}

select{padding:9px 14px;}
  @media (max-width:991px)  {select{padding:6px 9px;}}


textarea{font-size:1;width:100%;height: 200px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{background:#f6f6f6;}


.required input[type="text"],
.required input[type="password"],
.required select,
.required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus,
.required input[type="password"]:focus,
.required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:33%;min-width:240px}
.form-l{width:100%;}
.form-ll{width:100%;}

/* btn- */
.btn,a.btn:hover,a.btn:active,a.btn:focus {
  border: none;
  border-radius:4px;
  font-size: 1em;line-height: 1.25;
  font-weight: 700;
  text-decoration: none !important;
  text-shadow:none;
  margin: 0 auto;padding:.625em 1em;
}
  @media (max-width:991px)  {.btn,a.btn:hover,a.btn:active,a.btn:focus  {font-size: 14px;padding:5px;}}

.btn-lg,a.btn-lg:hover,a.btn-lg:active,a.btn-lg:focus {font-size: 21px;line-height: 27px;padding:15px 15px;}
  @media (max-width:991px)  {.btn-lg,a.btn-lg:hover,a.btn-lg:active,a.btn-lg:focus  {font-size: 16px;line-height:27px;padding:5px;}}

.btn-sm,a.btn-sm:hover,a.btn-sm:active,a.btn-sm:focus {font-size: 14px;line-height: 16px;padding:14px 14px;}
  @media (max-width:991px)  {[class*="btn-"].btn-sm,a[class*="btn-"].btn-sm:hover,a[class*="btn-"].btn-sm:active,a[class*="btn-"].btn-lg:focus  {padding:5px;}}

.btn-xs,a.btn-xs:hover,a.btn-xs:active,a.btn-xs:focus {font-size: 14px;line-height: 16px;padding:4px 14px;}
  @media (max-width:991px)  {[class*="btn-"].btn-sm,a[class*="btn-"].btn-sm:hover,a[class*="btn-"].btn-sm:active,a[class*="btn-"].btn-lg:focus  {padding:5px;}}


a[class*="btn-"]:hover,a[class*="btn-"]:active,a[class*="btn-"]:focus                       {opacity:.75;outline:0;}
button[class*="btn-"]:hover,button[class*="btn-"]:active,button[class*="btn-"]:focus                {opacity:.75;outline:0;}
span.btn:not(:disabled):not(.disabled){cursor:default;}

/*[class*="btn-"]:before,[class*="btn-"]:after{font-family: 'Font Awesome\ 5 Pro';width: 1em;display: inline-block;}*/


.btn-solid,.btn-solid:hover,.btn-solid:active,.btn-solid:focus{background-color: var(--hex-white);color:#ff8a00;border: 1px solid var(--hex-rose) !important;}

.btn-flat,a.btn-flat:hover,a.btn-flat:active,a.btn-flat:focus{
  background-color: var(--rgb-mediumgray) !important;color: var(--rgb-white) !important;
  border: 1px solid var(--rgb-mediumgray) !important;position: relative;
  font-size: 1em;line-height: 1.25;
  padding:.625em 1em;
  width: 100%;
}
  @media (max-width:991px)  {
    .btn-flat,a.btn-flat:hover,a.btn-flat:active,a.btn-flat:focus{
      padding:.625em .25em;
    }}


.btn-service,a.btn-service:hover,a.btn-service:active,a.btn-service:focus{background-color: var(--hex-rose) !important;color: var(--hex-white) !important;border: 1px solid var(--hex-rose) !important;position: relative;font-size: 16px;line-height: 20px;padding:10px 15px;max-width:250px;min-width:250px;margin: 0 auto;border-radius: 40px;}


.btn-service:before,.btn-service:after{content: "";width: 6px;height: 6px;position: absolute;top: 50%;bottom: 50%;}

.btn-service:before {background:  var(--hex-white);left: -1px;margin: -3px 0;display: block;}
.btn-service:after  {border-width:6px;border-style: solid;border-color:transparent transparent transparent  var(--hex-white);left: 5px;margin: -6px 0;display: block;}



.btn-more,a.btn-more:hover,a.btn-more:active,a.btn-more:focus{background-color: var(--hex-rose) !important;color: var(--hex-white) !important;border: 1px solid var(--hex-rose) !important;position: relative;min-width: 150px;}

.btn-more:before  {content: "";width: 6px;height: 6px;background:  var(--hex-white);position: absolute;top: 50%;left: -1px;bottom: 50%;margin: -3px 0;display: block;}
.btn-more:after   {content: "";width: 6px;height: 6px;border-width:6px;border-style: solid;border-color:transparent transparent transparent  var(--hex-white);position: absolute;top: 50%;left: 5px;bottom: 50%;margin: -6px 0;display: block;}

.btn-square,a.btn-square:hover,a.btn-square:active,a.btn-square:focus{border-radius:0;}

.btn-mini,a.btn-mini:hover,a.btn-mini:active,a.btn-mini:focus{background:#666 !important;color: var(--hex-white) !important;border: 1px solid #666 !important;position: relative;min-width: 180px;font-size: 16px;line-height: 20px;padding:11px 15px 9px;}

.btn-light,a.btn-light:hover,a.btn-light:active,a.btn-light:focus{background:#0093d3 !important;color: var(--hex-white) !important;border: 1px solid #0093d3 !important;position: relative;min-width: 180px;font-size: 16px;line-height: 20px;padding:11px 15px 9px;}

.btn-standard,a.btn-standard:hover,a.btn-standard:active,a.btn-standard:focus{background:#f4e603 !important;color: var(--hex-white) !important;border: 1px solid #f4e603 !important;position: relative;min-width: 180px;font-size: 16px;line-height: 20px;padding:11px 15px 9px;}

.btn-advance,a.btn-advance:hover,a.btn-advance:active,a.btn-advance:focus{background:#cc006b !important;color: var(--hex-white) !important;border: 1px solid #cc006b !important;position: relative;min-width: 180px;font-size: 16px;line-height: 20px;padding:11px 15px 9px;}


.btn-mini:before,.btn-light:before,.btn-standard:before,.btn-advance:before {content: "";width: 6px;height: 6px;background:  var(--hex-white);position: absolute;top: 50%;left: -1px;bottom: 50%;margin: -3px 0;display: block;}
.btn-mini:after,.btn-light:after,.btn-standard:after,.btn-advance:after   {content: "";width: 6px;height: 6px;border-width:6px;border-style: solid;border-color:transparent transparent transparent  var(--hex-white);position: absolute;top: 50%;left: 5px;bottom: 50%;margin: -6px 0;display: block;}



.btn-envelope,a.btn-envelope:hover,a.btn-envelope:active,a.btn-envelope:focus{color: var(--hex-white);background: #ff8a00;padding:15px 20px;border-radius:0;font-size: 24px;line-height: 28px;width: 100%;max-width: 470px;font-weight: normal;text-align: center;}
  @media (max-width:991px)  {.btn-envelope,a.btn-envelope:hover,a.btn-envelope:active,a.btn-envelope:focus{font-size: 16px;line-height: 18px;padding:10px 5px;}}

.btn-envelope:before{content: "";width: 40px;background: url(../images/common/btn-envelope.png) left center no-repeat;display: inline-block;height: 28px;vertical-align: middle;text-align: left;}
  @media (max-width:991px)  {.btn-envelope:before{width: 25px;background-size:20px;}}


.btn-map, a.btn-map:hover, a.btn-map:active, a.btn-map:focus {
  padding: 2px 5px;
    background: #c03;
    color:  var(--hex-white);
}


.btn-clients,a.btn-clients:hover,a.btn-clients:active,a.btn-clients:focus{
  background-color: var(--hex-rose) !important;color: var(--hex-white) !important;
  border: 1px solid var(--hex-rose) !important;
  font-size: 1em;line-height: 1.25;
  text-transform: uppercase;
  margin: 0 auto;padding:.625em 1em;
  position: relative;
  display: block;
}