* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: calc(.25rem + 1em + .25rem)
}
:before, ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*:where(:not(fieldset, progress, meter)) {
    border-width: 0;
    border-style: solid;
    background-origin: border-box;
    background-repeat: no-repeat
}
html {
    block-size: 100%;
    -webkit-text-size-adjust: none
}
@media(prefers-reduced-motion: no-preference) {
    html:focus-within {
        scroll-behavior: smooth
    }
}
body {
    -webkit-font-smoothing: antialiased;
    min-block-size: 100%
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
    display: block
}
:where(img, svg, video) {
    block-size: auto;
    max-inline-size: 100%
}
:where(svg) {
    stroke: none;
    fill: currentColor
}
:where(svg):where(:not([fill])) {
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round
}
:where(svg):where(:not([width])) {
    inline-size: 5rem
}
:where(input, button, textarea, select), :where(input[type=file])::-webkit-file-upload-button {
    color: inherit;
    letter-spacing: inherit;
    font: inherit;
    font-size: inherit
}
:where(textarea) {
    resize: vertical
}
@supports(resize: block) {
    :where(textarea) {
        resize: block
    }
}
:where(p, h1, h2, h3, h4, h5, h6) {
    overflow-wrap: break-word
}
h1 {
    font-size: 2em
}
:where(ul, ol)[role=list] {
    list-style: none
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}
:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
:where(input[type=file]) {
    cursor: auto
}
:where(input[type=file])::-webkit-file-upload-button {
    cursor: pointer
}
:where(input[type=file])::-webkit-file-upload-button, :where(input[type=file])::file-selector-button {
    cursor: pointer
}
@media(prefers-reduced-motion: no-preference) {
    :focus-visible {
        -webkit-transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
        transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1)
    }
    :where(:not(:active)):focus-visible {
        -webkit-transition-duration: .25s;
        transition-duration: .25s
    }
}
:where(:not(:active)):focus-visible {
    outline-offset: 5px
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset]) {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
:where(input[type=file])::-webkit-file-upload-button {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}
:where(input[type=file])::-webkit-file-upload-button, :where(input[type=file])::file-selector-button {
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
    cursor: not-allowed
}
body {
    color: #333;
    font-size: 16px;
    font-family: "Noto Sans JP"
}
ul {
    padding: 0
}
ul li {
    list-style: none
}
span.block {
    display: block
}
span.-min {
    font-size: .9rem
}
.l-container {
    margin: 0 auto;
    max-width: 900px
}
.l-container.short {
    max-width: 780px
}
.l-container.long {
    max-width: 1080px
}
.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.blank {
    padding: 1rem 0
}
.col-2 {
    width: 50%
}
.col-3 {
    width: 30%
}
.btn {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}
.btn a img {
    margin: 0 auto;
    margin-top: 3rem;
    width: 90%
}
.btn a img.-anti {
    margin-top: 0
}
.btn.form {
    margin: 0 auto;
    padding: 1.5rem;
    width: 400px;
    border-radius: 6px;
    background: #009fa8;
    color: #fff;
    text-align: center;
    letter-spacing: .1rem;
    font-weight: 900;
    font-size: 1.4rem
}
.btn.form i {
    margin-right: .25rem;
    font-size: 1.8rem
}
.btn.form.l-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.btn:hover {
    opacity: .6
}
.l-section {
    padding-top: 8.75vw;
    padding-bottom: 8.75vw
}
.l-section.half {
    padding-top: 5.3125vw;
    padding-bottom: 5.3125vw
}
.inner .subttl {
    padding-bottom: 3.28125vw
}
.inner .subttl h2 img {
    margin: 0 auto;
    max-width: 800px;
    max-height: 200px
}
.inner .subttl h2 img.other {
    max-width: inherit;
    max-height: 160px
}
.inner .subttl h2 img.he80 {
    max-width: inherit;
    max-height: 80px
}
.inner .subttl h2 img.he100 {
    max-width: inherit;
    max-height: 100px
}
.inner .subttl h2 img.min {
    max-height: 60px
}
.inner .arrow {
    margin-bottom: 3.125vw
}
.inner .arrow img {
    margin: 0 auto;
    max-height: 140px;
    width: auto
}
.inner .note {
    margin-top: 2rem
}
.inner .note.-white {
    padding: 2rem;
    border-radius: 6px;
    background: #fff
}
.inner .note p {
    font-weight: bold;
    font-size: 1.1rem
}
.inner .note ul {
    margin-top: 1rem;
    padding-left: 1.5rem;
    font-size: .9rem
}
.inner .note ul li {
    list-style: disc
}
.mainvisual .inner .l-container {
    max-width: inherit
}
.formA {
    margin-top: -3rem;
    padding-bottom: 6.5625vw
}
.formA .inner .content form.l-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.formA .inner .content form#mailformpro {
    padding: 3rem 4rem;
    border: 12px solid #ff702f;
    border-radius: 0 0 6px 6px
}
.formA .inner .content form#mailformpro dl {
    margin-top: 2rem;
    width: 48%
}
.formA .inner .content form#mailformpro dl dt {
    padding-top: .25rem;
    width: 40%
}
.formA .inner .content form#mailformpro dl dt .col {
    position: relative
}
.formA .inner .content form#mailformpro dl dt .col.l-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.formA .inner .content form#mailformpro dl dt .col .required {
    position: absolute;
    right: 0;
    padding: .25rem .5rem;
    border-radius: 4px;
    background: #ff702f;
    color: #fff;
    font-size: .6rem
}
.formA .inner .content form#mailformpro dl dd {
    width: 50%;
}
.formA .inner .content form#mailformpro input, .formA .inner .content form#mailformpro select {
    padding: .25rem;
    width: 100%;
    border-radius: 4px;
