@charset "utf-8";



    .clearfix {

        display: block;

    }



    .sp {

        display: none;

    }



    body {

        font-family: "Noto Sans JP", serif;

        font-optical-sizing: auto;

        font-weight: 400;

        font-style: normal;

        color: #333333;

        font-size: 24px;

        font-feature-settings: "palt";

        letter-spacing: 2px;

    }



    /*header*/

    header {

        width: 100%;

        background-color: #faf4e1;

        background-image: url(../images/fv_bg.webp);

        background-position: center top;

        background-repeat: no-repeat;

        padding: 50px 0 120px 0;

        height: 799px;

        box-sizing: border-box;

        text-align: center;

    }



    header h1 {

        margin: 0 0 44px 0;

    }



    header figure {

        margin: 0 0 40px;

    }



    /* box01 */

    #box01_01 {

        background-color: #ffffcd;

        padding: 72px 0;

    }



    #box01_fukudashi {

        display: flex;

        justify-content: center;

        position: relative;

        max-width: 500px;

        margin-bottom: 15px;

        line-height: 80px;

        border-radius: 40px;

        background-color: #fca600;

        color: #fff;

        font-size: 30px;

        margin: 0 auto 15px;

    }



    #box01_fukudashi::before {

        position: absolute;

        bottom: -15px;

        width: 30px;

        height: 15px;

        background-color: #fca600;

        clip-path: polygon(0 0, 100% 0, 50% 100%);

        content: '';

    }



    #box01_01 h2 {

        text-align: center;

        font-size: 72px;

    }



    .box01_title {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-align-items: center;

        align-items: center;

        margin: 0 0 3%;

    }



    .box01_title h3 {

        font-size: 60px;

    }



    .box01_title figure {

        padding: 0 30px 0 0;

    }



    /* スワイパー */



    .slider {

        margin: 0 auto 0;

        padding-left: 4% !important;

        padding-right: 4% !important;

        box-sizing: border-box;



    }



    .swiper-wrapper {

        padding: 0 0 2em;

    }



    .swiper-pagination {

        position: absolute;

        left: 50% !important;

        bottom: 0 !important;

        top: auto !important;

        transform: translateX(-50%) !important;

        max-width: 1440px;

        width: 92% !important;

    }



    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

        background-color: #3c4043 !important;

    }



    .swiper-slide {

        background-color: #fff;

        border-radius: 10px;

        padding: 30px;

        box-sizing: border-box;

        box-shadow: 0px 0px 15px -5px;

        min-height: 450px;

    }



    .title {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: center;

        align-items: center;

        margin: 0 0 5%;

    }



    .title p {

        font-size: 30px;

    }



    .title figure {

        width: 30%;

    }



    #box01_02 {

        background-color: #fff5dc;

        padding: 72px 0;

    }



    #box02 {

        background-image: url(../images/box02_bg.webp);

        width: 100%;

        padding: 100px 0 370px;

    }



    #box02 h2 {

        border-bottom: #fca600 2px solid;

        text-align: center;

        font-size: 72px;

        margin: 0 auto 30px;

        max-width: 1100px;

    }



    .big {

        font-size: 1.25em;

    }



    .orange {

        color: #fca600;

    }



    .bocx02_title_text {

        text-align: center;

        font-size: 48px;

        margin: 0 0 100px;

    }



    #box02_li {

        display: -webkit-flex;

        display: flex;

        -webkit-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-align-items: center;

        align-items: center;

        width: 1190px;

        margin: 0 auto;

    }



    #box02_li article {

        background-color: #fff;

        border: #fdd27f 5px solid;

        border-radius: 20px;

        width: 500px;

        box-sizing: border-box;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: center;

        align-items: center;

        padding: 20px 40px;

        margin: 0 0 50px 0;

        font-weight: 600;

        font-size: 36px;

        min-height: 160px;

    }



    #box02_li article:nth-child(2n) {

        margin: 0 0 50px 50px;

    }



    #box02_li article:nth-child(3),

    #box02_li article:nth-child(7) {

        margin: 0 0 50px 130px;

    }



    #box02_li article p {

        line-height: 1;

    }



    #box02_li article p span {

        font-size: 24px;

        color: #fca600;

    }



    #box02_bottom {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-align-items: center;

        align-items: center;

        text-align: center;

    }



    #box02_bottom h3 {

        font-size: 72px;

        padding: 0 50px;

    }



    #box02_bottom h3 span {

        color: #fca600;

        font-size: 1.25em;

    }



    /* box03 */

    #box03 {

        background-color: #fff5dc;

        position: relative;

    }



    #box03::before {

        background-image: url(../images/box03_bg.webp);

        background-position: center top;

        background-repeat: no-repeat;

        content: '';

        position: absolute;

        left: 0;

        top: -320px;

        width: 100%;

        height: 320px;

        z-index: 0;

        background-size: cover;

    }



    #box03_title {

        position: relative;

        z-index: 1;

        text-align: center;

        margin: 0 0 100px;

    }



    #box03_title figure {

        margin: 0 0 20px;

    }



    #box03_title h2 {

        font-size: 72px;

    }



    #box03_main {

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        max-width: 1200px;

        margin: 0 auto;

    }



    #box03_left>p {

        font-size: 36px;

        font-weight: bold;

        margin: 0 0 50px;

    }



    .line {

        background-image: linear-gradient(transparent 60%, #fff001 60%);

    }



    #box03_left p .big {

        font-size: 1.6em;

    }



    #box03_left ul li {

        background-color: #fff;

        margin: 0 0 20px;

        display: -webkit-flex;

        display: flex;

        -webkit-align-items: center;

        align-items: center;

        padding: 20px;

        box-sizing: border-box;

        font-size: 30px;

        border-radius: 10px;

    }



    #box03_left ul li:last-of-type {

        margin: 0;

    }



    #box03_left ul li p {

        padding: 0 0 0 20px;

    }



    #box03_right {

        position: relative;

    }



    #box03_photo_img02 {

        position: absolute;

        top: -90px;

        right: 0;

    }



    #box03_photo_img01 {

        position: absolute;

        bottom: -30px;

        left: -80px;

    }



    #box03_bottom {

        text-align: center;

        padding: 50px 0;

        font-size: 72px;

    }



    #box03_bottom span {

        background-color: #fca600;

        border-radius: 10px;

        color: #fff;

        font-size: 90px;

        padding: 10px 20px 20px;

        display: inline-block;

        line-height: 1;

    }



    /* box04 */

    #box04 {

        background-image: url(../images/box04_bg.webp);

        background-repeat: no-repeat;

        background-position: center top;

        padding: 0 0 130px;

    }



    #arrow {

        text-align: center;

        margin: 0 0 120px;

    }



    #box04_title {

        text-align: center;

        margin: 0 0 70px;

    }



    #box04_title p {

        font-weight: bold;

        display: inline-block;

        border-bottom: #fca600 2px solid;

        font-size: 48px;

        margin: 0 0 30px;

        padding: 0 0 10px;

    }



    #box04_title h2 {

        font-size: 72px;

    }



    #box04 figure {

        text-align: center;

        margin: 0 0 130px;

    }



    #box04_bottom {

        max-width: 1200px;

        margin: 0 auto;

        font-size: 60px;

        background-image: url(../images/box04_bottom_img.webp);

        background-repeat: no-repeat;

        background-position: bottom right;

        font-weight: 700;

    }



    .red {

        color: #e9331d;

    }



    /* box05 */

    #box05 {

        margin: 0 auto;

        border-radius: 50px 50px 0 0;

        background-color: #faf4e1;

        width: 100%;

        padding: 100px 0;

    }



    #box05_title {

        text-align: center;

        margin: 0 0 30px;

    }



    #box05_title p {

        display: inline-block;

        background-color: #fca600;

        color: #fff;

        font-size: 48px;

        border-radius: 40px;

        padding: 0 50px;

        margin: 0 0 50px;

    }



    #box05_title h2 {

        font-size: 72px;

    }



    .ribbon1 {

        position: relative;

        height: 100px;

        line-height: 100px;

        text-align: center;

        padding: 0 100px;

        font-size: 48px;

        background: #e9331d;

        color: #FFF;

        box-sizing: border-box;

        margin: 0 auto 50px;

        width: 800px;

    }



    .ribbon1:before,

    .ribbon1:after {

        position: absolute;

        content: '';

        width: 0px;

        height: 0px;

        z-index: 1;

    }



    .ribbon1:before {

        top: 0;

        left: 0;

        border-width: 50px 0px 50px 35px;

        border-color: transparent transparent transparent #faf4e1;

        border-style: solid;

    }



    .ribbon1:after {

        top: 0;

        right: 0;

        border-width: 50px 35px 50px 0px;

        border-color: transparent #faf4e1 transparent transparent;

        border-style: solid;

    }



    #koe {

        max-width: 1200px;

        margin: 0 auto;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

    }



    #box05 article {

        max-width: 1200px;

        margin: 0 auto 50px;

        background-color: #fff;

        border-top: #fca600 30px solid;

        border-radius: 20px;

        padding: 50px;

        box-sizing: border-box;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

    }



    #box05_box_left h3 {

        display: -webkit-flex;

        display: flex;

        border-bottom: #fca600 2px solid;

        padding: 0 0 20px;

        margin: 0 0 20px;

    }



    #box05_box_left h3 p {

        font-size: 48px;

        color: #fca600;

        padding: 0 0 0 20px;

    }



    #box05_box_left h3 p span {

        font-size: 36px;

    }



    #box05_box_left {

        width: 660px;

    }



    #box05_box_left>p {

        font-size: 30px;

    }



    #box05_box_right {

        width: 400px;

    }



    #box05_text {

        text-align: center;

        font-size: 40px;

        margin: 0 0 140px;

    }



    #box05_bottom {

        width: 1200px;

        margin: 0 auto;

        display: -webkit-flex;

        display: flex;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        -webkit-align-items: center;

        align-items: center;

    }



    #box05_bottom figure {

        position: relative;

    }



    #box05_photo04_icon {

        position: absolute;

        top: -50px;

        right: -50px;

    }



    #box05_photo04_img {

        position: absolute;

        bottom: -50px;

        right: -120px;

    }



    #box05_bottom p {

        font-size: 53px;

        font-weight: 600;

    }



    #box06 {

        background-image: url(../images/box02_bg.webp);

        padding: 72px 0;

    }



    #box06_title {

        text-align: center;

        margin: 0 0 40px;

    }



    #box06_title figure {

        margin: 0 0 10px;

    }



    #box06_title h2 {

        font-size: 48px;

    }



    #box06_title h2 span {

        font-size: 72px;

    }



    #box06 ul {

        margin: 0 auto;

        max-width: 1200px;

    }



    #box06 ul li {

        margin: 0 0 30px;

    }



    #box06 p {

        text-align: center;

        font-size: 40px;

    }



    /* box07 */

    #box07_title {

        text-align: center;

        background-color: #fca600;

        font-size: 48px;

        color: #fff;

        padding: 20px 0;

    }



    #box07 {

        background-color: #fff5dc;

        padding: 72px 0;

        text-align: center;

    }



    #box07 figure {

        margin: 0 0 50px;

    }



    /* box08 */

    #box08 {

        text-align: center;

        padding: 72px 0 150px;

    }



    #box08_title {

        margin: 0 0 50px;

        font-size: 72px;

    }



    #box08_title figure {

        margin: 0 0 20px;

    }



    /* footer_top */

    #footer_top {

        background-color: #faf4e1;

        background-image: url(../images/footer_cta_bg.webp);

        background-position: center top;

        background-repeat: no-repeat;

        padding: 65px 0 240px 0;

        text-align: center;

    }



    #footer_top h2 {

        margin: 0 0 70px;

    }



    footer {

        background-color: #fca600;

        text-align: center;

        color: #fff;

        padding: 30px 0;

    }



    footer a {

        color: #fff;

        text-decoration: none;

    }



    /*スマホ

------------------------------*/



    @media screen and (max-width: 750px) {

        .pc {

            display: none;

        }



        .sp {

            display: block;

        }



        body {

            font-size: 18px;

            letter-spacing: 1px;

        }



        /*header*/

        header {

            width: 100%;

            background-color: #faf4e1;

            background-image: url(../images/fv_bg.webp);

            background-position: center top;

            background-repeat: no-repeat;

            padding: 0 0 5% 0;

            height: auto;

            box-sizing: border-box;

            text-align: center;

        }





        header figure {

            margin: 0 0 10px;

        }



        header a {

            display: block;

            width: 90%;

            margin: 0 auto;

        }



        /* box01 */

        #box01_01 {

            padding: 10% 5%;

        }



        #box01_fukudashi {

            display: flex;

            justify-content: center;

            position: relative;

            max-width: 500px;

            margin-bottom: 15px;

            line-height: 50px;

            border-radius: 30px;

            background-color: #fca600;

            color: #fff;

            font-size: 18px;

            margin: 0 auto 15px;

        }



        #box01_fukudashi::before {

            position: absolute;

            bottom: -13px;

            width: 30px;

            height: 15px;

            background-color: #fca600;

            clip-path: polygon(0 0, 100% 0, 50% 100%);

            content: '';

        }



        #box01_01 h2 {

            text-align: center;

            font-size: 24px;

        }







        .box01_title h3 {

            font-size: 22px;

        }



        .box01_title figure {

            padding: 0 3% 0 0;

            width: 15%;

        }



        #box01_02 {

            padding: 10% 5%;

        }



        /* box02 */

        #box02 {

            background-image: url(../images/box02_bg.webp);

            width: 100%;

            padding: 10% 5% 35%;

            box-sizing: border-box;

        }



        #box02 h2 {

            border-bottom: #fca600 1px solid;

            font-size: 22px;

            margin: 0 auto 5%;

        }







        .bocx02_title_text {

            text-align: center;

            font-size: 18px;

            margin: 0 0 5%;

        }



        #box02_li {

            width: 100%;

        }



        #box02_li article {

            border: #fdd27f 2px solid;

            border-radius: 10px;

            width: 100%;

            padding: 10px 20px;

            margin: 0 0 3% 0;

            font-weight: 600;

            font-size: 22px;

            min-height: 80px;

        }



        #box02_li article:nth-child(2n) {

            margin: 0 0 3% 0;

        }



        #box02_li article:nth-child(3),

        #box02_li article:nth-child(7) {

            margin: 0 0 3% 0;

        }



        #box02_li article:nth-child(3) img {

            height: 60px;

        }



        #box02_li article p span {

            font-size: 14px;

        }



        #box02_li article figure {

            width: 20%;

            text-align: center;

        }





        #box02_bottom h3 {

            font-size: 22px;

            padding: 0 3%;

        }



        #box02_bottom h3 span {

            color: #fca600;

            font-size: 1em;

        }



        #box02_bottom figure {

            width: 15%;

        }



        /* box03 */

        #box03::before {

            background-image: url(../images/box03_bg.webp);

            background-position: center top;

            background-repeat: no-repeat;

            content: '';

            position: absolute;

            left: 0;

            top: -100px;

            width: 100%;

            height: 100px;

            z-index: 0;

            background-size: cover;

        }



        #box03_title {

            position: relative;

            z-index: 1;

            text-align: center;

            margin: 0 0 3%;

        }



        #box03_title figure {

            margin: 0 auto 3%;

            width: 10%;

        }



        #box03_title h2 {

            font-size: 24px;

        }



        #box03_main {

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

            max-width: 1200px;

            margin: 0 auto;

            padding: 0 5%;

        }



        #box03_left>p {

            font-size: 20px;

            font-weight: bold;

            margin: 0 0 5%;

        }



        #box03_left p .big {

            font-size: 1.6em;

        }



        #box03_left ul li {

            background-color: #fff;

            margin: 0 0 5%;

            display: -webkit-flex;

            display: flex;

            -webkit-align-items: center;

            align-items: center;

            padding: 3% 5%;

            box-sizing: border-box;

            font-size: 18px;

            border-radius: 10px;

        }



        #box03_left ul li figure {

            width: 12%;

        }



        #box03_left ul li:last-of-type {

            margin: 0;

        }



        #box03_left ul li p {

            padding: 0 0 0 10px;

        }



        #box03_right {

            position: relative;

        }



        #box03_left {

            margin: 0 0 10%;

        }



        #box03_photo_img02 {

            position: absolute;

            top: -10%;

            right: 0;

            width: 20%;

        }



        #box03_photo_img01 {

            position: absolute;

            bottom: 0;

            left: 0%;

            width: 30%;

        }



        #box03_bottom {

            text-align: center;

            padding: 5% 0;

            font-size: 22px;

        }



        #box03_bottom span {

            background-color: #fca600;

            border-radius: 5px;

            color: #fff;

            font-size: 24px;

            padding: 5px 10px 10px;

            display: inline-block;

            line-height: 1;

        }



        /* box04 */

        #box04 {

            background-image: url(../images/sp_box04_bg.webp);

            background-repeat: no-repeat;

            background-position: center top;

            background-size: contain;

            padding: 0 5% 10%;

        }



        #arrow {

            text-align: center;

            margin: 0 auto 55%;

            width: 30%;

        }



        #box04_title {

            text-align: center;

            margin: 0 0 5%;

        }



        #box04_title p {

            font-weight: bold;

            display: inline-block;

            border-bottom: #fca600 2px solid;

            font-size: 22px;

            margin: 0 0 10px;

            padding: 0 0 10px;

        }



        #box04_title h2 {

            font-size: 24px;

        }



        #box04 figure {

            text-align: center;

            margin: 0 0 5%;

        }



        #box04_bottom {

            max-width: 1200px;

            margin: 0 auto;

            font-size: 22px;

            background-image: none;

            font-weight: 700;

        }



        /* box05 */

        #box05 {

            border-radius: 20px 20px 0 0;

            padding: 10% 5%;

            box-sizing: border-box;

        }



        #box05_title {

            margin: 0 0 5%;

        }



        #box05_title p {

            display: inline-block;

            background-color: #fca600;

            color: #fff;

            font-size: 18px;

            border-radius: 40px;

            padding: 5px 10%;

            margin: 0 0 3%;

        }



        #box05_title h2 {

            font-size: 24px;

        }



        .ribbon1 {

            position: relative;

            height: 50px;

            line-height: 50px;

            text-align: center;

            padding: 0 50px;

            font-size: 18px;

            background: #e9331d;

            color: #FFF;

            box-sizing: border-box;

            margin: 0 auto 5%;

            width: 100%;

        }



        .ribbon1:before,

        .ribbon1:after {

            position: absolute;

            content: '';

            width: 0px;

            height: 0px;

            z-index: 1;

        }



        .ribbon1:before {

            top: 0;

            left: 0;

            border-width: 25px 0px 25px 15px;

            border-color: transparent transparent transparent #faf4e1;

            border-style: solid;

        }



        .ribbon1:after {

            top: 0;

            right: 0;

            border-width: 25px 15px 25px 0px;

            border-color: transparent #faf4e1 transparent transparent;

            border-style: solid;

        }



        #koe {

            max-width: 1200px;

            margin: 0 auto;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

        }



        #koe figure {

            margin: 0 0 3%;

        }



        #box05 article {

            max-width: 1200px;

            margin: 0 auto 5%;

            background-color: #fff;

            border-top: #fca600 10px solid;

            border-radius: 10px;

            padding: 5%;

            box-sizing: border-box;

            display: block;

        }



        #box05_box_left h3 {

            display: -webkit-flex;

            display: flex;

            border-bottom: #fca600 2px solid;

            padding: 0 0 10px;

            margin: 0 0 10px;

            width: 100%;

        }



        #box05_box_left h3 p {

            font-size: 22px;

            padding: 0 0 0 10px;

        }



        #box05_box_left h3 p span {

            font-size: 16px;

        }



        #box05_box_left h3 figure {

            width: 12%;

        }



        #box05_box_left {

            width: 100%;

            margin: 0 0 5%;

        }



        #box05_box_left>p {

            font-size: 18px;

        }



        #box05_box_right {

            width: 100%;

        }



        #box05_text {

            text-align: center;

            font-size: 24px;

            margin: 0 0 10%;

        }



        #box05_bottom {

            width: 100%;

            margin: 0 auto;

            display: -webkit-flex;

            display: flex;

            -webkit-flex-direction: column;

            flex-direction: column;

        }



        #box05_bottom figure {

            position: relative;

            margin: 0 0 8%;

        }



        #box05_photo04_icon {

            position: absolute;

            top: -3%;

            right: -2%;

            width: 20%;

        }



        #box05_photo04_img {

            position: absolute;

            bottom: -5%;

            right: -0;

            left: 0;

            width: 30%;

        }



        #box05_bottom p {

            font-size: 24px;

            font-weight: 600;

        }



        #box06 {

            background-image: url(../images/box02_bg.webp);

            padding: 10% 0%;

        }



        #box06_title {

            text-align: center;

            margin: 0 0 3%;

        }



        #box06_title figure {

            margin: 0 auto 3%;

            width: 25%;

        }



        #box06_title h2 {

            font-size: 24px;

        }



        #box06_title h2 span {

            font-size: 30px;

        }



        #box06 ul {

            margin: 0 auto;

            max-width: 1200px;

        }



        #box06 ul li {

            margin: 0 0 3%;

        }



        #box06 p {

            text-align: center;

            font-size: 18px;

            padding: 0 5%;

        }



        /* box07 */

        #box07_title {

            font-size: 22px;

            color: #fff;

            padding: 10px 0;

        }



        #box07 {

            background-color: #fff5dc;

            padding: 10% 5%;

            text-align: center;

        }



        #box07 figure {

            margin: 0 0 5%;

        }



        /* box08 */

        #box08 {

            text-align: center;

            padding: 10% 5% 10%;

        }



        #box08_title {

            margin: 0 0 5%;

            font-size: 24px;

        }



        #box08_title figure {

            margin: 0 auto 3%;

            width: 15%;

        }



        /* footer_top */

        #footer_top {

            background-color: #faf4e1;

            background-image: url(../images/sp_footer_cta_img.webp);

            background-position: center bottom;

            background-repeat: no-repeat;

            background-size: contain;

            padding: 10% 5% 25% 5%;

            text-align: center;

        }



        #footer_top h2 {

            margin: 0 0 5%;

        }



        footer {

            padding: 3% 5%;

            font-size: 9px;

        }



        footer a {

            color: #fff;

            text-decoration: none;

        }



        .swiper-slide {

            background-color: #fff;

            border-radius: 10px;

            padding: 30px;

            box-sizing: border-box;

            box-shadow: 0px 0px 10px -5px;

            min-height: auto;

        }



        .title p {

            font-size: 18px;

        }

    }