@charset "UTF-8";



.tige.logo {
    width: 60%;
}

.mv-wrap {
    margin-top: 70px;
}

.news_text {
    padding-bottom: 30px;
}

.instalogo {
    width: 8%;
}

.instalogo a:hover img {
    transition: .3s;
    opacity: 0.6;
}

.insta_logo {
    text-align: center;
}

.about_wrap {
    padding-top: 30px;
}

.section_title {
    text-align: center;
    font-size: 2rem;
    margin: 5%;
}

.about_address_section {
    padding-top: 60px;
}

.about_main_section {
    /* margin: 10%; */
    padding-top: 80px;
}

.image_wrap {
    text-align: right;
}

.about_1 {
    width: 50%;
}

.florist_text {
    margin-left: 15%;
    padding-top: 50px;
    padding-bottom: 10px;
    /* display: flex; */
    justify-content: left;
}

.about_main_text {
    text-align: left;
    margin: 18%;

}

.atelier {
    padding-top: 50px;
    /* display: flex; */
    justify-content: left;
}

.atelier_wrap {
    margin-left: 15%;
}

.atelier_text {
    margin-left: 15%;
}

.about_address_section {
    padding-top: 50px;
}

.image_wrap_pansy {
    width: 50%;
}

.about_address_wrap {
    /* display: flex; */
    margin-left: 15%;
    padding-top: 10px;
    padding-bottom: 30px;
}

.point_caution {
    margin: 13%;
}

.box {
    width: 100%;
    height: auto;
    border: solid;
    border: 2px solid;
    border-color: #fff;
    /* background: #fff; */
    padding-top: 65%;
    position: relative;
    /*親要素に記入*/
}

.caution_text {
    position: absolute;
    /*自由に配置したい要素に記入*/
    left: 7%;
    /*親要素の左から20pxに配置*/
    top: 20%;
    /*親要素の上から20oxに配置*/

}

.content_item_wrap {
    padding-top: 100px;
}

.content_wrap {
    margin-top: 150px;
    /* margin-bottom: 50px; */
}

.item {
    margin-left: 15%;
}

.item_text {
    padding: 15%;
    padding-top: 5%;
    margin-left: 5%;
}

.teikibin_image {
    width: 25%;
    margin: auto;
    padding-bottom: 40px;
}

.teikibin_item {
    padding: 10%;
}

.teikibin_item_wrap {
    padding-bottom: 10%;
    display: flex;
}

.teikibin_item_tsuki {
    margin-left: 8%;
}

h4.tsuki.shiki {
    font-size: 1.8rem;
}

.tsuki_text {
    margin-left: 10%;
}

.teikibin_item_shiki {
    margin-left: 8%;
}

.shiki_text {
    margin-left: 6%;
}

.item_wrap {
    display: inline-block;
    padding-bottom: 60px;
}

.bouq {
    text-align: initial;
    margin-left: 55%;
}

.bouq_imag {
    text-align: end;
}

.bouq1 {
    width: 45%;
}

.bouq2 {
    width: 45%;
}

.arreng {
    text-align: initial;
    margin-left: 23%;
}

.hanashigoto_wrap {
    /* display: inline-block; */
    padding-top: 50px;
    padding-bottom: 40px;
}

.item_text_hana {
    padding: 10%;
    padding-top: 5%;
    margin-left: 5%;
}

.hanashigoto_imag {
    text-align: right;
}

.turu {
    width: 45%;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* font-size: 62.5%; */
}

.btn,
a.btn,
button.btn {
    /* font-size: 1.6rem; */
    /* font-weight: 700; */
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #272727;
    /* border-radius: 0.5rem; */
}

.btn--orange,
a.btn--orange {
    /* color: #fff;
    background-color: #778899; */
    border: solid;
    border: 2px solid;
    border-color: #fff
}

.btn--orange:hover,
a.btn--orange:hover {
    /* color: #555454; */
    background: rgba(211, 216, 221, 0.65);
}

.button {
    text-align: center;
    padding: 15%;
}

