@charset "utf-8";

body {
    background-color: #eaeaea; /* 背景色 */
}
h2 {
    font-size: 2rem;
    position: relative;
    padding: 0.25em 0;
}
h2::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(3, 43, 73), #3797e8);
    background: linear-gradient(to right, rgb(3, 43, 73), #3797e8);
}
/* COlor */
:root {
    --Color-A: #367AB5;
    /* --Color-B: #E86826;*/ 
    --Color-B: #bb5909;
    --Color-C: #c44444;
    --Color-D: #008561;
    --Color-E: #946493;
    --Color-F: #606060;
}
.Front {
    width: 100%;
    background-color: #0a2b46;
}
.FrontPhrase {
    background-color: #0a2b46;
    background: url("../images/back-top.png") no-repeat center top; /* 背景画像を左上に設定 */
    background-size: cover; /* 背景画像をカバーに設定 */
    min-height: 377px;
    justify-content: center; /* 横方向中央揃え */
    align-items: center;     /* 縦方向中央揃え */
    font-size: 2.75rem;
    color: #fff;
    font-weight: bold;
    text-align: center; /* テキストを中央揃え */
    padding-top: 100px;
}
.Front-Text {
    font-size: 2.5rem; /* フォントサイズ */
    color: white; /* 文字色を白に */
    text-shadow: 0px 1px 11px rgba(255, 255, 255, 0.9); 
}
/* Info */
.Info,.News {
    width: 1280px;
    margin: 0 auto;
}
.Info-Contents {
    padding: 50px;
    box-shadow: 0 0 3px gray;
}
.Color-b {
    color:#000000;
}
.News dl{
    width: 100%;
}
.News dl.under_line{
    border-bottom: 1px solid #333333;
}

