img {
  max-width: 100%;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  height: auto; }

a {
  transition: all 0s ease-in-out;
  color: #4AA0B5; }

body {
  font-family: 'Noto Sans JP', sans-serif;
  overflow-x: hidden;
  color: #707070; }

@media (min-width: 769px) {
  .container {
    min-width: 1100px; } }
@media (max-width: 768px) {
  .container {
    max-width: 100%; } }

* {
  scrollbar-width: initial;
  -ms-overflow-style: initial;
  -webkit-overflow-scrolling: initial; }

ul {
  list-style: none; }

.pcbr {
  display: block; }
  @media (max-width: 768px) {
    .pcbr {
      display: none; } }

.spbr {
  display: none; }
  @media (max-width: 768px) {
    .spbr {
      display: block; } }

.font-noto {
  font-family: 'Noto Sans JP', sans-serif; }

.font-roboto {
  font-family: 'Roboto', sans-serif; }

.bg-pink {
  background: #FB93AC !important; }

.text-color-red {
  color: #C63131 !important; }

.text-color-lblue {
  color: #4AA0B5 !important; }

.no-wrap {
  white-space: nowrap !important; }
  @media (max-width: 768px) {
    .no-wrap {
      white-space: initial !important; } }

@media (min-width: 769px) {
  .flex-md-nowrap {
    flex-wrap: initial !important; } }

.text-vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

a:hover {
  color: #FF6400; }

.underline {
  text-decoration: underline !important; }

.no-border {
  border: none !important; }

.letter-spacing-2 {
  letter-spacing: 2px !important; }

.letter-spacing-3 {
  letter-spacing: 3px !important; }

.letter-spacing-4 {
  letter-spacing: 4px !important; }

.mt-6 {
  margin-top: 4rem !important; }

.mt-7 {
  margin-top: 5rem !important; }

.mt-8 {
  margin-top: 6rem !important; }

.mt-9 {
  margin-top: 7rem !important; }

.mt-10 {
  margin-top: 8rem !important; }

.mb-6 {
  margin-bottom: 4rem !important; }

.mb-7 {
  margin-bottom: 5rem !important; }

.mb-8 {
  margin-bottom: 6rem !important; }

.mb-9 {
  margin-bottom: 7rem !important; }

.mb-10 {
  margin-bottom: 8rem !important; }

@media (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 4rem !important; }

  .mt-sm-7 {
    margin-top: 5rem !important; }

  .mt-sm-8 {
    margin-top: 6rem !important; }

  .mt-sm-9 {
    margin-top: 7rem !important; }

  .mt-sm-10 {
    margin-top: 8rem !important; }

  .mb-sm-6 {
    margin-bottom: 4rem !important; }

  .mb-sm-7 {
    margin-bottom: 5rem !important; }

  .mb-sm-8 {
    margin-bottom: 6rem !important; }

  .mb-sm-9 {
    margin-bottom: 7rem !important; }

  .mb-sm-10 {
    margin-bottom: 8rem !important; } }
@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 4rem !important; }

  .mt-md-7 {
    margin-top: 5rem !important; }

  .mt-md-8 {
    margin-top: 6rem !important; }

  .mt-md-9 {
    margin-top: 7rem !important; }

  .mt-md-10 {
    margin-top: 8rem !important; }

  .mb-md-6 {
    margin-bottom: 4rem !important; }

  .mb-md-7 {
    margin-bottom: 5rem !important; }

  .mb-md-8 {
    margin-bottom: 6rem !important; }

  .mb-md-9 {
    margin-bottom: 7rem !important; }

  .mb-md-10 {
    margin-bottom: 8rem !important; } }
@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 4rem !important; }

  .mt-lg-7 {
    margin-top: 5rem !important; }

  .mt-lg-8 {
    margin-top: 6rem !important; }

  .mt-lg-9 {
    margin-top: 7rem !important; }

  .mt-lg-10 {
    margin-top: 8rem !important; }

  .mb-lg-6 {
    margin-bottom: 4rem !important; }

  .mb-lg-7 {
    margin-bottom: 5rem !important; }

  .mb-lg-8 {
    margin-bottom: 6rem !important; }

  .mb-lg-9 {
    margin-bottom: 7rem !important; }

  .mb-lg-10 {
    margin-bottom: 8rem !important; } }
.pt-6 {
  padding-top: 4rem !important; }

.pt-7 {
  padding-top: 5rem !important; }

.pt-8 {
  padding-top: 6rem !important; }

.pt-9 {
  padding-top: 7rem !important; }

.pt-10 {
  padding-top: 8rem !important; }

.pb-6 {
  padding-bottom: 4rem !important; }

.pb-7 {
  padding-bottom: 5rem !important; }

.pb-8 {
  padding-bottom: 6rem !important; }

.pb-9 {
  padding-bottom: 7rem !important; }

.pb-10 {
  padding-bottom: 8rem !important; }

@media (min-width: 576px) {
  .pt-sm-6 {
    padding-top: 4rem !important; }

  .pt-sm-7 {
    padding-top: 5rem !important; }

  .pt-sm-8 {
    padding-top: 6rem !important; }

  .pt-sm-9 {
    padding-top: 7rem !important; }

  .pt-sm-10 {
    padding-top: 8rem !important; }

  .pb-sm-6 {
    padding-bottom: 4rem !important; }

  .pb-sm-7 {
    padding-bottom: 5rem !important; }

  .pb-sm-8 {
    padding-bottom: 6rem !important; }

  .pb-sm-9 {
    padding-bottom: 7rem !important; }

  .pb-sm-10 {
    padding-bottom: 8rem !important; } }
@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 4rem !important; }

  .pt-md-7 {
    padding-top: 5rem !important; }

  .pt-md-8 {
    padding-top: 6rem !important; }

  .pt-md-9 {
    padding-top: 7rem !important; }

  .pt-md-10 {
    padding-top: 8rem !important; }

  .pb-md-6 {
    padding-bottom: 4rem !important; }

  .pb-md-7 {
    padding-bottom: 5rem !important; }

  .pb-md-8 {
    padding-bottom: 6rem !important; }

  .pb-md-9 {
    padding-bottom: 7rem !important; }

  .pb-md-10 {
    padding-bottom: 8rem !important; } }
