@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");

/*css reset*/
html{
	color:#000;
	background:#FFF
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}
table{
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img{
	border:0
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal
}
ol,ul{
	list-style:none
}
caption,th{
	text-align:left
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal
}
q:before,q:after{
	content:''
}
abbr,acronym{
	border:0;font-variant:normal
}
sup{
	vertical-align:text-top
}
sub{
	vertical-align:text-bottom
}
input,textarea,select{
	font-family:inherit;font-size:inherit;font-weight:inherit
}
input,textarea,select{
	*font-size:100%
}
legend{
	color:#000
}
#yui3-css-stamp.cssreset{
	display:none
}

@font-face {
	font-family: "icomoon";
	src: url("../fonts/icomoon.eot?7b5bbp");
	src: url("../fonts/icomoon.eot?7b5bbp#iefix") format("embedded-opentype"),
	url("../fonts/icomoon.ttf?7b5bbp") format("truetype"),
	url("../fonts/icomoon.woff?7b5bbp") format("woff"),
	url("../fonts/icomoon.svg?7b5bbp#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans Japanese";
	font-style: normal;
	font-weight: 400;
	src: url("../font/NotoSansCJKjp-Regular.eot");
	src: url("../font/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"),
	url("../font/NotoSansCJKjp-Regular.woff") format("woff"),
	url("../font/NotoSansCJKjp-Regular.ttf") format("truetype");
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

:root {
	--text-color: #2E3D65;
	--primary: #1E3BB9;
	--secondary: #929FAF;
	--info: #1FC2E8;
	--success: #44E2B3;
	--warning: #E2D044;
	--danger: #FF365D;
	--light-gray: #535974;
	--dark-blue: #000000;
	--gray-blue: #3A3F57
}

body {
	color: #000;
	font-family: 'Lato', 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, Geneva, Arial, sans-serif;
	line-height: 1.5;
	font-size: 14px;
}

body.is-locked {
	overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

body,
div,
pre,
p,
blockquote,
form,
fieldset,
input,
textarea,
select,
option,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
embed,
object {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
}

caption,
th {
	text-align: left;
	font-weight: 400;
}

table,
th,
td {
	border: 0;
}

ul,
li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input,
textarea {
	font-size: 1em;
}

input,
textarea,
select {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",
	Verdana, Geneva, Arial, sans-serif;
	margin-bottom: 1px;
	padding: 0;
}

input,
button,
textarea,
select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

hr.clear {
	clear: both;
	visibility: hidden;
	border: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

a,
a:visited,
a:hover {
	color: #000;
}

figure {
	margin: 0;
}

img {
	border: none;
	padding: 0px;
	vertical-align: middle;
}

form {
	padding: 0px;
	margin: 0px;
}

/* ====== */
/* レイアウト style.css */
/*#header {*/
/*	box-sizing: border-box;*/
/*	background: #f8f8f8;*/
/*	border-bottom: 1px solid #e3e3e3;*/
/*	height: 50px;*/
/*	position: fixed;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	z-index: 99;*/
/*}*/
#nav {
	box-sizing: border-box;
	top: 50px;
	height: 100%;
	width: 250px;
	position: fixed;
	overflow: scroll;
	background: #008000;
	color: #fff;
	clear: both;
}

#nav>ul {
	margin-bottom: 32px;
}

#nav ul li {
	position: relative;
	border-bottom: 1px solid #079007;
}

#nav ul li a:hover {
	background: #0b9b0b;
	text-decoration: none;
}

#nav ul li a {
	display: block;
	color: #fff;
	padding: 10px 0 10px 20px;
	font-size: 12px;
}

/* .selectedNav {
	background: #0b9b0b;
} */
.totalRecords {
	position: absolute;
	top: 7px;
	right: 10px;
	padding: 5px 10px;
	font-size: 10px;
	background: #E23632;
	border-radius: 10px;
}

.navSub {
	display: none;
	background: #008000;
}

.navToggleTitle {
	position: relative;
}

.navToggleTitle::after {
	content: "";
	position: absolute;
	top: 17px;
	right: 15px;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-top-color: #fff;
	transition: all 0.2s ease-in-out;
}

.navToggleTitle.open::after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 9px;
}

.navToggleTitle.open {
	background: #0b9b0b;
}
.powered {
	padding: 10px 0;
	font-size: 10px;
	text-align: center;
	background: #006200;
}
/* 管理者 */
.adminArea {
	position: fixed;
	top: 5px;
	right: 15px;
	text-align: center;
}

.adminName {
	padding: 10px;
	cursor: pointer;
	min-width: 170px;
	position: relative;
}

.adminName::after {
	content: "";
	position: absolute;
	top: 18px;
	margin-left: 5px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #000000;
	transition: all 0.2s ease-in-out;
}

.adminName.open::after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 13px;
}

.adminSetting {
	display: none;
}

.adminSetting {
	margin-top: 5px;
	background: #fff;
	border: 1px solid #e3e3e3;
	-webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

.adminSetting ul li {
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
}

.adminSetting ul li a {
	display: block;
	color: #000000;
	padding: 15px 0 15px 10px;
	font-size: 12px;
}

.adminSetting ul li a:hover {
	text-decoration: none;
	background: #f8f8f8;
}
#overlay {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*スマホメニュー*/
#spNav {
	display: none;
	position: fixed;
	right: 10px;
	top: 3px;
	width: 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}

@media screen and (max-width:959px) {
	.adminArea {
		display: none;
	}

	#spNav {
		display: block;
	}

	#spNav span {
		display: block;
		position: absolute;
		width: 30px;
		height: 2px;
		left: 6px;
		background: #555;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	#spNav span:nth-child(1) {
		top: 10px;
	}

	#spNav span:nth-child(2) {
		top: 20px;
	}

	#spNav span:nth-child(3) {
		top: 30px;
	}

	/* #main {
		margin: 50px 0 0 0;
		padding: 10px 0;
	} */

	#nav {
		position: fixed;
		right: -300px;
		height: 100%;
		width: 300px;
		transition: .2s ease-in-out;
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}

	#nav {
		z-index: 300;
	}

}
.subTitle {
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0 5px 15px;
	border-bottom: 1px solid #e3e3e3;
}

@media screen and (max-width:959px) {
	subTitle {
		font-size: 4vw;
	}
}
.btn:hover,
.btn:focus {
	text-decoration: none;
}

/* .btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
} */

.btn.disabled,
.btn:disabled {
	opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
	pointer-events: none;
}
.btn-blue {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-blue:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}

.btn-blue:focus,
.btn-blue.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-blue.disabled,
.btn-blue:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-blue:not(:disabled):not(.disabled):active,
.btn-blue:not(:disabled):not(.disabled).active,
.show>.btn-blue.dropdown-toggle {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
}

.btn-blue:not(:disabled):not(.disabled):active:focus,
.btn-blue:not(:disabled):not(.disabled).active:focus,
.show>.btn-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-gray {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-gray:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
}

.btn-gray:focus,
.btn-gray.focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-gray.disabled,
.btn-gray:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-gray:not(:disabled):not(.disabled):active,
.btn-gray:not(:disabled):not(.disabled).active,
.show>.btn-gray.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}

.btn-gray:not(:disabled):not(.disabled):active:focus,
.btn-gray:not(:disabled):not(.disabled).active:focus,
.show>.btn-gray.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-bts-green {
	color: #fff;
	background-color: #81C7C7;
	border-color: #81C7C7;
}

.btn-bts-green:hover {
	color: #fff;
	background-color: #81C7C7;
	border-color: #81C7C7;
}

