@charset "UTF-8";
        /* デフォルトでは両方非表示 */
        .header-pc, .header-tablet {
            display: none;
        }
        /* PC用のスタイル - 画面幅が992px以上のとき */
      
		.header-pc {
			display: block;
		}
        


/* BIZ UDゴシックフォントを定義 */
@font-face {
	font-family: 'BIZ UDGothic';
	src: url('../font/BIZUDGothic-Regular.ttf') format('truetype');
	/* フォントファイルのパスを指定 */
}

html {
	width: 100%;
	height: 100%;
}

:root {
	--main-color: #a63c47;
	--complementary-color: #2c3e50;
	--background-color: #ecf0f1;
	--accent-color: #34495e;
	--light-main-color: #c25560;
	--medium-color: #7f8c8d;
	--light-color: #bdc3c7;
	--warning-color: #e74c3c;
}

body {
	font-size: 20px !important; /* 20px PC向けのフォントサイズ */
	display: flex;
    flex-direction: column;
	height: 100%;
	min-width: 950px;
	padding: 0 !important;
	background-color: var(--background-color);
    color: var(--complementary-color);
}

button{
	font-size: 20px !important;
}

input[type="text"]{
	font-size:20px;
}
input[type="number"]{
	font-size:20px;
}
input[type="datetime-local"]{
	font-size:20px;
}
select {
	font-size:20px !important;
}
textarea{
	font-size:20px !important;
}

.font-large{
	font-size: 26px !important;;
}
.font-medium{
	font-size: 20px !important;;
}
.font-small{
	font-size: 14px !important;;
}

.bg-custom {
	background-color: #A63C47;
}
footer {
	background-color: #F1E8DB;
}

.navbar {
	background-color: var(--main-color);
}
.navbar-brand, .nav-link, .navbar-text {
	color: #fff !important;
}

.form-label {
	font-weight: bold;
	color: var(--accent-color);
}
.btn-group .btn-normal {
	background-color: #28a745;
	border-color: #28a745;
	color: white;
}
.btn-group .btn-normal:hover, .btn-group .btn-normal:focus {
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-group .btn-disaster {
	background-color: #dc3545;
	border-color: #dc3545;
	color: white;
}
.btn-group .btn-disaster:hover, .btn-group .btn-disaster:focus {
	background-color: #c82333;
	border-color: #bd2130;
}

.select-saigai option:checked {
	font-weight: bold;
}

  .select-heijo{
	color: #a1b91d !important;;
}
.select-heijo option{
	color: #a1b91d !important;;
}

.select-training{
	color: #6d9dc9 !important;;
}
.select-training option{
	color: #6d9dc9 !important;;
}

.select-ijo{
	color: red !important;
}
.select-ijo option{
	color: red !important;
}

.bg-teiki{
	background-color: #B4C7E7 !important;
}
.bg-tuho{
	background-color: #FBE5D6 !important;
}
.bg-ijo{
	background-color: #E2EFDA !important;
}

.jokyo-red {
	color: red;
}

.jokyo-blue {
	color: blue;
}

.question_img {
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
}

.bg-lightgray {
	background-color: #D9D9D9;
}
/* #comMain {
	overflow-y: hidden;
}  */
.tablet-overflow	/*スマホ要素表示対応*/
{
	overflow-y: auto;
}

    /* デフォルト状態で+を表示 */
    .toggle-icon::after {
        content: '\002B'; /* +マーク */
        font-size: 1.25rem;
        transition: transform 0.3s;
    }

    /* collapseが開いた時に-を表示 */
    .nav-link[aria-expanded="true"] .toggle-icon::after {
        content: '\2212'; /* -マーク */
    }