@charset "UTF-8";

#mv .mv_text>div {
    background: rgb(246 226 209 / 85%);
    color: #000;
}

#about1 + .composite_box01 .inner_item a {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#about1 + .composite_box01 .inner_item a img {
    height: auto!important;
    aspect-ratio: 16 / 8;
}
#about1 + .composite_box01 .inner_item a:hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#about2 + .composite_box01 .inner_item a {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#about2 + .composite_box01 .inner_item a img {
    height: auto!important;
    aspect-ratio: 16 / 8;
}
#about2 + .composite_box01 .inner_item a:hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media screen and (max-width: 768px) {
#about1 + .composite_box01 {
   display: none;
}
#about2 + .composite_box01 {
   display: none;
}
}

/*スマホ用*/
#about3 + .composite_box01 {
   display: none;
}
#about4 + .composite_box01 {
   display: none;
}
@media screen and (max-width: 768px) {
#about3 + .composite_box01 {
   display: block;
}
#about4 + .composite_box01 {
   display: block;
}
#about3 + .composite_box01 .inner_item a {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#about3 + .composite_box01 .inner_item a img {
    height: auto!important;
    aspect-ratio: 16 / 8;
}
#about3 + .composite_box01 .inner_item a:hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#about4 + .composite_box01 .inner_item a {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
#about4 + .composite_box01 .inner_item a img {
    height: auto!important;
    aspect-ratio: 16 / 8;
}
#about4 + .composite_box01 .inner_item a:hover img {
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
}
@media screen and (max-width: 480px) {
#about3 + .composite_box01 {
    padding-bottom: 0;
}
#about3 + .composite_box01 .wrapper_item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#about3 + .composite_box01 .inner_item {
    width: 48% !important;
}
#about4 + .composite_box01 .wrapper_item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#about4 + .composite_box01 .inner_item {
    width: 48% !important;
}
}