body {
    color: black;
    height: 100vh;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

a {
    color: black;
    text-decoration: none;
    display: block;
}

p {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

button {
    cursor: pointer;
    color: black;
    border: none;
    background-color: white;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    object-fit: cover;
    display: block;
}

.img > img {
    width: 100%;
    height: 100%;
}

input {
    padding: 0;
}

dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

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

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

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-al {
    display: flex;
    align-items: center;
}

.posi-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contents-width {
    width: calc(100% - ((710 / 1900)* 100vw));
    margin: 0 auto;
}

.section-padding {
    padding: calc((55 / 1900)* 100vw) 0;
}

.ttl {
    margin-bottom: calc((55 / 1900)* 100vw);
    width: 100%;
}

.hover-opacity {
    transition: all 0.3s;
    opacity: 1;
}
.hover-opacity:hover {
    opacity: 0.6;
}

/* ヘッダー */
.header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: calc((10 / 1900)* 100vw) 0;
    transition: all 0.3s;
    z-index: 9999;
}

.scroll-white {
    background: white;
}

.header__inner {
    display: flex;
}

.header__logo > a > img {
    width: calc((280 / 1900)* 100vw);
    /* position: relative;
    top: calc((20 / 1900)* 100vw); */
}

.header__contents {
    margin-left: auto;
}

.header__contents > p {
    font-size: calc((16 / 1900)* 100vw);
    margin-right: calc((55 / 1900)* 100vw);
}

.header__btn {
    display: flex;
}
.header__btn > a {
    width: calc((185 / 1900)* 100vw);
}
.header__btn > a:last-child {
    margin-left: calc((15 / 1900)* 100vw);
}

/* fvセクション */
.fv {
    background-image: url(../img/hero_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: calc((830 / 1900)* 100vw);
}

.fv__left {
    /* margin-top: calc((185 / 1900)* 100vw); */
}
.fv__left > img:nth-child(1) {
    width: calc((670 / 1900)* 100vw);
}
.fv__left > img:nth-child(2) {
    width: calc((700 / 1900)* 100vw);
}

.fv__right {
    margin-top: calc((530 / 1900)* 100vw);
}
.fv__right > a {
    width: calc((225 / 1900)* 100vw);
}
.fv__right > a:nth-child(1) {
    margin-right: calc((20 / 1900)* 100vw);
}

/* doセクション */
.do__top {
    width: calc((1020 / 1900)* 100vw);
    margin: 0 auto calc((45 / 1900)* 100vw);
}

.do__txt {
    font-size: calc((16 / 1900)* 100vw);
    line-height: 2;
    margin-top: calc((45 / 1900)* 100vw);
}

/* pointセクション */

.point__contents-wrapper {
    margin-bottom: calc((110 / 1900)* 100vw);
}

.point__contents {
    width: calc(100% - ((710 / 1900) * 100vw));
    margin: 0 auto;
    background-color: #F4EFDC;
}

.point__contents:nth-child(2n) {
    flex-direction: row-reverse;
    background-color: white;
}

.point__left {
    width: 45%;
    height: calc((420 / 1900) * 100vw);
}

.point__right {
    width: calc(55% - 120px);
    height: calc((280 / 1900) * 100vw);
    padding: calc((70 / 1900)* 100vw) calc((60 / 1900)* 100vw);
    background-color: #F4EFDC;
}
.point__contents:nth-child(2n) .point__right {
    background-color: white;
}

.point__txt {
    font-size: calc((16 / 1900)* 100vw);
    line-height: 2;
}

.point__a {
    width: calc((475 / 1900)* 100vw);
    margin: 0 calc((30 / 1900)* 100vw);
}

.cus__contents {
    justify-content: flex-end;
    margin-bottom: calc((75 / 1900)* 100vw);
}
.cus__contents:nth-child(2n) {
    flex-direction: row-reverse;
}
.cus__contents:last-child {
    margin-bottom: 0;
}

.cus__left {
    width: calc((470 / 1900)* 100vw);
    margin-right: calc((35 / 1900)* 100vw);
}
.cus__contents:nth-child(2n) .cus__left {
    margin-left: calc((35 / 1900)* 100vw);
}

.cus__h3 {
    margin-bottom: calc((25 / 1900)* 100vw);
}

.cus__txt {
    font-size: calc((16 / 1900)* 100vw);
    line-height: 2;
}

.cus__right {
    width: calc((950 / 1900)* 100vw);
}

/* priセクション */
.pri__txt {
    font-size: calc((16 / 1900)* 100vw);
    line-height: 2;
    width: fit-content;
    margin: 0 auto calc((35 / 1900)* 100vw);
}

.pri__contents-wrapper > img {
    width: calc((245 / 1900)* 100vw);
    margin: 0 calc((23 / 1900)* 100vw);
}

/* faqセクション */
.faq {
    background-color: #F7F7F7;
}

.faq__contents-wrapper {
    width: calc((1020 / 1900)* 100vw);
    padding: 0 calc((25 / 1900)* 100vw) calc((20 / 1900)* 100vw) calc((25 / 1900)* 100vw);
    margin: 0 auto;
}

.faq__contents {
    padding-bottom: calc((22 / 1900)* 100vw);
    border-bottom: 1px solid #CBCBCB;
    margin-bottom: calc((35 / 1900)* 100vw);
}

.faq__qa > img {
    width: calc((50 / 1900)* 100vw);
    position: relative;
    z-index: 1;
}
.faq__q > img {
    margin-right: calc((25 / 1900)* 100vw);
}

.faq__q {
    margin-bottom: calc((35 / 1900)* 100vw);
    font-size: calc((24 / 1900)* 100vw);
    font-weight: bold;
}

.faq__a {
    font-size: calc((18 / 1900)* 100vw);
    line-height: 2;
}
.faq__a > p {
    padding: calc((20 / 1900)* 100vw) calc((45 / 1900)* 100vw);
    background-color: white;
    border-radius: calc((20 / 1900)* 100vw);
    position: relative;
    left: calc((-27 / 1900)* 100vw);
    z-index: 0;
}


/* resセクション */
.res__txt {
    font-size: calc((16 / 1900)* 100vw);
    line-height: 2;
    width: fit-content;
    margin: 0 auto calc((70 / 1900)* 100vw);
}

.res__a {
    margin: 0 auto;
    width: calc((775 / 1900)* 100vw);
}
.res__a:last-child {
    margin-top: calc((60 / 1900)* 100vw);
}

/* accセクション */
.acc__contents-wrapper {
    width: calc((1020 / 1900)* 100vw);
    margin: 0 auto;
}

.acc__contents {
    margin-bottom: calc((55 / 1900)* 100vw);
    padding-bottom: calc((15 / 1900)* 100vw);
    border-bottom: 1px solid #CBCBCB;
}
.acc__contents:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.acc__h3 {
    width: calc((405 / 1900)* 100vw);
    margin-bottom: calc((30 / 1900)* 100vw);
}

.acc__ul {
    width: calc((580 / 1900)* 100vw);
    margin: 0 auto;
    margin-bottom: calc((40 / 1900)* 100vw);
    font-size: calc((16 / 1900)* 100vw);
}

.acc__li {
    margin-bottom: calc((20 / 1900)* 100vw);
    align-items: flex-start;
}
.acc__li > span {
    color: white;
    border-radius: 10px;
    width: calc((80 / 1900)* 100vw);
    height: calc((38 / 1900)* 100vw);
    background-color: #F6D857;
    margin-right: calc((15 / 1900)* 100vw);
}
.acc__li > p  {
    line-height: 2;
}

.acc__map {
    width: calc((580 / 1900)* 100vw);
    height: calc((317 / 1900)* 100vw);
    border-radius: calc((30 / 1900)* 100vw);
    margin: 0 auto;
    margin-bottom: calc((45 / 1900)* 100vw);
}
.acc__map > iframe {
    width: 100%;
    height: 100%;
    border-radius: calc((30 / 1900)* 100vw);
}

.acc__a {
    width: calc((645 / 1900)* 100vw);
    margin: 0 auto;
}

/* footer */
.footer {
    padding: calc((50 / 1900)* 100vw) 0 calc((15 / 1900)* 100vw);
    background-color: #F7F7F7;
}
.footer > img {
    margin: 0 auto;
    width: calc((290 / 1900)* 100vw);
    margin-bottom: calc((30 / 1900)* 100vw);
}
.footer > p {
    text-align: center;
    font-size: calc((14 / 1900)* 100vw);
    color: #854836;
}

@media (max-width: 768px) {
    .contents-width {
        width: calc(100% - 60px);
    }
    
    .section-padding {
        padding: calc((50 / 750)* 100vw) 0;
    }
    
    .ttl {
        margin-bottom: calc((50 / 750)* 100vw);
    }
    
    /* ヘッダー */
    
    .header__inner {
        display: flex;
    }
    
    .header__logo > a > img {
        width: calc((320 / 750)* 100vw);
    }
    
    .header__contents {
        display: none;
    }
    
    /* fvセクション */
    .fv {
        background-image: url(../img/hero_bg_sp.png);
        height: calc((1430 / 750)* 100vw);
    }

    .fv__inner {
        flex-direction: column;
    }
    
    .fv__left {
        margin-top: calc((350 / 750)* 100vw);
    }
    .fv__left > img:nth-child(2) {
        width: calc((610 / 750)* 100vw);
    }
    .fv__left > img:nth-child(4) {
        width: calc((585 / 750)* 100vw);
        margin-top: calc((50 / 750)* 100vw);
    }
    
    .fv__right {
        margin-top: calc((25 / 750)* 100vw);
        margin-left: auto;
    }
    .fv__right > a {
        width: calc((225 / 750)* 100vw);
    }
    .fv__right > a:nth-child(1) {
        margin-right: calc((20 / 750)* 100vw);
    }
    
    /* doセクション */
    .do__top {
        width: 100%;
        margin: 0 auto calc((45 / 750)* 100vw);
    }
    
    .do__txt {
        font-size: calc((24 / 750)* 100vw);
        margin-top: calc((40 / 750)* 100vw);
    }
    
    /* pointセクション */
    
    .point__contents-wrapper {
        margin-bottom: calc((100 / 750)* 100vw);
    }
    
    .point__contents {
        width: calc(100% - 60px);
        flex-direction: column;
        background-color: unset;
        margin-bottom: calc((80 / 750) * 100vw);
    }
    
    .point__contents:nth-child(2n) {
        flex-direction: column;
        background-color: unset;
    }
    
    .point__left {
        width: calc((525 / 750) * 100vw);
        height: auto;
    }
    
    .point__right {
        width: 84%;
        height: auto;
        padding: calc((70 / 750)* 100vw) calc((60 / 750)* 100vw);
    }
    .point__contents:nth-child(2n) .point__right {
        background-color: unset;
        background-color: #F4EFDC;
    }
    
    .point__txt {
        font-size: calc((24 / 750)* 100vw);
        line-height: 1.8;
    }
    
    .point__a {
        width: calc((225 / 750)* 100vw);
        margin: 0 calc((30 / 750)* 100vw);
    }
    
    .cus__contents {
        flex-direction: column-reverse;
        margin-bottom: calc((50 / 750)* 100vw);
    }
    .cus__contents:nth-child(2n) {
        flex-direction: column-reverse;
    }
    
    .cus__left {
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    .cus__contents:nth-child(2n) .cus__left {
        margin: 0 auto;
    }
    
    .cus__h3 {
        margin-bottom: calc((25 / 750)* 100vw);
    }
    
    .cus__txt {
        font-size: calc((24 / 750)* 100vw);
        line-height: 1.8;
    }
    
    .cus__right {
        width: calc((710 / 750)* 100vw);
        margin-left: auto;
        margin-bottom: calc((25 / 750)* 100vw);
    }
    .cus__contents:nth-child(2n) .cus__right {
        margin-right: auto;
        margin-left: 0;
    }
    
    /* priセクション */
    .pri__txt {
        font-size: calc((24 / 750)* 100vw);
        line-height: 1.8;
        margin: 0 auto calc((20 / 750)* 100vw);
    }

    .pri__contents-wrapper {
        flex-direction: column;
    }
    
    .pri__contents-wrapper > img {
        width: 100%;
        margin: 0 0 calc((25 / 750)* 100vw);
    }
    
    /* faqセクション */
    
    .faq__contents-wrapper {
        width: 100%;
        padding: 0;
    }
    
    .faq__contents {
        padding-bottom: calc((40 / 750)* 100vw);
        margin-bottom: calc((40 / 750)* 100vw);
    }
    
    .faq__qa > img {
        width: calc((53 / 750)* 100vw);
    }
    .faq__q > img {
        margin-right: calc((25 / 750)* 100vw);
    }
    
    .faq__q {
        margin-bottom: calc((40 / 750)* 100vw);
        font-size: calc((28 / 750)* 100vw);
    }
    
    .faq__a {
        font-size: calc((24 / 750)* 100vw);
        line-height: 1.8;
    }
    .faq__a > p {
        padding: calc((20 / 750)* 100vw) calc((40 / 750)* 100vw);
        left: calc((-27 / 750)* 100vw);
    }
    .faq__a > img {
        position: relative;
        top: calc((-84 / 750)* 100vw);
    }
    
    
    /* resセクション */
    .res__txt {
        font-size: calc((24 / 750)* 100vw);
        line-height: 1.8;
        margin: 0 auto calc((60 / 750)* 100vw);
    }
    
    .res__a {
        margin: 0 auto;
        width: 100%;
    }
    .res__a:last-child {
        margin-top: calc((60 / 750)* 100vw);
    }
    
    /* accセクション */
    .acc__contents-wrapper {
        width: 100%;
    }
    
    .acc__contents {
        margin-bottom: calc((50 / 750)* 100vw);
        padding-bottom: calc((50 / 750)* 100vw);
    }
    
    .acc__h3 {
        width: calc((405 / 750)* 100vw);
        margin-bottom: calc((50 / 750)* 100vw);
    }
    
    .acc__ul {
        width: 100%;
        margin-bottom: calc((40 / 750)* 100vw);
        font-size: calc((20 / 750)* 100vw);
    }
    
    .acc__li {
        margin-bottom: calc((25 / 750)* 100vw);
    }
    .acc__li > span {
        border-radius: 5x;
        width: calc((100 / 750)* 100vw);
        height: calc((44 / 750)* 100vw);
        margin-right: calc((15 / 750)* 100vw);
    }
    .acc__li > p  {
        line-height: 1.8;
        font-size: calc((18 / 750)* 100vw);
    }
    
    .acc__map {
        width: 100%;
        height: calc((366 / 750)* 100vw);
        border-radius: calc((30 / 750)* 100vw);
        margin-bottom: calc((60 / 750)* 100vw);
    }
    
    .acc__a {
        width: 100%;
    }
    
    /* footer */
    .footer {
        padding: calc((50 / 750)* 100vw) 0 calc((15 / 750)* 100vw);
        background-color: #F7F7F7;
    }
    .footer > img {
        width: calc((290 / 750)* 100vw);
        margin-bottom: calc((30 / 750)* 100vw);
    }
    .footer > p {
        text-align: center;
        font-size: calc((14 / 750)* 100vw);
        color: #854836;
    }
}