﻿@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
body {
    font-family: 'Noto Sans JP','ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    /*overflow:hidden;*/
}

a {
    text-decoration-line: underline;
    
    color: #212529;
}


.max-1000{
    max-width:1000px;
}

.line-a {
    text-decoration-line: underline;
}
.none-underline {
    text-decoration-line: none;
}

/*アイコン高さ調整*/
[class^="bi-"]::before, [class*=" bi-"]::before {
    line-height: unset !important;
}

.form-label{
    color:#808080;
}

.cursor-pointer {
    cursor: pointer;
}

.hr-custom {
    border-bottom: 1px solid #21649B;
    margin:0;
    padding:0;
}
.text-custom-header {
    /*    border-left: 5px solid rgba(6, 170, 77, 0.6);
    border-right: 5px solid rgba(6, 170, 77, 0.6);*/
    /*border-bottom: 1px solid rgba(6, 170, 77, 0.5);
    border-top: 1px solid rgba(6, 170, 77, 0.5);*/
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: rgba(6, 170, 77, 0.7);
    color: #fff;
}

.bg-custom {
    background-color: #21649B;
    color: #f8f9fa !important;
}
.bg-custom a {
    color: #f8f9fa;
    text-decoration-line: none;
}

.border-custom {
    border-color: #21649B;
}
.text-custom {
    color: #21649B;
}
.btn-custom {
    background-color: #21649B;
    border-color: #21649B;
}


.title1 {
    background-image: -webkit-linear-gradient(transparent 70%, rgb(6 100 170 / 0.30) 0%);
    background-image: -o-linear-gradient(transparent 70%, #FF0 0%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, rgba(6, 100, 170, 0.3)));
    background-image: linear-gradient(transparent 70%, rgba(6, 100, 170, 0.3) 0%);
}

.undarline {
    border-bottom: 1px solid #21649B;
}

.label-f {
    color: dimgray;
}

.btn-login {
    color: #f8f9fa;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    border-color: #21649B;
    background: #21649B;
    box-shadow: -5px 5px 15px #064683, 5px -5px 15px #256da9;
}

.functionTitle {
    opacity: 0.7;
}


@media screen and (max-width: 768px){
    th,td{
        font-size:0.8rem;
        min-width:5rem;
    }
/*
    dd{
        margin-left:1rem;
    }*/
}