@charset "utf-8";

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

div {
	clear: both;
}

/* ol ul li */
ol {
	list-style-type: decimal;
	/*list-style-type: lower-roman;*/
	/*list-style-type: upper-roman;*/
	/*list-style-type: cjk-ideographic;*/
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0em 1em 0.5em 2.5em; /* 上 右 下 左 */
}

ul {
	/*list-style-type: none;*/
	list-style-type: disc;
	/*list-style-type: circle;*/
	/*list-style-type: square;*/
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0em 1em 0.5em 2.5em; /* 上 右 下 左 */
}

li {
	/*margin-left: 14pt;*/
	/* 上 右 下 左 */
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0em 0em 0em 0em; /* 上 右 下 左 */
}


ul.nomarker {
	list-style-type: none;
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0em 1em 0.5em 1em; /* 上 右 下 左 */
}

ul.nomarkerindent {
	list-style-type: none;
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0em 1em 0.5em 2.5em; /* 上 右 下 左 */
}

ul li ul {
	/*list-style-type: none;*/
	/*list-style-type: disc;*/
	list-style-type: circle;
	/*list-style-type: square;*/
}

/*
ul li ul li::before {
	content: '- ';
}
*/
ul li ul li ul {
	/*list-style-type: none;*/
	/*list-style-type: disc;*/
	list-style-type: circle;
	/*list-style-type: square;*/
}

/*
ul li ul li ul li::before {
	content: '- ';
}
*/

/* スムーズスクロール */
html {
	scroll-behavior: smooth;
}

/* アンカー(標準) */
a {
	color: #8888ff;
	text-decoration: none;
	word-break: break-all;
}

a:hover {
	/*color: #8888ff;*/
	text-decoration: underline;
}

a:active {
	color: #ff8888;
	text-decoration: underline;
}

a.large_brown {
	font-size: 16pt;
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 8pt 16pt;
	text-decoration: none;
	border-left: solid 3pt #d88a66;
	border-right: solid 3pt #d88a66;
	color: #d88a66;
	background: #fff3e1;
	transition: .4s;
}

a.large_brown:hover {
	background: #d88a66;
	color: #FFF;
	text-decoration: underline;
}

/* トップバナー */
@media screen and (min-width:481px) {
	div.top_banner {
		width: 800px;
		height: 200px;
		background-size: 800px 200px;
		background-image: url("mi68_top.png");
		background-image: image-set(url("mi68_top.png") 1x, url("mi68_top-2x.png") 2x);
		background-image: -webkit-image-set(url("mi68_top.png") 1x, url("mi68_top-2x.png") 2x);
		background-repeat: no-repeat;
	}
}

@media screen and (max-width:640px) {
	div.top_banner {
		width: 320px;
		height: 80px;
		background-size: 320px 80px;
		background-image: url("mi68_top_s.png");
		background-image: image-set(url("mi68_top_s.png") 1x, url("mi68_top_s-2x.png") 2x);
		background-image: -webkit-image-set(url("mi68_top_s.png") 1x, url("mi68_top_s-2x.png") 2x);
		background-repeat: no-repeat;
	}
}

/* ナビボダン用マージン設定 */
body {
	margin-top: 28pt; /* ナビボダンの縦分、bodyのマージンを確保する(bodyを下にずらす) */
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 10pt;
}

/* アンカー用位置補正(ナビボダンの縦) */
a.anchor {
	display: block;
	padding-top: 28pt;
	margin-top: -28pt;
}

tr.anchor {
	padding-top: 28pt;
	margin-top: -28pt;
}

@media screen and (max-width:640px) {
	a.anchor, tr.anchor {
		padding-top: 110pt;
		margin-top: -110pt;
	}
}

/* ナビボタン */
nav {
	height: 0pt;
	width: 100%;
	font-size: 12pt;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(36,110,180,0.9);
	color: #ffffff;
	text-align: center;
	padding: 14pt 8pt; /* ナビボタンの外側(非クリック領域)の縦paddiong, navの横padding */
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9999;  /* ナビボタンを最前面に表示する */
}

@media screen and (max-width:640px) {
	nav {
		font-size: 9.5pt;
		padding: 14pt 3pt; /* ナビボタンの外側(非クリック領域)の縦paddiong, navの横padding */
	}
}

