@charset "utf-8";

/* 共通設定 */
html, body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.8;
    background-color: #fff; /* ページ全体を白に */
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
    -webkit-text-size-adjust: 100%;
}



.contents{
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #bdbbbb;
    border-right: 1px solid #bdbbbb;
}

img{max-width: 100%;}

/* リンク設定 */
a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #006ddc;
}
a:hover img{
    position: relative;
    top: 3pt;
    left: 3pt;
    opacity: 0.7;
}
.orenge{color: #f17e1b;}

/* header */
header{
    border-bottom: 1px solid #cacbcc;
}
header img, .top img{
    max-width: 100%;
    margin: 0 auto;
}



/* セクション・背景色 */
section.online-seminar .wrap{
    background:#D60000;
}


/* table */
table.box_04 {
    font-size: 1em;
    margin: 20px 15px 20px 0;
    text-align: left;
}
.box_04 tr{height: 60px; vertical-align: top; padding-top: 2%;}
.box_04 th{width: 28%; font-weight: 500;}
.box_04 span.red-big, table span.red-big{font-size: 140%; color: #d80011;}
.box_04 p.position{margin-bottom: 20px;}
.box_04 p{letter-spacing: -0.03em; font-size: 95%; text-align: start;}
span.red{color: #f76a04;}
span.pink{margin: 5px 0; font-weight:bold; border-bottom: 5px solid #ffcdcd;}
span.under{text-decoration: underline;}
span.big{font-size: 150%; font-weight:bold;}
span.small{font-size: 85%; color: #333;}

/* sec1 */
.sec1{padding: 1% 2%;}
.sec1 img{margin: 0 auto; display: block;}
.sec1 h1{
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    background-color: #5BAFB9;
    padding: 3% 0;
}
.sec1 p{font-size: 1.3em;}

/* 見出し */
h2 {
    padding: 0.8em;
    color: #010101;
    background: #DDEDEF;
    font-size: 3.5em;
    font-weight: bold;
    line-height: normal;
}
h2.size2 {font-size: 2.5em;}
h3 {
    padding: 0.8em;
    color: #010101;
    background: #fff;
    font-size: 2.5em;
    line-height: normal;
}


/* sec2 */
.sec2{background-color: #53ACB5;text-align: center;padding: 3% 2%;}



/* table */
table{
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    max-width: 1000px;
    table-layout: fixed;
}
table tr{background-color: #fff;padding: .35em;border-bottom: 2px solid #fff;}
table th{padding: 1.5em 1px 1em 0.1em;border-right: 2px solid #fff;font-size: .80em;}
table td{padding: 1em 1px 1em 0.5em;border-right: 2px solid #fff;}
table thead tr{background-color: #5BAFB9;color:#fff;}
table tbody th{background: #fff;color: #fff;}
.txt{text-align: left;font-size: .85em;}
.price{text-align: right;color: #5BAFB9;font-weight: bold;}
.non{background:#fff;}




/* footer */
footer {
    background-color: #5BAFB9; /* ← 背景色（お好みで変更） */
    text-align: center;
    padding: 2em 0;
    color: #000; /* 文字色（黒） */
    font-size: 0.9em;
}

footer {
    background-color: #5BAFB9 !important; /* フッターの背景色 */
    text-align: center;
    padding: 2em 0;
    color: #fff; /* ← 文字全体を白に */
    font-size: 0.9em;
}

footer a {
    color: #fff; /* リンク文字も白 */
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer .divider {
    color: #fff; /* ｜を白に */
}

footer small {
    color: #fff; /* コピーライト文字を白に */
}



/* 箇条書きマーク（・）を確実に表示する */
ul, li {
    list-style-type: disc !important; /* 黒丸を強制表示 */
    margin-left: 1.5em;               /* 左に少し余白 */
    padding-left: 0.5em;
}

/* 箇条書きの・をスマホでも確実に表示する */
ul, li {
    list-style-type: disc !important; /* 黒丸を強制表示 */
    margin-left: 1.5em;               /* 左の余白 */
    padding-left: 0.5em;
}

/* スマホ専用調整 */
@media only screen and (max-width: 767px) {
    ul, li {
        list-style-type: disc !important; /* スマホでも表示 */
        margin-left: 1.2em;               /* 少し左を詰める */
        padding-left: 0.3em;
    }
}