@charset "utf-8";
/* =====================================
@@@ リセット&ベース @@@
===================================== */
html {
	font-size: 62.5%;
	height: 100%;
	overflow-y: scroll;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	border: 0;
	background-color: #ffffff;
	color: #333333;
	font: 14px/1.6 "Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",Sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}
body * {
	box-sizing: border-box;
}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block;
}
audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}
/* Objects-normalize */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}
hr {
	border:0;
	border-top:1px solid #999999;
	display:block;
	height:1px;
	margin:1em 0;
	padding:0;
}
img {
	border-style:none;
	height:auto;
	max-width:100%;
	vertical-align:bottom;
	width /***/:auto;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
/* Letters */
div,p,li,dt,dd,th,td {
	word-wrap: break-word;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,em,strong {
	font-style: normal;
	font-weight: bold;
}
dfn {
	font-style: italic;
}
mark,em,strong,b,small,i,var {
	font:normal bold 100%;
}
mark {
	background-color: #ffff00;
}
small {
	font-size: 80%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
pre {
	overflow: auto;
}
code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 1em;
}
h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: bold;
}
ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Forms */
form,button,input,optgroup,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
label {
	cursor: pointer;
}
input {
	line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	overflow: visible;
	text-transform: none;
}
button[disabled],
input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
input[type="text"],
input[type="password"],
select,
textarea {
	border: 1px solid #61482d;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 2px;
	text-transform: none;
	vertical-align: middle;
}
select {
	min-height: 20px;
	padding: 0px;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	cursor: pointer;
	padding: 0;
	vertical-align: middle;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
optgroup {
	font-weight: bold;
}
/* FormInput-radio */
label {
	margin-right: .3em;
	padding: .5em .5em;
}
label input[type="radio"] {
	height: 18px;
	line-height: 24px;
	margin: -3px .3em 0 0;
	width: 18px;
}
label input[type="radio"]:checked{
}
/* FormInput-cheack */
label input[type="checkbox"] {
	height: 18px;
	line-height: 18px;
	margin: -2px .3em 0 0;
	width: 18px;
}
label input[type="checkbox"]:checked{
}
/* aタグ */
/*a {
color: #61482d;
text-decoration: none;
}*/
a {
	color: #111;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: none;
}
/* 見出し、本文(ガイドライン適応) */
h1,h2,h3 {
	color: #111;
}
h1 {
	font-size: 22px;
	line-height: 1.5;
}
h2 {
	font-size: 18px;
	line-height: 1.5;
}
h3 {
	font-size: 14px;
	line-height: 1.6;
}
.note-txt {
	color: #999;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.6;
	padding-left: 1em;
	text-indent: -1em;
}
.alert-txt {
	color: #F50028;
}
.tag {
	font-size: 10px;
}
/* ============== 共通 =================== */
.contents {
	margin: 40px auto;
	max-width: 970px;
	width: calc(100% - 30px);
}
.contents * {
	box-sizing: border-box;
}
a {
	color: #0099cc;
	text-decoration: underline;
}
/* ============== btn =================== */
.btn_wrap {
	margin: 24px auto;
}
a.btn,
button.btn {
	align-items: center;
	border-radius: 8px;
	display: flex;
	font-weight: bold;
	font-size: 14px;
	height: 50px;
	justify-content: center;
	margin: 0 auto;
	max-width:400px;
	position: relative;
	text-decoration: none;
	transition: 0.3s;
	width: 100%;
	border: 1px solid #A2A0A2;
	color: #282328;
	font-weight: bold;
}
button.btn[disabled] {
	background-color: #A2A0A2;
	color: #D4D2D4;
	pointer-events: none;
}
.btn_att {
	font-size: 12px;
	margin-top: 15px;
	padding-left: 1em;
	text-align: left;
	text-indent: -1em;
}

/* ============== メンテナンス・エラー画面 =================== */
body.ly-oh {
	overflow: hidden;
/*コンテンツ内の要素が増えたらトルツメ*/
}
.contents.noaccess {
/*	left: 0;
	right: 0;
	margin: auto;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);*/
	margin: 50vh auto 0;
	transform: translateY(-50%);
	text-align: center;
}
.noaccess_lead {
	font-size: 16px;
	font-weight: bold;
}
.noaccess_pic {
	margin: 0 auto;
	margin-top: 24px;
	max-width: 345px;
}