.btn-bts-pink {
	color: #fff;
	background-color: #fca3c3;
	border-color: #fca3c3;
}

.btn-bts-pink:hover {
	color: #fff;
	background-color: #fca3c3;
	border-color: #fca3c3;
}

.btn-green {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-green:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}

.btn-green:focus,
.btn-green.focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-green.disabled,
.btn-green:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show>.btn-green.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}

.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-green.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-emerald {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-emerald:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}

.btn-emerald:focus,
.btn-emerald.focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-emerald.disabled,
.btn-emerald:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-emerald:not(:disabled):not(.disabled):active,
.btn-emerald:not(:disabled):not(.disabled).active,
.show>.btn-emerald.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f;
}

.btn-emerald:not(:disabled):not(.disabled):active:focus,
.btn-emerald:not(:disabled):not(.disabled).active:focus,
.show>.btn-emerald.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-orange {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-orange:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}

.btn-orange:focus,
.btn-orange.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-orange.disabled,
.btn-orange:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show>.btn-orange.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500;
}

.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show>.btn-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-red {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-red:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}

.btn-red:focus,
.btn-red.focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-red.disabled,
.btn-red:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-red:not(:disabled):not(.disabled):active,
.btn-red:not(:disabled):not(.disabled).active,
.show>.btn-red.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d;
}

.btn-red:not(:disabled):not(.disabled):active:focus,
.btn-red:not(:disabled):not(.disabled).active:focus,
.show>.btn-red.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-trans {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-trans:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
}

.btn-trans:focus,
.btn-trans.focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-trans.disabled,
.btn-trans:disabled {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.btn-trans:not(:disabled):not(.disabled):active,
.btn-trans:not(:disabled):not(.disabled).active,
.show>.btn-trans.dropdown-toggle {
	color: #212529;
	background-color: #dae0e5;
	border-color: #d3d9df;
}

.btn-trans:not(:disabled):not(.disabled):active:focus,
.btn-trans:not(:disabled):not(.disabled).active:focus,
.show>.btn-trans.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-black {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-black:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}

.btn-black:focus,
.btn-black.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-black.disabled,
.btn-black:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-black:not(:disabled):not(.disabled):active,
.btn-black:not(:disabled):not(.disabled).active,
.show>.btn-black.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d;
}

.btn-black:not(:disabled):not(.disabled):active:focus,
.btn-black:not(:disabled):not(.disabled).active:focus,
.show>.btn-black.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-blue {
	color: #007bff;
	background-color: transparent;
	background-image: none;
	border-color: #007bff;
}

.btn-outline-blue:hover {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
	color: #007bff;
	background-color: transparent;
}

