@charset "UTF-8";

@font-face {
	font-family: 'Font Awesome 5 Free';
	src: url('./fontawesome-free/fa-solid-900.woff') format("woff");
}

html {
	font-size: 0.625em;
}

body {
	font-size: 1.6em;
	font-family: -apple-system, BlinkMacSystemFont, "Custom Yu Gothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Noto Sans JP", "メイリオ", "Meiryo", sans-serif;
	font-weight: 400;
	line-height: 1.8;
	color: #000;
	min-width: 100%;
	background: #fff;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
	word-wrap: break-word;
	word-break: break-word;
}

.form-control,
.btn,
.dropdown-menu {
	font-size: 1.6rem;
}

.btn-group-sm>.btn,
.btn-sm,
.btn-sm+.dropdown-menu,
.toast {
	font-size: 1.4rem;
}

.tooltip-inner {
	font-size: 1.25rem;
	max-width: 200px;
	padding: .5rem 1rem;
	color: #fff;
	text-align: center;
	background-color: #6c757d;
	border-radius: .5rem;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	top: -1px;
	border-width: .4rem .4rem 0;
	border-top-color: #6c757d;
}

a {
	text-decoration: none;
}

hr {
	clear: both;
	border-top: solid #e8e8e8;
	border-width: 1px 0 0;
	margin: 30px 0;
	height: 0;
}

.btn-primary {
	color: #fff;
	background-color: #0A3E6F;
	border-color: #0A3E6F;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #0A3E6F;
	border-color: #0A3E6F;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: #B97D83;
    border-color: #B97D83;
}

.layout-admin {
	width: 100%;
	min-width: 1900px;
}

.layout-user {
	width: 100%;
}

.row-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.row-0>* {
	padding-right: 0px;
	padding-left: 0px;
}

.layout-header {
	border-bottom: 1px solid #ccc;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.layout-header-img a img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 10.8rem;
	height: auto;
	border: none;
}

.layout-footer {
	background-color: #f2f2f2;
	padding: 2rem 0;
}

.layout-footer-text {
	width: 100%;
}

.layout-footer-text p {
	font-size: 1.3rem;
	text-align: center;
	margin: 0;
	padding: 0;
}

.layout-content {
	padding-top: 4rem;
	padding-bottom: 4rem;
	margin-bottom: 1.6rem;
}

.layout-user .layout-content {
	max-width: 800px;
	margin: 0 auto;
}

.layout-content-inner,
.layout-content-button {
	width: 100%;
	margin-top: 2rem;
}

.layout-content-inner h1 {
	position: relative;
	padding: 0 0 3.2rem;
	margin: 0;
	width: 100%;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.26;
	text-align: center;
}

.layout-content-inner p {
	font-size: 1.3rem;
	text-align: center;
	margin: 0;
	padding: 0;
}

.layout-content-button .btn {
	display: block;
	margin: 0 auto;
	width: 250px;
}

.layout-content-annotation {
	font-size: 1.25rem !important;
}

.layout-content-decoration--code {
	background-color: #DDDDDD;
}

.layout-content-centering {
	text-align: center;
}

.layout-content-centering p {
	display: inline-block;
	text-align: left;
}

.layout-content-centering input[type="text"] {
	margin: 0 auto;
}

.layout-headline {
	border-bottom: 1px solid #ccc;
}

.layout-headline-title h2 {
	font-weight: 700;
}

.layout-headline-annotation {
	text-align: right;
	color: #dc3545 !important;
}

.layout-header-img {
	max-width: 360px;
	margin: auto;
}