nav ul{
	list-style-type: none;
	display: flex;
	justify-content: center;
	border-left: 1pt solid #2244aa;
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
}

nav ul li {
	border-right: 1pt solid #2244aa;
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 1pt 4pt 1pt 4pt; /* ナビボタンの外側(非クリック領域)の上 右 下 左 */
}

@media screen and (max-width:640px) {
	nav ul li {
		padding: 1pt 2pt 1pt 2pt; /* ナビボタンの外側(非クリック領域)の上 右 下 左 */
	}
}

nav ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 1pt 4pt 1pt 4pt; /* ナビボタン(クリック領域)の上 右 下 左 */
	transition: all 0.5s;
}

@media screen and (max-width:640px) {
	nav ul li a {
		padding: 1pt 2pt 1pt 2pt; /* ナビボタン(クリック領域)の上 右 下 左 */
	}
}

nav ul li.current a {
	color: #ffffff;
	background: #ffaabb;
}

nav ul li a:hover{
	color: #ffffff;
	background: #44cc99;
}

nav ul li a:active{
	color: #ff6666;
	/*background: #44cc99;*/
}

/* ヘッダー */
header {
	padding: 0pt;
	/* ヘッダーとメインの空白 */
	margin-bottom: 3pt;

	background: rgb(195,222,241);
	box-sizing: border-box;
}
 
/* メニューと本文のレイアウト(flex) */
.container {
	/* メニューと本文を横並び */
	display: flex;
	/*flex-wrap: nowrap; */ /*折り返さない*/
	/*flex-wrap: wrap; */ /*折り返す*/
	/*align-items: flex-start; */ /*先頭揃え*/
	/*align-items: flex-end; */ /*末尾揃え*/
}

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

/* 汎用のflexレイアウト用 */
div.flexbox {
	display: flex;
}

/* flexdiv flexdiv_cellとセットで使用するflexレイアウト */ 
div.flexdiv {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width:640px) {
	div.flexdiv {
		display: block;
	}
}

