html { 
    font-family: "Noto Sans JP", sans-serif;
    color: #1e1e1e;
    font-size: calc(100vw*(10/375));
}

@media screen and (min-width: 751px) {
    html { 
        font-size: calc(750px*(10/375));
    }
}

main {
    max-width: 750px;
    margin: 0 auto;
}

span {
    display: inline-block;
}

picture {
    display: block;
}

img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

a {
    display: inline-block;
}

section {
    position: relative;
}

.u-en {
    font-family: "Familjen Grotesk", sans-serif;
    font-weight: 600;
}

.u-ofh {
    overflow: hidden;
}

/* common */
@media screen and (min-width: 751px) {
    a {
        transition: opacity .5s 0s cubic-bezier(.44,.14,.09,1.02);
    }

    a:hover {
        opacity: .7;
    }
}

@keyframes slideAnimation {
    0% {
    transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.c-btns {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 33.5rem;
}
.c-btns.--02 {
    width: 30.6rem;
}

.c-btn {
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
}
.c-btn::after {
	animation: 2s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 25%, rgba(255,255,255,.6) 50%, rgba(255, 255, 255, 0) 75%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-15deg);
	width: 100%;
}

@keyframes shine {
	20% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}

/*===========================================================================*/
/*  footer  */
/*===========================================================================*/
footer {
    padding: 4rem 0 3rem;
    margin-bottom: 5rem;
}

.p-footer__inner {
    padding: 0 2rem;
    max-width: 750px;
    margin: 0 auto;
}

.p-footer__btns {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: 1rem;
}

.p-footer__btn {
    width: calc(50% - .25rem);
}
.p-footer__btn.--01 {
    width: 100%;
}

.p-footer__copyRight {
    margin-top: 4.5rem;
    color:#898989;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .05em;
}

/*===========================================================================*/
/*  main  */
/*===========================================================================*/
.p-mv__btns {
    position: absolute;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0);
    bottom: 4rem;
}

.p-sv__video {
    position: absolute;
    width: 33.5rem;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0);
    bottom: 4rem;
    aspect-ratio: 560/315;
}

.p-sv__video iframe {
    width: 100%;
    height: 100%;
}

.p-recommend {
    z-index: 2;
}

.p-solution {
    margin-top: -16.2rem;
}

.p-cta__btns {
    position: absolute;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0);
    bottom: 6rem;
}

.p-plan {
    padding: 5rem 2rem;
}

.p-plan__btns {
    margin: 1rem auto 0;
}

.p-flow {
    padding-bottom: 4rem;
}

.p-flow::before {
    background: linear-gradient(353deg, #273E57 23.83%, #007298 151.81%);
    content: '';
    height: calc(100% - 19rem);
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.p-flow__img {
    position: relative;
    z-index: 2;
}

.p-flow__list {
    position: relative;
    z-index: 2;
    padding: 0 2rem;
    margin-top: 1.9rem;
    display: flex;
    flex-direction: column;
    gap: 3.7rem;
}

.p-flow__list li {
    position: relative;
}
.p-flow__list li::before {
    background: url('../img/flow-tri.webp') no-repeat center center/contain;
    content: '';
    height: 1.6rem;
    left: 50%;
    position: absolute;
    top: calc(100% + 1.1rem);
    width: 3.8rem;
    transform: translate(-50%, 0);
}
.p-flow__list li:last-of-type:before {
    display: none;
}

.p-flow__list--nums {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    padding: 1.3rem 1.9rem;
    border-radius: .5rem .5rem 0 0;
    background: linear-gradient(90deg, #298BB4 0%, #223E49 100%);
}

.p-flow__list--num {
    width: 5.2rem;
    transform: translate(0, .1rem);
}

.p-flow__list li:nth-of-type(1) .p-flow__list--num {
    width: 4.6rem;
}
.p-flow__list li:nth-of-type(4) .p-flow__list--num {
    width: 5rem;
}

.p-flow__list--head {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .06em;
}

.p-flow__list--txts {
    background-color: #fff;
    padding: .8rem 1.5rem .8rem .8rem;
    border-radius: 0 0 .5rem .5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.p-flow__list--img {
    width: 12.1rem;
}

.p-flow__list--txt {
    width: calc(100% - 13.6rem);
    font-feature-settings: 'palt' on;
    font-size: 1.4rem;
    line-height: 1.54;
    letter-spacing: .06em;
}

.p-faq {
    padding: 5rem 2rem;
}

.p-faq__head {
    width: 20.8rem;
    margin: 0 auto;
}

.p-faq__list {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.p-faq__question {
    position: relative;
    padding: 1.4rem 1.5rem 1.5rem 3.6rem;
    border-radius: 1rem;
    background-color: #f2f4f6;
}

.p-faq__question .u-en {
    color:#32A8DB;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
}

.p-faq__question .--txt {
    font-feature-settings: 'palt' on;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .04em;
}

.p-faq__answer {
    margin-top: 1rem;
    padding-left: 3.6rem;
    position: relative;
}

.p-faq__answer .u-en {
    color:#32A8DB;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    left: 1.5rem;
    top: .3rem;
}

.p-faq__answer .--txt {
    font-feature-settings: 'palt' on;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: .06em;
}

.p-info {
    padding: 5rem 2rem;
    border-top: #1e1e1e solid .1rem;
    border-bottom: #1e1e1e solid .1rem;
}

.p-info__head {
    font-feature-settings: 'palt' on;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .05em;
}

.p-info__table {
    margin-top: 2.5rem;
}

.p-info__table dl {
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: #e1e1e1 solid .1rem;
}

.p-info__table dl dt {
    width: 8rem;
    font-feature-settings: 'pwid' on, 'palt' on;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .05em;
}

.p-info__table dl dd {
    width: calc(100% - 8rem);
    font-feature-settings: 'pwid' on, 'palt' on;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .05em;
}

.p-info__map {
    margin-top: 3rem;
    aspect-ratio: 335/228;
}

.p-info__map iframe {
    width: 100%;
    height: 100%;
}

.p-form {
    padding: 6.5rem 1rem 4rem;
}

.p-form__title {
    width: 25.9rem;
    margin: 0 auto;
}

/*===========================================================================*/
/*  btn  */
/*===========================================================================*/
.p-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    gap: 7px;
    text-align: center;
    max-width: 750px;
    z-index: 2;
    padding: 0 10px 0;
}