@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 4rem !important; }

  .pt-lg-7 {
    padding-top: 5rem !important; }

  .pt-lg-8 {
    padding-top: 6rem !important; }

  .pt-lg-9 {
    padding-top: 7rem !important; }

  .pt-lg-10 {
    padding-top: 8rem !important; }

  .pb-lg-6 {
    padding-bottom: 4rem !important; }

  .pb-lg-7 {
    padding-bottom: 5rem !important; }

  .pb-lg-8 {
    padding-bottom: 6rem !important; }

  .pb-lg-9 {
    padding-bottom: 7rem !important; }

  .pb-lg-10 {
    padding-bottom: 8rem !important; } }
header {
  background: #353A3F;
  height: 105px;
  color: #fff; }
  @media (max-width: 768px) {
    header {
      height: 87px; } }
  @media (max-width: 768px) {
    header > div > div img {
      width: 40%;
      min-width: 160px;
      max-width: 225px; } }
  @media (max-width: 768px) {
    header > div > div > div {
      display: none; } }
  header > div > div > div > p {
    margin-top: 5px; }
  header .tel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 32px;
    font-weight: bold; }
    header .tel p {
      margin-left: 10px;
      position: relative;
      top: -3px; }

section.content {
  padding: 75px; }
  @media (max-width: 768px) {
    section.content {
      padding: 5% 2%; } }
  section.content h1 {
    font-size: 32px; }
    @media (max-width: 768px) {
      section.content h1 {
        font-size: 20px; } }
  section.content .tel_text {
    font-size: 42px;
    font-weight: 700; }
    @media (max-width: 768px) {
      section.content .tel_text {
        font-size: 32px; } }
  section.content .error_message {
    background: #f4e9e9;
    border: 3px solid #C63131;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
    max-width: 822px; }
    @media (max-width: 768px) {
      section.content .error_message {
        max-width: 100%;
        padding: 10px 15px; } }
    section.content .error_message p {
      display: inline-block;
      text-align: left;
      margin-bottom: 0;
      color: #C63131;
      font-size: 20px;
      line-height: 2rem; }
      @media (max-width: 768px) {
        section.content .error_message p {
          font-size: 14px;
          line-height: 1.6rem; } }
  section.content form {
    margin-top: 40px; }
    section.content form .wrap {
      background: #F4F4F4;
      padding: 65px 100px; }
      @media (max-width: 768px) {
        section.content form .wrap {
          padding: 8% 2%; } }
    section.content form .col {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 768px) {
        section.content form .col {
          flex-wrap: wrap; } }
      section.content form .col:not(:first-of-type) {
        margin-top: 45px; }
        @media (max-width: 768px) {
          section.content form .col:not(:first-of-type) {
            margin-top: 45px; } }
      section.content form .col .index {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 30%;
        font-weight: 700;
        font-size: 20px;
        color: #000000; }
        @media (max-width: 768px) {
          section.content form .col .index b {
            line-height: 1.5; } }
        @media (max-width: 768px) {
          section.content form .col .index b span {
            font-weight: normal; } }
        @media (max-width: 768px) {
          section.content form .col .index {
            width: 100%;
            justify-content: flex-start;
            font-size: 14px; } }
        section.content form .col .index > span {
          background: #626262;
          color: #fff;
          text-align: center;
          padding: 0px 10px;
          font-size: 14px;
          width: 60px;
          font-weight: normal; }
          @media (max-width: 768px) {
            section.content form .col .index > span {
              margin-left: 20px;
              font-size: 12px; } }
          section.content form .col .index > span.must {
            background: #4AA0B5; }
      section.content form .col .inputs {
        width: 65%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        position: relative; }
        @media (max-width: 768px) {
          section.content form .col .inputs {
            width: 100%;
            margin-top: 5px;
            flex-wrap: wrap; } }
        section.content form .col .inputs input[type="text"],
        section.content form .col .inputs select,
        section.content form .col .inputs textarea {
          width: 100%;
          padding: 7px;
          border: 1px solid #C4C4C4; }
        @media (max-width: 768px) {
          section.content form .col .inputs textarea {
            height: 120px; } }
        section.content form .col .inputs > div {
          position: relative; }
      section.content form .col .checkbox {
        width: 70%;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        margin-right: -5%; }
        @media (max-width: 768px) {
          section.content form .col .checkbox {
            width: 100%;
            margin-top: 10px; } }
        section.content form .col .checkbox label {
          margin-right: 0; }
        section.content form .col .checkbox > div {
          display: flex;
          justify-content: center;
          align-items: center;
          background: #D6D6D6;
          padding: 7px 10px;
          border-radius: 7px; }
          @media (max-width: 768px) {
            section.content form .col .checkbox > div {
              margin-top: 15px; } }
          section.content form .col .checkbox > div:not(:last-of-type) {
            margin-right: 10px; }
            @media (max-width: 768px) {
              section.content form .col .checkbox > div:not(:last-of-type) {
                margin-right: 10px;
                margin-top: 15px; } }
        section.content form .col .checkbox input[type=checkbox],
        section.content form .col .checkbox input[type=radio] {
          opacity: 1;
          position: relative;
          margin-right: 5px; }
    section.content form .policy {
      border: 2px solid #4AA0B5;
      padding: 25px 20px;
      margin: 0 auto;
      margin-top: 45px;
      max-width: 1000px; }
      section.content form .policy.error_element {
        border: 2px solid #C63131; }
      section.content form .policy h3 {
        font-size: 20px;
        color: #000; }
        @media (max-width: 768px) {
          section.content form .policy h3 {
            font-size: 16px;
            font-weight: bold; } }
      section.content form .policy p {
        color: #000; }
        @media (max-width: 768px) {
          section.content form .policy p {
            font-size: 14px; } }
      @media (max-width: 768px) {
        section.content form .policy a {
          font-size: 12px; } }
      section.content form .policy > div {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 25px; }
        @media (max-width: 768px) {
          section.content form .policy > div {
            font-size: 14px; } }
      section.content form .policy input[type=checkbox],
      section.content form .policy input[type=radio] {
        opacity: 1;
        position: relative;
        margin-right: 5px; }
      section.content form .policy .err {
        position: relative !important;
        bottom: 0 !important; }
    section.content form button[type="submit"] {
      background: #4AA0B5;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 463px;
      width: 100%;
      text-align: center;
      margin: 0 auto;
      margin-top: 50px;
      font-size: 20px;
      border: none;
      height: 77px;
      transition-duration: 0.2s; }
      @media (max-width: 768px) {
        section.content form button[type="submit"] {
          font-size: 14px;
          height: 50px; } }
      section.content form button[type="submit"]:hover {
        opacity: 0.7;
        transition-duration: 0.2s; }
  section.content button.back {
    background: #777777 !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 463px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 20px;
    border: none;
    height: 77px;
    transition-duration: 0.2s; }
    @media (max-width: 768px) {
      section.content button.back {
        font-size: 14px;
        height: 50px; } }
    section.content button.back:hover {
      opacity: 0.7;
      transition-duration: 0.2s; }
  section.content.thanks h1 {
    font-size: 22px; }
    @media (max-width: 768px) {
      section.content.thanks h1 {
        font-size: 18px; } }
  section.content.thanks .wrap {
    background: #F4F4F4;
    padding: 25px 50px;
    color: #000;
    max-width: 728px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      section.content.thanks .wrap {
        padding: 6% 4%; } }
    section.content.thanks .wrap .tel {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32px;
      font-weight: bold; }
      section.content.thanks .wrap .tel p {
        margin-left: 10px;
        position: relative;
        top: -3px;
        color: #4AA0B5; }

a.defaultbtn {
  background: #4AA0B5;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 728px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  margin-top: 50px;
  font-size: 20px;
  border: none;
  height: 61px;
  transition-duration: 0.2s; }
  @media (max-width: 768px) {
    a.defaultbtn {
      font-size: 18px; } }
  a.defaultbtn:hover {
    opacity: 0.7;
    transition-duration: 0.2s; }

input[name="sei"] + .err #mei-error {
  display: none !important; }

input[name="mei"] + .err #sei-error {
  display: none !important; }

.err {
  display: block;
  position: absolute;
  bottom: -30px;
  width: 100%; }

input.error,
select.error {
  border: 1px solid #C63131 !important;
  background-image: url(../image/exclamation-circle.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 50%; }

.error_element.checkbox > div {
  background: #DCAEAE !important;
  color: #000000; }

@media (max-width: 768px) {
  form label.error {
    font-size: 0.63em; } }
form label.error img {
  width: 15px;
  height: 15px; }

p.bborder {
  border: 2px solid #4AA0B5;
  padding: 15px; }

.tlg {
  color: #ADADAD; }

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