/* flexdiv_around flexdiv_cellとセットで使用するflexレイアウト(均等割り付け) */ 
div.flexdiv_around {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

@media screen and (max-width:640px) {
	div.flexdiv_around {
		display: block;
	}
}

div.flexdiv_cell {
	padding: 4pt 6pt;
	width: auto;
	text-align: center;
}

div.block {
	display: block;
}

/* サイドメニュー */
aside {
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	min-width: 230pt;
	width: 230pt;
	padding: 8pt 4pt;
	/* 本文とフッタ間の余白 */
	background: rgba(210,255,230,0.9);
	border-top: 1pt solid #aaaaaa;
	border-bottom: 1pt solid #aaaaaa;
	position: sticky;
	top: 30pt; /* 固定位置 ナビボタンの縦 */
	z-index: 10;
}

@media screen and (max-width:640px) {
	aside {
		width: 100%;
		padding: 2pt 10pt;
	}
}

aside ul {
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	list-style-position: inside;
	list-style: none;
	display: block;
	justify-content: center;
	/*border-left: 1pt solid #2244aa;*/
}

aside ul li {
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	/*border-right: 1pt solid #2244aa;*/
}

aside ul li a {
	margin: 0pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 2pt 2pt 2pt 16pt; /* サイドメニューボタン(クリック領域)の上 右 下 左 */
	display: block;
	text-decoration: none;
	color: #333333;
	transition: all 0.5s;
}

aside ul li.current a {
	color: #ffffff;
	background: #ffaabb;
}

aside ul li a:hover {
	color: #ffffff;
	background: #44cc99;
}

aside ul li a:active {
	color: #ff6666; 
	background: #44cc99;
}

/* 本文 */
main {
    /* 本文の幅を残りの幅いっぱいに設定 */
	min-width: 400pt;
	max-width: 700pt;
	width: 700pt;
	padding: 1pt 1pt 1pt 1pt; /* 上 右 下 左 */
	/* 本文とフッタ間の余白 */
	/*margin-bottom: 3pt;*/
	background: #f4ffff;
	border: 1pt solid #aaaaaa;
	box-sizing: border-box;
}

@media screen and (max-width:640px) {
	main {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 0pt 0pt 0pt 0pt;
		box-sizing: border-box;
	}
}

/* 太字 /*
.bold {
	font-weight: bold;
}

/* フッター */
footer {
	color:#696969;
	text-align: center;
	margin-top: 3pt;
	padding: 14pt 6pt 10pt 6pt; /* 上 右 下 左 */
	background: #f9f9f9;
	box-sizing: border-box;
	border: 1pt solid #aaaaaa;
}

/* h1～h4 */

h1 {
	color: #666666;
	margin-top:4pt;
	margin-left:0pt;
	margin-bottom: 4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 8pt;
	padding-right: 8pt;
	font-size: 20pt;
	text-align: center;
	background: #ffffff;
	border-top: 2pt solid #50a0e0;
	border-left: 4pt solid #50a0e0;
	border-right: 4pt solid #50a0e0;
	border-bottom: 2pt solid #50a0e0;
	/*border: 2pt solid #50a0e0;*/
	/*background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3pt,#f1f8ff 3pt, #f1f8ff 7pt);*/
	/*border-radius: 4pt;*/
}

h2 {
	color: #666666;
	position: relative;
	margin-top: 6pt;
	margin-left:0pt;
	margin-bottom: 4pt;
	padding-top: 3pt; 
	padding-bottom: 3pt; 
	padding-left: 8pt; 
	padding-right: 8pt; 
	background: #ffffff;
	border-left: 4pt solid #a0e050;
	border-bottom: 1pt solid #a0e050;
	/*border-image: linear-gradient(to left, #2af598, #009efd) 1;*/
	/*border-radius: 4pt;*/
}

h3 {
	color: #666666;
	margin-top:6pt;
	margin-left:4pt;
	margin-bottom:4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 10pt;
	padding-right: 10pt;
	background: #ffffff;
	border-left: 3pt solid #e050a0;
	/*border-top:#3390ff solid 1pt;
	border-bottom:#3390ff solid 2pt;
	border-left:#3390ff solid 1pt;
	border-right:#3390ff solid 2pt;
	border-radius: 4pt;*/
	/*background-image: linear-gradient(to right, #c0e0ff 0%, #a0ffd0 100%);*/
}

h4 {
	margin-top:6pt;
	margin-left:4pt;
	margin-bottom:4pt;
	color: #444444;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 10pt;
	padding-right: 10pt;
	padding: 2pt 10pt;
	border-bottom:#333 solid 2pt;
	border-image: linear-gradient(to left, #2af598, #009efd) 1;
}

/* div */
div.title {
	border-right: #e3e3e3 1pt solid;
	border-bottom: #e3e3e3 1pt solid;
	text-align: left;
	padding: 4pt 6pt;
	font-weight: normal;
	white-space: nowrap;
	background: #e4f9f9;
}

div.note {
	border-right: #e3e3e3 1pt solid;
	border-bottom: #e3e3e3 1pt solid;
	text-align: left;
	padding: 4pt 6pt;
}

div.quote {
	border: #808080 3pt solid;
	text-align: center;
	vertical-align: top;
}

div.article_title_pink {
	margin: 8pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 2pt 6pt; /* 上 右 下 左 */
	background: #fdf5f8;
	color: #f06090;
	font-size: 11pt;
	font-weight: bold;
	border-bottom: #f8e5e6 1pt solid;
	border-radius: 0pt 9pt 0pt 0pt;
	box-shadow: 1pt 0pt 1pt #c97586;
}

@media screen and (max-width:640px) {
	div.article_title_pink {
		margin: 5pt 0pt 0pt 0pt; /* 上 右 下 左 */
		padding: 3pt 3pt 2pt 3pt; /* 上 右 下 左 */
		font-size: 10pt;
	}
}

div.article_title_white {
	margin: 8pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 2pt 6pt; /* 上 右 下 左 */
	background: #fdfdff;
	color: #696969;
	font-size: 11pt;
	font-weight: bold;
	border-bottom: #e6e6e6 1pt solid;
	border-radius: 0pt 9pt 0pt 0pt;
	box-shadow: 1pt 0pt 1pt #a9a9a9;
}

@media screen and (max-width:640px) {
	div.article_title_white {
		margin: 5pt 0pt 0pt 0pt; /* 上 右 下 左 */
		padding: 3pt 3pt 2pt 3pt; /* 上 右 下 左 */
		font-size: 10pt;
	}
}

div.article_title_pink_diary {
	margin: 8pt 0pt 0pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 2pt 6pt; /* 上 右 下 左 */
	background: #fdf5f8;
	color: #f06090;
	font-size: 11pt;
	font-weight: bold;
	width: 8em;
	border-bottom: #f8e5e6 1pt solid;
	border-radius: 0pt 9pt 0pt 0pt;
	box-shadow: 1pt 0pt 1pt #c97586;
}

@media screen and (max-width:640px) {
	div.article_title_pink_diary {
		margin: 5pt 0pt 0pt 0pt; /* 上 右 下 左 */
		padding: 3pt 3pt 2pt 3pt; /* 上 右 下 左 */
		font-size: 10pt;
	}
}

div.article_pink {
	margin: 0pt 0pt 8pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 12pt 4pt; /* 上 右 下 左 */
	background: #fdf5f8;
	color: #d080a0;
	box-shadow: 1pt 1pt 1pt #c97586;
}

@media screen and (max-width:640px) {
	div.article_pink {
		margin: 0pt 0pt 5pt 0pt;
		padding: 3pt 3pt 6pt 3pt;
	}
}

div.article_blue {
	margin: 0pt 0pt 8pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 12pt 4pt; /* 上 右 下 左 */
	background: #f5f8fd;
	color: #80a0d0;
	box-shadow: 1pt 1pt 1pt #7586c9;
}

@media screen and (max-width:640px) {
	div.article_blue {
		margin: 0pt 0pt 5pt 0pt;
		padding: 3pt 3pt 6pt 3pt;
	}
}

div.article_green {
	margin: 0pt 0pt 8pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 12pt 4pt; /* 上 右 下 左 */
	background: #f8fffb;
	color: #70b090;
	box-shadow: 1pt 1pt 1pt #75c986;
}

@media screen and (max-width:640px) {
	div.article_green {
		margin: 0pt 0pt 5pt 0pt;
		padding: 3pt 3pt 6pt 3pt;
	}
}

div.article_large {
	margin: 0pt 0pt 8pt 0pt; /* 上 右 下 左 */
	padding: 4pt 4pt 12pt 4pt; /* 上 右 下 左 */
	background: #f0f6ff;
	color: #3050b0;
	font-size: 12pt;
	border: 2pt #3050b0 dotted;
	/*box-shadow: 1pt 1pt 1pt #c98675 dotted;*/
}

@media screen and (max-width:640px) {
	div.article_large {
		margin: 0pt 0pt 5pt 0pt;
		padding: 3pt 3pt 6pt 3pt;
	}
}

div.article_white {
	padding: 3pt 4pt;
	background: #fdfdff;
	color: #696969;
	box-shadow: 1pt 1pt 1pt #a9a9a9;
}

@media screen and (max-width:640px) {
	div.article_white {
		margin: 0pt 0pt 0pt 0pt;
	}
}

/* テーブル */
table {
	width: 100%;
	border-collapse: collapse;
}

caption {
	padding: 6pt;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	background: #4070c0;
}

table.simple th {
	/*border-left: #4499f3 1pt solid;*/
	border-top: #4499f3 1pt solid;
	border-right: #4499f3 2pt solid;
	border-bottom: #4499f3 2pt solid;
	text-align: left;
	background: #ffffff;
	padding: 4pt 6pt;
	font-weight: normal;
	white-space: nowrap;
}

table.simple td {
	border-right: #4499f3 1pt solid;
	border-bottom: #4499f3 1pt solid;
	text-align: left;
	padding: 4pt 6pt;
	word-break: break-all;
}

/* flextable tr要素内の配置をflex化する */
table.flextable tr {
	/* tr内横ならび(PC用) */
	display: table-row;
}

@media screen and (max-width:640px) {
	table.flextable tr {
	/* tr内縦ならび(SP用) */
	display: flex;
	flex-flow: column;
	}
}

table.flextable_center tr {
	/* tr内横ならび(PC用) */
	display: table-row;
}

@media screen and (max-width:640px) {
	table.flextable_center tr {
	/* tr内縦ならび(SP用) */
	display: flex;
	flex-flow: column;
	}
}

table.flextable_center th,
table.flextable_center td {
	text-align: center;
}

th {
	border-right: #e3e3e3 1pt solid;
	border-bottom: #e3e3e3 1pt solid;
	text-align: left;
	background: #f7f7f7;
	padding: 4pt 6pt;
	font-weight: normal;
	white-space: nowrap;
}

th.title {
	background: #e4f9f9;
}

th.title_green {
	color: #ffffff;
	background: #44dd66;
}

th.title_blue {
	color: #ffffff;
	background: #4466ee;
}

th.title_red {
	color: #ffffff;
	background: #ee6644;
}

th.table_top {
    border-top: #131313 2pt solid;
}

th.table_top_borderred {
	border-top: #dd9050 2pt solid;
}

th.table_top_borderblue {
	border-top: #5090dd 2pt solid;
}

th.table_top_bordergreen {
	border-top: #90dd50 2pt solid;
}

th.table_top_borderorange {
    border-top: #dd9050 2pt solid;
}

th.table_top_borderred_dark {
	border-top: #be8013 2pt solid;
	background: #e9e9e9;
}

th.caution {
	background: #f8e8e8;
}

td {
	border-right: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	text-align: left;
	padding: 4pt 6pt;
	word-break: break-all;
}

td.table_top {
	border-top: #131313 2pt solid;
}

td.table_top_borderred {
	border-top: #dd9050 2pt solid;
}

td.table_top_borderblue {
	border-top: #5090dd 2pt solid;
}

td.table_top_bordergreen {
	border-top: #90dd50 2pt solid;
}

td.table_top_borderorange {
	border-top: #dd9050 2pt solid;
}

td.item {
	border-right: #eeeeff 1pt solid;
	border-bottom: #eeeeff 1pt solid;
	background: #fcffff;
	text-align: left;
}

td.value {
	border-right: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	background: #fcfcfc;
	text-align: left;
}

td.caution {
	background: #fdf5f8;
}

/* 未使用 th要素 td要素にてflexを行う
table.row th,
table.row td{
	width: auto;
	display: table-cell;
	text-align: center;
}

@media screen and (max-width:640px) {
	table.row th,
	table.row td{
		display: block;
	}
}
*/

/* Paragraph */

p {
	margin: 1em 0.5em 0.5em 0.5em; /* 上 右 下 左 */
	/* padding: 0em 0em 0em 0em;*/ /* 上 右 下 左 */
}

.indent {
	/* text-indent: 1em;*/
	padding-left: 1em;
}

/* span */
span.redlarge {
	color: #ff6699;
	font-size: 110%;
	font-weight: bold;
}

@media screen and (max-width:640px) {
	span.redlarge {
		font-size: 105%;
	}
}

span.redbold {
	color: #ff6699;
	font-size: 100%;
	font-weight: bold;
}

span.bluelarge {
	color: #6699ff;
	font-size: 110%;
	font-weight: bold;
}

@media screen and (max-width:640px) {
	span.bluelarge {
		font-size: 105%;
	}
}

span.bluebold {
	color: #6699ff;
	font-size: 100%;
	font-weight: bold;
}

/* リンクボタン */
.square_btn_blue{
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none;
	border-left: solid 4px #668ad8;
	border-right: solid 4px #668ad8;
	color: #668ad8;
	background: #e1f3ff;
	transition: .4s;
}

.square_btn_blue:hover {
	background: #668ad8;
	color: #FFF;
}

.square_btn_red {
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none;
	border-left: solid 4px #d8668a;
	border-right: solid 4px #d8668a;
	color: #d8668a;
	background: #ffe1f3;
	transition: .4s;
}

.square_btn_red:hover {
	background: #d8668a;
	color: #FFF;
}

.square_btn_orange {
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none;
	border-left: solid 4px #c8563a;
	border-right: solid 4px #c8563a;
	color: #c8563a;
	background: #fff3e1;
	transition: .4s;
}

.square_btn_orange:hover {
	background: #c8563a;
	color: #FFF;
}

.square_btn_green {
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none;
	border-left: solid 4px #00c87a;
	border-right: solid 4px #00c87a;
	color: #00c87a;
	background: #e1fff3;
	transition: .4s;
}

.square_btn_green:hover {
	background: #00c87a;
	color: #FFF;
}

.square_btn_gold {
	/*position: relative;*/
	display: inline-block;
	font-weight: bold;
	padding: 0.5em 1em;
	text-decoration: none;
	border-left: solid 4px #CDB60E;
	border-right: solid 4px #CDB60E;
	color: #CDB60E;
	background: #FFFFAA;
	transition: .4s;
}

.square_btn_gold:hover {
	background: #CDB60E;
	color: #FFF;
}