border:2px solid #666;
}
.formA .inner .content form#mailformpro .confirmation {
    margin-top: 3rem;
    width: 100%
}
.choice {
    position: relative;
    z-index: 0;
    background: url("../img/main/wrapper-choice.webp") center/cover no-repeat
}
.choice:before {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: -1;
    background: inherit;
    background-color: rgba(255, 255, 255, .7);
    content: "";
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background-blend-mode: lighten
}
.choice .inner {
    position: relative;
    z-index: 1
}
.choice .inner .content .item img {
    width: 24%
}
.choice.second {
    background: none
}
.choice.second:before {
    content: none
}
.worries {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#aaa), to(#eee));
    background-image: linear-gradient(0deg, #aaa, #eee)
}
.worries .inner .content .item.l-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.worries .inner .content .item img {
    width: 45%
}
.service {
    padding-bottom: 8.75vw
}
.service .areaA {
    background: url("../img/main/wrapper-service.webp") center/cover no-repeat
}
.service .areaA .inner .box li {
    width: 31%;
    -webkit-transition: .3s ease;
    transition: .3s ease
}
.service .areaA .inner .box li:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.service .areaB .inner .content h3 img {
    margin: 0 auto;
    padding: 2rem 0;
    max-width: 700px;
    width: 100%
}
.service .areaB .inner .content .triangle {
    position: relative;
    margin-bottom: 2rem
}
.service .areaB .inner .content .triangle:before {
    position: absolute;
    top: 100%;
    left: 50%;
    border-right: 45px solid rgba(0, 0, 0, 0);
    border-left: 45px solid rgba(0, 0, 0, 0);
    content: "";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.service .areaB .inner .content .point__01 {
    background: #004eac
}
.service .areaB .inner .content .point__01.triangle:before {
    border-top: 30px solid #004eac
}
.service .areaB .inner .content .point__02 {
    margin-top: 2rem;
    background: #2da701
}
.service .areaB .inner .content .point__02.triangle:before {
    border-top: 30px solid #2da701
}
.service .areaB .inner .content .point__03 {
    margin-top: 2rem;
    background: #ad1f06
}
.service .areaB .inner .content .point__03.triangle:before {
    border-top: 30px solid #ad1f06
}
.service .areaB .inner .content .details {
    padding: 4rem 0
}
.service .areaB .inner .content .details .child li {
    width: 31%;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, .2)
}
.service .areaB .inner .content .details .child li img {
    width: 100%;
    height: 240px;
    border-radius: 4px 4px 0 0;
    -o-object-fit: cover;
    object-fit: cover
}
.service .areaB .inner .content .details .child li h4 {
    padding: 1rem;
    text-align: justify;
    font-size: 1.6rem;
    line-height: 1.6
}
.service .areaB .inner .content .details .child li h4 sup {
    font-size: .7rem
}
.service .areaB .inner .content .details .child li h4 span.normal {
    display: block;
    font-size: 1rem
}
.service .areaB .inner .content .details .child.col_2 li {
    width: 100%
}
.service .areaB .inner .content .details .child.col_2 li.l-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.service .areaB .inner .content .details .child.col_2 li .col.images {
    width: 40%
}
.service .areaB .inner .content .details .child.col_2 li .col.images img {
    height: 280px;
    border-radius: 4px 0 0 4px
}
.service .areaB .inner .content .details .child.col_2 li .col.text {
    padding: 1rem 2rem;
    width: 60%
}
.service .areaB .inner .content .details .child.col_2 li .col.text h4 {
    margin-bottom: 1rem;
    padding: 0;
    color: #ff702f;
    font-weight: bold;
    font-size: 1.8rem
}
.flow {
    background: rgba(0, 159, 168, .1)
}
.user .inner .content .item img {
    width: 48%;
    height: -webkit-fill-available
}
.qa {
    background: rgba(0, 159, 168, .1)
}
.qa .inner .content .accordion-container {
    margin: 0 auto;
    width: 100%
}
.qa .inner .content .accordion-container i {
    margin-right: .5rem
}
.qa .inner .content .accordion-list:not(:first-child) {
    margin-top: 1rem
}
.qa .inner .content .accordion-title {
    position: relative;
    padding: 20px 40px;
    border: 1px solid #009fa8;
    border-radius: 100px;
    background: #fff;
    color: #009fa8;
    font-weight: bold;
    font-size: 1.2rem;
    cursor: pointer
}
.qa .inner .content .accordion-title:after {
    position: absolute;
    top: 32%;
    right: 5%;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 3px solid #009fa8;
    border-right: 3px solid #009fa8;
    content: "";
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}
.qa .inner .content .accordion-title.open:after {
    top: 45%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.qa .inner .content .accordion-text {
    display: none;
    margin-bottom: 1rem;
    padding: 20px 40px
}
header .inner .l-container {
    max-width: inherit;
    width: 95%
}
header .inner .content {
    height: 80px
}
header .inner .content.l-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
header .inner .content .logo h1 img {
    width: 100%;
    height: 50px
}
header .inner .content .contact .tel {
    text-align: center
}
header .inner .content .contact .tel span {
    display: block;
    font-size: .8rem
}
header .inner .content .contact .tel a {
    color: #ff702f;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.6rem
}
header .inner .content .contact .tel a i {
    margin-right: .25rem
}
footer {
    background: #009fa8
}
footer .inner {
    padding: 2rem
}
footer .inner p.copyright {
    color: #fff;
    text-align: center;
    font-size: .8rem
}
@media screen and (max-width: 37.5em) {
    .l-container {
        max-width: inherit;
        width: 90%
    }
    .l-section {
        padding-top: 13.125vw;
        padding-bottom: 13.125vw
    }
    .l-section.half {
        padding-top: 13.125vw;
        padding-bottom: 13.125vw
    }
    .btn a img {
        margin-top: 1.5rem;
        width: 100%
    }
    .btn.form {
        padding: 1rem;
        width: 100%;
        font-size: 1.2rem
    }
    .btn.form i {
        margin-right: .5rem
    }
    .l-page {
        overflow: hidden
    }
    .btn.form {
        font-size: 1.1rem
    }
    .btn.form i {
        font-size: 1.2rem
    }
    .inner .subttl {
        margin-bottom: 3.125vw
    }
    .inner .subttl h2 img {
        max-width: inherit;
        width: 100%
    }
    .inner .subttl h2 img.other {
        max-width: 320px
    }
    .inner .subttl h2 img.min {
        max-height: 35px
    }
    .inner .subttl h2 img.he80 {
        max-height: 50px;
        width: auto
    }
    .inner .arrow img {
        max-height: 40px
    }
    .inner .note.-white {
        padding: 1rem
    }
    .inner .note p {
        text-align: center
    }
    .mainvisual .inner .l-container {
        width: 100%
    }
    .formA {
        margin-top: -5rem
    }
    .formA.last {
        margin-top: 0;
        padding-top: 2rem
    }
    .formA .inner .content form.l-flex {
        display: block
    }
    .formA .inner .content form#mailformpro {
        padding: 1.5rem;
        border: 8px solid #ff702f
    }
    .formA .inner .content form#mailformpro dl {
        margin-top: 0;
        width: 100%
    }
    .formA .inner .content form#mailformpro dl.l-flex {
        display: block
    }
    .formA .inner .content form#mailformpro dl dt, .formA .inner .content form#mailformpro dl dd {
        width: 100%
    }
    .formA .inner .content form#mailformpro dl dt p, .formA .inner .content form#mailformpro dl dd p {
        font-size: .9rem
    }
    .formA .inner .content form#mailformpro dl dt .col .required {
        padding: .1rem .4rem;
        border-radius: 2px;
        font-size: .6rem
    }
    .formA .inner .content form#mailformpro dl:nth-child(n+3) {
        margin-top: 1rem
    }
    .formA .inner .content form#mailformpro .blank {
        padding: 0
    }
    .formA .inner .content form#mailformpro .confirmation {
        margin-top: 2rem
    }
    .choice .inner .content .item.l-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .choice .inner .content .item img {
        margin-bottom: .75rem;
        width: 48%
    }
    .worries .inner .content .item img {
        width: 49%
    }
    .service .areaB .inner .content h3 img {
        width: 90%
    }
    .service .areaB .inner .content .triangle:before {
        border-right: 30px solid rgba(0, 0, 0, 0);
        border-left: 30px solid rgba(0, 0, 0, 0)
    }
    .service .areaB .inner .content .point__01.triangle:before {
        border-top: 20px solid #004eac
    }
    .service .areaB .inner .content .details {
        padding: 2rem 0;
        padding-bottom: 1rem
    }
    .service .areaB .inner .content .details .child.l-flex {
        display: block
    }
    .service .areaB .inner .content .details .child li {
        margin: 0 auto;
        width: 90%
    }
    .service .areaB .inner .content .details .child li img {
        height: 180px
    }
    .service .areaB .inner .content .details .child li h4 {
        font-size: 1.4rem
    }
    .service .areaB .inner .content .details .child li:nth-child(n+2) {
        margin-top: 1rem
    }
    .service .areaB .inner .content .details .child.col_2 li {
        margin: 0 auto;
        width: 90%
    }
    .service .areaB .inner .content .details .child.col_2 li.l-flex {
        display: block
    }
    .service .areaB .inner .content .details .child.col_2 li .col.images, .service .areaB .inner .content .details .child.col_2 li .col.text {
        width: 100%
    }
    .service .areaB .inner .content .details .child.col_2 li .col.images h4, .service .areaB .inner .content .details .child.col_2 li .col.text h4 {
        font-size: 1.4rem
    }
    .service .areaB .inner .content .details .child.col_2 li .col.images img {
        height: 180px
    }
    .user .inner .content .item.l-flex {
        display: block
    }
    .user .inner .content .item img {
        margin-bottom: 1rem;
        width: 100%;
        height: auto
    }
    .qa .inner .content .accordion-title {
        padding: 1rem 2rem 1rem 1rem;
        border-radius: 10px;
        font-size: 1rem
    }
    .qa .inner .content .accordion-text {
        margin-bottom: 1rem;
        padding: 10px 20px;
        text-align: justify;
        font-size: .9rem
    }
    header .inner .content {
        height: 50px
    }
    header .inner .content .logo {
        width: 20%
    }
    header .inner .content .logo h1 img {
        height: 40px
    }
    header .inner .content .contact {
        width: 50%
    }
    header .inner .content .contact .tel span {
        font-size: .6rem
    }
    header .inner .content .contact .tel a {
        font-size: 1.2rem
    }
}
/*# sourceMappingURL=style.css.map */
.mt30{margin-top:30px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}



.t-s1 th {
  background: #f1f1f1;
  border: solid 1px #fff;
  padding: 20px 20px;
text-align:left;
font-weight:normal;
}
.t-s1 td {
  padding: 20px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {

    width: 100%;
  }
  .t-s1 {
    width: 100%;
  }
  .t-s1 th,
  .t-s1 td {
�@�@border-bottom: none;
    display: block;
    width: 100%;
  }
}
 
.copyright a{color:#fff;}