/*
Theme Name: biste-theme
*/
/* 全体 */
.mvv{
    background-image: url("../image_files/mvv/mvv-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.mvv h1{
     font-family: "Anek Bangla", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-size: 100px;
    color: #fff;
    text-align: center;
    padding-top: 172px;
    padding-bottom: 140px;
    line-height: 1.1;
}
.mvv h1 span{
    display: inline-block;
}
.mvv_inner{
    max-width: 860px;
    width: 92%;
    margin: 0 auto;
}
.mvv_con{
    padding-bottom: 48px;
}
.mvv_con--inner{
    padding: 36px 20px;
    background-color: #0000004b;
}
.mvv_con--inner2{
    padding-left: 45px;
    border-left: 4px solid #fff;
}
.mvv_con--t1{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #474747;
    letter-spacing: 0.06em;
    line-height: 1.8;
}
.mvv_con--t1 span{
    font-size: 16px;
    display: inline-block;
}
.mvv_con--t2{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #ffffffd6;
    padding-top: 25px;
    padding-bottom: 17px;
    line-height: 1.6;
}
.mvv_con--t3{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.06em;
    line-height: 1.8;
}
.mvv_con--t4{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    background-color: #3E3E3E;
    padding: 7px 31px;
}
.mvv_con--inner3{
    padding:36px 30px;
    background-color: #0000004b;
}
.mvv_box--inner{
    padding: 20px 19px;
    border-bottom: 1px solid #474747;
}
.mvv_box--t1{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
    padding-bottom: 17px;
}
.mvv_con--t1-2-in{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 11px;
    border-bottom: 1px solid #474747;
    letter-spacing: 0.06em;
    line-height: 1.8;
    border-bottom: 1px solid #474747;
}
.mvv_con--t1-2{
    padding-left: 45px;
    border-left: 4px solid #fff;
}
.mvv_box-w{
    padding-top: 36px;
}
.mvv_lists{
    display: flex;
    gap: 16px;
}
.mvv_list{
    list-style-type:none;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff;
}
.mvv_list li{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #002B67;
    line-height: 1.6;
    letter-spacing: 0.06em;
    display: flex;
}
.mvv_list--img{
    width: 10px;
    height: 10px;
    margin-right: 4px;
}
/* .mvv_list--img img{
    margin-bottom: 6px;
} */
.mvv_list li.mvv_list--t1{
    font-weight: 900;
}
.mvv_list li.mvv_list--t2{
    font-weight: 600;
}
.mvv_list--no{
    background-color: #D1DDEC;
    align-items: stretch;
    flex: 1;
    align-items: stretch;
    height: auto;
}
.mvv_list--no li{
    color: #000;
}
.mvv_list .s1{
    display: inline-block;
}




@media screen and (max-width: 925px) {
.mvv{
    background-image: url("../image_files/mvv/mvv-bg-sp.png");
}
.mvv h1{
    font-size: calc(48vw / 360 * 100);
    padding-top: calc(70vw / 360 * 100);
    padding-bottom: calc(70vw / 360 * 100);
}
.mvv_inner{
    max-width: 100%;
    width: 94%;
}
.mvv_con{
    padding-bottom: calc(25vw / 360 * 100);
}
.mvv_con--inner{
    padding: calc(20vw / 925 * 100) calc(10vw / 360 * 100);
}
.mvv_con--inner2{
    padding-left: calc(15vw / 360 * 100);
    border-left: 4px solid #fff;
}
.mvv_con--t1{
    font-size: calc(32vw / 360 * 100);
    align-items: flex-start;
    gap: 0px;
    flex-direction: column;
    padding-bottom: calc(16vw / 360 * 100);
}
.mvv_con--t1 span{
    font-size: calc(16vw / 360 * 100);
}
.mvv_con--t2{
    font-size: calc(20vw / 360 * 100);
    padding-top: calc(25vw / 360 * 100);
    padding-bottom: calc(17vw / 360 * 100);
}
.mvv_con--t3{
    font-size: calc(16vw / 360 * 100);
}
.mvv_con--t4{
    font-size: calc(18vw / 360 * 100);
    padding: calc(7vw / 925 * 100) calc(15vw / 360 * 100);
}
.mvv_con--inner3{
    padding:calc(20vw / 925 * 100) calc(10vw / 360 * 100);
}
.mvv_box--inner{
    padding: calc(5vw / 925 * 100) 0px;
    padding-bottom: calc(25vw / 360 * 100);
}
.mvv_box--t1{
    font-size: calc(16vw / 360 * 100);
    padding-bottom: calc(10vw / 360 * 100);
}
.mvv_con--t1-2-in{
    font-size: calc(32vw / 360 * 100);
    gap: 0px;
    padding-bottom: calc(12vw / 360 * 100);
}
.mvv_con--t1-2{
    padding-left: calc(15vw / 360 * 100);
}
.mvv_box-w{
    padding-top: calc(36vw / 360 * 100);
}
.mvv_lists{
    display: flex;
    flex-direction: column;
    gap: calc(16vw / 360 * 100);
}
.mvv_list{
    padding: calc(15vw / 360 * 100);
    border-radius: calc(5vw / 360 * 100);
}
.mvv_list li{
    font-size: calc(15vw / 360 * 100);
}
.mvv_list--img{
    width: calc(10vw / 360 * 100);
    height: calc(10vw / 360 * 100);
    margin-right: calc(4vw / 360 * 100);
}
/* .mvv_list--img img{
    margin-bottom: calc(6vw / 360 * 100);
} */
.mvv_list li.mvv_list--t1{
    font-weight: 900;
}
.mvv_list li.mvv_list--t2{
    font-weight: 600;
}
.mvv_list--no{
    background-color: #D1DDEC;
     align-items: stretch;
    flex: 1;
    align-items: stretch;
    height: auto;
}



}
.pc {
    display: block;
}

.sp {
    display: none;
}

@media screen and (max-width: 925px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}
@media screen and (max-width: 925px) {
  .mvv_con--t3 .sp {
    display: block !important;
  }

  .mvv_con--t3 .sp span {
    display: inline-block !important;
    white-space: nowrap !important;
  }
}
.mvv_con--t4 .big {
    font-size: 20px; 
}
.mvv_con {
    padding-bottom: 48px;
}

.mvv_con:last-child {
    padding-bottom: 0;
}

.mvv_con--inner,
.mvv_con--inner3 {
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.mvv_con--inner3 {
    margin-top: 1px;
}

@media screen and (max-width: 925px) {
    .mvv_inner {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 600px) {
    #footer img {
        height: auto;
    }
}

    .mvv_list li {
        padding: 0!important;
    }

     .mvv_inner {
        padding-bottom: 180px;
    }