@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');

html { 
      overflow-y: scroll;
}

html, body {
      height: 100%;
}

body {
    font-family: 'Noto Sans JP', sans-serif, 'Noto Serif JP', serif;
    color: #333333;
    background: #f8f8ff;

    font-size: 1.5em;
}

.btn, .form-select, .form-control {
    font-size: 1em;
}

a {
    color: #333333;
    text-decoration: underline;
}

a:hover {
    color: #333333;
    text-decoration: none;
}

a.noline {
    color: #333333;
    text-decoration: none;
}

a.noline:hover {
    color: #333333;
    text-decoration: underline;
}

header {
    font-family: 'Kosugi Maru', sans-serif;
    background: #299fbd;
}

header a {
    color: #f8f8ff;
    text-decoration: none;
}

header a:hover {
    color: #f8f8ff;
}

/* フッターを画面最下部に配置 */
.wrapper {
      display: flex;
      flex-direction: column;
      min-height: 100vh;    
}

footer {
    font-family: 'Kosugi Maru', sans-serif;
    margin-top: auto;
}

.pagetop {
    padding-top: 1em;
    padding-bottom: 72px;
}

.btn-primary {
    border: 1px solid #299fbd;
    background: #299fbd;
    color: #f8f8ff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus, 
.btn-primary:active:hover, .btn-primary:active.focus,.btn-primary.active, .btn-primary.active:focus, 
.btn-primary.active:hover, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    border: 1px solid #299fbd;
    background: #299fbd;
    color: #f8f8ff;
}

.btn-primary:hover {
    background: #f8f8ff;
    color: #299fbd;
    border: 1px solid #299fbd;
}

