@charset "UTF-8";

#gallery_t + .widget_gallery01.add_design1 .inner_item>a {
    padding-top: 100%;
}
#gallery_t + .widget_gallery01.add_design1 .inner_item {
box-sizing: initial;
}

@media screen and (min-width: 900px){
#blog + .block_news_1.add_design4 .content_wrapper li a span img {
    aspect-ratio: 1 / 1;
    height: auto;
}
}

@media screen and (min-width: 900px){
#blog + .block_news_1.add_design4 .content_wrapper li a span {
    width: 240px;
    height: 240px;
    padding: 0;
}
}
@media screen and (max-width: 900px){
#blog + .block_news_1.add_design4 .content_wrapper li a span {
padding: 0 0 100%;
} }


/*------------------TOP動画パーツ-----------------*/
#top_right1 + section .content_wrapper {
        max-width: 100%!important;
        padding: 0;
}
#top_right1 + section .content_wrapper a {
        text-decoration: none;
}
#top_right1 + section .wrapper_item {
        padding: 30px !important;
}
@media screen and (min-width: 901px) {
        #top_right1 + section .wrapper_item {
                display: flex;
                align-items: center;
                flex-direction: row-reverse;
        }
}
@media screen and (max-width: 900px) {
        #top_right1 + section .wrapper_item {
                padding: 4vw !important;
        }
}
#top_right1 + section .inner_item_img {
        flex-basis: 55%;
        max-width: 55%;
}
@media screen and (max-width: 900px) {
        #top_right1 + section .inner_item_img {
                flex-basis: 100%;
                max-width: 100%;
        }
}
#top_right1 + section .inner_item_img video {
        border-radius: 100em;
        max-width: none !important;
        width: 100% !important;
}
@media screen and (max-width: 900px) {
        #top_right1 + section .inner_item_img video {
                margin-bottom: 20px;
        }
}
#top_right1 + section .inner_item_txt {
        padding-right: 5% !important;
        padding-left: calc((100vw - 1200px) / 2 + var(--i_padding, 20px));
        flex-basis: 45%;
        max-width: 45%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
}
@media screen and (max-width: 1200px) {
        #top_right1 + section .inner_item_txt {
                padding-left: var(--i_padding, 20px) !important;
        }
}
@media screen and (max-width: 900px) {
        #top_right1 + section .inner_item_txt {
                flex-basis: 100%;
                max-width: 100%;
                padding-right: var(--i_padding, 20px) !important;
        }
}
#top_right1 + section .contents_btn01 {
        text-align: left;
        padding-top: 20px;
}
@media screen and (max-width: 900px) {
        #top_right1 + section .contents_btn01 {
                text-align: center;
        }
}
#top_right1 + section {
        padding-left: var(--i_padding, 20px);
        padding-right: var(--i_padding, 20px);
}