.News dt{
    width: 290px;
    height: 113px;
    /* border-bottom: 1px solid #333333; */
    float: left;
    padding: 38px 5px;
    clear: left ;
}
.News dt span.data {
    min-width: auto;
    margin: auto;
    color: #000;
    float: left;
}
.News dd {
	height: 113px;
    /* border-bottom: 1px solid #333333; */
    margin-left: 290px;
    padding: 20px 5px;
    text-align: left;
    vertical-align:middle;
    display:table-cell;
}
.News span {
    display: inline-block; /* インラインブロックにすることでボタン幅を安定 */
    min-width: 140px; /* 最小幅を指定 */
    border-radius: 5px;
    color: #fff;
    margin: 0 20px;
    text-align: center; /* テキストを中央に */
    text-decoration: none;
}
.News-Contents {
    font-size: 1.5rem;
    margin-top: 50px;
}
.NewsList-A {
    /*background-color: var(--Color-A);*/
    background-color: #367AB5;
    
}
.NewsList-B {
    /*background-color: var(--Color-B);*/
	background-color: #bb5909;
}
.NewsList-C {
    /*background-color: var(--Color-C);*/
	background-color: #c44444;
}
.NewsList-D {
    /*background-color: var(--Color-D);*/
	background-color: #008561;
}
.NewsList-E {
    /*background-color: var(--Color-E);*/
	background-color: #946493;
}
.NewsList-F {
    /*background-color: var(--Color-F);*/
	background-color: #606060;
}
/* Responsive */
/* Min-SP（400px以下） */
@media screen and (max-width: 400px) {
    .FrontPhrase {
        background: url("../images/back-sp-top.png") no-repeat center top; /* 背景画像を左上に設定 */
        background-size: cover; /* 背景画像をカバーに設定 */
        min-height: 400px;
        justify-content: center; /* 横方向中央揃え */
        align-items: center;     /* 縦方向中央揃え */
        font-size: 1.25rem;
    }
    .Front-Text {
        font-size: 1.25rem; /* フォントサイズ */
        color: white; /* 文字色を白に */
        text-shadow: 0px 1px 6px rgba(255, 255, 255, 0.8); 
    }
    .Info,.News {
        margin: auto 10px;
    }
    .pdf-icon::before {
        width: 35px;
    }
    .Info-Contents {
        padding: 10px;
    }
    .Info li {
        border-bottom: 1px solid #000;
    }
    .Info a {
        border-bottom: 0px solid #000;
    }
    .News dl{
        width: 100%;
    }
    .News dt{
        height: auto;
        border-bottom: 0px solid #333333;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .News dd{
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 0;
    }
    .pdf-icon::before {
        width: 20px;
        margin-right: 0;
    }
}
/* SP（401px〜550px） */
@media screen and (min-width: 401px) and (max-width: 550px) {
    .FrontPhrase { 
        background-color: #0a2b46;
        background-image: url("../images/back-sp-top.png") no-repeat center top; /* 背景画像を左上に設定 */
        background-size: cover; /* 背景画像をカバーに設定 */
        min-height: 400px;
        justify-content: center; /* 横方向中央揃え */
        align-items: center;     /* 縦方向中央揃え */
        font-size: 1.25rem;
    }
    .Front-Text {
        font-size: 1.5rem; /* フォントサイズ */
        color: white; /* 文字色を白に */
        text-shadow: 0px 1px 6px rgba(255, 255, 255, 0.8); 
    }
    .Info,.News {
        margin: auto 10px;
    }
    .pdf-icon::before {
        width: 35px;
    }
    .Info-Contents {
        padding: 10px;
    }
    .Info li {
        border-bottom: 1px solid #000;
    }
    .Info a {
        border-bottom: 0px solid #000;
    }
    .News dl{
        width: 100%;
    }
    .News dt{
        height: auto;
        border-bottom: 0px solid #333333;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .News dd{
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 0;
    }
}
/* SPタブレット（551px〜767px） */
@media screen and (min-width: 551px) and (max-width: 767px) {
    .FrontPhrase {
        background-color: #0a2b46;
        background-image: url("../images/back-sp-top.png") no-repeat center top; /* 背景画像を左上に設定 */
        background-size: cover; /* 背景画像をカバーに設定 */
        min-height: 400px;
        justify-content: center; /* 横方向中央揃え */
        align-items: center;     /* 縦方向中央揃え */
        font-size: 2rem;
    }
    .Front-Text {
        font-size: 1.75rem; /* フォントサイズ */
        color: white; /* 文字色を白に */
        text-shadow: 0px 1px 6px rgba(255, 255, 255, 0.8); 
    }
    .Info,.News {
        margin: auto 10px;
    }
    .pdf-icon::before {
        width: 35px;
    }
    .Info-Contents {
        padding: 10px;
    }
    .Info li {
        border-bottom: 1px solid #000;
    }
    .Info a {
        border-bottom: 0px solid #000;
    }
    .News dl{
        width: 100%;
    }
    .News dt{
        height: auto;
        border-bottom: 0px solid #333333;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .News dd{
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 0;
    }
}
/* Tab（768px〜930px） */
@media screen and (min-width: 768px) and (max-width: 930px) {
    .FrontPhrase {
        background-color: #0a2b46;
        background-image: url("../images/back-sp-top.png") no-repeat center top; /* 背景画像を左上に設定 */
        background-size: cover; /* 背景画像をカバーに設定 */
        min-height: 400px;
        justify-content: center; /* 横方向中央揃え */
        align-items: center;     /* 縦方向中央揃え */
        font-size: 2.25rem;
    }
    .Front-Text {
        font-size: 2rem; /* フォントサイズ */
        color: white; /* 文字色を白に */
        text-shadow: 0px 1px 6px rgba(255, 255, 255, 0.8); 
    }
    .Info,.News {
        margin: auto 10px;
    }
    .pdf-icon::before {
        width: 35px;
    }
    .Info-Contents {
        padding: 10px;
    }
    .Info li {
        border-bottom: 1px solid #000;
    }
    .Info a {
        border-bottom: 0px solid #000;
    }
    .News dl{
        width: 100%;
    }
    .News dt{
        height: auto;
        border-bottom: 0px solid #333333;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .News dd{
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 0;
    }
}
/* NotePC（931px〜1249px） */
@media screen and (min-width: 931px) and (max-width: 1249px) {
    .Info,.News {
        margin: auto 10px;
    }
    .News dt{
        height: auto;
        border-bottom: 0px solid #333333;
        float: none;
        padding: 0;
        margin-top: 10px;
    }
    .News dd{
        height: auto;
        margin-left: 0;
        margin-bottom: 20px;
        padding: 10px 0;
    }
}
/* DesktopPC（1250px以上） */
@media screen and (min-width: 1250px) {

}