@media screen and (min-width: 768px) {
    body {
        font-size: 2vw;
        color: #727272;
    }

    .mv_image {
        width: 50%;
        margin: auto;

    }

    .about_main_text {
        text-align: left;
        /* padding-left: 20%; */
        margin: 13%;
    }

    .about_1 {
        width: 30%;
    }

    .image_wrap_pansy {
        width: 30%;
    }

    .about_2 {
        width: 65%;
        margin: auto;
    }

    .teikibin_image {
        width: 20%;
    }

    .content_item_sp {
        width: 80%;
        margin: auto;
    }

    .bouq_imag {
        width: 70%;
        margin: auto;
    }

    .arreng_imag {
        width: 70%;
        margin: auto;
    }

    .section_title {
        font-size: 2.8vw;
    }

    .instalogo {
        width: 5%;
    }

    /* .florist_text {
        margin-left: 18%;
    } */

    .point_caution {
        margin: 20%;
    }

    .caution_text {
        left: 13%;
        top: 25%;
    }

    .shiki_text {
        margin-left: 7%;
    }

    .arreng {
        margin-left: 32%;

    }

    .hanashigoto_imag {
        width: 70%;
        margin: auto;
    }

    .btn,
    a.btn,
    button.btn {
        line-height: 1;
        padding: 1rem 2.7rem;
    }

    @media screen and (min-width: 961px) {
        body {
            font-size: 1.5vw;
            color: #727272;
        }

        .header {
            height: 120px;
        }

        nav ul li a {
            font-size: 1.7vw;
            color: #727272;
        }

        .tige.logo {
            width: 80%;
        }

        .mv-wrap {
            margin-top: 120px;
        }

        .section_title {
            font-size: 1.7vw;
        }

        .instalogo {
            width: 4%;
        }

        .about_main_text {
            text-align: left;
            /* padding-left: 20%; */
            margin: auto;
        }

        .point_caution {
            margin: 23%;
        }

        .caution_text {
            left: 16%;
            top: 30%;
        }

        .about_main_section {
            display: flex;
            flex-direction: row-reverse;
            position: relative;
            padding-bottom: 100px;
        }

        .florist {
            position: absolute;
            top: 20%;
            left: 15%;
        }

        .florist_text {
            margin-left: 0;
        }

        .about_main_text {
            margin-top: 20%;
        }

        .atelier {
            padding-top: 100px;
            padding-left: 130px;
        }

        .atelier_wrap {
            margin-left: 0;
        }

        .atelier_text {
            margin-left: 0;
        }

        .about_address_section {
            display: flex;
        }

        .about_address_wrap {
            margin-left: 0;
        }

        .sp_item_wrap {
            text-align: end;
        }

        .bouq_imag {
            width: 50%;
            margin: auto;
        }

        .bouq {
            margin-left: 55%;
        }

        .arreng_imag {
            width: 52%;
            margin: auto;
        }

        .arreng {
            margin-left: 30%;
        }

        .content_wrap {
            margin-top: 250px;
        }

        .item_wrap {
            padding-bottom: 120px;
        }

        .shiki_text {
            margin-left: 8%;
        }

        .teikibin_image {
            width: 17%;
        }

        .hanashigoto_imag {
            width: 55%;
            margin: auto;
        }

        .footer {
            height: 7%;
        }

        .footer_logo {
            width: 7%;
        }
    }

    @media screen and (min-width: 1280px) {
        body {
            font-size: 1.2vw;
        }

        nav ul li a {
            font-size: 1.3vw;
        }

        .section_title {
            font-size: 1.5vw;
        }

        .instalogo {
            width: 3%;
        }

        .atelier {
            padding-left: 120px;
        }

        .about_1 {
            width: 25%;
            margin-right: 15%;
        }

        .florist {
            left: 17%;
        }

        .image_wrap_pansy {
            width: 27%;
            margin-left: 15%;
        }

        .box {
            width: 75%;
            padding-top: 50%;
            margin: auto;
        }

        .caution_text {
            left: 20%;
            top: 31%;
        }

        .item {
            margin-left: 25%;
        }

        .item_text {
            padding: 15%;
            padding-top: 5%;
            margin-left: 15%;
        }

        .teikibin_image {
            width: 14%;
        }

        .teikibin_item_tsuki {
            margin-left: 30%;
        }

        .teikibin_item_shiki {
            margin-left: 30%;
        }

        .item_text_hana {
            margin-left: 20%;
        }

        .bouq {
            margin-left: 53%;
        }

        .arreng {
            margin-left: 37%;
        }

        .footer {
            height: 5%;
        }

        .footer_logo {
            width: 5%;
        }
    }