@charset "UTF-8";


header {
	h1 {
		position: absolute;
		top: 50%;
		left:50%;
		transform: translate(-50%, -50%);
		width:fit-content;
	}
}

.faq_link {
	text-align:right;
	width: fit-content;
	margin:20px 0 30px auto;
	a {
		display:block;
		padding: var(--size-10-15);
		background:#3e8ed7;
		border-radius:4px;
		font-size: var(--size-14-16);
		color:#fff;

	}
}

.search-area {
	margin: var(--size-10-20) auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	gap:25px;
	form {
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		gap:15px;
		select {
			padding:5px;
			font-size:var(--size-13-15);
			width: clamp(155px, 115.635px + 10.497vw, 250px);
		}
		input {
			padding:7px;
		}
		br {
			display:none;
		}
		@media screen and (max-width: 734px) {
			
		}
	}
}

.faq_tbl {
	th,td {
	}
	thead {
		th
		{
			background:#777;
			color:#fff;		
		}
		@media screen and (max-width: 767px) {
			display:none;
		}
	}
	tbody {
		.block01 {
			width: 10%;
		}
		.block02 {
			width: 15%;
		}
		.block03 {
			width:75%;
			P {
				white-space: break-spaces;
				margin-bottom:0;
				line-height:1.8;
				br {
					display:none;
				}
			}
			
		}
		@media only screen and (max-width:767px) {
	th,td {
			display: block !important;
			width: 100%;
		}
	}
}

.bg-01 {
    background-color: #17994A !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.bg-02 {
    background-color: #1E5AA0 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.bg-03 {
    background-color: #F33479 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.bg-04 {
    background-color: #F9E33F !important;
    font-weight: bold !important;
}

.bg-05 {
    background-color: #fafafa !important;
    font-weight: bold !important;
}

.bg02-01 {
    background-color: #DDEBF7 !important;
}

.bg02-02 {
    background-color: #FFF2CC !important;
}

.bg02-03 {
    background-color: #D9E1F2 !important;
}

.bg02-04 {
    background-color: #E2EFDA !important;
}

.bg02-05 {
    background-color: #D0CECE !important;
}

.bg02-06 {
    background-color: #FCE4D6 !important;
}

.bg02-07 {
    background-color: #F2F2F2 !important;
}

@media only screen and (max-width:767px) {
    #data {}

    #data th {
        display: block !important;
        width: 100%;
    }

    #data td {
        display: block !important;
        width: 100%;
    }
}