@import url('https://fonts.googleapis.com/css2?family=Climate+Crisis&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap');

:root{
    --secondary: #6D6D6D;
}

*{
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0; /* 余計なマージンを防ぐ */
    overflow-x: hidden; /* 横方向のスクロールを無効化 */
}

.logo{
    font-weight: bold;
}

.navbar {
    background-image: linear-gradient(to right, #3B82F6 0%, #5CDFF6 100%);
}
.nav-link{
    color: white;
}

.nav-item{
    margin-right: 9.5rem;
}



.hero-section{
    padding-top: 10%;
    background-image: url(/img/FV_bg.svg);
    background-position: center;
    background-size: cover;
    text-shadow: 4px 4px 4px rgba(217, 217, 217, 0.85);
}

.btn-hero{
    border-radius: 15px;
    background-image: linear-gradient(to right, #3B82F6 0%, #5CDFF6 100%);
    margin-bottom: 15%;
}

h3 {
    font-weight: 700;
    font-size: x-large;
}

.inner-container {
    padding: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


.number-box {
    background-image: linear-gradient(to right, #3B82F6 0%, #5CDFF6 100%);
    color: white;              /* テキストの色を白に */
    padding: 10px 20px;        /* 内側の余白 */
    text-align: center;        /* テキストの中央揃え */
    display: inline-block;     /* 四角形のサイズを調整 */
    border-radius: 4px;        /* 角を少し丸めたい場合 */
    font-size: 1.3rem;         /* テキストのサイズ調整 */
    font-weight: bold;         /* 太字にして強調 */
}

.bg-gradient-mission {
    background: linear-gradient(180deg, #3B82F6 0%, #5CDFF6 100%);
    min-height: 526px;
}

.custom-margin{
    padding: 2rem 2rem;
}

.philosophy{
    font-size: x-large;
    font-weight: 800;
}

h2{
    font-weight: 700;
    font-size: 3rem;
}

.btn-mission{
    border-radius: 8px;
    background-image: linear-gradient(to right, #3B82F6 0%, #8B5CF6 100%);
    margin-bottom: 8%;
}

.company-info-section{
    min-height: 90vh;
    padding: 0% 5% 0% 5%;
}

.company-info{
    font-weight: 700;
    font-size: 2rem;
    color: #3B444B;
}

.Company{
    max-width: 900px;
    padding: 25px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    font-weight: 300;
}

.border-bottom {
    border-bottom: none !important; /* 下線を消す */
}

.footer-bg {
    background-color: #213F7D;
    min-height: 100px; /* フッターの最低限の高さ */
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.inc{
    font-weight: 700;
    font-size: 3rem;
}

.footer-text{
    color: #929EB6;
}