.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show>.btn-outline-blue.dropdown-toggle {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-blue.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-gray {
	color: #6c757d;
	background-color: transparent;
	background-image: none;
	border-color: #6c757d;
}

.btn-outline-gray:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-outline-gray:focus,
.btn-outline-gray.focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-gray.disabled,
.btn-outline-gray:disabled {
	color: #6c757d;
	background-color: transparent;
}

.btn-outline-gray:not(:disabled):not(.disabled):active,
.btn-outline-gray:not(:disabled):not(.disabled).active,
.show>.btn-outline-gray.dropdown-toggle {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-outline-gray:not(:disabled):not(.disabled):active:focus,
.btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-gray.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-green {
	color: #28a745;
	background-color: transparent;
	background-image: none;
	border-color: #28a745;
}

.btn-outline-green:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-outline-green:focus,
.btn-outline-green.focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
	color: #28a745;
	background-color: transparent;
}

.btn-outline-green:not(:disabled):not(.disabled):active,
.btn-outline-green:not(:disabled):not(.disabled).active,
.show>.btn-outline-green.dropdown-toggle {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.btn-outline-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-green.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-emerald {
	color: #17a2b8;
	background-color: transparent;
	background-image: none;
	border-color: #17a2b8;
}

.btn-outline-emerald:hover {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-outline-emerald:focus,
.btn-outline-emerald.focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-emerald.disabled,
.btn-outline-emerald:disabled {
	color: #17a2b8;
	background-color: transparent;
}

.btn-outline-emerald:not(:disabled):not(.disabled):active,
.btn-outline-emerald:not(:disabled):not(.disabled).active,
.show>.btn-outline-emerald.dropdown-toggle {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.btn-outline-emerald:not(:disabled):not(.disabled):active:focus,
.btn-outline-emerald:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-emerald.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-orange {
	color: #ffc107;
	background-color: transparent;
	background-image: none;
	border-color: #ffc107;
}

.btn-outline-orange:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-orange:focus,
.btn-outline-orange.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
	color: #ffc107;
	background-color: transparent;
}

.btn-outline-orange:not(:disabled):not(.disabled):active,
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show>.btn-outline-orange.dropdown-toggle {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-red {
	color: #dc3545;
	background-color: transparent;
	background-image: none;
	border-color: #dc3545;
}

.btn-outline-red:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-red:focus,
.btn-outline-red.focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
	color: #dc3545;
	background-color: transparent;
}

.btn-outline-red:not(:disabled):not(.disabled):active,
.btn-outline-red:not(:disabled):not(.disabled).active,
.show>.btn-outline-red.dropdown-toggle {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btn-outline-red:not(:disabled):not(.disabled):active:focus,
.btn-outline-red:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-red.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

/* .btn-outline-trans {
	color: #212529;
	background-color: transparent;
	background-image: none;
	border-color: #cccccc;
} */

.btn-outline-trans:hover {
	background-color: #f8f9fa;
}

.btn-outline-trans:focus,
.btn-outline-trans.focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-trans.disabled,
.btn-outline-trans:disabled {
	color: #212529;
	background-color: transparent;
}

.btn-outline-trans:not(:disabled):not(.disabled):active,
.btn-outline-trans:not(:disabled):not(.disabled).active,
.show>.btn-outline-trans.dropdown-toggle {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #cccccc;
}

.btn-outline-trans:not(:disabled):not(.disabled):active:focus,
.btn-outline-trans:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-trans.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-black {
	color: #343a40;
	background-color: transparent;
	background-image: none;
	border-color: #343a40;
}

.btn-outline-black:hover {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-black:focus,
.btn-outline-black.focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
	color: #343a40;
	background-color: transparent;
}

.btn-outline-black:not(:disabled):not(.disabled):active,
.btn-outline-black:not(:disabled):not(.disabled).active,
.show>.btn-outline-black.dropdown-toggle {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-black.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
	font-weight: 400;
	color: #007bff;
	background-color: transparent;
}

.btn-link:hover {
	color: #0056b3;
	text-decoration: underline;
	background-color: transparent;
	border-color: transparent;
}

.btn-link:focus,
.btn-link.focus {
	text-decoration: underline;
	border-color: transparent;
	box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
	color: #6c757d;
	pointer-events: none;
}



/* ======= */

.form {
	display: table;
	border-collapse: separate;
	border-spacing: 30px 15px;
	width: 100%;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
}

.copy {
	padding: 0 30px 30px;
	font-size: 12px;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
}

.mandatory,
.unread {
	color: #fff;
	background: #e74c3c;
	display: inline-block;
	padding: 0.2em 0.6em;
	border-radius: 4px;
	margin-left: 1em;
}

.hr {
	border: 0;
	border-bottom: 1px dashed #d2d6de;
	background: #fff;
	margin-bottom: 2em;
}

.is-inactive {
	pointer-events: none;
	opacity: 0.4;
}

.l-wrapper {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50px;
	min-width: 1000px;
}

.l-wrapper .l-side {
	padding: 32px 15px 30px;
	border-right: 1px solid #DCE4ED;
	z-index: 1;
	width: 210px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-transition: margin 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	transition: margin 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	margin-left: -210px;
	min-height: calc(100vh - 50px);
}

.l-wrapper .l-main {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: block;
	position: relative;
	-webkit-transition: margin 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	transition: margin 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	background: #F8FBFF;
	padding-bottom: 60px;
}

.l-wrapper .l-main .l-main_header {
	height: 32px;
	background: #d2d6de;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 30px;
}

.l-wrapper .l-main .l-main_btn {
	height: 100%;
	line-height: 32px;
	width: 32px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background 0.3s cubic-bezier(0.24, 1, 0.32, 1);
	transition: background 0.3s cubic-bezier(0.24, 1, 0.32, 1);
}

.l-wrapper .l-main .l-main_btn:before {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-left: 2px;
}

.l-wrapper .l-main .l-main_btn:hover {
	background: #b5bbc8;
}

.l-wrapper .l-main .l-main_content {
	padding: 15px 30px;
}

.l-wrapper.is-expanded .l-side {
	margin-left: 0;
}

.l-wrapper.is-expanded .l-sideBtn {
	-webkit-transform: translateX(125px);
	transform: translateX(125px);
	background: #222d32;
	box-shadow: none;
}

.l-wrapper.is-expanded .l-sideBtn:before {
	content: "\f00d";
	font-family: fontAwesome;
	color: #fff;
}

.l-wrapper.is-expanded .l-main .l-main_btn:before {
	content: "\f100";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-left: 2px;
}

.l-container {
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
}

.l-contentBlock~.l-contentBlock {
	margin-top: 60px;
}

.l-row {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-row .l-row_item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.l-row .l-row_item~.l-row_item {
	margin-left: 25px;
}

.l-row .l-row_item.l-row_item--right {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-left: auto;
}

.l-row .l-row_item.l-row_item--flex {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.l-row.l-row--col2 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.l-row.l-row--col2 .l-row_item {
	width: 48%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-bottom: 2%;
}

.l-row.l-row--col2 .l-row_item:nth-of-type(2n + 1) {
	margin-left: 0;
}

.l-row.l-row--col3 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.l-row.l-row--col3 .l-row_item {
	width: 30%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.l-row.l-row--col3 .l-row_item:nth-of-type(3n + 1) {
	margin-left: 0;
}

.l-row.l-row--col5 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.l-row.l-row--col5 .l-row_item {
	width: 17%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin-bottom: 2%;
}

.l-row.l-row--col5 .l-row_item~.l-row_item {
	margin-left: 3.7%;
}

.l-row.l-row--col5 .l-row_item:nth-of-type(5n + 1) {
	margin-left: 0;
}

.l-row.l-row--left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.l-row.l-row--left .l-row_item {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.l-row.l-row--left .l-row_item.l-row_item--flex {
	display: block;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.l-row.l-row--right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.l-row.l-row--right .l-row_item {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.l-row.l-row--betw {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.l-row.l-row--top {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-ms-grid-row-align: flex-start;
	align-items: flex-start;
}

.heading-default {
	font-weight: bold;
	margin: 15px 0 30px;
	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
	"MS PGothic", sans-serif;
	text-shadow: 1px 1px 0 #fff;
	position: relative;
	padding: 0 0 0 32px;
}

.heading-default:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
	border: 8px solid #39a5a4;
}

.heading-bar {
	font-weight: bold;
	border-bottom: 3px solid #d2d6de;
	padding: 5px 0;
	margin-bottom: 30px;
}

.heading-bar span {
	font-weight: normal;
	margin-left: 1em;
}

.heading-bold {
	font-weight: bold;
	margin-bottom: 1em;
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	text-decoration: none;
	-webkit-transition: background 200ms, border 200ms, box-shadow 200ms,
	color 200ms;
	transition: background 200ms, border 200ms, box-shadow 200ms, color 200ms;
}

.btn.-size_xl {
	width: 100%;
}

.btn.-size_l {
	min-width: 250px;
	padding: 1em;
}

.btn.-size_m {
	min-width: 120px;
}

.btn.-size_s {
	min-width: 4em;
}

.btn:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default {
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd;
}

.btn-default:hover {
	background: #e7e7e7;
}

.btn-primaly {
	color: #fff !important;
	background: #1aafd0;
	border-color: #1aafd0;
}

.btn-primaly:hover {
	color: #fff;
	background: #20c0e3;
	border-color: #20c0e3;
	box-shadow: inset 0 0 transparent, 0 0 0 3px #92e0f1;
}

.btn-primaly:visited {
	color: #fff;
}

.btn-danger {
	color: #fff !important;
	background: #e74c3c;
	border-color: #e74c3c;
}

.btn-danger:hover {
	color: #fff;
	background: #ea6153;
	border-color: #ea6153;
	box-shadow: inset 0 0 transparent, 0 0 0 3px #f8c9c4;
}

.btn-danger:visited {
	color: #fff;
}

.btn-alert {
	color: #fff !important;
	background: #e67e22;
	border-color: #e67e22;
}

.btn-alert:hover {
	color: #fff;
	background: #e98b39;
	border-color: #e98b39;
	box-shadow: inset 0 0 transparent, 0 0 0 3px #f6ceab;
}

.btn-alert:visited {
	color: #fff;
}

.btn-cancel {
	color: #606c84;
	background: #e1e3e9;
	border-color: #d2d6de;
}

.btn-cancel:hover {
	background: #d2d6de;
}

.btn-return {
	background: #eaebef;
	border: 1px solid #d2d6de;
	border-radius: 4px;
	padding: 0 15px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	-webkit-transition: background 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	transition: background 0.6s cubic-bezier(0.24, 1, 0.32, 1);
}

.btn-return:hover {
	background: #d2d6de;
}

.btn-nonactive {
	background: #d2d6de;
	color: #606c84;
	pointer-events: none;
}

.btn-nonactive:visited {
	color: #606c84;
}

.btn-xs {
	width: 50px;
}

.btn-s {
	width: 100px;
}

.btn-m {
	width: 30%;
	font-size: 14px;
}

.btn-l {
	width: 60%;
	font-size: 16px;
}

.btn-xl {
	width: 80%;
	font-size: 18px;
}

.btn-footer {
	width: 60%;
	font-size: 16px;
}

@media screen and (max-width:959px) {
	.btn-footer {
		width: 100%;
	}
}

.btnFooterArea {
	text-align: center;
	margin: 30px 10px;
}

.btnUpperRight {
	float: right;
	margin: 5px 0 0;
}

@media screen and (max-width:959px) {
	.btnUpperRight {
		margin: 7px 10px 0 0;
	}
}

.table-small thead th {
	padding: 1em 0.1em;
}

.table .table_notice {
	color: #e74c3c;
	padding: 0.5em 0 0;
}

.table .table_notice a,
.table .table_notice a:visited {
	color: #e74c3c;
}

.table .table_new {
	color: #e74c3c;
}

.table .table_sortable {
	text-decoration: underline;
	cursor: pointer;
}

.table .table_alert {
	color: #fff;
	padding: 0.2em 1em;
	border-radius: 40px;
}

.table .table_alert.-unread {
	background: #e74c3c;
}

.table .table_alert.-reply {
	background: #e67e22;
}

.table .table_header {
	background: #eaebef;
	padding: 1em;
}

.table-default {
	width: 100%;
	background: #fff;
}

.table-default th,
.table-default td {
	padding: 0.5em 1em;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d2d6de;
	word-break: break-all;
}

.table-default th.-size_m,
.table-default td.-size_m {
	width: 300px;
}

.table-default th.-size_s,
.table-default td.-size_s {
	width: 200px;
}

.table-default th.-size_xs,
.table-default td.-size_xs {
	width: 150px;
}

.table-default th.-size_p7,
.table-default td.-size_p7 {
	width: 7%;
}

.table-default th.-size_xxs,
.table-default td.-size_xxs {
	width: 80px;
}

.table-default thead th {
	padding: 1em 0.2em;
	position: relative;
	border-bottom: 2px solid #39a5a4;
}

.table-default tbody th {
	background: #f8f9fa;
}

.table-default.-ta_left tbody th,
.table-default.-ta_left tbody td {
	text-align: left;
}

.table-default.-fixed {
	table-layout: fixed;
}

.table-default .-bg_yellow {
	background: #c4b429;
}

.table-default .-ta_left {
	text-align: left;
}

.table-default .-ta_center {
	text-align: center !important;
}

.table-default .-status_ok,
.table-default .-status_active,
.table-default .-status_approach,
.table-default .-status_hope,
.table-default .-status_revise {
	color: #1aafd0;
	background: #f1fbfd;
}

.table-default .-status_before {
	color: #39a5a4;
	background: #e6f1f7;
}

.table-default .-status_outstand,
.table-default .-status_scheduled,
.table-default .-status_draft {
	color: #c4b429;
	background: #faf8e8;
}

.table-default .-status_ng,
.table-default .-status_danger {
	color: #e74c3c;
	background: #fceae9;
}

.table-default .-status_ng a,
.table-default .-status_danger a {
	color: #e74c3c;
}

.table-default .-status_na,
.table-default .-status_decline,
.table-default .-status_rejected,
.table-default .-status_published {
	color: #606c84;
	background: #f5f6f8;
}

.table-default .-status_na a,
.table-default .-status_decline a,
.table-default .-status_rejected a,
.table-default .-status_published a,
.table-default .-status_na a:visited,
.table-default .-status_decline a:visited,
.table-default .-status_rejected a:visited,
.table-default .-status_published a:visited {
	color: #606c84;
}

.table-default .-status_accept,
.table-default .-status_applied {
	color: #e67e22;
	background: #fdf6f0;
}

.table-default .-status_accept a,
.table-default .-status_applied a,
.table-default .-status_accept a:visited,
.table-default .-status_applied a:visited {
	color: #e67e22;
}

.table-default .-status_offered {
	color: #27ae60;
	background: #f6fdf9;
}

.m-inputRow {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.m-inputRow .m-inputRow_item {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-inputRow .m-inputRow_item:after {
	margin: 0 0.8em;
}

.m-inputRow .m-inputRow_item~.m-inputRow_item {
	margin-left: 0;
}

.m-inputRow.m-inputRow--ymd .m-inputRow_item:nth-of-type(1):after {
	content: "年";
}

.m-inputRow.m-inputRow--ymd .m-inputRow_item:nth-of-type(2):after {
	content: "月";
}

.m-inputRow.m-inputRow--ymd .m-inputRow_item:nth-of-type(3):after {
	content: "日";
}

.m-inputRow.m-inputRow--number .m-inputRow_item:after {
	content: "";
	width: 5px;
	height: 1px;
	background: #000;
}

.m-inputRow.m-inputRow--number .m-inputRow_item:last-child:after {
	display: none;
}

.m-inputRow.m-inputRow--number .m-inputRow_item>*~* {
	margin-left: 15px;
}

.m-inputRow.m-inputRow--age .m-inputRow_item:after {
	content: "～";
}

.m-inputRow.m-inputRow--age .m-inputRow_item:last-child:after {
	display: none;
}

.m-btnBox {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-btnBox .m-btnBox_item~.m-btnBox_item {
	margin-left: 15px;
}

.m-btnBox .m-btnBox_item.m-btnBox_item--right {
	margin-left: auto;
}

.m-btnBox .m-btnBox_item.m-btnBox_item--left {
	margin-right: auto;
}

.m-btnBox .m-btnBox_item>*~* {
	margin-left: 15px;
}

.m-btnBox.m-btnBox--center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.m-btnBox.m-btnBox--between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.m-btnBox.m-btnBox--right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.m-box {
	border-radius: 3px;
	background: #fff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 30px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.m-box .m-box_ttl {
	font-size: 16px;
	font-weight: bold;
	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
	"MS PGothic", sans-serif;
	padding: 10px 0;
	border-bottom: 2px solid #f4f4f4;
}

.m-box .m-box_body {
	padding: 30px;
}

.m-box .m-box_btn {
	text-align: right;
}

.m-card {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #d2d6de;
	border-radius: 4px;
	padding: 15px;
}

.m-card .m-card_icon {
	margin-bottom: 10px;
}

.m-card.m-card--center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.m-card.m-card--center>*~* {
	margin-left: 45px;
}

.m-inputBox .m-inputBox_ttl {
	margin-bottom: 5px;
}

.m-inputBox .m-inputBox_ttl.m-inputBox_ttl--fixed {
	width: 10em;
}

.m-inputBox .m-inputBox_ttl~.m-inputBox_ttl {
	margin-left: 2em;
}

.m-inputBox .m-inputBox_note {
	display: block;
	margin-top: 0.5em;
	color: #666;
}

.m-inputBox .m-inputBox_mandatory {
	color: #fff;
	background: #e74c3c;
	padding: 0.2em 0.6em;
	border-radius: 2px;
}

.m-pager {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.m-pager>li {
	background: #fff;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border: 1px solid #d2d6de;
	text-align: center;
	border-radius: 2px;
	-webkit-transition: background 0.3s cubic-bezier(0.24, 1, 0.32, 1);
	transition: background 0.3s cubic-bezier(0.24, 1, 0.32, 1);
}

.m-pager>li~li {
	margin-left: 15px;
}

.m-pager>li:hover {
	background: #c0dbeb;
}

.m-pager>li a {
	display: block;
	text-decoration: none;
}

.m-pager .is-current {
	background: #39a5a4;
	border-color: #39a5a4;
	pointer-events: none;
}

.m-pager .is-current a {
	color: #fff;
}

.m-modal {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 3;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 1000px;
}

.m-modal .m-modal_inner {
	font-size: 16px;
	background: #fff;
	position: relative;
	padding: 50px 50px 30px 50px;
	border-radius: 4px;
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.4);
	max-height: 90%;
	overflow: auto;
}

.m-modal .m-modal_ttl {
	margin: -50px -50px 20px -50px;
	padding: 20px 60px;
	background: #eff1f4;
	font-weight: bold;
	text-align: center;
}

.m-modal .m-modal_lead {
	text-align: center;
	margin-bottom: 20px;
}

.m-modal .m-modal_btns {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.m-modal .m-modal_btns>*~* {
	margin-left: 30px;
}

.m-modal .m-modal_btns>*.-align_right {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin: 0 0 0 auto;
}

.m-modal .m-modal_btns.m-modal_btns--center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.m-modal .m-modal_close {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #a6aebe;
	cursor: pointer;
	-webkit-transition: color 0.3s cubic-bezier(0.24, 1, 0.32, 1);
	transition: color 0.3s cubic-bezier(0.24, 1, 0.32, 1);
}

.m-modal .m-modal_close:hover {
	color: #8893a8;
}

.m-modal {
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: opacity 0.4s cubic-bezier(0.65, -0.55, 0.265, 1.55),
	-webkit-transform 0.4s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	transition: transform 0.4s cubic-bezier(0.65, -0.55, 0.265, 1.55),
	opacity 0.4s cubic-bezier(0.65, -0.55, 0.265, 1.55),
	-webkit-transform 0.4s cubic-bezier(0.65, -0.55, 0.265, 1.55);
	pointer-events: none;
}

.m-modal.is-opened {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	pointer-events: inherit;
}

.input,
.textarea {
	border: 1px solid #d2d6de;
	border-radius: 4px;
	padding: 0.4em 0.8em;
	-webkit-transition: border-color 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	transition: border-color 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	background: #fff;
}

.input.-size_l,
.-size_l.textarea {
	width: 100%;
}

.input.-size_m,
.-size_m.textarea {
	width: 300px;
}

.input.-size_s,
.-size_s.textarea {
	width: 180px;
}

.input.-size_xs,
.-size_xs.textarea {
	width: 80px;
}

.input:focus,
.textarea:focus {
	border-color: #b5bbc8;
}

.textarea {
	min-height: 6em;
	resize: vertical;
	background: #fff;
}

.radioList,
.checkList {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.radioList>li,
.checkList>li {
	margin-right: 2em;
}

.radioList>li:last-of-type,
.checkList>li:last-of-type {
	margin-right: 0;
}

.radioList.radioList--wrap,
.radioList.checkList--wrap,
.checkList.radioList--wrap,
.checkList.checkList--wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

.radio {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 0 5px 0 20px;
	vertical-align: middle;
	cursor: pointer;
}

.radio:before,
.radio:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	content: "";
	border-radius: 50%;
	border: 1px solid #ccc;
	background: #fff;
}

.radio:after {
	width: 8px;
	height: 8px;
	left: 4px;
	margin-top: -6px;
	border: none;
	-webkit-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

input[type="radio"]:checked+.radio:after {
	background: #39a5a4;
}

.radioBtns {
	-js-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.radioBtns .radioBtns_item {
	margin-right: 30px;
}

.checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 33px;
	vertical-align: middle;
	cursor: pointer;
}

.checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #d2d6de;
	content: "";
	border-radius: 2px;
	background: #fff;
}

input[type="checkbox"]:checked+.checkbox:after {
	border-color: #b5bbc8;
}

.checkbox:before {
	-webkit-transition: opacity 0.2s cubic-bezier(0.24, 1, 0.32, 1);
	transition: opacity 0.2s cubic-bezier(0.24, 1, 0.32, 1);
	position: absolute;
	top: 50%;
	left: 5px;
	display: block;
	margin-top: -9px;
	width: 9px;
	height: 14px;
	border-right: 3px solid #39a5a4;
	border-bottom: 3px solid #39a5a4;
	content: "";
	opacity: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
}

input[type="checkbox"]:checked+.checkbox:before {
	opacity: 1;
}

.checkbox.checkbox--itself {
	padding: 0;
	width: 20px;
}

.select-wrap {
	position: relative;
	display: block;
}

.select-wrap:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 5px 5px 0 5px;
	border-top-color: #39a5a4;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -2px;
	pointer-events: none;
}

.select-wrap.-size_l {
	width: 300px;
}

.select-wrap.-size_m_plus {
	width: 220px;
}

.select-wrap.-size_m {
	width: 180px;
}

.select-wrap.-size_s {
	width: 120px;
}

.select-wrap.-size_xs {
	width: 80px;
}

.select {
	width: 100%;
	height: 100%;
	position: relative;
	border: 1px solid #d2d6de;
	border-radius: 4px;
	padding: 0.4em 0.8em;
	-webkit-transition: border-color 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	transition: border-color 0.6s cubic-bezier(0.24, 1, 0.32, 1);
	cursor: pointer;
	background: #fff;
}

.select.-size_l {
	width: 100%;
}

.select:focus {
	border-color: #b5bbc8;
}

.select::-ms-expand {
	display: none;
}

.ui-state-default {
	padding: 0.2em 0.4em;
	cursor: pointer;
}

.dropdown_body {
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1);
	transition: -webkit-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1);
	transition: transform 0.3s cubic-bezier(0.24, 1, 0.32, 1),
	-webkit-transform 0.3s cubic-bezier(0.24, 1, 0.32, 1);
}

.dropdown_body.is-opened {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sideNavi {
	margin: 0 -15px;
}

.sideNavi .sideNavi_item {
	height: 35px;
	line-height: 35px;
}

.sideNavi .sideNavi_item a {
	color: var(--secondary);
	text-decoration: none;
	display: block;
	height: 100%;
	padding: 0 15px;
	-webkit-transition-property: color, background, border-color;
	transition-property: color, background, border-color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.24, 1, 0.32, 1);
	transition-timing-function: cubic-bezier(0.24, 1, 0.32, 1);
}

.sideNavi .sideNavi_item a.is-active, .sideNavi .sideNavi_item a:hover {
	color: #fff;
	background: var(--primary);
	border-color: var(--primary);
}

.sideNavi .sideNavi_item.sideNavi_item--nest a {
	padding-left: 30px;
}

.sideNavi .sideNavi_ttl {
	color: var(--secondary);
	padding: 0 15px;
}

.sideNavi .sideNavi_notice {
	color: #fff;
	background: var(--danger);
	padding: 0.2em 0.5em;
	border-radius: 4px;
	margin-left: 0.7em;
}

/*.header {*/
/*	height: 50px;*/
/*	border-bottom: 3px solid var(--primary);*/
/*	position: relative;*/
/*	z-index: 2;*/
/*	-js-display: flex;*/
/*	display: -webkit-box;*/
/*	display: -ms-flexbox;*/
/*	display: flex;*/
/*	-webkit-box-align: center;*/
/*	-ms-flex-align: center;*/
/*	align-items: center;*/
/*	-webkit-box-pack: justify;*/
/*	-ms-flex-pack: justify;*/
/*	justify-content: space-between;*/
/*}*/

/*.header a {*/
/*	color: var(--secondary);*/
/*	text-decoration: none;*/
/*}*/

/*.header .header_logo {*/
/*	font-family: Noto Sans Japanese, "ヒラギノ角ゴ Pro W3",*/
/*	"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",*/
/*	"MS PGothic", sans-serif;*/
/*	text-align: center;*/
/*	padding-left: 37px;*/
/*	margin-left: 15px;*/
/*}*/

.func {
	position: absolute;
	top: 15px;
	right: 30px;
	text-align: right;
}

.func .func_box {
	position: absolute;
	right: 0;
	top: 20px;
	width: 140px;
	padding: 10px;
	z-index: 10000;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #D2D6DE;
	margin: 10px 0 0 auto;
	cursor: default;
}

.loginWrapper {
	background: #D2D6DE;
	height: 100vh;
}

.loginBox {
	background: #fff;
	width: 400px;
	margin: 0 auto;
	padding: 50px;
	box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}

.loginBox .loginBox_btn {
	text-align: center;
	margin-bottom: 30px;
}

.loginBox .loginBox_reminder {
	text-align: right;
}

.errorMessage {
	color: #e74c3c;
	border: 2px solid #e74c3c;
	border-radius: 4px;
	padding: 15px 30px;
	background: #fff;
	margin-bottom: 30px;
}

.errorMessage li {
	padding-left: 12px;
	position: relative;
}

.errorMessage li:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background: #e74c3c;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 0;
}

.errorMessage li~li {
	margin-top: 0.5em;
}

.p-inputBox_ttl {
	color: var(--secondary);
	min-width: 6em;
	margin-right: 2em;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.btn-warning {
	color: #fff !important;
	background: #f0ad4e;
	border-color: #eea236;
}

.btn-warning:hover {
	color: #fff;
	background: #ec971f;
	border-color: #d58512;
	box-shadow: inset 0 0 transparent, 0 0 0 3px #e9b76f;
}

.btn-warning:visited {
	color: #fff;
}

.clear {
	clear: both;
	display: block;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.inline {
	display: inline;
}

.clr {
	clear: both;
}

.clrleft {
	clear: left;
}

.clrright {
	clear: right;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.left {
	text-align: left !important;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}
.font_5 {
  font-size: 10px;
  transform: scale(0.5);
}
.font_7 {
  font-size: 10px;
  transform: scale(0.7);
}
.font_8 {
  font-size: 10px;
  transform: scale(0.8);
}
.font_9 {
  font-size: 10px;
  transform: scale(0.9);
}
.font_10px {
	font-size: 10px;
}

.font_11px {
	font-size: 11px;
}

.font_12px {
	font-size: 12px;
}

.font_14px {
	font-size: 14px;
}

.font_15px {
	font-size: 15px;
}

.font_16px {
	font-size: 16px;
}

.font_18px {
	font-size: 18px;
}

.font_20px {
	font-size: 20px;
}

.font_22px {
	font-size: 22px;
}

.font_24px {
	font-size: 24px;
}

.font_26px {
	font-size: 26px;
}

.font_28px {
	font-size: 28px;
}

.font_30px {
	font-size: 30px;
}

.font_32px {
	font-size: 32px;
}

.font_34px {
	font-size: 34px;
}

.font_36px {
	font-size: 36px;
}

.font_38px {
	font-size: 38px;
}

.font_40px {
	font-size: 40px;
}

.font_46px {
	font-size: 46px;
}

.font_50px {
	font-size: 50px;
}

.font_small {
	font-size: small;
}

.font_xsmall {
	font-size: x-small;
}

.pd_0 {
	padding: 0 !important;
}

.pd_5px {
	padding: 5px !important;
}

.pd_10px {
	padding: 10px !important;
}

.pd_20px {
	padding: 20px !important;
}

.p_t_5px {
	padding-top: 5px !important;
}

.p_t_10px {
	padding-top: 10px !important;
}

.p_t_15px {
	padding-top: 15px !important;
}

.p_t_20px {
	padding-top: 20px !important;
}

.p_t_25px {
	padding-top: 25px !important;
}

.p_t_30px {
	padding-top: 30px !important;
}

.p_t_35px {
	padding-top: 35px !important;
}

.p_t_40px {
	padding-top: 40px !important;
}

.p_t_45px {
	padding-top: 45px !important;
}

.p_t_50px {
	padding-top: 50px !important;
}

.p_t_55px {
	padding-top: 55px !important;
}

.p_t_60px {
	padding-top: 60px !important;
}

.p_t_65px {
	padding-top: 65px !important;
}

.p_t_70px {
	padding-top: 70px !important;
}

.p_t_75px {
	padding-top: 75px !important;
}

.p_b_0px {
	padding-bottom: 0 !important;
}
.p_b_5px {
	padding-bottom: 5px !important;
}
.p_b_10px {
	padding-bottom: 10px !important;
}
.p_b_15px {
	padding-bottom: 15px !important;
}
.p_b_20px {
	padding-bottom: 20px !important;
}

.p_b_25px {
	padding-bottom: 25px !important;
}

.p_b_30px {
	padding-bottom: 30px !important;
}

.p_l_0px {
	padding-left: 0 !important;
}

.p_l_5px {
	padding-left: 5px !important;
}

.p_l_10px {
	padding-left: 10px !important;
}

.p_l_15px {
	padding-left: 15px !important;
}

.p_l_20px {
	padding-left: 20px !important;
}

.p_r_0px {
	padding-right: 0px !important;
}

.p_r_5px {
	padding-right: 5px !important;
}

.p_r_10px {
	padding-right: 10px !important;
}

.p_r_15px {
	padding-right: 15px !important;
}

.p_r_20px {
	padding-right: 20px !important;
}

.m_t_auto {
	margin-top: auto !important;
}

.m_t_0px {
	margin-top: 0px !important;
}

.m_t_5px {
	margin-top: 5px !important;
}

.m_t_10px {
	margin-top: 10px !important;
}

.m_t_15px {
	margin-top: 15px !important;
}

.m_t_20px {
	margin-top: 20px !important;
}

.m_t_25px {
	margin-top: 25px !important;
}

.m_t_30px {
	margin-top: 30px !important;
}

.m_t_35px {
	margin-top: 35px !important;
}

.m_t_40px {
	margin-top: 40px !important;
}

.m_t_45px {
	margin-top: 45px !important;
}

.m_t_50px {
	margin-top: 50px !important;
}

.m_t_60px {
	margin-top: 60px !important;
}

.m_t_100px {
	margin-top: 100px !important;
}

.m_r_auto {
	margin-right: auto !important;
}

.m_r_0px {
	margin-right: 0px !important;
}

.m_r_4px {
	margin-right: 4px !important;
}

.m_r_5px {
	margin-right: 5px !important;
}

.m_r_10px {
	margin-right: 10px !important;
}

.m_r_15px {
	margin-right: 15px !important;
}

.m_r_20px {
	margin-right: 20px !important;
}

.m_r_25px {
	margin-right: 25px !important;
}

.m_r_30px {
	margin-right: 30px !important;
}

.m_r_40px {
	margin-right: 40px !important;
}

.m_r_50px {
	margin-right: 50px !important;
}

.m_r_100px {
	margin-right: 100px !important;
}

.m_r_150px {
	margin-right: 150px !important;
}

.m_r_200px {
	margin-right: 200px !important;
}

.m_r_300px {
	margin-right: 300px !important;
}

.m_r_350px {
	margin-right: 350px !important;
}

.m_r_400px {
	margin-right: 400px !important;
}

.m_r_500px {
	margin-right: 500px !important;
}

.m_b_0px {
	margin-bottom: 0 !important;
}

.m_b_3px {
	margin-bottom: 3px !important;
}

.m_b_5px {
	margin-bottom: 5px !important;
}

.m_b_8px {
	margin-bottom: 8px !important;
}

.m_b_10px {
	margin-bottom: 10px !important;
}

.m_b_15px {
	margin-bottom: 15px !important;
}

.m_b_20px {
	margin-bottom: 20px !important;
}

.m_b_25px {
	margin-bottom: 25px !important;
}

.m_b_30px {
	margin-bottom: 30px !important;
}

.m_b_35px {
	margin-bottom: 35px !important;
}

.m_b_40px {
	margin-bottom: 40px !important;
}

.m_b_50px {
	margin-bottom: 50px !important;
}

.m_b_60px {
	margin-bottom: 60px !important;
}

.m_b_80px {
	margin-bottom: 80px !important;
}

.m_b_100px {
	margin-bottom: 100px !important;
}

.m_b_150px {
	margin-bottom: 150px !important;
}

.m_b_160px {
	margin-bottom: 160px !important;
}

.m_l_auto {
	margin-left: auto;
}

.m_l_0px {
	margin-left: 0px !important;
}

.m_l_5px {
	margin-left: 5px !important;
}

.m_l_10px {
	margin-left: 10px !important;
}

.m_l_15px {
	margin-left: 15px !important;
}

.m_l_20px {
	margin-left: 20px !important;
}

.m_l_25px {
	margin-left: 25px !important;
}

.m_l_30px {
	margin-left: 30px !important;
}

.m_l_50px {
	margin-left: 50px !important;
}

.m_l_100px {
	margin-left: 100px !important;
}

.m_l_150px {
	margin-left: 150px !important;
}

.m_l_200px {
	margin-left: 200px !important;
}

.m_l_300px {
	margin-left: 300px !important;
}

.m_l_400px {
	margin-left: 400px !important;
}

.m_l_500px {
	margin-left: 500px !important;
}

.m_a_10px {
	margin: 10px !important;
}

.m_a_20px {
	margin: 20px !important;
}

.m_a_30px {
	margin: 30px !important;
}

.m_a_40px {
	margin: 40px !important;
}

.m_a_50px {
	margin: 50px !important;
}

.bold {
	font-weight: bold !important;
}

.medium {
	font-weight: 500 !important;
}

.normal {
	font-weight: normal !important;
}

.l_h_24px {
	line-height: 24px !important;
}
.l_h_27px {
	line-height: 27px !important;
}
.l_h_30px {
	line-height: 30px !important;
}
.l_h_35px {
	line-height: 35px !important;
}
.l_h_40px {
	line-height: 40px !important;
}
.l_h_50px {
	line-height: 50px !important;
}

.l_h_120 {
	line-height: 120%;
}

.l_h_150 {
	line-height: 150%;
}

.l_h_200 {
	line-height: 200%;
}

.l_h_230 {
	line-height: 230%;
}

.l_h_250 {
	line-height: 250%;
}

.l_h_300 {
	line-height: 300%;
}

.w_32px {
	width: 32px;
}

.w_100px {
	width: 100px;
}

.w_120px {
	width: 120px;
}

.w_150px {
	width: 150px;
}

.w_135px {
	width: 135px;
}

.w_200px {
	width: 200px;
}

.w_250px {
	width: 250px;
}

.h_4 {
	height: 4rem;
}

.h_5 {
	height: 5rem;
}

.h_7 {
	height: 7rem;
}

.w_32px {
	width: 32px;
}

.h_32px {
	height: 32px;
}

.max_Width_200 {
	max-width: 200px;
}

.max_Width_300 {
	max-width: 300px;
}

.max_Width_1200 {
	max-width: 1200px;
}

.max_Height_200 {
	max-height: 200px;
}

.overhid {
	overflow: hidden;
}
.overscroll {
	overflow: scroll;
}
.red {
	color: #ee0000;
}
.dark-red {
	color: #AD3232;
}
.crimson {
	color: #dc143c;
}
.violet {
	color: #800080;
}
.blue {
	color: var(--primary) !important;
}
.white {
	color: #fff !important;
}
.gray {
	color: var(--secondary);
}
.green {
	color: #390 !important;
}
.orange {
	color: #ff6600 !important;
}
.black {
	color: #000000;
}

.bg-white {
	background: #FFF;
}
.bg-black {
	background: #000;
}
.bg-gray {
	background: #f4f5f6;
}

.nowrap {
	white-space: nowrap;
}

.break-word {
	word-break: break-word;
}

.decoNone {
	text-decoration: none;
}

.none {
	display: none;
}

.block {
	display: block !important;
}

.pointer {
	cursor: pointer;
}

.default {
	cursor: default;
}

.flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex_justify_center {
	justify-content: center;
}

.flex_justify_end {
	justify-content: flex-end;
}

.flex_justify_between {
	justify-content: space-between;
}

.flex_justify_around {
	justify-content: space-around;
}

.flex_align_center {
	align-items: center;
}

.flex_align_end {
	align-items: flex-end;
}

.flex_shrink_0 {
	flex-shrink: 0;
}

.flex_grow_1 {
	flex-grow: 1;
}

.flex_wrap {
	flex-wrap: wrap;
}

.br-50 {
	border-radius: 50%;
}

.border-0 {
	border-width: 0 !important;
}

.border-1 {
	border-width: 1px;
}

.border-solid {
	border-style: solid;
}

.border-white {
	border-color: #FFF;
}

.relative {
	position: relative;
}

.width3 {
	width: 3%;
}

.width5 {
	width: 5%;
}
.width7 {
	width: 7%;
}
.width8 {
	width: 8%;
}
.width10 {
	width: 10%;
}
.width13 {
	width: 13%;
}
.width15 {
	width: 15%;
}

.width20 {
	width: 20%;
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.width35 {
	width: 35%;
}

.width33 {
	width: 33%;
}

.width40 {
	width: 40%;
}

.width45 {
	width: 45%;
}

.width50 {
	width: 50%;
}

.width55 {
	width: 55%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65%;
}

.width70 {
	width: 70%;
}

.width75 {
	width: 75%;
}

.width80 {
	width: 80%;
}

.width85 {
	width: 85%;
}

.width90 {
	width: 90%;
}

.width95 {
	width: 95%;
}

.width100 {
	width: 100% !important;
}

.mtb5 {
	margin: 5px 0 !important;
}

.mtb10 {
	margin: 10px 0 !important;
}

.mtb15 {
	margin: 15px 0 !important;
}

.mtb20 {
	margin: 20px 0 !important;
}

.mtb25 {
	margin: 25px 0 !important;
}

.mtb30 {
	margin: 30px 0 !important;
}

.mtb35 {
	margin: 35px 0 !important;
}

.mtb40 {
	margin: 40px 0 !important;
}

.mtb45 {
	margin: 45px 0 !important;
}

.mtb50 {
	margin: 50px 0 !important;
}

.mtb55 {
	margin: 55px 0 !important;
}

.mtb60 {
	margin: 60px 0 !important;
}

.mtb65 {
	margin: 65px 0 !important;
}

.mtb70 {
	margin: 70px 0 !important;
}

.mtb75 {
	margin: 75px 0 !important;
}

.mtb80 {
	margin: 80px 0 !important;
}

.mtb85 {
	margin: 85px 0 !important;
}

.mtb90 {
	margin: 90px 0 !important;
}

.mtb95 {
	margin: 95px 0 !important;
}

.mtb100 {
	margin: 100px 0 !important;
}

.pl1 {
	padding-left: 1% !important;
}

.pl2 {
	padding-left: 2% !important;
}

.pl3 {
	padding-left: 3% !important;
}

.pr1 {
	padding-right: 1% !important;
}

.pr2 {
	padding-right: 2% !important;
}

.pr3 {
	padding-right: 3% !important;
}

.large {
	font-size: 1.2em !important;
}

.small {
	font-size: 0.8em !important;
}

.vam {
	vertical-align: middle;
}

.fl {
	float: left;
	width: 49%;
	clear: both;
}

.fr {
	float: right;
	width: 49%;
}

.read-only {
	background-color: #eee;
	border: 1px solid #ccc;
}

.vat {
	vertical-align: top;
}

.pointer-none {
	pointer-events: none;
}

.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.note {
	color: #d00000;
	font-weight: bold;
}

.need {
	display: inline-block;
	color: #fff;
	background: #dc143c;
	padding: 2px 7px;
	font-size: 12px;
	border-radius: 3px;
	margin: 0 5px;
}

@media screen and (max-width:959px) {
	.need {
		margin: 0 5px 5px;
	}
}

.pcOnly {
	display: block;
}

@media screen and (max-width:959px) {
	.pcOnly {
		display: none;
	}
}

.spOnly {
	display: none;
}

@media screen and (max-width:959px) {
	.spOnly {
		display: block;
	}
}

@media screen and (max-width:959px) {
	/* nav open */
	.spOpen {
		overflow: hidden;
	}
	.spOpen #overlay {
		display: block;
	}
	.spOpen #nav {
		transform: translate3d(-300px,0,0);
	}
	/* #nav-toggle close */

	.spOpen #spNav span:nth-child(1) {
		top : 21px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}

	.spOpen #spNav span:nth-child(2),
	.spOpen #spNav span:nth-child(3) {
		top: 21px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}
	/* z-index */
	#overlay {
		z-index: 200;
	}
	#nav {
		z-index: 300;
	}
}

.min_height_auto {
	min-height: auto !important;
}

.btn-bd-gadient {
	display: inline-block !important;
	padding: 0 !important;
	position: relative;
	transition: all 0.25s;
}
.btn-bd-gadient:before {
	content: '';
	position: absolute;
	width: calc(100% + 3px);
	height: calc(100% + 3px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent linear-gradient(270deg, #523600 0%, #B27955 33%, #C3AA69 53%, #523600 100%) 0% 0% no-repeat padding-box;
	border-radius: 2px;
	opacity: 1;
}
.c-btn-bd-gadient {
	background: transparent linear-gradient(180deg, #31291B 0%, #1D150B 100%) 0% 0% no-repeat padding-box !important;
	position: relative;
	padding: 10px 20px;
	color: #FFFBF2;
	cursor: pointer;
	border: none !important;
	line-height: 20px;
}
.btn-bd-gadient:hover {
	opacity: 0.7;
}
.btn-bd-gadient-back {
	display: inline-block !important;
	padding: 0 !important;
	position: relative;
	transition: all 0.25s;
}
.btn-bd-gadient-back:before {
	content: '';
	position: absolute;
	width: calc(100% + 3px);
	height: calc(100% + 3px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent linear-gradient(270deg, #38444D 0%, #647280 33%, #7F8993 53%, #354753 100%) 0% 0% no-repeat padding-box;
	border-radius: 2px;
	opacity: 1;
}
.c-btn-bd-gadient-back {
	background: #20242C 0% 0% no-repeat padding-box !important;
	position: relative;
	padding: 10px 20px;
	color: #FFFBF2;
	cursor: pointer;
	border: none !important;
	display: inline-block;
	line-height: 20px;
}
.btn-bd-gadient-back:hover {
	opacity: 0.7;
}
.text-box {
	padding: 20px;
	line-height: 20px;
	background: #1B212C 0 0 no-repeat padding-box;
	border: 1px solid #3C4452;
	border-radius: 2px;
	opacity: 1;
}
.text-box.text-box-blue {
	border: 1px solid #568AA4;
}
.has_appearance {
	position: relative;
	width: fit-content;
}
.has_appearance::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
}
.has_appearance::after {
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
}
.has_appearance select {
	padding-right: 20px !important;
	position: relative;
	z-index: 3;
}
.has_appearance select, .has_appearance select:focus, .has_appearance select:hover {
	background: transparent !important;
}

/*hl タイトル*/
.hl_title {
	padding: 0 5px 0 16px;
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	line-height: 29px;
	color: #fff;
	border-left: 4px solid #438CA7;
}

/*btn alternative*/
.btn-bd-gadient-alt:before {
	background: transparent linear-gradient(270deg, #38444D 0%, #647280 33%, #7F8993 53%, #354753 100%) 0% 0% no-repeat padding-box;
}
.c-btn-bd-gadient-alt {
	background: #20242C !important;
}

/*box*/
.box-red {
	border: 2px solid #B71224;
	padding: 8px 2px;
	max-width: 600px;
	margin: 30px auto 15px;
}

/*input box*/
.input-box {
	padding: 5px 8px;
	min-height: 29px;
	line-height: 20px;
	border: 1px solid #3C4452;
	border-radius: 2px;
	opacity: 1;
	background: #2B3240;
}

.hide {
	display: none;
}
.show {
	display: block;
}
.cl-929292 {
	color: #929292;
}

.h-20 {
	height: 20rem;
}

.h-40 {
	height: 40rem;
}

.w-40 {
	width: 40rem;
}

.w-50 {
	width: 50%;
}

.d-flex {
	display: flex;
}

.justify-content-between {
	justify-content: space-between;
}

.align-items-center {
	align-items: center;
}

.p-1 {
	padding: 1rem;
}

.p-2 {
	padding: 2rem;
}

.mt-1 {
	margin-top: 1rem;
}

.my-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mx-2 {
	margin: 0 2rem;
}

.ml-1 {
	margin-left: 1rem;
}
.ml-5 {
	margin-left: 5rem;
}
.ml-auto {
	margin-left: auto;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-05 {
	margin-bottom: 0.5rem;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.r-5 {
	right: 5px;
}

.r-20 {
	right: 20px;
}


.b-5 {
	bottom: 5px;
}

.-b-25 {
	bottom: -25px;
}

.flex-basis-49-5 {
	width: 49.5%;
}

.b-1 {
	border: 1px solid #d2d6de;
}

.br-5 {
	border-radius: 5px;
}

.br-10 {
	border-radius: 10px;
}

.bg-F0F4F5 {
	background: #F0F4F5;
}

.z-1 {
	z-index: 1;
}

/*animation class*/
.flash2:hover {
	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: flash2;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-name: flash2;
}

@-webkit-keyframes flash2 {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash2 {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}

.flash3:hover {
	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-name: flash3;
	animation-duration: 0.5s;
	animation-timing-function: ease-out;
	animation-name: flash3;
	cursor: pointer;
}

@-webkit-keyframes flash3 {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash3 {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes flash {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .8;
	}
	25% {
		opacity: .6;
	}
	100% {
		opacity: 1;
	}
}
/* 共通：ふわっと表示 */
.disp-anime {
	animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
	animation-duration: 2s;
	animation-fill-mode: forwards;
	max-width: 100% !important;
}
@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.rightbottom {
	position: absolute;
	bottom:0;
	right: 0;
}
.top-box {
	z-index: 3;
}

.no-break {
	word-break: keep-all;
}

.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.blur_1 {
	filter: blur(5);
}
.flex-1 {
	flex: 1;
}

.text-gray {
	color: var(--light-gray) !important;
}
.text-dark-blue {
	color: var(--dark-blue) !important;;
}
.text-gray-blue {
	color: var(--gray-blue) !important;;
}

.font-classico {
	font-family: "URWClassico";
}
.border-line {
	border-bottom: 1px solid #ccc;
}
.catefolder{
	background:url(../img/folder.png) no-repeat;
	padding-left:20px !important;
}
.layer01{padding-left:0px;}
.layer02{padding-left:20px;}
.layer03{padding-left:40px;}

.success-msg {
    display: none;
    position: fixed;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #29aba4;
    color: #fff;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px;
}

/*responsive*/

.mobile-only {
	display: none;
}

@media screen and (max-width: 425px) {
	.mobile-only {
		display: block;
	}
}

.logo-btn-xs {
	height: 35px;
	width: 35px;
}

.logo-btn-s {
	height: 45px;
	width: 45px;
}

.logo-btn-m {
	height: 55px;
	width: 55px;
}

.admin-action-btn {
	color: #98a6ad;
	font-size: 1.2rem;
	display: inline-block;
	padding: 0 3px;
}

/*検索条件*/
textarea.search-control {
	overflow: auto;
	resize: vertical;
	height: 31px;
}

/*modal close*/
.m-modal_cross_close {
	position: absolute;
	right: 5px;
	top: 8px;
	width: 27px;
	height: 27px;
	border: 2px solid #818181; /* 枠の調整 */
	border-radius: 50%;  /* 丸みの度合い */
	background: #fff; /* ボタンの背景色 */
}

.m-modal_cross_close::before, .m-modal_cross_close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px; /* 棒の幅（太さ） */
	height: 18px; /* 棒の高さ */
	background: #818181; /* バツ印の色 */
}
 
.m-modal_cross_close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
 
.m-modal_cross_close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.m-modal_cross_close:hover {
	cursor: pointer;
	opacity: 0.7;
}