@charset "UTF-8";
.bd{
    background-color: rgb(223, 220, 243);
    background-size: cover;
    background-position: center top;
    position: relative;
}
.container{
            margin: 0;
            padding: 0;
            background-size: cover;
            background-position: center;
            transition: background-image 1s ease-in-out;
            height: 100vh;
  }
.main-nav{
    display: flex;
    
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
}
.headnav{
    position: absolute;
    /*max-width: 4000px;*/
    top: 0;
    left: 10%;
    bottom: 0;
    right: 10%;
    display: flex;
    justify-content: space-between;
}
.headback{
    position: relative;
}
.headback {
    position: absolute;
    color: rgb(0, 5, 8);
    background-color: rgb(10, 3, 61);
    /*width: 600px;*/
    height: 80px;
    top: 5%;
    left: 0%;
    right: 0%;
    /*transform: translate(-50%, -50%);*/
    z-index: -1;
    opacity: 0.5; /* 透明度を高く設定 */
    border-radius: 10px; /* 角を丸める */
}
.logo1{
    width: 200px;
    margin-top: 14px;
}
/*.main-nav{
    display: flex;
    
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 34px;
    list-style: none;
}*/
.main-nav li{
    /*margin-left: 36px;*/
}
.main-nav a{
    font-size: 25px;
    color: white;
    font-weight: bolder;    
    text-shadow: 1px 2px 3px black;
}
.main-nav a:hover{
    color: #0bd;
}
.page-header{
    display: flex;
    justify-content: space-between;
}
.wrapper{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 4%;
}
.home-content{
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.home-content p{
    font-size: 1.125rem;
    color: rgb(69, 15, 215);
    margin: 10px 0 42px;
}
.home-content wrapper{
    position: relative;
}


.newsback {
    position: absolute;
    color: rgb(41, 83, 120);
    background-color: rgb(223, 220, 243);
    width: 600px;
    height: 330px;
    top: 67%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.5; /* 透明度を高く設定 */
    border-radius: 20px; /* 角を丸める */
}
/*見出し*/
.company-name{
    font-size: 7rem;
    font-family: 'Philosopher', serif;
    color: fuchsia;
    /*text-transform: uppercase;*/
    font-weight: normal;
    font-family: "Beau Rivage", cursive;
    /*font-family: "Aladin", system-ui;
    font-family: "Bonheur Royale", cursive;
    font-family: "Ga Maamli", sans-serif;*/
    font-weight: 400;
    font-style: normal;
    font-weight: 900;
    -webkit-text-stroke: 1px white;
    
}
.page-title{
    font-size: 3rem;
    font-family: 'Philosopher', serif;
    color: fuchsia;
    /*text-transform: uppercase;*/
    font-weight: normal;
}
/*ボタン*/
.button{
    font-size: 1.375rem;
    background: #0bd;
    color: antiquewhite;
    border-radius: 5px;
    padding: 5px 20px 5px;
}
.button:hover{
    background: #0090aa;
}
/*大きな背景画像*/
.big-bg{
    background-size: cover;
    background-position: center top;
}

#home .page-title{
    text-transform: none;
}