@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	padding: 0;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
	border: 0;
	outline: 0;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

a {
	padding: 0;
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	color: #000;
	text-decoration: none; 
	background-color: #ff9;
}

/* change colours to suit your needs */
mark {
	color: #000;
	font-style: italic;
	font-weight: bold; 
	background-color: #ff9;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	padding: 0; 
	margin: 1em 0;
	border: 0;
	border-top: 1px solid #ccc;
}

input,
select {
	vertical-align: middle;
}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

svg,
img {
	max-width: 100%;
	vertical-align: middle;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
dt {
	font-weight: normal;
}

article,
main,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
picture {
	display: block;
}

/*----------------------------------------------------
	レスポンシブ
----------------------------------------------------*/
@media screen and (min-width: 561px) {
	.sp {
		display: none;
	}
}

@media screen and (min-width: 961px) {
	.sp-tab {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.pc {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	.pc-tab {
		display: none;
	}
}

@media screen and (max-width: 560px) {
	.tab {
		display: none;
	}
}

@media screen and (min-width: 961px) {
	.tab {
		display: none;
	}
}

/*----------------------------------------------------
	フォント
----------------------------------------------------*/
html {
	font-size: 16px;
}

body {
	color: #000;
	font-family: source-han-sans-cjk-ja, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400; 
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;

	overflow-wrap: break-word;
}

.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ 明朝", serif;
}

.ff-midashi {
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-weight: 600;
}

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
}
a .alpha {
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
}
a img {
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out, transform .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out, transform .3s ease-out, -webkit-box-shadow .3s ease-out, -webkit-transform .3s ease-out;
}
@media (hover: hover) {
	a:hover .alpha {
		opacity: .7;
	}
}

.link-text a {
	color: #00489a;
}

@media (hover: hover) {
	.link-text a:hover {
		text-decoration: underline;
	}
}

a.link-text {
	color: #00489a;
}
@media (hover: hover) {
	a.link-text:hover {
		text-decoration: underline;
	}
}

@media (hover: none) {
	a,
	button {
		-webkit-tap-highlight-color: transparent; 
		-webkit-touch-callout: none;
	}
}

/*----------------------------------------------------
	コンテナ
----------------------------------------------------*/
.container {
	position: relative;
	width: 1180px;
	max-width: 1180px; 
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 961px) and (max-width: 1366px) {
	.container {
		max-width: initial;
		padding-right: 40px; 
		padding-left: 40px;
	}
}
@media screen and (min-width: 561px) and (max-width: 960px) {
	.container {
		max-width: initial;
		padding-right: 20px; 
		padding-left: 20px;
	}
}
@media screen and (max-width: 560px) {
	.container {
		max-width: initial;
		padding-right: 20px; 
		padding-left: 20px;
	}
}

/*----------------------------------------------------
	html
----------------------------------------------------*/
html {
	height: 100%;
}

/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	height: 100%;
	min-width: 1180px;
}

.body-wrap {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}
.body-wrap > * {
	flex-shrink: 0; 

	-ms-flex-negative: 0;
}