.btn-outline-primary {
    border: 1px solid #299fbd;
    background: #f8f8ff;
    color: #f299fbd;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, 
.btn-outline-primary:active:focus, .btn-outline-primary:active:hover, 
.btn-outline-primary:active.focus,.btn-outline-primary.active, 
.btn-outline-primary.active:focus, .btn-outline-primary.active:hover, 
.btn-outline-primary.active.focus,
.open > .dropdown-toggle.btn-outline-primary, 
.open > .dropdown-toggle.btn-outline-primary:hover,
.open > .dropdown-toggle.btn-outline-primary:focus, 
.open > .dropdown-toggle.btn-outline-primary.focus,
.btn-outline-primary.disabled:hover, .btn-outline-primary[disabled]:hover, 
fieldset[disabled] .btn-outline-primary:hover,.btn-outline-primary.disabled:focus, 
.btn-outline-primary[disabled]:focus, fieldset[disabled] .btn-outline-primary:focus,
.btn-outline-primary.disabled.focus, .btn-outline-primary[disabled].focus, 
fieldset[disabled] .btn-outline-primary.focus {
    border: 1px solid #299fbd;
    background: #f8f8ff;
    color: #f299fbd;
}

.btn-outline-primary:hover {
    background: #299fbd;
    color: #f8f8ff;
    border: 1px solid #299fbd;
}

.btn-warning {
    border: 1px solid #f1df00;
    background: #f1df00;
    color: #333333;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:active:focus, 
.btn-warning:active:hover, .btn-warning:active.focus,.btn-warning.active, .btn-warning.active:focus, 
.btn-warning.active:hover, .btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning, .open > .dropdown-toggle.btn-warning:hover,
.open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning.focus,
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
    border: 1px solid #f1df00;
    background: #f1df00;
    color: #333333;
}

.btn-warning:hover {
    background: #f8f8ff;
    color: #333333;
    border: 1px solid #f1df00;
}

.btn-outline-warning {
    border: 1px solid #f1df00;
    color: #f1df00;
}

.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, 
.btn-outline-warning:active:focus, .btn-outline-warning:active:hover, 
.btn-outline-warning:active.focus,.btn-outline-warning.active, 
.btn-outline-warning.active:focus, .btn-outline-warning.active:hover, 
.btn-outline-warning.active.focus,
.open > .dropdown-toggle.btn-outline-warning, 
.open > .dropdown-toggle.btn-outline-warning:hover,
.open > .dropdown-toggle.btn-outline-warning:focus, 
.open > .dropdown-toggle.btn-outline-warning.focus,
.btn-outline-warning.disabled:hover, .btn-outline-warning[disabled]:hover, 
fieldset[disabled] .btn-outline-warning:hover,.btn-outline-warning.disabled:focus, 
.btn-outline-warning[disabled]:focus, fieldset[disabled] .btn-outline-warning:focus,
.btn-outline-warning.disabled.focus, .btn-outline-warning[disabled].focus, 
fieldset[disabled] .btn-outline-warning.focus {
    border: 1px solid #299fbd;
    background: #f8f8ff;
    color: #f299fbd;
}

.btn-outline-warning:hover {
    background: #f1df00;
    color: #333333;
    border: 1px solid #f1df00;
}

.btn-danger {
    border: 1px solid #bd299f;
    background: #bd299f;
    color: #f8f8ff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:active:focus, 
.btn-danger:active:hover, .btn-danger:active.focus,.btn-danger.active, .btn-danger.active:focus, 
.btn-danger.active:hover, .btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger, .open > .dropdown-toggle.btn-danger:hover,
.open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger.focus,
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    border: 1px solid #bd299f;
    background: #bd299f;
    color: #f8f8ff;
}

.btn-danger:hover {
    background: #f8f8ff;
    color: #bd299f;
    border: 1px solid #bd299f;
}

.btn-outline-danger {
    border: 1px solid #bd299f;
    background: #f8f8ff;
    color: #bd299f;
}

.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, 
.btn-outline-danger:active:focus, .btn-outline-danger:active:hover, 
.btn-outline-danger:active.focus,.btn-outline-danger.active, .btn-outline-danger.active:focus, 
.btn-outline-danger.active:hover, .btn-outline-danger.active.focus,
.open > .dropdown-toggle.btn-outline-danger, .open > .dropdown-toggle.btn-outline-danger:hover,
.open > .dropdown-toggle.btn-outline-danger:focus, 
.open > .dropdown-toggle.btn-outline-danger.focus,
.btn-outline-danger.disabled:hover, .btn-outline-danger[disabled]:hover, 
fieldset[disabled] .btn-outline-danger:hover,
.btn-outline-danger.disabled:focus, .btn-outline-danger[disabled]:focus, 
fieldset[disabled] .btn-outline-danger:focus,
.btn-outline-danger.disabled.focus, .btn-outline-danger[disabled].focus, 
fieldset[disabled] .btn-outline-danger.focus {
    border: 1px solid #bd299f;
    background: #f8f8ff;
    color: #bd299f;
}

.btn-outline-danger:hover {
    background: #bd299f;
    color: #f8f8ff;
    border: 1px solid #bd299f;
}

.btn-warning {
    border: 1px solid #f1df00;
    background: #f1df00;
    color: #333333;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus, 
.btn-secondary:active:hover, .btn-secondary:active.focus,.btn-secondary.active, .btn-secondary.active:focus, 
.btn-secondary.active:hover, .btn-secondary.active.focus,
.open > .dropdown-toggle.btn-secondary, .open > .dropdown-toggle.btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary:focus, .open > .dropdown-toggle.btn-secondary.focus,
.btn-secondary.disabled:hover, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus, .btn-secondary[disabled]:focus, fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled.focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary.focus {
    border: 1px solid rgb(108, 117, 125);
    background: rgb(108, 117, 125);
    color: #f8f8ff;
}

.btn-secondary:hover {
    background: #f8f8ff;
    color: #333333;
    border: 1px solid rgb(108, 117, 125);
}

.btn-outline-secondary {
    border: 1px solid rgb(108, 117, 125);
    color: #333333;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, 
.btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, 
.btn-outline-secondary:active.focus,.btn-outline-secondary.active, 
.btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, 
.btn-outline-secondary.active.focus,
.open > .dropdown-toggle.btn-outline-secondary, 
.open > .dropdown-toggle.btn-outline-secondary:hover,
.open > .dropdown-toggle.btn-outline-secondary:focus, 
.open > .dropdown-toggle.btn-outline-secondary.focus,
.btn-outline-secondary.disabled:hover, .btn-outline-secondary[disabled]:hover, 
fieldset[disabled] .btn-outline-secondary:hover,.btn-outline-secondary.disabled:focus, 
.btn-outline-secondary[disabled]:focus, fieldset[disabled] .btn-outline-secondary:focus,
.btn-outline-secondary.disabled.focus, .btn-outline-secondary[disabled].focus, 
fieldset[disabled] .btn-outline-secondary.focus {
    border: 1px solid rgb(108, 117, 125);
    background: #f8f8ff;
    color: #333333;
}

.btn-outline-secondary:hover {
    background: rgb(108, 117, 125);
    color: #f8f8ff;
    border: 1px solid rgb(108, 117, 125);
}

.text-ghostwhite { 
    color: #f8f8ff; 
}

.blue { 
    background: #299fbd; 
}

.blue-trans { 
    background: rgba(41, 159, 189, 0.3); 
}

.blue-line { 
    border-bottom: 3px solid  #299fbd;
}

.blue-enclosure {
    border: 2px solid  #299fbd;
}

.yellow { 
    background: #f1df00; 
}

.yellow-trans {
    background: rgba(241, 223, 0, 0.3);
}

.pink {
    background: #bd299f;
}

.pink-trans {
    background: rgba(189, 41, 159, 0.3);
}

.pink-enclosure {
    border: 2px solid  #bd299f;
}

.small08 {
    font-size: 1em;
}

.small09 {
    font-size: 0.9em;
}

.big11 {
    font-size: 1.1em;
}

.big13 {
    font-size: 1.3em;
}

.systemTitle { 
    font-size: 1.3em;
}

.accented {
    accent-color: #bd299f;
}

/* 囲み数字 */
.circle {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius:50%;
    line-height: 16px;
    text-align:center;
    border: 1px solid rgba(51, 51, 51, 0.5);
    margin: 0 3px 0 0;
    font-size: 10px;
}

/* ページタイトル */
.pageTitle {
    font-family: 'Noto Sans JP';
    font-weight: 500;
    color: #299fbd;
    font-size: 1.2em;
    padding: 0 0 0.1em 0.2em;
    margin: 1em 0 1em 0;
    border-bottom: 3px solid #299fbd;
}

/* pagetop.fade.js */
#pagetop {
    position: fixed;
    bottom: 50px;
    right: 50px;
}
#pagetop a {
    color: white;
    padding: 20px;
    text-align: center;
    display: block;
}

#pagetop a:link {
    color: white;
    text-decoration: none; /* 下線を表示しない */
}
#pagetop a:visited {
    color: white;
    text-decoration: none;
}

/* タブレット */
@media screen and (min-width: 600px) {
}

/* PC */
@media screen and (min-width: 1024px) {
    body {
	font-size: 1em;
    }

    .btn, .form-select, .form-control {
	font-size: 1em;
    }

    .small08 {
	font-size: 0.8em;
    }

    .systemTitle { 
	font-size: 1.75em;
    }

}