abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    line-height: 1.6em
  }
  
  html {
    font-size: 62.5%;
    scroll-behavior: smooth
  }
  
  body {
    line-height: 1
  }
  
  a {
    color: #000
  }
  
  img {
    max-width: 100%
  }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
  }
  
  nav ul {
    list-style: none
  }
  
  form input, form textarea {
    outline: 0
  }
  
  input[type=button], input[type=submit] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: 0;
    box-sizing: border-box
  }
  
  input[type=button]::-webkit-search-decoration, input[type=submit]::-webkit-search-decoration {
    display: none
  }
  
  input[type=button]::focus, input[type=submit]::focus {
    outline-offset: -2px
  }
  
  blockquote, q {
    quotes: none
  }
  
  blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
  }
  
  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
  }
  
  p {
    font-size: 16px
  }
  
  ins {
    text-decoration: none
  }
  
  ins, mark {
    background-color: #ff9;
    color: #000
  }
  
  mark {
    font-style: italic;
    font-weight: 700
  }
  
  del {
    text-decoration: line-through
  }
  
  abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  
  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
  }
  
  input, select {
    vertical-align: middle
  }
  
  ::-webkit-scrollbar {
    display: none
  }
  
  ul li {
    list-style: none
  }
  
  a, p {
    letter-spacing: .1em
  }
  
  img {
    height: auto
  }
  
  body, button, textarea {
    font: inherit;
    font-family: Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo, sans-serif;
    font-weight: 400
  }
  
  @media(min-width:641px) {
    .pc {
      display: block
    }
  }
  
  @media(max-width:640px) {
    .pc {
      display: none
    }
  }
  
  @media(min-width:641px) {
    .sp {
      display: none
    }
  }
  
  @media(max-width:640px) {
    .sp {
      display: block
    }
  }
  
  a {
    text-decoration: none;
    transition: opacity .4s
  }
  
  a:hover {
    opacity: .6
  }
  
  img {
    display: block
  }

  body { 
    background-color: #fffdf6
  }
  
  .l-main {
    max-width: 375px;
    background-color: #fff;
    margin: auto
  }
  @media(max-width:768px) {
    .l-main {
      max-width: 100%;
      margin: auto
    }
  }
  
   .p-content img{
    display: block;
    height: auto;
    width: 100%;
    align-self: flex-start
   }

  .l-attention {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.6em
  }
  
  .l-submit {
    background: transparent;
    padding: 0;
    border: 0
  }
  
  .l-submit img {
    width: 100%
  }

  .p-cta {
    margin-top:60px;
    margin-bottom:10px;
    background-color: #fff
  }

  #anker-banner {
    width: 100%;
    z-index: 4;
    text-align: center;
    padding: 0 0 15px 0;
    display: flex;
    align-items: center;
    transition: .2s
  }
  
  #anker-banner a {
    text-decoration: none
  }
  
  .anker-banner-link-center {
    display: block;
    position: relative;
    margin: 0;
    width: 100%
  }
  
  .anker-banner-img-center {
    position: absolute;
    top: 25px;
    width: 62.584px;
    left: 5px
  }
  
  .anker-banner-top-text-center {
    margin-bottom: 20px;
    display: flex;
    padding: 5px 0;
    font-weight: 700;
    color: #000000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2em;
    justify-content: center;
    align-items: center;
    position: relative
  }

  .anker-banner-top-text-center::before,
  .anker-banner-top-text-center::after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #000;
    margin: 0px 3px 3px
  }
 
  .anker-banner-top-text-center::before {
    transform: rotate(55deg)
  }
  
  .anker-banner-top-text-center::after {
    transform: rotate(-55deg)
  }

  .anker-banner-text-center {
    font-weight: 700;
    color: #FFFFFF;
    background: #59DD91;
    border-radius: 8px;
    letter-spacing: 1px;
    line-height: 1.2em;    
    margin-bottom: 20px;
    padding: 20px 0 20px 20px;
    margin-left: 18px;
    margin-right: 18px;
    font-size: 17px;
    width: auto
  }
  /**/
  
  #fixed-banner {
    position: fixed;
    bottom: 0;
    background: rgb(238, 237, 237, .95);
    width: 375px;
    z-index: 4;
    text-align: center;
    padding: 15px 0;
    display: flex;
    align-items: flex-end;
    transition: .2s
  }

  @media(max-width:768px) {
    #fixed-banner {
      max-width: 100%;
      width: 100%;
      margin: auto
    }
  }
  
  #fixed-banner a {
    text-decoration: none
  }
  
  .fixed-banner-link-center {
    display: block;
    margin: 0;
    position: relative;
    max-width:100%;
    width: 100%
  }
  
  .fixed-banner-img-center {
    position: absolute;
    width: 60px;
    top: -12px;
    left: 5px;
    z-index: 1
  }
  
  .fixed-banner-text-center {
    font-weight: 700;
    color: #fff;
    background: #EA3131;
    border-radius: 10px;
    width: calc(100% - 95px);
    padding: 20px 0;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1.2em;
    position: relative;
    margin-left: 15px
  }
  
  .fixed-banner-text-center::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 8%;
    transform: rotate(135deg); 
    margin: 15px auto 15px
  }

  .fixed-banner-link-right {
    position: absolute;
    right: 0px;
    width: 58px;
    height: 58px;
    border-radius: 5px;
    background: #D8D8D8;
    margin-right: 10px;
  }
  
  .fixed-banner-triangle-right {
    width: 8px;
    height: 8px;
    border-top: 1px solid #212121;
    border-right: 1px solid #212121;
    transform: translateY(-20%) rotate(-45deg); 
    margin: 20px auto 5px
  }
  
  .fixed-banner-text-right {
    text-align: center;
    color: #262626;
    position: relative;
    font-weight: 700;
    font-size: 12px;
    top: 15%;
    transform: translateY(-80%)
  }
  
  .fixed-banner-hide {
    opacity: 0;
    visibility: hidden
  }
  
  @media screen and (max-width:370px) {
    .fixed-banner-img-center {
      display: none
    }
  }
  
  .l-form {
    background-color: #f5f5f5
  }
  
  @media(max-width:640px) {
    .l-form {
      overflow-x: clip
    }
  }
  
  .l-form .l-form__head {
    line-height: 1;
    font-size: 2.4rem;
    text-align: center;
    letter-spacing: .1em;
    font-weight: 600
  }
  
  .l-form .l-form__catch {
    font-size: 1.3rem;
    max-width: 5in;
    margin: 40px auto
  }
  
  .l-form .l-form__inner {
    position: relative;
    margin: auto;
    padding: 56px 0;
    max-width: 343px
  }
  
  .l-form .l-form__form {
    width: 100%;
    max-width: 5in;
    margin: auto
  }
  
  .l-form .l-form__form .l-form__formCell:not(:last-child) {
    margin-bottom: 40px
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__title {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1pc;
    display: flex;
    align-items: center;
    line-height: 1
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__title.l-form__formCell__title--need:after {
    content: "*";
    color: #f5235e;
    font-size: 2rem;
    margin-left: 5px;
    line-height: 1
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea #date_error.error, .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea label.error {
    font-size: 1.4rem;
    margin-top: 10px;
    color: red;
    display: block
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea #check_error {
    text-align: center;
    font-size: 1.4rem;
    color: red;
    display: block
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input {
    transition: all .4s;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    padding: 1pc;
    box-sizing: border-box;
    font-size: 1.6rem
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input:focus {
    background-color: #e5ebf6;
    border: 1px solid #e5ebf6
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input:placeholder {
    color: #bbb
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input:not(:first-child) {
    margin-top: 1pc
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input.l-form__formCell__input--la {
    width: 100%
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__input.l-form__formCell__input--textarea {
    width: 100%;
    height: 200px;
    resize: none
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea.l-form__formCell__inputArea--name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea.l-form__formCell__inputArea--name .l-form__formCell__input:not(:first-child) {
    margin-top: 10px
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea.l-form__formCell__inputArea--name .l-form__formCell__input.l-form__formCell__input--name {
    width: 100%
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .form-calendar-js .selectBtn {
    transition: all .4s;
    background-color: #fff;
    border: 1px solid #bcbcbc;
    border-radius: 5px;
    padding: 22px 1pc;
    box-sizing: border-box;
    font-size: 1.6rem
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .form-calendar-js .selectBtn>p {
    line-height: 1.7;
    font-size: 1.5rem;
    width: calc( 100% - 60px )
  }

  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .form-calendar-js .selectBtn>span {
    background-color: #F9DC32;
    color: #000;
    height: 44px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkText {
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 6px;
    text-align: center;
    border: 1px solid #bcbcbc;
    margin-bottom: 20px;
    font-size: 1.4rem
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkText a {
    color: #002FA0;
    text-decoration: underline
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__attention {
    font-size: 1.4rem
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkBox input {
    opacity: 0!important;
    display: inline!important;
    width: 0!important;
    position: absolute
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkBox #label_check {
    display: table;
    font-size: 1.6rem;
    margin: 40px auto 10px
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkBox #label_check:before {
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #a5131a;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkBox #label_check.checked:before {
    background-color: #a5131a;
    background-size: 9pt;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%229.252%22%20viewBox%3D%220%200%2012.828%209.252%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_477%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20477%22%20transform%3D%22translate(2509.164%20-837)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_31%22%20data-name%3D%22%E3%83%91%E3%82%B9%2031%22%20d%3D%22M1096.62%2C1468.635l6.838%2C6.61-3.39%2C3.39%22%20transform%3D%22translate(-258.206%201029.115)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__inputArea .l-form__formCell__checkBox #check-error {
    display: table;
    margin: auto
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__selectLabel {
    position: relative
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__selectLabel .l-form__formCell__input {
    width: 25pc;
    max-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  
  .l-form .l-form__form .l-form__formCell .l-form__formCell__selectLabel:before {
    content: "";
    position: absolute;
    width: 1pc;
    height: 8px;
    background-image: url(img/select_arrow.svg);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto
  }
  
  .l-form .l-form__submit {
    background-color: #F9DC32;
    color: #000;
    width: 343px;
    border-radius: 6px;
    border: 0;
    display: table;
    margin: auto;
    padding: 20px 0;
    position: relative;
    transition: all .4s;
    cursor: pointer
  }
  
  .l-form .l-form__submit p {
    font-size: 1.8rem;
    font-weight: 600
  }
  
  .l-form .l-form__submit:before {
    content: "";
    background-image: url(img/submit_arrow.svg);
    height: 20px;
    width: 10px;
    background-size: cover;
    position: absolute;
    top: -4%;
    bottom: 0;
    margin: auto;
    right: 24px
  }
  
  .l-form .l-form__submit:hover {
    opacity: .6
  }
  
  .l-footer {
    width: 100%;
    max-width: 375px;
    margin: auto;
    background-color: #383838
  }

  @media(max-width:768px) {
    .l-footer {
      width: 100%;
      max-width: 100%;
    }
  }
  
  .l-footer .l-footer__inner {
    margin: auto;
    padding: 56px 20px 30px
  }
  
  .l-footer .l-footer__inner .l-footer__inner__conent {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    flex-direction: column
  }
  
  .l-footer .l-footer__inner .l-footer__inner__conent .l-footer__inner__conent__link {
    margin-bottom: 30px
  }

  .l-footer .l-footer__inner .l-footer__inner__conent .l-footer__inner__conent__link img {
    width: 174px
  }
  
  .l-footer .l-footer__inner .l-footer__inner__conent .l-footer__inner__conent__text {
    font-size: 1.4rem;
    color: #fff
  }
  
  .l-footer .l-footer__inner .l-footer__inner__conent .l-footer__inner__conent__text a {
    color: #fff
  }
  
  .l-footer__inner__conent__text a.privacy-policy {
    display: inline-block;
    margin-top: 7px;
    text-decoration: underline;
    text-decoration-color: rgb(116, 116, 116);
  }

  .l-footer__inner__conent__text a.security {
    display: inline-block;
    margin-top: 7px;
    text-decoration: underline;
    text-decoration-color: rgb(116, 116, 116);
  }

  .l-footer .l-footer__inner .l-footer__inner__copy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse
  }
  
  .l-footer .l-footer__inner .l-footer__inner__copy .l-footer__inner__copy__text {
    font-size: 1rem;
    color: #fff
  }
  
  .l-footer .l-footer__inner .l-footer__inner__copy .p-mark {
    margin-bottom: 10px
  }
  
  .l-footer .l-footer__inner .l-footer__inner__copy .p-mark img {
    width: 45px
  }