/*----------------------------------------------------
	header-action
----------------------------------------------------*/
.header-action {
	position: absolute;
	top: 0; 
	right: 0;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.body-admin .header-action {
	position: static;
	margin-left: auto;
}
.header-action__user {
	margin-right: 25px;
}
.header-action__user svg {
	width: 17.09px;
	height: 17.01px;
	margin-right: 8px;
	vertical-align: baseline; 

	fill: #fff;
	stroke: #fff;
}
.header-action__user ._txt {
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.header-action__logout {
	margin-right: 23px;
}
.header-action__logout ._btn {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 116px;
	height: 30px;
	color: #fff; 
	background: #4d4d4d;
	border: 1px solid #4d4d4d;
}
.header-action__logout ._btn:hover {
	color: #4d4d4d;
	background-color: #fff;
}
.header-action__logout ._btn:hover svg {
	fill: #4d4d4d;
}
.header-action__logout ._btn svg {
	width: 14px;
	height: 14px;
	margin-right: 4px;

	fill: #fff;
}
.header-action__logout ._btn ._txt {
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
.body-admin .header-action__logout {
	margin-right: 0;
}
.body-admin .header-action__logout ._btn {
	color: #776773; 
	background: #fff;
	border: 1px solid #fff;
}
.body-admin .header-action__logout ._btn:hover {
	color: #fff;
	background-color: #776773;
}
.body-admin .header-action__logout ._btn:hover svg {
	fill: #fff;
}
.body-admin .header-action__logout ._btn svg {
	fill: #776773;
}
.header-action__member ._btn {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 110px;
	height: 110px;
	color: #fff; 
	background: #00489a;
	border: 1px solid #00489a;
}
.header-action__member ._btn svg {
	fill: #fff; 
	stroke: #fff;
}
.header-action__member ._btn:hover {
	color: #00489a;
	background-color: #fff;
}
.header-action__member ._btn:hover svg {
	fill: #00489a; 
	stroke: #00489a;
}
.header-action__member svg {
	width: 32px;
	height: 32px;
}
.header-action__member ._txt {
	margin-top: 12px;
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
header {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 110px;
	background: #fff;
}
.body-admin header {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	height: 78px;
	padding: 0 25px;
	color: #fff;
	background: #776773;
}

.header-logo {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header-logo ._logo {
	width: 214px;
}
.header-logo ._name {
	margin-top: 6px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
}
.body-admin .header-logo {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	    flex-direction: row;
	margin: 0;
}
.body-admin .header-logo ._logo {
	width: 177px;
}
.body-admin .header-logo ._name {
	margin: 0 0 0 20px;
	color: #fff;
}

/*----------------------------------------------------
	main
----------------------------------------------------*/
main {
	margin-bottom: 80px;
}
.body-admin main {
	margin-bottom: 0;
}

.main-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: calc(100vh - 78px - 46px);
}

.main-sidebar {
	width: 310px;
	background: #00489a;
}

.main-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	padding: 30px 0 60px;
}
.main-content__inner {
	width: 853px;
	margin-left: 70px;
}
@media (min-width: 1233px) {
	.main-content__inner {
		margin-right: auto; 
		margin-left: auto;
	}
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
footer {
	min-height: 46px;
	margin-top: auto;
	color: #fff;
	background: #00489a;
}
footer .copyright {
	padding: calc(17px - .25em) 0;
	color: #fff; 
	font-size: 12px;
	text-align: center;
}
.body-admin footer {
	padding: 0 30px;
	background: #776773;
}
.body-admin footer .copyright {
	text-align: left;
}

/*----------------------------------------------------
	side-nav
----------------------------------------------------*/
.side-nav .ico_home {
	width: 23.89px;
	height: 23.13px;
}

.side-nav .ico_search {
	width: 20.25px;
	height: 20.25px;
}

.side-nav .ico_note {
	width: 16.59px;
	height: 21.87px;
}

.side-nav .ico_plus {
	width: 20.68px;
	height: 20.68px;
}

.side-nav svg {
	margin-right: 6px;
	vertical-align: middle; 

	fill: #1a70d1;
	stroke: #1a70d1;
}

.side-nav li {
	border-bottom: 1px solid #fff;
}
.side-nav li ._txt {
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
}

.side-nav li.current ._link {
	background: #1a70d1;
}

.side-nav li.current svg {
	fill: #fff;
	stroke: #fff;
}

.side-nav ._link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 75px;
	padding: 22px 22px 22px 68px;
}
.side-nav ._link:hover {
	background: #1a70d1;
}
.side-nav ._link:hover svg {
	fill: #fff;
	stroke: #fff;
}
.side-nav ._link span {
	position: relative;
}
.side-nav ._link span svg {
	position: absolute;
	top: 14px;
	left: -40px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.side-nav ._link--sub {
	padding-left: 85px;
}

/*----------------------------------------------------
	admin-home
----------------------------------------------------*/
.admin-home-link {
	max-width: 780px;
	margin-top: 50px;
	margin-right: auto; 
	margin-left: auto;
}
.admin-home-link ._item + ._item {
	margin-top: 50px;
}
.admin-home-link ._link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 200px;
	background: #fc8763;
	-webkit-box-shadow: 1px 4px 8px rgba(0, 0, 0, .27);
	        box-shadow: 1px 4px 8px rgba(0, 0, 0, .27);
}
.admin-home-link ._head {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 205px;
	height: 200px;
	text-align: center;
	background: #f1805d;
	-webkit-transition: background .3s ease-out;
	        transition: background .3s ease-out;
}
.admin-home-link ._head svg {
	fill: #fff;
	stroke: #fff;
}
.admin-home-link ._head ._txt {
	margin: 22px 0 52px;
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 18px;
	line-height: 1;
	letter-spacing: .05em;
	text-align: left;
}
.admin-home-link ._item--member ._link {
	background: #fc8763;
}
.admin-home-link ._item--member ._head {
	background: #f1805d;
}
.admin-home-link ._item--member ._head svg {
	width: 60.24px;
	height: 60.25px;
}
.admin-home-link ._item--member ._link:hover {
	background: rgba(252, 135, 99, .8);
}
.admin-home-link ._item--member ._link:hover ._head {
	background: rgba(241, 128, 93, .8);
}
.admin-home-link ._item--report ._link {
	background: #52bed9;
}
.admin-home-link ._item--report ._head {
	background: #4cb4ce;
}
.admin-home-link ._item--report ._head svg {
	width: 43.86px;
	height: 57.8px;
}
.admin-home-link ._item--report ._link:hover {
	background: rgba(82, 190, 217, .8);
}
.admin-home-link ._item--report ._link:hover ._head {
	background: rgba(76, 180, 206, .8);
}
.admin-home-link ._item--create ._link {
	background: #68bbb4;
}
.admin-home-link ._item--create ._head {
	background: #6ec6bf;
}
.admin-home-link ._item--create ._head svg {
	width: 57.81px;
	height: 57.81px;
}
.admin-home-link ._item--create ._link:hover {
	background: rgba(104, 187, 180, .8);
}
.admin-home-link ._item--create ._link:hover ._head {
	background: rgba(110, 198, 191, .8);
}
.admin-home-link ._body {
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 36px;
	letter-spacing: .15em;
	text-align: center;
}

/*----------------------------------------------------
	admin-list-table
----------------------------------------------------*/
.admin-list-table {
	width: 100%;
}
.admin-list-table thead {
	color: #fff; 
	font-size: 14px;
	font-weight: bold;
	background-color: #776773;
}
.admin-list-table thead th {
	padding: calc(29px - .25em) 15px; 
	font-weight: bold;
	text-align: left;
}
.admin-list-table thead th:first-child {
	padding-left: 30px;
}
.admin-list-table thead th:last-child {
	padding-right: 30px;
}
.admin-list-table tbody {
	font-size: 14px;
}
.admin-list-table tbody tr:nth-child(even) {
	background: rgba(119, 103, 115, .1);
}
.admin-list-table tbody td {
	padding: calc(23px - .25em) 15px;
}
.admin-list-table tbody td:first-child {
	padding-left: 30px;
}
.admin-list-table tbody td:last-child {
	padding-right: 30px;
}
.admin-list-table .action {
	text-align: right;
}
.admin-list-table .action a {
	width: 138px;
	height: 33px;
	font-size: 14px; 
	border-radius: 16.5px;
}

/*----------------------------------------------------
	admin-member-detail
----------------------------------------------------*/
.admin-member-detail.admin-member-detail {
	max-width: 100%; 
	margin: 0;
}
.admin-member-detail.admin-member-detail dl:first-child {
	border-top: 1px solid rgba(0, 0, 0, .2);
}
.admin-member-detail.admin-member-detail dd {
	width: 584px;
}
.admin-member-detail.admin-member-detail .member-regist-form__action {
	-ms-flex-pack: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 540px;
	margin-right: auto; 
	margin-left: auto;
}
.admin-member-detail.admin-member-detail .member-regist-form__action .btnA {
	margin-bottom: 20px;
}
.admin-member-detail.admin-member-detail .member-regist-form__action .btnA:nth-child(2n+1):not(:last-child) {
	margin-right: 20px;
}

/*----------------------------------------------------
	admin-member-search
----------------------------------------------------*/
.admin-member-search.admin-member-search {
	max-width: 100%;
	padding: 20px 40px 60px;
	margin: 0;
	background: rgba(119, 103, 115, .1);
}
.admin-member-search.admin-member-search dd {
	width: 524px;
}

.admin-member-search-after {
	margin-top: 60px;
}
.admin-member-search-after__download {
	text-align: center;
}
.admin-member-search-after__download .btnA {
	width: 603px;
	height: 64px;
	font-size: 24px; 
	border-radius: 32px;
}

/*----------------------------------------------------
	admin-regist-form
----------------------------------------------------*/
.admin-regist-form.admin-regist-form {
	max-width: 100%; 
	margin: 0;
}
.admin-regist-form.admin-regist-form dl:first-child {
	border-top: 1px solid rgba(0, 0, 0, .2);
}
.admin-regist-form.admin-regist-form dd {
	width: 624px;
}

.admin-regist-form__date {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.admin-regist-form__date ._input {
	width: 120px;
}
.admin-regist-form__date ._txt {
	padding: 0 30px 0 10px;
	font-size: 14px;
}

.admin-regist-form__no {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.admin-regist-form__no ._input {
	width: 120px;
}
.admin-regist-form__no ._txt {
	padding: 0 30px 0 10px;
	font-size: 14px;
}

.admin-regist-form__thumbnail {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.admin-regist-form__thumbnail ._val {
	padding: 0 30px 0 10px;
	font-size: 12px;
	line-height: 20px;
}

/*----------------------------------------------------
	kiyaku-box
----------------------------------------------------*/
.kiyaku-box-lead {
	margin-top: calc(80px - .25em);
	color: #000; 
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	text-align: center;
}
.kiyaku-box-lead ._s {
	font-size: 14px;
}

.kiyaku-box {
	height: 332px;
	padding: 30px;
	margin-top: calc(63px - .25em);
	overflow: auto;
	font-size: 14px;
	line-height: 2; 
	background: #fff;
	border: 2px solid #a8a8a8;
}
.kiyaku-box > * + h3 {
	margin-top: 2em;
}
.kiyaku-box > *:not(h3) + h4 {
	margin-top: 1em;
}
.kiyaku-box h2 {
	text-align: center;
}
.kiyaku-box h2,
.kiyaku-box h3,
.kiyaku-box h4 {
	font-weight: bold;
}
.kiyaku-box a {
	color: #00489a;
	text-decoration: underline;
}
.kiyaku-box a:hover {
	text-decoration: none;
}
.kiyaku-box ._sign {
	margin-top: 2em;
}

.kiyaku-box-action {
	margin-top: 60px;
}
.kiyaku-box-action ul {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.kiyaku-box-action li + li {
	margin-left: 42px;
}

/*----------------------------------------------------
	login-box
----------------------------------------------------*/
.login-box {
	width: 853px;
	height: 306px;
	padding: 60px 75px 40px;
	margin: 90px auto 0; 
	background: rgba(119, 103, 115, .1);
}
.login-box--blu {
	background: rgba(229, 243, 252, .5);
}
.login-box dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-box dl + dl {
	margin-top: 28px;
}
.login-box dt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	padding-top: 10px;
	font-size: 14px; 
	font-weight: bold;
}
.login-box dd {
	width: 500px;
}
.login-box ._ex {
	padding-top: calc(6px - .25em);
	font-size: 12px;
	opacity: .5;
}
.login-box__action {
	margin-top: 28px;
	text-align: center;
}

.login-box-after {
	margin-top: 40px;
}
.login-box-after ul {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.login-box-after li {
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 16px;
}
.login-box-after li + li {
	margin-left: 35px;
}
.login-box-after a {
	position: relative; 
	padding-left: 30px;
	color: #00489a;
}
.login-box-after a:hover {
	text-decoration: underline;
}
.login-box-after a:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 8px;
	height: 8px;
	content: "";
	border-top: 1px solid #00489a;
	border-right: 1px solid #00489a;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}

/*----------------------------------------------------
	member-regist-form
----------------------------------------------------*/
.member-regist-form {
	max-width: 748px;
	margin: 60px auto 0;
}
.member-regist-form dl {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 28px 0;
}
.member-regist-form dl + dl {
	border-top: 1px solid rgba(0, 0, 0, .2);
}
.member-regist-form dt {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	font-size: 14px; 
	font-weight: bold;
}
.member-regist-form dt ._ex {
	font-size: 12px; 
	font-weight: normal;
}
.member-regist-form dt .required {
	margin-left: .5em;
	color: #f00; 
	font-size: 12px;
}
.member-regist-form dt .option {
	margin-left: .5em;
	color: #aaa; 
	font-size: 12px;
}
.member-regist-form dd {
	width: 500px;
}
.member-regist-form dd ._ex {
	margin-top: calc(9px - .25em);
	font-size: 12px;
}

.member-regist-form__date {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.member-regist-form__date ._input {
	width: 240px;
}
.member-regist-form__date ._txt {
	padding: 0 15px;
	color: #b2b2b2; 
	font-size: 14px;
}

.member-regist-form__name {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.member-regist-form__name ._input {
	width: 200px;
}
.member-regist-form__name ._input + ._input {
	margin-left: 20px;
}

.member-regist-form__area ._inputs {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.member-regist-form__area ._inputs + ._inputs {
	margin-top: 13px;
}

.member-regist-form__area ._label {
	margin-right: 10px;
}

.member-regist-form__area ._option {
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #aaa;
}
.member-regist-form__area ._option ._input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	margin: 0 .5em;
}
.member-regist-form__area ._option ._txt {
	font-size: 14px;
}

.member-regist-form__q1 ._inputs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.member-regist-form__q1 ._inputs + ._inputs {
	margin-top: 10px;
}

.member-regist-form__q1 input:not(:first-child) + label {
	margin-left: 30px;
}

.member-regist-form__q1 ._option {
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #aaa;
}
.member-regist-form__q1 ._option ._input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	    flex: 1;
	margin: 0 .5em;
}
.member-regist-form__q1 ._option ._txt {
	font-size: 14px;
}

.member-regist-form__instruction input:not(:first-child) + label {
	margin-left: 30px;
}

.member-regist-form__action {
	-ms-flex-pack: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 540px;
	margin-top: 40px;
	margin-right: auto; 
	margin-left: auto;
}
.member-regist-form__action .btnA:nth-child(2n+1):not(:last-child) {
	margin-right: 20px;
}

/*----------------------------------------------------
	.top-mv
----------------------------------------------------*/
.top-mv {
	height: 452px;
	background: url(../images/mv.jpg) center center/cover;
}
.top-mv .txt {
	-webkit-box-align: start;
	align-items: flex-start;
	-ms-flex-align: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 131px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 42px;
	font-weight: 600;
	line-height: 2;
	letter-spacing: .15em;
	text-align: left;
}
.top-mv .txt ._s {
	font-size: 20px;
}
.top-mv .txt > p {
	padding: 0 .25em;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(12%, transparent), color-stop(12%, #fff), color-stop(88%, #fff), color-stop(88%, transparent), to(transparent));
	background: linear-gradient(to bottom, transparent 0%, transparent 12%, #fff 12%, #fff 88%, transparent 88%, transparent 100%);
}
.top-mv .txt .txt3 {
	line-height: 1.98;
}

/*----------------------------------------------------
	.top-search
----------------------------------------------------*/
.top-search {
	padding: 65px 0 72px;
	background: rgba(0, 0, 0, .05);
}
.top-search__head {
	-webkit-box-align: center;
	align-items: center; 
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.top-search__head svg {
	width: 52px;
	height: 52px;
	font-family: "object-fit: contain;"; 

	-o-object-fit: contain;
	   object-fit: contain;
}
.top-search__head ._title {
	margin-top: 19px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
}
.top-search__body {
	max-width: 770px;
	margin-right: auto; 
	margin-left: auto;
}
.top-search__body ._keyword {
	margin-top: 26px;
}
.top-search__body ._keyword ._input {
	position: relative;
}
.top-search__body ._keyword input[type="text"] {
	width: 100%;
	height: 45px;
	padding-right: 50px;
	padding-left: 20px;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	        box-shadow: 0 3px 6px rgba(0, 0, 0, .16); 
	border-radius: 22.5px;
}
.top-search__body ._keyword input[type="text"]:focus {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
	        box-shadow: 0 3px 6px rgba(0, 0, 0, .5); 
	border: none;
}
.top-search__body ._keyword button {
	position: absolute;
	top: 0;
	right: 0;
	width: 155px;
	height: 45px;
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	background: #00489a;
	border-radius: 0 22.5px 22.5px 0;
}
.top-search__body ._keyword button svg {
	width: 17.3px;
	height: 17.3px;
	margin-right: 7px; 
	font-family: "object-fit: contain;";

	-o-object-fit: contain;
	   object-fit: contain;
}
.top-search__body ._link {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
}
.top-search__body ._link .btnA {
	width: 243px;
	height: 42px;
	font-size: 16px; 
	font-weight: normal;
	border-radius: 21px;
}
.top-search__body ._link .btnA i {
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.top-search__body ._link .btnA:after {
	display: none;
}

/*----------------------------------------------------
	.top-articles
----------------------------------------------------*/
.top-articles {
	margin-top: 80px;
}

.top-articles__items {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.top-articles__items ._item {
	width: 367px;
	padding: 50px 49px;
	margin-top: -1px; 
	margin-left: -1px;
	border: 1px solid #d2d2d2;
}
.top-articles__items ._pic {
	position: relative; 
	width: 200px;
	margin: 0 auto;
}
.top-articles__items ._pic img {
	border: 1px solid #d2d2d2;
}
.top-articles__items ._new {
	position: absolute;
	top: 0; 
	left: 0;
}
.top-articles__items ._new img {
	border: none;
}
.top-articles__items ._name {
	margin-top: 24px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 20px;
}
.top-articles__items ._date {
	margin-top: 6px;
	color: rgba(0, 0, 0, .4); 
	font-size: 14px;
	text-align: right;
}
.top-articles__items ._link {
	margin-top: calc(20px - .25em);
}
.top-articles__items ._link li + li {
	margin-top: 12px;
}
.top-articles__items ._link ._link1 {
	width: 268px;
	height: 54px;
	font-size: 20px; 
	border-radius: 27px;
}
.top-articles__items ._link ._link2 {
	width: 268px;
	height: 42px;
	border-radius: 21px;
}

/*----------------------------------------------------
	xxx
----------------------------------------------------*/
/*----------------------------------------------------
	breadcrumb
----------------------------------------------------*/
.breadcrumb ul {
	-webkit-box-align: baseline;
	align-items: baseline;
	-ms-flex-align: baseline;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: calc(20px - .25em) 0;
	font-size: 12px;
}

.breadcrumb li:first-child a {
	color: #00489a;
	font-weight: bold;
}

.breadcrumb li:not(:first-child):before {
	display: inline-block;
	margin: 0 .5em; 
	content: ">";
}

.breadcrumb a:hover {
	color: #00489a;
	text-decoration: underline;
}

/*----------------------------------------------------
	フォーム
----------------------------------------------------*/
input[type=password],
input[type=email],
input[type=text] {
	width: 100%;
	height: 40px;
	padding: 0 .75em;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: none;
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
}
input[type=password]:focus,
input[type=email]:focus,
input[type=text]:focus {
	border: 1px solid black;
}
input[type=password]:required:focus,
input[type=email]:required:focus,
input[type=text]:required:focus {
	border: 1px solid red;
}

input.input-text--s {
	height: 26px;
}

select {
	width: 100%;
	height: 40px;
	padding: 0 .5em;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: none;
}
select:focus {
	border: 1px solid black;
}
select:required:focus {
	border: 1px solid red;
}

.form-select {
	position: relative;
}
.form-select select {
	vertical-align: baseline;
}
.form-select:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	content: "";
	background: #00489a;
	pointer-events: none;
}
.form-select:after {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 8px;
	height: 8px;
	content: "";
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	        transform: translate(50%, -50%) rotate(45deg);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
	pointer-events: none;
}

.form-select--s select {
	height: 26px;
}

.form-select--s:before {
	width: 26px;
	height: 26px;
}

.form-select--s:after {
	top: 13px;
	right: 13px;
	width: 8px;
	height: 8px;
}

textarea {
	width: 100%;
	height: 145px;
	padding: .5em .75em;
	line-height: 1.75; 
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: none;
}
textarea:focus {
	border: 1px solid black;
}

input[type=submit] {
	-webkit-appearance: none;
	cursor: pointer;
}

button {
	-webkit-appearance: none;
	border: none;
	outline: none;
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, -webkit-box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out;
	        transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out; 
	cursor: pointer;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
}

.input-radio {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px); 
	outline: none;
}
.input-radio + label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	margin-right: 10px;
	font-size: 14px;
	vertical-align: middle;
}
.input-radio + label::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	content: "";
	background-color: #fff; 
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 50%;
}
.input-radio:focus + label::before {
	border: 1px solid rgba(0, 0, 0, .5);
}
.input-radio:checked + label::after {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	width: 13px;
	height: 13px;
	content: "";
	background: #00489a;
	border-radius: 50%;
}

.input-checkbox {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px); 
	outline: none;
}
.input-checkbox + label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	margin-right: 10px;
	font-size: 14px;
	vertical-align: middle;
}
.input-checkbox + label::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	content: "";
	background-color: #fff; 
	border: 1px solid rgba(0, 0, 0, .2);
}
.input-checkbox:focus + label::before {
	border: 1px solid rgba(0, 0, 0, .5);
}
.input-checkbox:checked + label::after {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 13px;
	height: 8px;
	content: "";
	border-bottom: 4px solid #00489a;
	border-left: 4px solid #00489a;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/*----------------------------------------------------
	ボタン
----------------------------------------------------*/
.btnA {
	position: relative;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 260px;
	height: 45px;
	color: #fff; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	background: #776773;
	border: 1px solid #776773;
	border-radius: 22px;
}
.btnA:after {
	position: absolute;
	top: 50%;
	right: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 8px;
	height: 8px;
	content: "";
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	        transform: translateY(-50%) rotate(45deg);
	-webkit-transform-origin: center center;
	        transform-origin: center center;
}
.btnA:hover {
	color: #776773;
	background-color: #fff;
}
.btnA:hover:after {
	border-top: 2px solid #776773;
	border-right: 2px solid #776773;
}

.btnA--none:after {
	display: none;
}

.btnA--inverse {
	color: #776773;
	background-color: #fff;
}
.btnA--inverse:after {
	border-top: 2px solid #776773;
	border-right: 2px solid #776773;
}
.btnA--inverse:hover {
	color: #fff;
	background-color: #776773;
}
.btnA--inverse:hover:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.btnA--blu-inverse {
	color: #00489a;
	background-color: #fff;
	border: 1px solid #00489a;
}
.btnA--blu-inverse:after {
	border-top: 2px solid #00489a;
	border-right: 2px solid #00489a;
}
.btnA--blu-inverse:hover {
	color: #fff;
	background-color: #00489a;
}
.btnA--blu-inverse:hover:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.btnA--blu {
	color: #fff;
	background-color: #00489a;
	border: 1px solid #00489a;
}
.btnA--blu:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.btnA--blu:hover {
	color: #00489a;
	background-color: #fff;
}
.btnA--blu:hover:after {
	border-top: 2px solid #00489a;
	border-right: 2px solid #00489a;
}

/*----------------------------------------------------
	main-header
----------------------------------------------------*/
.main-header {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 206px;
	background: rgba(212, 235, 250, .6);
}
.main-header svg {
	width: 52px;
	height: 52px;
	font-family: "object-fit: contain;"; 

	-o-object-fit: contain;
	   object-fit: contain;
}
.main-header ._title {
	margin-top: 19px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
}

/*----------------------------------------------------
  2021/01/15追加
  完了画面用レイアウト
----------------------------------------------------*/

.completion_block {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	    flex-direction: column;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 180px;
}

.completion_block ._title_ll {
	margin-top: 19px;
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .15em;
	text-align: center;
}
.completion_block .under_bar_block{
	display:block;
	width:200px;
	margin-top:20px;
	margin-bottom:40px;
	border-bottom: 4px solid #00489a;
}

.completion_contents{
	max-width:800px;
	margin:20px auto;
}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
.main-titleA {
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}
.main-titleA svg {
	width: 25.75px;
	height: 25.75px;
	margin-right: 8px; 
	font-family: "object-fit: contain;";
	vertical-align: baseline;

	-o-object-fit: contain;
	   object-fit: contain;
}
.main-titleA .ico_user {
	width: 26.61px;
	height: 26.5px;
	background: transparent;
}
.main-titleA .ico_note {
	fill: #00489a;
	stroke: #00489a;
}
.main-titleA .ico_plus {
	width: 24.5px;
	height: 24.5px; 

	fill: #00489a;
	stroke: #00489a;
}
.main-titleA ._txt {
	color: #00489a; 
	font-family: a-otf-midashi-go-mb31-pr6n, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: .15em;
}

/*----------------------------------------------------
	slick
----------------------------------------------------*/
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	z-index: 10; 
	display: block;
	width: 1rem;
	height: 1rem;
	padding: 0;
	color: transparent;
	font-size: 0;
	line-height: 0;
	background: transparent;
	border: none;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	outline: none;
	cursor: pointer;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev {
	left: 1rem;
	-webkit-transform: translate(0, -50%) rotate(-135deg);
	        transform: translate(0, -50%) rotate(-135deg);
}

.slick-next {
	right: 1rem;
	-webkit-transform: translate(0, -50%) rotate(45deg);
	        transform: translate(0, -50%) rotate(45deg);
}

/* Dots */
.slick-dots {
	position: absolute;
	top: 100%;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-transform: translate(-50%, -200%);
	        transform: translate(-50%, -200%);
}
.slick-dots li {
	width: 16px;
	height: 16px;
	font-size: 0;
}
.slick-dots li:not(:last-child) {
	margin-right: 16px;
}
.slick-dots li button {
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	background-color: #fff;
	border: 0; 
	border-radius: 100%;
	outline: none;
}
.slick-dots li.slick-active button {
	background-color: #ccc;
}
@media screen and (max-width: 960px) {
	.slick-dots li {
		width: 10px;
		height: 10px;
	}
	.slick-dots li:not(:last-child) {
		margin-right: 10px;
	}
	.slick-dots li button {
		width: 10px;
		height: 10px;
		border-radius: 100%;
	}
	.slick-dots li.slick-active button {
		background-color: #ccc;
	}
}

/*----------------------------------------------------
	汎用クラス
----------------------------------------------------*/
.fadeIn {
	display: none;
}
.fadeIn.show {
	-webkit-animation: fadeIn .6s linear;
	        animation: fadeIn .6s linear;
}

.bold,
.strong {
	font-weight: bold;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.indent {
	padding-left: 1em;
	text-indent: -1em;
}

.indent--2 {
	padding-left: 2em;
	text-indent: -2em;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

@media screen and (max-width: 960px) {
	.mb5 {
		margin-bottom: .78125vw !important;
	}
	.mb10 {
		margin-bottom: 1.5625vw !important;
	}
	.mb15 {
		margin-bottom: 2.34375vw !important;
	}
	.mb20 {
		margin-bottom: 3.125vw !important;
	}
	.mb25 {
		margin-bottom: 3.90625vw !important;
	}
	.mb30 {
		margin-bottom: 4.6875vw !important;
	}
	.mb35 {
		margin-bottom: 5.46875vw !important;
	}
	.mb40 {
		margin-bottom: 6.25vw !important;
	}
	.mb45 {
		margin-bottom: 7.03125vw !important;
	}
	.mb50 {
		margin-bottom: 7.8125vw !important;
	}
	.mb55 {
		margin-bottom: 8.59375vw !important;
	}
	.mb60 {
		margin-bottom: 9.375vw !important;
	}
	.mb65 {
		margin-bottom: 10.15625vw !important;
	}
	.mb70 {
		margin-bottom: 10.9375vw !important;
	}
	.mb75 {
		margin-bottom: 11.71875vw !important;
	}
	.mb80 {
		margin-bottom: 12.5vw !important;
	}
	.mb100 {
		margin-bottom: 15.625vw !important;
	}
}

.fz10 {
	font-size: .625em;
}

.fz12 {
	font-size: .75em;
}

.fz13 {
	font-size: .8125em;
}

.fz14 {
	font-size: .875em;
}

.fz15 {
	font-size: .9375em;
}

.fz16 {
	font-size: 1em;
}

.fz17 {
	font-size: 1.0625em;
}

.fz18 {
	font-size: 1.125em;
}

.fz20 {
	font-size: 1.25em;
}

.fz22 {
	font-size: 1.375em;
}

.fz24 {
	font-size: 1.5em;
}

.fz26 {
	font-size: 1.625em;
}

.fz28 {
	font-size: 1.75em;
}

.fz30 {
	font-size: 1.875em;
}

.fz32 {
	font-size: 2em;
}

@media screen and (max-width: 960px) {
	.fz10--sp {
		font-size: .625em;
	}
	.fz12--sp {
		font-size: .75em;
	}
	.fz13--sp {
		font-size: .8125em;
	}
	.fz14--sp {
		font-size: .875em;
	}
	.fz15--sp {
		font-size: .9375em;
	}
	.fz16--sp {
		font-size: 1em;
	}
	.fz17--sp {
		font-size: 1.0625em;
	}
	.fz18--sp {
		font-size: 1.125em;
	}
	.fz20--sp {
		font-size: 1.25em;
	}
	.fz22--sp {
		font-size: 1.375em;
	}
	.fz24--sp {
		font-size: 1.5em;
	}
	.fz26--sp {
		font-size: 1.625em;
	}
	.fz28--sp {
		font-size: 1.75em;
	}
	.fz30--sp {
		font-size: 1.875em;
	}
	.fz32--sp {
		font-size: 2em;
	}
}

.hide {
	display: none;
}

.break_line {
	display: inline-block;
}

.caution {
background:#eee;
text-align: center;
padding:2em;
margin:30px 0 80px;
font-size: 14px;
}