.vide-warppaer {
    position: relative;

}

.video-area2 {
    position: fixed; /* fixedで固定 */
    z-index: -1; /* 背景として設定 */
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    filter: blur(5px) brightness(30%);
}

.video-area2 video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute; /* 動画の位置を絶対指定 */
}

.about1 {
    position: relative; /* スクロール可能なコンテンツ */
    z-index: 1; /* テキストが動画の前に来るように設定 */
}

.about-title h1 {
    font-size: 2em;
    color: #f2f2f2;
    font-weight: normal;
    border-bottom: #b11e00 solid 1px; /* 通常のボーダー1px */
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: left;
    text-shadow: 0 0 10px #b11e00, 0 0 20px #b11e00, 0 0 30px #b11e00; /* 文字のグロー効果 */
    line-height: 0.9;
    transform: scaleX(0.8);
    transform: scaleY(1.3);
 
}


.about-title h1::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px; /* ボーダーと同じ太さ */
    background-color: #b11e00; /* ボーダーの色 */
    box-shadow: 0 0 5px #b11e00, 0 0 10px #b11e00; /* ボーダーのグロー効果（ボーダー自体は1px） */
    margin-top: 10px; /* ボーダーとテキストの間の距離 */
}

.about1 h2 {
    color: #f2f2f2;
    width: 80%;
    text-align: left;
    margin: auto;
    font-weight: normal;
    text-align: center;
}


.about1 p {
    color: #f2f2f2;
    width: 80%;
    text-align: left;
    margin: auto;
    text-shadow: 0 0 10px #b11e00, 0 0 20px #b11e00, 0 0 30px #b11e00;
    margin-bottom: 75px;
    font-size: 1.25em;
   
}

.p2 {
    display: flex;
    justify-content: center; /* 水平方向の中央揃え */
    align-items: start; /* 縦方向の上寄せ */
    flex-wrap: wrap; /* 必要に応じて折り返し */
    width: 100%;
    padding: 20px 0; /* 余白を調整 */
    margin-bottom: 50px;
}

.p2 img {
    width: 30%; /* 画像の幅を調整 */
    height: auto; /* 画像の縦伸びを防ぐ */
    max-width: 300px;
    object-fit: contain;
    margin-right: 30px; /* 画像とテキストの間に余白を追加 */
}

.p2 p {
    color: #f2f2f2;
    width: 50%;
    text-align: left;
    text-shadow: 0 0 10px #b11e00, 0 0 20px #b11e00, 0 0 30px #b11e00;
    margin: 0;
    line-height: 1.4;
}

.boundary img {
    width: 100%;
    margin-bottom: 50px;
}





.point-imgs {
    display: flex;
    justify-content: center;  /* 画像を中央揃え */
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;  /* 画面幅に合わせて画像が折り返す */
}

.image-text {
    text-align: center;  /* 画像とテキストを中央揃え */
    margin: 0 15px;  /* 画像とテキスト間のスペース */
    flex: 1 1 30%;  /* 画像を3つ並べるための設定 */
    max-width: 300px;  /* 最大幅を設定 */
}

.image-text img {
    width: 100%;  /* 画像の幅を100%に設定 */
    height: auto;  /* 縦伸びを防止 */
    margin-bottom: 10px;  /* 画像とテキストの間のスペース */
}

.image-text p {
    color: #f2f2f2;  /* テキストの色 */
    font-size: 1em;  /* テキストサイズ */
    text-shadow: 0 0 10px #b11e00, 0 0 20px #b11e00, 0 0 30px #b11e00;
    text-align: center;
}

.profile-warpper {
    position: relative; /* img の基準にする */
    max-width: 1100px;
    margin: 0 auto;
    background-color: rgba(13, 15, 18, 0.7);
    margin-top: 100px;
    padding: 100px 50px;
    margin-bottom: 50px;

    
}

.profile-warpper img {



}

.container-3 {
    max-width: 1100px;
    margin: auto;

}

.titlelogo {
    width: 10vw;
    position: absolute; /* 絶対位置 */
    top: -100px; /* 20px 上に移動 */
    
}

.profilephoto {
    width: 40%;
    height: 40%;
    margin-right: 30px;  

}

.profile-contents-area {
    display: flex;
    align-items: center;
    justify-content: center;
    
}


.uta{
    color: #b11e00;
    font-size: 3em;
    transform: scaleY(1.4);
    padding-left: 5px;
}

.profile-text-areas{
    width: 46%;
    
}

.profile-text-area1 {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 1px;


  
}
.profile-text-area2 {
    display: flex;
    
    

  
}

.profile-text-area3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;

  
}

.profile-text-area4 {

    margin-top: 8px;
    color: #ddc79b;
    padding-left: 10px;
    margin-bottom: 20px


  
}

.name {
    font-size: 5em;
    color: #b11e00;
    transform: scaleY(2.5);
}

.frigana {
    font-size: 1.5em;
    color: #b11e00;
    margin-bottom: 10px
}

.barthday {
    color: #b11e00;
    font-size: 2em;
    margin-left: 10px;
}

.snss {
    display: flex;

}

.snss img{
    height: 2em;
    margin-left: 15px;
}

.monstarprofile-warpper {
    max-width: 1100px;
    margin: auto;
    height: 300px;
    position: relative;
    background-color: rgba(13, 15, 18, 0.7);
    margin-top: 100px;
    
    padding: 50px;

}

.monstarprofile-warpper p{
    color: #ddc79b;
}

.titlelogo2 {
    width: 20vw;
    position: absolute; /* 絶対位置 */
    top: -50px; /* 20px 上に移動 */
    transform: translate(-50%, -50%);
}
    

.boundary1 img {
    width: 100%;
    margin: 50px 0;
    
}