@charset "utf-8";

@media only screen and (max-width: 1200px) {
    h1.logo {
        height: 25px;
    }

    h1.logo a {
        height: 25px;
    }

    h1.logo img {
        height: 25px;
        width: auto;
    }

    .plan_box {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .plan_row {
        width: 70%;
        margin: 10px auto;
    }

    .blog_box {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    
    section.plan_top{
        margin-top: 80px;
    }

    .blog_row {
        width: 70%;
        margin: 10px auto;
        padding-left: 0px;
    }

    article {
        padding: 40px 0px;
    }

    .slick-slider {
        margin-top: 50px;
    }
    
    article.location_plan h3{
        margin-top: 50px;
    }
    article.location_plan{
        margin-top: 50px;
    }
    
    div.top{
        margin-top: 50px;
    }
    .faq h5{
        margin-top: 50px;
    }
}

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

    h2 {
        font-size: 26px;
    }

    .message h2 {
        margin-top: 20px;
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 35px;
    }

    .message p {
        font-size: 12px;
        line-height: 24px;
    }

    .ethical p {
        font-size: 12px;
        line-height: 24px;
        padding-top: 15px;
    }



    article {
        padding: 15px 0px;
    }

    h2 {
        margin-bottom: 10px;
    }

    a.button {
        margin-top: 15px;
    }

    .gallery .slider {
        width: 98%;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .dress_row .row {
        width: 49.5%;
        margin: 0;
    }

    .dress_row {
        width: 98%;
        justify-content: space-between;
    }

    .dress_row h4 {
        font-size: 20px;
        line-height: 24px;
        margin-top: -10px;
    }

    .dress_row p {
        font-size: 12px;
    }

    .plan_row {
        width: 94%;
        margin: 10px auto;
    }

    .blog_row {
        width: 94%;
        margin: 10px auto;
    }

    .dress_row a.button {
        margin-top: 5px;
        font-size: 14px;
        width: 80%;
    }



    footer p {
        font-size: 12px;
    }

    footer {
        margin: 0px;
        padding: 25px 0px;
    }

    footer a.button {
        margin-top: 10px;
    }

    article.dress_plan {
        padding: 20px 0px;
        padding-bottom: 0;
    }

    article.location_plan {
        padding: 10px 0px;
        padding-bottom: 0;
    }

    .plan_row h3 {
        font-size: 20px;
        margin-top: 5px;
        line-height: 50px;
    }

    .blog_row h3 {
        line-height: 20px;
    }

    div.top {
        margin-top: 40px;
    }

    .plan_row h4 {
        margin-bottom: 0;
        line-height: 45px;
        font-size: 25px;

    }

    .plan_row h4 span {
        font-size: 12px;
    }

    .plan_row p {
        font-size: 12px;
        line-height: 10px;
        padding-bottom: 15px;
        padding-top: 0;
        margin-top: -5px;
    }

    .blog_row h4 {
        margin-bottom: 0;
        line-height: 25px;
    }

    article.dress_plan h5 {
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 30px;
    }

    article.dress_plan li {
        font-size: 12px;
        line-height: 20px;
    }

    .notes li,
    .flow p,
    .option li {
        line-height: 20px;
        font-size: 12px;
    }

    .notes h5,
    .option h5,
    .flow h5 {
        line-height: 30px;
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 8px;
    }

    .faq h5 {
        line-height: 30px;
        font-size: 16px;
        margin-top: 40px;
        margin-bottom: 0;
    }

    .faq ul {
        padding: 20px 0px;
    }

    .faq li {
        line-height: 22px;
        font-size: 12px;
        padding: 3px 0px;
    }

    .cos h4 {
        line-height: 25px;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .cos h5 {
        font-size: 11px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 20px;
    }

    .cos_row {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }

    .cos_row .item {
        width: 100%;
        margin-bottom: 5px;
    }

    article.cos {
        padding-bottom: 5px;
        padding-top: 15px;
    }

    .cos_top {
        margin-top: 50px;
    }

    article.blog {
        padding-top: 50px;
    }
    
    p.other{
        padding-top: 10px;
        line-height: 20px;
    }

    .blog_footer {
        background-color: #e3dfda;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .blog_article h1 {
        font-size: 30px;
    }

    .blog_article h2 {
        font-size: 23px;
    }

    .blog_article p {
        font-size: 14px;
    }

    p.center {
        text-align: left;
        padding-bottom: 20px;
        line-height: 25px;
    }

    article.main {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    article.cos3 {
        padding-bottom: 15px;
    }
    
    article.location_plan h3{
        margin-top: 25px;
    }
    article.location_plan p{
        margin-bottom: 0;
        padding-bottom: 5px;
    }
    article.location_plan h3 span{
        font-size: 12px;
    }
    article.location_plan h3{
        font-size: 18px;
        margin-top: 10px;
    }
    
    section.plan_top{
        margin-top: 50px;
    }
    
    article.location_plan{
        margin-top: 20px;
    }
    
    article.option{
        padding-bottom: 30px;
    }
    
    article.flow{
        padding: 30px 0px;
    }
    
    article.faq{
        padding-bottom: 15px;
    }
    
    .flow h6 span{
        font-size: 25px;
    }
    
    .faq_row{
        padding-top: 20px;
    }
}