/***** 固定メニュー *****/

.navi ul .fixation a {
	color: #00a0e9;
	font-weight: bold;
	text-shadow: 0.1vw 0.1vw 0.1vw #f0f0f0;
	}

.navi ul .fixation a::before {
	transform-origin: center top;
	transform: scale(1, 1);
  	}

/***** メインコンテンツ *****/

main {
	width: 100vw;
	height: auto;
	margin-top: 7vw;
    margin-bottom: 10vw;
	padding: 0;
	letter-spacing: 0.2vw;
	display: flex;
	flex-direction: column;
    justify-content: center;
	align-items: center;
	}

.title {
    aspect-ratio: 3/1;
    width: 100%;
    height: auto;
    margin-bottom: 10vw;
    background: url(../image/first_time/first_time_top.webp) no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    }

.title div {
    box-sizing: border-box;
    width: 90%;
    height: 70%;
    background: rgba(255,255,255,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    }

h2 {
    font-size: 4vw;
    text-align: center;
    text-shadow: 0.3vw 0.3vw 0.2vw #fff;
    }

section {
    width: 90%;
    height: auto;
    margin: 10vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    }

.enjoy {
    box-sizing: border-box;
    background: rgb(255, 255, 255, 0.8);
    border-radius: 2vw;
    padding: 3vw;
    }

.enjoy div {
    width: 100%;
	height: auto;
	padding: 1vw 5vw 5vw 5vw;
	box-sizing: border-box;
	border: solid 0.5vw #ffe100;
	border-radius: 2vw;
    background: url(../image/share/context_top.webp) top 13vw center / 90% auto no-repeat, url(../image/share/context_bottom.webp) bottom 3vw center / 90% auto no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    }

h3 {
    width: 65%;
    height: auto;
    margin: 1% 0;
    background: url(../image/share/star.webp) right / auto 100% no-repeat;
    filter: drop-shadow( 0.3vw 0.3vw 0.2vw #c0c0c0);
    font-size: 3.5vw;
	font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    }


.enjoy div p {
    box-sizing: border-box;
    color: #fff;
    width: 90%;
    height: auto;
    margin: 7% 0;
    padding: 3% 3%;
    background: #00a0e9;
    border-radius: 2vw;
    font-size: 1.2vw;
    font-weight: bold;
    line-height: 3vw;
    text-align: center;
    }

section h4, section div h4 {
    box-sizing: border-box;
    font-size: 3vw;
	font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    }

h5 {
    width: 100%;
    height: auto;
    margin: 5% 0;
    font-size: 2vw;
	font-weight: bold;
    }

.nakayoshi {
    margin: 0 0 1.5vw 0;
    padding-top: 12vw;
    background: url(../image/first_time/nakayoshi.webp) top / 80% auto no-repeat;
    }

.genki {
    margin: 0 0 1.5vw 0;
    padding-top: 12vw;
    background: url(../image/first_time/genki.webp) top / 80% auto no-repeat;
    }

.individual h4 {
    margin-bottom: 5vw;
    border-bottom: solid 0.3vw #00a0e9;
    text-shadow: 0.2vw 0.2vw 0.2vw #fff;
    filter: drop-shadow( 0 0 1vw #fff);
    }

.box {
    box-sizing: border-box;
    width: 96%;
    height: auto;
    background: url(../image/first_time/book.webp) top left / 100% 100% no-repeat;
    filter: drop-shadow( 0 0 0.8vw #FCD353);
    display: flex;
    justify-content: center;
    align-items: center;
    }

.box div {
    box-sizing: border-box;
    width: 43%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    }

.box div h5 {
    text-align: center;
    }

.hidari {
    padding: 5vw 0 22vw 0;
    }

.migi {
    padding: 5vw 0 22vw 1.5vw;
    }

.box div p {
    box-sizing: border-box;
    width: 100%;
    height: 27vw;
    padding: 3%;
    font-size: 1.2vw;
    line-height: 2.5vw;
    }

.support {
    box-sizing: border-box;
    background: rgb(0, 160, 233, 0.8);
    border-radius: 2vw;
    padding-bottom: 5vw;
    }

.support h4 {
    color: #fff;
    margin: 5vw 0;
    text-shadow: 0.3vw 0.3vw 0.2vw #484848;
    }

.support div {
    box-sizing: border-box;
    width: 90%;
    height: auto;
    padding: 0.1vw 0.5vw;
    margin: 2vw 0;
    background: #fff;
    box-shadow: 0 0 0 1vw #fff;
    border: dashed 0.3vw #ffe100;
    border-radius: 1vw;
    }

.support div h5 {
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 0.5vw;
    text-decoration-color: #ffe100;
    text-decoration-thickness: 0.5vw; /* 線の太さ */
    }

.support div p {
    padding: 3%;
    font-size: 1.2vw;
    line-height: 2vw;
    }

.sogei {
    width: 60%;
    height: auto;
    margin: 10vw;
    }

.consultation {
    box-sizing: border-box;
    aspect-ratio: 4/3;
    background:  url(../image/first_time/machinami.webp) bottom center / 100% auto no-repeat;
    border-radius: 2vw;
    }

.consultation div {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
    background: url(../image/first_time/bubble.webp) center / 90% auto no-repeat;
    border-radius: 2vw;
    }

.consultation div h4 {
    margin-top: 3vw;
    }



    @media (max-width: 960px){



    /***** メインコンテンツ *****/

    main {
        margin-top: 0;
        }

    h2 {
        font-size: 6vw;
        text-shadow: 0.5vw 0.5vw 0.1vw #fff;
        }

    section {
        width: 96%;
        }

    h3 {
        width: 75%;
        background: url(../image/share/star.webp) right / 20% auto no-repeat;
        font-size: 5vw;
        }

    .enjoy div {
        box-sizing: border-box;
        border: solid 0.5vw #ffe100;
        background: url(../image/share/context_top.webp) top 18vw center / 90% auto no-repeat, url(../image/share/context_bottom.webp) bottom 3vw center / 90% auto no-repeat;
        }

    .enjoy div p {
        width: 98%;
        font-size: 3vw;
        font-weight: normal;
        line-height: 5.2vw;
        text-align: left;
        }

    section h4, section div h4 {
        font-size: 4.5vw;
        }

    h5 {
        font-size: 4vw;
        }

    .nakayoshi {
        padding-top: 28vw;
        }

    .genki {
        padding-top: 28vw;
        }

    .individual h4 {
        margin-bottom: 5vw;
        border-bottom: solid 0.3vw #00a0e9;
        text-shadow: 0.2vw 0.2vw 0.2vw #fff;
        filter: drop-shadow( 0 0 1vw #fff);
        }

    .box {
        background:none;
        filter: none;
        flex-direction: column;
        }

    .box div {
        width: 100%;
        margin-top: 5vw;
        background: #fff;
        border: solid 2vw #FCD353;
        border-radius: 5vw;
        }

    .hidari {
        padding: 0;
        }

    .migi {
        padding: 0;
        }

    .box div p {
        height: auto;
        padding: 3%;
        font-size: 3vw;
        line-height: 5.2vw;
        }

    .support div {
        border: dashed 0.8vw #ffe100;
        }

    .support div h5 {
        text-underline-offset: 1vw;
        text-decoration-thickness: 1vw; /* 線の太さ */
        }

    .support div p {
        font-size: 3vw;
        line-height: 5.2vw;
        }

    .sogei {
        width: 80%;
        }

    .consultation {
        box-sizing: border-box;
        aspect-ratio: 4/3;
        background:  url(../image/first_time/machinami.webp) bottom center / 100% auto no-repeat;
        border-radius: 2vw;
        }

    .consultation div {
        background: url(../image/first_time/bubble.webp) right center / 110% auto no-repeat;
        }

    .consultation div h4 {
        margin-top: 3vw;
        font-size: 4vw;
        }
    }