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

@charset "utf-8";
    html, body{
        height: 100%;
        margin: 0;
        background-size: contain;
    }

    main {
        overflow: hidden;
        max-width: 450px;
    }

    section{
        display: block;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
        font-family: "century Gothic",sans-serif;
    }

    .li {
        list-style: none;
    }

    .fv_img{
        width: 100%;
        height: auto;
        display: block !important;
    }

    .fv_img_PC{
        display: none !important;
    }

    .fv_down_text {
        width: 80%;
        margin: 32px auto;
        display: block;
    }

    .fv_down_img {
        width: 185.5px;
        margin: 32px auto;
        display: block;
    }

    .btn_fv_down {
        width: 90%;
        margin: 24px auto 40px auto;
        display: block;
    }

    .btn_fv_down img{
        width: 90%;
        margin: 32px auto;
        display: block;
    }

    .nayami {
        width: auto;
    }

    .dream {
        width: 100%;
        height: auto;
        display: block !important;
    }

    .dream_PC{
        display: none !important;
    }

    .nayami_sp_all{
        position: relative;
        width: 100%;
        height: 540px;
        display: block;
    }

    .nayami_bg {
        position: absolute;
        width: 100%;
        height: 540px;
        display: block !important;
    }

    .nayami_bg_PC {
        display: none !important;
    }

    .nayami_sp_img01 {
        position: absolute;
        top: 3%;
        right: 10px;
        width: 260px;
        height: auto;
        display: block;
    }

    .nayami_sp_img02 {
        position: absolute;
        top: 20%;
        left: 10px;
        width: 230px;
        height: auto;
        display: block;
    }

    .nayami_sp_img03 {
        position: absolute;
        top: 37%;
        right: 10px;
        width: 300px;
        height: auto;
        display: block;
    }

    .nayami_sp_img04 {
        position: absolute;
        bottom: 6%;
        left: 30%;
        width: 150px;
        height: auto;
        display: block;
    }

    .present01 {
        background-color: #fff8e3;
        padding: 40px 0;
    }

    .nayami_sp_text02 {
        margin: 0 auto;
        width: 175px;
        height: auto;
        display: block;
    }

    .present01_sp_img01 {
        margin: 20px auto;
        width: 245px; /* 相対パスの画像の幅、必要に応じて調整 */
        height: auto;
        display: block;
    }

    .present01_sp_img02{
        margin: 20px auto;
        width: 185.5px; /* 相対パスの画像の幅、必要に応じて調整 */
        height: auto;
        display: block;
    }

    .btn_present_down {
        width: 90%;
        margin: 24px auto 40px auto;
        display: block;
    }

    .btn_present_down img{
        width: 90%;
        margin: 24px auto;
        display: block;
    }

    .way_title{
        width: 157.5px;
        margin: 56px auto;
        display: block;
    }

    .way_01{
        width: 90%;
        margin: 32px auto;
        display: block;
    }

    .way_01_next{
        width: 45px;
        margin: 16px auto;
        display: block;
    }

    .way_02{
        width: 90%;
        margin: 32px auto;
        display: block;
    }

    .way_02_next{
        width: 45px;
        margin: 16px auto;
        display: block;
    }

    .way_03{
        width: 90%;
        margin: 32px auto 72px auto;;
        display: block;
    }

    .story_introduction{
        position: relative;
        width: 100%;
        height: 602px;
        display: block;
    }

    .story_introduction_bg {
        position: absolute;
        width: 100%;
        height: 530px;
        display: block !important;
    }

    .story_introduction_bg_PC {
        display: none !important;
    }

    .story_start_title00{
        background: #c8f2ff;
        padding: 0;
    }
    .story_start_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 330px;
        height: auto;
        display: block;
    }

    /* .story_start_title_PC, .story_start_title_tab1, .story_start_title_tab2{
        display: none !important;
    } */

    .story_introduction_img01{
        position: absolute;
        width: 280px;
        top: 230px;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        display: block;
    }

    .story_introduction_text01{
        position: absolute;
        width: 240px;
        bottom: 0px;
        left: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        display: block;
    }

    .story_nayami01{
        background-color: #efefef;
        padding: 0;
    }

    .story_nayami01_text01{
        margin: 0 auto;
        width: 220px;
        height: auto;
        display: block;
    }

    .story_nayami01_img01{
        margin: 0 auto;
        width: 370px;
        height: auto;
        display: block;
    }

    .story_nayami01_img02{
        margin: 0 auto;
        width: 150px;
        height: auto;
        display: block;
    }

    .story_nayami01_text02{
        margin: 0 auto;
        padding-top: 32px;
        padding-bottom: 32px;
        width: 210px;
        height: auto;
        display: block;
    }

    .story_nayami01_next{
        width: 9px;
        margin: 16px auto 56px auto;
        display: block;
    }

    .story_nayami02_text01{
        width: 231px;
        margin: 16px auto;
        display: block;
    }

    .story_nayami02_img01{
        width: 330px;
        margin: 32px auto;
        display: block;
    }

    .story_nayami02_img02{
        width: 280px;
        margin: 8px auto 32px auto;
        display: block;
    }

    .story_nayami03{
        position: relative;
        width: 100%;
        height: 400px;
        display: block;
    }

    .story_nayami03_bg {
        position: absolute;
        width: 100%;
        height: 400px;
        display: block !important;
    }

    .story_nayami03_bg_PC {
        display: none !important;
    }

    .story_nayami03_text01{
        position: absolute;
        top: 56px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 200px;
        height: auto;
        display: block;
    }

    .story_nayami03_img01{
        position: absolute;
        top: 180px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 150px;
        height: auto;
        display: block;
    }

    .story_nayami03_text02{
        position: absolute;
        bottom: 4px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 260px;
        height: auto;
        display: block;
    }

    .story_dream01_img01{
        width: 340px;
        margin: 0 auto;
        padding-top: 32px;
        display: block !important;
    }

    .story_dream01_img01_PC{
        display: none !important;
    }

    .story_dream01_img02{
        width: 300px;
        margin: 0 auto;
        padding-top: 16px;
        display: block 
    }

    .story_dream01_text01{
        width: 180px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
        display: block 
    }

    .story_action_title00{
        background: #c8f2ff;
        padding: 0;
    }

    .story_action_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 240px;
        height: auto;
        display: block !important;
    }

    .story_action_title_tab1{
        display: none !important;
    }

    .story_action01_text01{
        width: 260px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action01_img01{
        width: 270px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action01_text02{
        width: 70px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 32px;
        display: block;
    }

    .story_action02{
        position: relative;
        width: 100%;
        height: 1350px;
        display: block;
    }

    .story_action02_bg {
        position: absolute;
        width: 100%;
        height:  1350px;
        margin: 0 auto;
        display: block !important;
    }

    .story_action02_bg_PC {
        display: none !important;
    }

    .story_action02_title{
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px;
        height: auto;
        display: block !important;
    }

    .story_action02_title_PC, .story_action02_title_tab1, .story_action02_title_tab2{
        display: none !important;
    }

    .story_action02_text01{
        position: absolute;
        top: 170px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 240px;
        height: auto;
        display: block;
    }

    .story_action02_way{
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 340px;
        height: auto;
        display: block !important;
    }

    .story_action02_way_PC{
        display: none !important;
    }

    .story_action02_text02{
        position: absolute;
        top: 1100px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 260px;
        height: auto;
        display: block;
    }

    .story_action02_text03{
        position: absolute;
        top: 1230px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 216px;
        height: auto;
        display: block;
    }

    .story_action03{
        position: relative;
        width: 100%;
        height: 700px;
        display: block;
    }

    .story_action03_bg {
        position: absolute;
        width: 100%;
        height: 700px;
        display: block !important;
    }

    .story_action03_bg_PC {
        display: none !important;
    }

    .story_action03_img01{
        position: absolute;
        top: 104px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 350px;
        height: auto;
        display: block;
    }

    .story_action03_text01{
        position: absolute;
        top: 216px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 200px;
        height: auto;
        display: block;
    }

    .story_action03_img02{
        position: absolute;
        top: 400px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 175px;
        height: auto;
        display: block;
    }

    .story_action03_text02{
        position: absolute;
        top: 608px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 265px;
        height: auto;
        display: block;
    }

    .story_zasetsu01{
        padding: 0;
        background-color: #deedf1;
    }

    .story_zasetsu01_title00{
        background: #027598;
        padding: 0;
    }
    .story_zasetsu01_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 330px;
        height: auto;
        display: block;
    }

    .story_zasetsu01_text01{
        width: 200px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_img01{
        width: 180px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_text02{
        width: 200px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_img02{
        width: 350px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_text03{
        width: 200px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_img03{
        width: 270px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_img04{
        width: 150px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_zasetsu01_text04{
        width: 189px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
        display: block;
    }

    .story_zasetsu02{
        padding: 0;
        background-color: #fff;
    }

    .story_zasetsu02_text01{
        width: 250px;
        margin: 0 auto;
        padding-top: 50px;
        display: block;
    }

    .story_zasetsu02_text01_PC{
        display: none !important;
    }

    .story_zasetsu02_img01{
        width: 330px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 56px;
        display: block;
    }

    .story_action04{
        position: relative;
        width: 100%;
        height: 950px;
    }

    .story_action04_bg {
        position: absolute;
        width: 100%;
        height: 950px;
        display: block !important;
    }

    .story_action04_bg_PC {
        display: none !important;
    }

    .story_action04_title{
        position: absolute;
        top: 16px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 300px;
        height: auto;
        display: block !important;
    }

    .story_action04_title_PC, .story_action04_title_tab1, .story_action04_title_tab2{
        display: none !important;
    }

    .story_action04_text01{
        position: absolute;
        top: 104px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 240px;
        height: auto;
        display: block;
    }

    .story_action04_img01{
        position: absolute;
        top: 256px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 140px;
        height: auto;
        display: block;
    }

    .story_action04_text02{
        position: absolute;
        top: 400px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90px;
        height: auto;
        display: block;
    }

    .story_action04_img02{
        position: absolute;
        top: 540px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 350px;
        height: auto;
        display: block !important;
    }

    .story_action04_img02_PC{
        display: none !important;
    }

    .story_action04_img03{
        position: absolute;
        top: 795px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 120px;
        height: auto;
        display: block;
    }

    .story_action05_title00{
        background: #c8f2ff;
        padding: 0;
    }
    .story_action05_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 160px;
        height: auto;
        display: block;
    }

    .story_action05_1{
        padding: 0;
        background-color: #fff;
    }

    .story_action05_text01{
        width: 260px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action05_img01{
        width: 315px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action05_img01_PC{
        display: none !important;
    }

    .story_action05_text02{
        width: 255px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action05_img02{
        width: 119px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_action05_2{
        position: relative;
        width: 100%;
        height: 760px;
        display: block;
    }

    .story_action05_bg {
        position: absolute;
        top: 3%;
        width: 100%;
        height: 760px;
        display: block !important;
    }

    .story_action05_bg_PC {
        display: none !important;
    }

    .story_action05_way01{
        position: absolute;
        top: 110px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 340px;
        height: auto;
        display: block;
    }

    .story_action05_text03{
        position: absolute;
        top: 265px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 250px;
        height: auto;
        display: block;
    }

    .story_action05_img03{
        position: absolute;
        top: 440px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 310px;
        height: auto;
        display: block !important;
    }

    .story_action05_img03_PC{
        display: none !important;
    }

    .story_action05_text04{
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 215px;
        height: auto;
        display: block;
    }

    .story_action05_text05{
        position: absolute;
        top: 700px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 245px;
        height: auto;
        display: block;
    }

    .story_achieve01{
        padding: 0;
        background-color: #fff;
    }

    .story_achieve01_text01{
        width: 240px;
        margin: 0 auto;
        padding-top: 80px;
        display: block;
    }

    .story_achieve01_img01{
        width: 195px;
        margin: 0 auto;
        padding-top: 50px;
        display: block;
    }

    .story_achieve01_text02{
        width: 200px;
        margin: 0 auto;
        padding-top: 90px;
        display: block;
    }

    .story_achieve01_text03{
        width: 230px;
        margin: 0 auto;
        padding-top: 90px;
        padding-bottom: 70px;
        display: block;
    }

    .story_achieve02{
        margin: 0;
        background-color: #030303;
    }

    .story_achieve02_title{
        width: 250px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .aus {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .story_achieve02_img{
        width: 200px;
        height: auto;
        margin: 20px auto;
        display: block;
    }

    .story_achieve02_img_slick{
        width: 200px;
        height: auto;
        margin: 20px 10px;
        display: block;
    }

    .story_achieve03{
        padding: 0;
        background-color: #f3fcff;
    }

    .story_achieve03_text01{
        width: 210px;
        margin: 0 auto;
        padding-top: 60px;
        display: block;
    }

    .story_achieve03_img01{
        width: 340px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_achieve03_img01_PC{
        display: none !important;
    }

    .story_achieve03_text02{
        width: 240px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_achieve03_img02{
        width: 175px;
        margin: 0 auto;
        padding-top: 40px;
        display: block;
    }

    .story_achieve03_text03{
        width: 300px;
        margin: 0 auto;
        padding-top: 48px;
        padding-bottom: 48px;
        display: block;
    }

    /* .story_achieve03_img03{
        width: 280px;
        margin: 16px auto;
        padding-top: 16px;
        display: block;
    }

    .story_achieve03_text04{
        width: 200px;
        margin: 0 auto 0 23%;
        padding-top: 16px;
        padding-bottom: 40px;
        display: block;
    } */

    .story_confidence01_title00{
        background: #fdba58;
        padding: 0;
    }
    .story_confidence01_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 160px;
        height: auto;
        display: block;
    }

    .story_confidence01_text01{
        width: 210px;
        margin: 37px auto 24px auto;
        display: block;
    }

    /* .story_confidence01_img01{
        width: 175px;
        margin: 36px auto 24px 22% ;
        display: block;
    }

    .story_confidence01_text02{
        width: 105px;
        margin: 36px auto 24px 23% ;
        display: block;
    }

    .story_confidence01_img02{
        width: 203px;
        margin: 40px auto 24px 23% ;
        display: block;
    }

    .story_confidence01_text03{
        width: 175px;
        margin: 24px auto 24px 23% ;
        display: block;
    }

    .story_confidence01_text04{
        width: 210px;
        margin: 40px auto 24px 23% ;
        display: block;
    } */

    .story_confidence01_img03{
        width: 260px;
        margin: 50px auto;
        display: block;
    }

    .story_confidence01_img04{
        width: 176px;
        margin: 24px auto;
        display: block;
    }

    .story_confidence01_text05{
        width: 190px;
        margin: 24px auto 36px auto;
        display: block;
    }

    .story_confidence01_02{
        padding: 0;
        background-color: #dedede;
    }

    .story_confidence01_img05{
        margin: 0px auto;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 210px;
        height: auto;
        display: block;
    }

    .story_confidence01_img06{
        width: 210px;
        margin: 0 auto;
        padding-top: 36px;
        padding-bottom: 36px;
        display: block;
    }

    .story_confidence01_04{
        position: relative;
        width: 100%;
        height: 390px;
        display: block;
    }

    .story_confidence01_img07_bg{
        position: absolute;
        width: 100%;
        height: 390px;
        display: block !important;
    }

    .story_confidence01_img07_bg_PC{
        display: none !important;
    }

    .story_confidence01_img07{
        position: absolute;
        width: 185px;
        top: 200px;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block !important;
    }

    .story_confidence01_img07_PC{
        display: none !important;
    }

    .story_end_title00{
        background: #c8f2ff;
        padding: 0;
    }
    .story_end_title{
        margin: 0px auto;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 340px;
        height: auto;
        display: block;
    }

    .story_end_text01 {
        width: 220px;
        margin: 0 auto;
        padding-top: 36px;
        display: block;
    }

    .story_end_img01 {
        width: 310px;
        margin: 0 auto;
        padding-top: 36px;
        display: block !important;
    }

    .story_end_img01_PC {
        display: none !important;
    }

    .story_end_text02 {
        width: 250px;
        margin: 0 auto;
        padding-top: 36px;
        display: block;
    }

    .btn_end {
        width: 90%;
        margin: 72px auto;
        display: block;
    }

    .btn_end img{
        width: 90%;
        margin: 72px auto;
        display: block;
    }

    .faq_title {
        width: 80px;
        margin: 0 auto;
        padding-top: 32px;
        padding-bottom: 32px;
        display: block;
    }

    .faq_img {
        width: 280px;
        margin: 0 auto;
        padding-top: 40px;
        padding-bottom: 40px;
        display: block;
    }

    .copyright p{
        width: 100%;
        padding: 20px;
        font-size: 16px;
        background-color: #f3fcff;
        text-align: center;
    }

* {
    padding: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
}


}