@charset "UTF-8";

/* =================================================================
# 基本CSS
# ================================================================= */

body {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img{
    width:100%;
}


/* =================================================================
# カラー設定
# ================================================================= */
:root {
    --main-color: #000;
    --sub-color: #575757;
    --accent-color:#008ac8;
}

/* =================================================================
#  デバイス別の基本フォントサイズ
# ================================================================= */

html {
    font-size: 16px;
}

@media (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 15px;
    }

    table th,table td {
        font-size: 15px;
    }

}

/* =================================================================
#  リンクの色
# ================================================================= */

 /* 投稿ページのコンテンツ内、フッターウィジェット */
.content-wrap a,.footer-widget a{
    color: #086ec9;
}

.content-wrap a:hover,.footer-widget a:hover{
    color:#081bc9;
}

/* =================================================================
# 文字の大きさ
# ================================================================= */

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1rem;
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.5rem;
    }
}

p{
    font-size: 1rem;
    margin:1rem 0;
    line-height:1.8;
}

/* =================================================================
# 位置
# ================================================================= */

.t-center{
    text-align: center;
}

.t-left{
    text-align: left;
}

.t-right{
    text-align: right;
}


/* =================================================================
# コンテンツ幅
# ================================================================= */

.main-w{
    max-width: 1200px;
    width: 100%;
    margin:0 auto;
    box-sizing: border-box;
}

.main-pa{ 
    padding-left:5%;
    padding-right:5%;
}

.section-pa{ 
    padding-top:5rem;
    padding-bottom:5rem;
}

/* =================================================================
# マージン
# ================================================================= */

.ma-t10{
    margin-top:10px;
}

.ma-t20{
    margin-top:20px;
}

.ma-t30{
    margin-top:30px;
}

.ma-b10{
    margin-bottom:10px;
}

.ma-b20{
    margin-bottom:20px;
}

.ma-b30{
    margin-bottom:30px;
}