/*========================================================
ファイル名    ：style.css
管理番号　　：No.015
内容　　　　：共通スタイル
バージョン　：Ver1
作成日　　　：2026-07-17
更新日　　　：2026-07-17

【変更履歴】
Ver0 初期登録
Ver1 共通スタイルのみへ整理（各セクションCSSを分離）
========================================================*/

/* ==========================================================
   SEクラフト Official Site
   style.css
   Version : 1.0
========================================================== */

/*************************************************
 Reset
*************************************************/

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:
        "Yu Gothic",
        "Hiragino Sans",
        "Meiryo",
        sans-serif;

    font-size:16px;

    color:#333;

    line-height:1.7;

    background:#ffffff;

}

/*************************************************
 Variables
*************************************************/

:root{

    --main:#0B6FD3;

    --sub:#3EA5FF;

    --green:#2E9F44;

    --text:#333333;

    --gray:#666666;

    --light:#F7F9FC;

    --border:#E5E5E5;

}

/*************************************************
 Layout
*************************************************/

.container{

    max-width:1200px;

    margin:0 auto;

    padding-left:15px;

    padding-right:15px;

}

section{

    padding:100px 0;

}

/*************************************************
 Typography
*************************************************/

h1{

    font-size:56px;

    font-weight:700;

    line-height:1.3;

}

h2{

    font-size:40px;

    font-weight:700;

}

h3{

    font-size:28px;

    font-weight:700;

}

p{

    margin-bottom:1rem;

}

a{

    text-decoration:none;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

/*************************************************
 Header
*************************************************/

.site-header{

    background:#ffffff;

    box-shadow:0 2px 10px rgba(0,0,0,.05);

    position:sticky;

    top:0;

    left:0;

    width:100%;

    z-index:1000;

}

.navbar{

    min-height:100px;

    padding:0;

}

.navbar .container{

    display:flex;

    align-items:center;

}

.navbar-brand{

    padding:0;

    margin-right:40px;

}

.navbar-brand img{

    width:260px;

    height:auto;

    display:block;

}

.navbar-nav{

    margin-left:auto;

    align-items:center;

}

.nav-link{

    color:#333;

    font-size:18px;

    font-weight:600;

    margin-left:25px;

    transition:.3s;

}

.nav-link:hover{

    color:#0B6FD3;

}

.navbar .btn{

    padding:12px 24px;

    border-radius:8px;

    font-size:17px;

    font-weight:600;

}

/*************************************************
 Header Responsive
*************************************************/

@media(max-width:991px){

    .navbar{

        min-height:80px;

    }

    .navbar-brand img{

        width:190px;

    }

    .navbar-collapse{

        margin-top:20px;

        text-align:center;

    }

    .nav-link{

        margin:10px 0;

    }

    .navbar .btn{

        margin-top:15px;

    }

}
/*************************************************
 Button
*************************************************/

.btn-main{

    background:var(--main);

    color:#ffffff;

    padding:14px 34px;

    border-radius:30px;

}

.btn-main:hover{

    background:#085eb5;

    color:#ffffff;

}

/*************************************************
 Footer
*************************************************/




/*************************************************
 Utility
*************************************************/

.text-center{

    text-align:center;

}

.mt-30{

    margin-top:30px;

}

.mb-30{

    margin-bottom:30px;

}

.mb-50{

    margin-bottom:50px;

}

.mb-80{

    margin-bottom:80px;

}