html	{
	font-size: 62.5%;	/*pxだと10px;*/
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-wrap: anywhere;}


/* スマホ media screen and (max-width:479px) */
/* タブレット media only screen and (min-width: 480px) and (max-width:900px) */



/* ******  same スマホ ************************************** */
.br_::after {
  content: "\A";
  white-space: pre;
}
#footer	{					/* ****** same スマホ */
	clear: both;
	width: 100%;
	background-color: transparent;
	padding-top: 0.5rem;
	text-align: center;
	color: #006600;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.footer-fixed	{					/* ****** difer スマホ */
	display: none;
}

p.common	{								/* ***** same スマホ */
	width: 100%;
	margin: 0.5em 0;
	font-size: 1.6rem;
}
dl.common	{								/* ***** same スマホ */
	width: 100%;
	font-size: 1.6rem;
}
dl.common5	{							/* ***** same スマホ  tm4*/
	width: 100%;
	padding-left: 1em;
	font-size: 1.6rem;
}
dt	{
	font-size: 1.6rem;
}
dd {
	font-size: 1.6rem;
}
dl	{
	width: 100%;
}
p	{
	width: 100%;
}
ul	{
	width:100%;
	font-size: 1.6rem;
}
ol	{
	width: 100%;
}

li	{
	font-size: 1.6rem;
}
.width80	{
	margin: 0 auto;
	width: 80%;
}

.width50	{
	width: 50%;
}
.width55	{
	width: 55%;
}
.width60	{
	width: 60%;
}
.width65	{
	width: 65%;
}
.width70	{
	width: 70%;
}
.width75	{
	width: 75%;
}
.width80	{
	width: 80%;
}
.width90	{
	width: 90%;
}

.indent	{								/* ***** same スマホ */
	text-indent: 1em;
}
.indent0	{								/* ***** same スマホ */
	text-indent: 0;
}

.indent-m1	{								/* ***** same スマホ */
	text-indent: -2em;
	padding-left: 1em;
}
.indent-m2	{								/* ***** same スマホ */
	text-indent: -2em;
	padding-left: 2em;
}

.indent-4	{								/* ***** same level1i */
	padding-left: 4em;
	text-indent: -4em;
}
.textj	{
	color: #222222;
	font-family:
	"Verdana","Helvetica","Arial",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
}
.texte	{
	color: #000099;
	font-family:
	"Verdana","Helvetica","Arial",
	sans-serif;
	line-height: 1.6;
}
.mono	{
	font-family: monospace;
}
ol.texte	{
	width: 100%;
	list-style-type: lower-alpha;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 2em;
	color: #000099;
	font-family:
	"Verdana","Helvetica","Arial",
	sans-serif;
	font-size: 1.6rem;
}
ol.texte li	{
	padding-bottom: 0.5em;
	line-height: 1.6;
	font-size: 1.6rem;
}
ol.texte li span	{
	margin-top: 0.3em;
	color: #222222;
	font-size: 0.9em;
	font-family:
	"メイリオ",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"ＭＳ Ｐゴシック",
	"MS P Gothic",
	"Meiryo",
	"Verdana","Helvetica","Arial",
	sans-serif;
}

.bq-yaku	{					/* ***** same スマホ */
	display: block;
	margin-top: 0.5em;
	color: #222222;
	font-size: 0.9em;
}
p.kotae	{							/* ***** same スマホ */
	width: 100%;
	margin-top:1em;
	margin-bottom: 0;
	color: #ff3300;
	font-weight: bold;
}
.none	{
	list-style-type: none;
}
ul.katakana		{			/* (ア)  pro-6 */
	width: 100%;
	padding: 0
}
ul.katakana li  {
	list-style: none;
	padding-left: 3em;
	text-indent: -3em;
}
ul.marusuji li  {		/* ***** tm-4 ** */
	list-style: none;
	padding-left: 1.6em;
	text-indent: -1.6em;
}
ul.disc	{				/* ***** tm-4 new** */
	width: 100%;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 2em;
	font-size: 1.6rem;
}
ul.disc li	{
	padding-bottom: 0.5em;
	line-height: 1.6;
}

ul.square1	{
	padding-left: 2em;
}
ul.square1 li	{			/* level-1k */
	list-style-type: square;
}
ul.sikaku1	{
	padding-left: 2em;
}
ul.sikaku1 li	{			/* level-1k */
	list-style-type: square;
}

ul.disc1	{				/* ***** level2** */
	width: 100%;
	list-style-type: disc;
	padding-left: 1em;
	font-size: 1.6rem;
}
ul.disc1 li	{
	padding-bottom: 0.5em;
	line-height: 1.6;
}
ul.none2 li  {			/* ***** tm-3 ** */
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
ul.a1 li  {		/* ***** pro7 ** */
	list-style: none;
	padding-left: 2em;
	text-indent: -2em;
}
ul.a2 li  {		/* ***** level-1i ** */
	list-style: none;
	padding-left: 3em;
	text-indent: -3em;
}
ul.level-disc	{		/* ***** level-1i ** */
	width: 100%;
	list-style: disc;
}
ul.level-disc li	{
	padding-left: 2em;
	text-indent: -2em;
}
.indent4		{		/* ***** pro5 諺３** */
	padding-left: 4em;
	text-indent: -4em;
}
ul.square-lgreen	{			/* tm-index */
	width: 100%;
	list-style-type: square;
	padding-left: 2em;
	color: #339900;
	font-size: 1.6rem;
}
a.square-lgreen:link	{	/* tm-index */
	color: #339900;
	text-decoration: underline;
}
a.square-lgreen:visited	{
	color: #339900;
	text-decoration: underline;
}
a.square-lgreen:hover	{
	color: #ff9900;
	text-decoration: underline;
}

ul.square-navy	{			/* level-1k */
	width: 100%;
	list-style-type: square;
	padding-left: 2em;
	color: #006699;
	font-size: 1.6rem;
}
a.square-navy:link	{	/* tm-index */
	color: #006699;
	text-decoration: underline;
}
a.square-navy:visited	{
	color: #006699;
	text-decoration: underline;
}
a.square-navy:hover	{
	color: #ff9900;
	text-decoration: underline;
}
ul.square-navy span	{
	color: #222222;
}

a.text:link	{
	color: #0066cc;
	text-decoration: underline;
}
a.text:visited	{
	color: #0066cc;
	text-decoration: underline;
}
a.text:hover	{
	color: #ff9900;
	text-decoration: underline;
}


ul.square-wine	{		
	width: 100%;
	list-style-type: square;
	padding-left: 2em;
	color: #990033;
	font-size: 1.6rem;
}
ul.square-wine span	{
	color: #222222;
}
ul.sq-wine	{		
	width: 100%;
	list-style-type: square;
	padding-left: 2em;
	color: #990033;
	font-size: 1.6rem;
}
.square	{		/* ***** level-1n ** */
	padding-left: 1em;
	text-indent: -1em;
}
.iki	{				/* ***** same スマホ  home*/
	color: #191970;
	font-weight: bold;
	margin: 2em 0;
}
 .section-home2	{
	margin: 1rem 0.5rem;
	border: solid 1px #228b22;
 	}
 ul.square-arrow-bef	{								/* home */
  	list-style-type: none;
  	margin-left: 1em;
  	padding-left: 1em;
  	line-height: 1.6em;
 	}
 ul.square-arrow-bef li{								/* home */
	padding-bottom: 0;
	color: #000099;
	text-indent: -1.5em;
	}
 ul.square-arrow-bef li::before	{
 	content: "▶";
	color: #ff9900;
  	font-size: 1em;
  	margin-right: 0.5em;
  	}
   a.home:link	{
	color: #3333ff;
	text-decoration: underline;
	}
 a.home:visited	{
	color: #3333ff;
	text-decoration: underline;
	}
 a.home:hover	{
	color: #ff9900;
	text-decoration: underline;
	}
 h2#home-2	{
	line-height: 1.6em;
	padding: 2rem 0.5rem 0 0.5rem;
	color: #000099;
	font-weight: normal;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: left;
	}
 h3.home-3	{
	margin: 0;
	padding: 1rem 0 0 0.5rem;
	color: #228b22;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
	border-bottom: solid 2px #228b22;
	}

em	{					/* ***** same スマホ */
	font-weight: bold;
	font-style: normal;
}
.b	{					/* ***** same スマホ */
	font-weight: bold;
}
.normal	{					/* ***** same スマホ */
	font-weight: normal;
}
.i	{					/* ***** same スマホ */
	font-style: italic;
	font-family: inherit;
	padding-right: 0.4em;
}
.serif-en	{						/* ***** pro-6aplishindex */
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
}
.serif-ja	{				/* pro-6 */
	font-family:
	serif;
}

.clear	{
	clear: both;
}
.right	{
	text-align: right;
}
.center	{
	text-align: center;
}
.left	{
	text-align: left;
}
.sl	{						/* ***** same スマホ */
	font-size: 0.95em;
}
.ss	{						/* ***** same スマホ */
	font-size: 0.9em;
}
.sss	{						/* ***** same スマホ */
	font-size: 0.8em;
}
.l1	{					/* ***** dif スマホ */
	font-size:120%;
}
.l2	{					/* ***** dif スマホ */
	font-size:110%;
}

.tb-margin0	{
	margin: 0;
}
.tb-margin1	{
	margin-top: 1em;
	margin-bottom: 1em;
}
.tb-margin15	{
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.t-margin05	{
	margin-top: 0.5em;
}
.t-margin1	{
	margin-top: 1em;
}
.b-margin1	{
	margin-bottom: 1em;
}
.b-margin05	{
	margin-bottom: 0.5em;
}
.l-margin1	{
	margin-left: 1em;
}
.l-margin2	{
	margin-left: 2em;
}
.l-margin1n	{
	width: calc(100% - 1em);
	margin-left: 1em;
}
.l-margin5	{
	margin-left: 5em;
}
.l-margin8	{
	margin-left: 8em;
}
.l-margin11	{
	margin-left: 11em;
}
.l-margin13	{
	margin-left: 13em;
}
.l-margin13n	{
	width: calc(100% - 13em);
	margin-left: 13em;
}
.rl-margin5	{
	width: calc(100% - 10em);
	margin-right: 5em;
	margin-left: 5em;
}
.rl-pad05	{
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.t-pad05	{
	padding-top: 0.5em;
}
.b-pad05	{
	padding-bottom: 0.5em;
}
.r-pad3	{
	padding-right: 3em;
}
cite.inline	{					/* ***** same スマホ */
	display: inline;
	font-style: italic;
}
cite.block	{					/* ***** same スマホ  pro-6*/
	display: block;
	font-style: italic;
}

span.dash	{				/* ***** same スマホ */
	display: inline;
	letter-spacing: -0.2em;
}
.inline	{				/* ***** same スマホ */
	display: inline;
}
.block	{
	display: block;
}
.inline-dif-sm	{				/* ***** dif スマホ */
	display: inline;
}


p.bgcol-grn-l	{					/* same スマホ tm4 背景 淡緑 */
	background-color: #ccffcc;
	padding: 0.5em 1em;
}
p.bgcol-ukon-l	{					/* same スマホ pro74 背景 灰 */
	background-color: #ffcc99;
	padding: 0.5em 1em;
}


p.slo2-j	{							/* same スマホ tm3 */
	width: 100%;
	margin: 1em 0 0.5em 0;
	color: #222222;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: left;
	letter-spacing: 1px;
}
  p.slo2-j span	{
	color: #990033;
	font-size: 0.9em;
}

/* ここからlink */
a.text:link	{
	color: #0066cc;
	text-decoration: underline;
}
a.text:visited	{
	color: #0066cc;
	text-decoration: underline;
}
a.text:hover	{
	color: #ff9900;
	text-decoration: underline;
}
.ja			{
	color: #222222;
}
.en			{
	color: #000099;
}
.l-green	{
	color: #339900;
}
.navy	{
	color: #339900;
}
.green	{
	color: #008000;
}
.d-green	{
	color: #003300;
}
.wine	{
	color: #990033;
}
.rosso	{
	color: #cc0000;
}
.l-orange	{
	color: #ff3300;
}
.bl	{
	color: #0033cc;
}
.dblue	{
	color: #191970;
}
.gblue{
	color: #0099cc;
}
.cblue{
	color: #006666;
}


div.bgcolor-be	{					/* level-1n same スマホ */
	width: 100%;
	background-color: #ffffcc;
	padding: 1em;
	margin-bottom: 1em;
}

p.bgcol-or	{			/* tm-index new */
	width: 70%;
	margin: 20px auto;
	padding: 5px;
	background-color: #ff9900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.9rem;
	text-align: center;
}
.cyuou {		/* tm-index new */
	margin: 16px auto;
	text-align: center;
	display: block;

}
.tm-midasi1	{	/* tm-index new */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 2rem;
	background-color: #cc6633;
	color: #222222;
	font-weight: bold;
	font-size: 2.5rem;
	text-decoration: none;
	text-align: center;
	letter-spacing: 5px;
}
.flex-level-i_a {
display: flex; /* Flexboxを有効化 */
flex-direction: row;
gap: 0; /* アイテム間の余白 */
}
.flex-level-i_b {
display: flex; /* Flexboxを有効化 */
flex-direction: row;
gap: 0; /* アイテム間の余白 */
}
	



dl.flex-1 {				/* level-1n tm4new same スマホ */
    display: flex; /* 子要素のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}
dt.trans2-flex,dd.trans2-flex,trans3-flex,dd.trans3-fle,trans4-flex,dd.trans4-flex,trans5-flex,dd.trans5-flex	{
    box-sizing: border-box; /* widthの計算を楽にするため */
    font-size: 1.6rem;
}
dt.trans2-flex	{
    width: 2em;
    
}
dd.trans2-flex 	{
    width: calc(100% - 2em); /* テーブル幅からdtを引いた分の横幅を指定。 */
    padding-left: 0.5em;
}
dt.trans3-flex	{
    width: 3em;
}
dd.trans3-flex 	{
    width: calc(100% - 3em); /* テーブル幅からdtを引いた分の横幅を指定。 */
    padding-left: 0.5em;
}
dt.trans4-flex	{
    width: 4em;
}
dd.trans4-flex 	{
    width: calc(100% - 4em); /* テーブル幅からdtを引いた分の横幅を指定。 */
    padding-left: 0.5em;
}
dt.trans5-flex	{
    width: 5em;
}
dd.trans5-flex 	{
    width: calc(100% - 5em); /* テーブル幅からdtを引いた分の横幅を指定。 */
    padding-left: 0.5em;
}

/* ************************** diff スマホ *********************************** */
.l	{						/* ***** diff スマホ */
	font-size: 1.7rem;
}
.ll	{									/* dif スマホ */
	font-size: 1.8rem;
}
dl.toi-s	{				/* ***** diff スマホ *//* 問 */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

dl.toi-s dt	{				/* ***** diff スマホ *//* 問 */
	float: left;
	color: #ff3300;
	font-weight: bold;
}
dl.toi-s dd	{				/* ***** diff スマホ *//* 問 */
	margin-left: 4em;
	color: #222222;
}
dl.toi	{				/* ***** diff スマホ *//* 問 */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

dl.toi dt	{				/* ***** diff スマホ *//* 問 */
	float: left;
	color: #ff3300;
	font-weight: bold;
}
dl.toi dd	{				/* ***** diff スマホ *//* 問 */
	margin-left: 5em;
	color: #222222;
}
dl.toi-level	{			/* ***** diff スマホ *//* 問 level-1i */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	border-bottom: dotted 2px #006699;
}
dl.toi-level dt	{	
	float: left;
	color: #ff3300;
	font-weight: bold;
}
dl.toi-level dd	{				/* ***** diff スマホ *//* 問 */
	margin-left: 5em;
	color: #222222;
}
dt.commonx	{								/* level-1i */
	padding-bottom: 0.5em;
}

dt.common1	{								/* diff スマホ 前に● */
	padding-left: 2em;
	padding-bottom: 0.5em;
	text-indent: -1em;
}
dt.common2	{								/* diff スマホ  前に●*/
	padding-left: 2em;
	padding-bottom: 0;
	text-indent: -1em;
}
dt.common3	{								/* same 前に●*/
	padding-bottom: 0;
	text-indent: -1em;
}
dt.common4	{								/* same スマホ 前に● */
	padding-left: 2em;
	padding-bottom: 0;
	text-indent: -2em;
}
dt.common5	{								/* sameスマホ 前に● */
	padding-bottom: 0;
	text-indent: -1em;
}


dd.level-li	{	
	margin-left: 2rem;
	padding: 1rem 2rem;
	color: #cc0000;
	font-weight: bold;
	font-size: 1.6rem;
}
dd.common1	{								/* diff スマホ */
	padding-left: 2em;
	padding-bottom: 0.5em;
}
dd.common2	{								/* diff スマホ */
	padding-left: 2em;
	padding-bottom: 0;
}
dd.common3	{
	padding: 0;
}
dd.common4	{								/*  diff スマホ  前に●*/
	padding-left: 2em;
	padding-bottom: 0.5em;
	text-indent: -1em;
}

.l-pad4	{
	padding-left: 4em;
}

.l-pad2	{
	padding-left: 2em;
}
.l-pad1	{
	padding-left: 1em;
}

.dlw3e	{			/* pro-index */
	width: 100%;
	display: flex;		/* 子要素のdtとddを横並びにする */
	flex-wrap: wrap;	/* 1つのdtとddで1行になるよう改行させる */
	align-items: stretch;	
}
.dlw3e dt{
	width: 4em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #000099;
	font-size: 1em;
}
.dlw3e dd{
	width: calc(100% - 4em);
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #000099;
	font-size: 1em;
}
.dlw5j	{			/* ***** diffスマホ  pro-index pro-6*/
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	font-size: 1.6rem;
}
.dlw5j dt{
	width: 5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #222222;
	font-size: 1em;
}
.dlw5j dd{
	width: calc(100% - 5em);
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #222222;
	font-size: 1em;
}
.dlw5je	{			/* ***** diff スマホ pro-5*/
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	font-size: 1.6rem;
}
.dlw5je dt{
	width: 5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #222222;
	font-size: 1em;
}
.dlw5je dd{
	width: calc(100% - 5em);
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	color: #000099;
	font-size: 1.05em;
}
p.serif-green-1	{						/* tm3 tm4 *//* diff スマホ */
	width: 100%;
	color: #003300;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.8rem;
	padding-left: 2em;
}
p.serif-green-1	span	{
	display: inline-block;
	font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	font-size: 0.8em;
	line-height: 1.6;
	padding-left: 1em;
	margin-top: 0.5em;
}
/* tm-index new */
div.thick-line	{
	width: calc(100% - 6%);
	margin-right: 3%;
	margin-left: 3%;
	padding: 2%;
	border: solid 4px #ff9900;
}

/* tm-4 new */
div.tm4-quote	{
	width: 100%;
	margin: 2rem 0;
	padding: 3%;
	border: double 4px #ff9900;
}
/* tm-4 new */
div.sp-danger	{
	width: 100%;
	margin: 1em 0;
	padding: 10% 5%;
	background-color: #ffcccc;
}
/* tm-4 new */

.bg-l-green					{/* tm-4 new ライティング実習１*/
	background-color: #339900;
	padding: 0.3em 0.5em;
	color: #ffffff;
	font-size: 1.8rem;
}

	/*==================================================================================  */
	







h2#home-h2	{
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
	color: #003300;
	font-weight: normal;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: left;
	text-indent: 1em;
}

h2#tm-h2	{
	width: 100%;
	margin: 1em 0 1em 0;
	padding: 0.5em 1em;
	color: #003300;
	font-weight: normal;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}


h4.tm4-h4	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding-left: 0.5em;
	border-bottom: double 3px #339900;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
  h4.tm-h4 span	{
	color: #339900;
}
h5.level-h5-writ	{
	width: 100%;
	margin: 1.5em 0;
	padding: 0 0 0 0.5em;
	border-bottom: dotted 3px #006666;
	border-left: dotted 3px #006666;
	color: #006666;
	font-weight: bold;
	font-size: 1.6rem;
}
h5.tm-h54	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 0.5em;
	border-bottom: solid 1.5px #339900;
	color: #003300;
	font-weight: bold;
	font-size: 1.8rem;
}
h5.tm-h5	{
	margin: 1.5em 0 1em 0;
	padding: 0.3rem 0.5rem;
	border-bottom: solid 1px #339900;
	border-left: dotted 5px #339900;
	padding-left: 0.5em;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
  h5.tm-h5 span	{
	display: inline;
}


h2.tm4-h2	{
	width: 100%;
	margin: 1.5em 0;
	padding: 0.5em 1em;
	background-color: #339900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}
h2.tm4-h2 span	{
	display: block;
	margin-left: 10em;
}
h3.tm4-h3	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	background-color: #ccffcc;
	padding: 0.5em;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
h4.tm4-h4	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding-left: 0.5em;
	border-bottom: double 3px #339900;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
  h4.tm-h4 span	{
	color: #339900;
}


div.tm-h4	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding-left: 0.5em;
	border-bottom: double 3px #339900;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
.level-7	{							/* same スマホ level7 */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 0.5em;
	border-bottom: double 3px #006699;
	color: #222222;
	font-weight: bold;
	font-size: 1.7rem;
}
h5.level-h5	{
	margin: 1.5em 0 1em 0;
	padding: 0.3rem 0.5rem;
	border-bottom: solid 1px #339900;
	border-left: dotted 2px #339900;
	padding-left: 0.5em;
	color: #003300;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: left;
}
  h5.level-h5 span	{
	display: inline;
}
.level1i-1	{									/* same スマホ */
	width: 100%;
	margin: 1em 0;
	padding: 0.2rem 0 0.2rem 1rem;
	border-bottom: solid 2px #cc0000;
	border-left: solid 6px #cc0000;
	color: #cc0000;
	font-weight: bold;
	font-size: 1.7rem;
}


h4.pro-h4	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 0.5em;
	border-bottom: double 3px #cc6633;
	color: #222222;
	font-weight: bold;
	font-size: 1.75rem;
}

					/* ここからjaplish */

 h2#japlish-h2	{
 	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
	color: #660033;
	font-weight: normal;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
	}

 h3.japlish-h3	{
	width: 100%;
	padding: 0.5em 0;
	background-color: #cccc00;
	color: #ffffff;
	font-weight: bold;
	font-size: 2rem;
	text-decoration: none;
	text-align: center;
	line-height: 1.4;
	}
 h4.japlish-h4	{
	width: 100%;
	border-bottom: double 3px #cccc00;
	padding: 0.5em 0;
	color: #222222;
	font-weight: bold;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center;
	}

p.japlish-1	{
	width: 100%;
	border-bottom: double 3px #cccc00;
	color: #222222;
	font-size: 1.7rem;
}
article.japlish-1	{				/* japlish2 */
	width: 100%;
	border: solid 2px #cccc00;
	padding: 1em;
	border-radius: 10px;
	background-color: #f3f3f3;
}
section.pro	{							/* ここから諺のみ */
	width: 100%;
	margin: 2rem 0 0 0;
	padding: 0;
	border: solid 1px #cc6633;
}
article.pro	{				/* pro-6 諺  */
	width: 100%;
	margin: 2rem 0;
	padding: 0 1em;
	border: solid 1px #cc6633;
	background-color: #ccffcc;
}
article.tma1	{					/* tm3 level1i article 枠線 */
	width: 100%;
	border: solid 1px #008000;
	border-radius: 10px;
	padding: 0 1.5rem;
	background-color: #f3f3f3;
}
article.tma2	{					/* tm3 level1i article 枠線 */
	width: 100%;
	border: solid 1px #008000;
	border-radius: 10px;
	padding: 0 1.5rem;
	background-color: #fff2cc;
}
article.level1	{					/* level2 article 枠線 */
	width: 100%;
	margin: 0;
	border: solid 1px #000066;
	border-radius: 10px;
	padding: 0 1.5rem;
	background-color: #f3f3f3;
}
article.level1i	{					/* level1i article 枠線 */
	width: 100%;
	margin: 0;
	border: solid 1px #cc0000;
	border-radius: 10px;
	padding: 0 1.5rem;
	background-color: #f3f3f3;
}

div.tm4-1	{					/* div 枠線 tm4*/
	width: 100%;
	margin: 0;
	border: solid 1px #008000;
	border-radius: 10px;
	padding: 0 1.5rem;
	background-color: #f3f3f3;
}
div.tm4-2	{					/* div 枠線 tm4*/
	width: 100%;
	margin: 0;
	border: solid 1px #008000;
	border-radius: 10px;
	padding: 0 1.5rem;
background-color: #fff2cc;
}	
div.border-green	{					/* div 枠線 tmindex*/
	width: 100%;
	border: solid 2px #339900;
	padding: 0 1.5rem;
}
div.kindle	{				/* level-1i  kindle*/
text-align: left;
font-size: 1em;
font-weight: normal;
margin-top: 1.5em;
margin-bottom: 1em;
padding-left: 4em;
padding-bottom: 0.1em;
text-indent: -4em;
border-bottom: solid 2px #6699ff;
border-left: double 4px #6699ff;
}
div.kindle span	{
font-weight: bold;
color: #ff6633;
}
blockquote.kindle	{
margin-left: 2em;
padding: 1em;
border: 4px double #6699ff;
}
span.blockquote_1	{
display: block;
margin-top: 0.5em;
text-align: right;
font-size: 0.9em;
}

.kindle-box	{
	width: 100%;
	padding: 2%;
}
.kindle-img-1 img	{
	width: 200px;
	margin-bottom: 1em;
	float: left;
}
.kindle-box ul	{
	width: calc(100% - 200px);
	float: right;
	margin-top: 2em;
	padding-left: 2em;
}
.kindle-box ul li	{
	margin-bottom: 1em;
}
/* =============================== diff スマホ =============== */

body	{								
	max-width: 1050px;
	margin: 0 auto;
	padding: 0;
	font-size: 1.6em;/* 16px*/
	line-height: 1.7;
	background-color: #f3f3f3;
	color: #222222;
	font-family:
	"Verdana","Helvetica","Arial",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
}
/* ========??????? */
div#home-wrap {									/* diff スマホ */
	width: 100%;
	padding-top: 2rem;
	background-color: #ffffff;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
}
div#home-container {
	display: flex;
	flex-direction: column;
	gap: 1vh;
}
 
.bl-a, .bl-b, .bl-c	{
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color: blue;
}
.box-1	{
	width: 50%;
	background-color: #ffffff;
}
.box-2	{
	width: 50%;
	padding: 10px;
	background-color: #ffffff;
}
.box-3	{
	width: 50%;
	padding: 10px;
	background-color: #ffffff;
}
.box-4	{
	width: 50%;
	background-color: #ffffff;
}
.box-5	{
	width: 50%;
	background-color: #ffffff;
}
.box-6	{
	width: 50%;
	background-color: #ffffff;
}

/* ========??????? */

main {									/* diff スマホ */
	width: calc(70% - 21px);
	display: inline-block;
	vertical-align: top;
	padding: 2%;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
}
main#pro {								/* diff スマホ */
	width: calc(70% - 21px);
	display: inline-block;
	vertical-align: top;
	padding: 1%;
	background-color: #ffffff;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.1);
}
aside {								/* diff タブレット スマホ */
	width: calc(30% - 10px);
	display: inline-block;
	margin-left: 10px;
}
header	{							/* diff スマホ */
	width: 100%;
	padding-top: 2rem;
	background-color: #339900;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
}
#gnav {	
	width: 100%;
	background-color: #484848; 
	margin-top: 1rem;
}
  #gnav ul	{
	margin: 0;
	padding: 0.5rem 1rem;
	list-style-type: none;
	overflow: hidden;
}
  #gnav li	{
	float: left;
	padding: 0.7rem 1rem;
	color: #99ff33;
	font-size: 1.5rem;
	background-color: transparent;
}
  #gnav a	{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}
  #gnav a:link	{
	color: #ffffff;
	text-decoration: none;
}
  #gnav a.gnav:visited	{
	color: #ffffff;
	text-decoration: none;
}
  #gnav a.gnav:hover	{
	color: #99ff33;
	text-decoration: none;
	background-color: transparent;
	text-decoration: none;
}
  #gnav-s	{
display: none; 
}
ul#toc-side	{							/* pc */		/* aside display:none */
	list-style-type: none;
}
  ul#toc-side li	{
	display: block;
	border-left: solid 5px #ff9900;
	margin-bottom: 8px;
	padding-left: 3px;
	padding-right: 1px;
	background-color: #f8f8ff;
	color: #006e7b;
	font-size: 1.4rem;
	box-shadow: 0 2px 3px 3px rgba(0,0,0,0.1);
}
  a.toc-side:link	{
	display: block;
	color: #006e7b;
	background-color: #f8f8ff;
	text-decoration: none;
}
  a.toc-side:visited	{
	color: #006e7b;
	background-color: #f8f8ff;
	text-decoration: none;
}
  a.toc-side:hover	{
	color: #ff9900;
	background-color: #484848;
	text-decoration: none;
}
ul#pro-toc-side	{
	width: 100%;
	list-style-type: none;
	font-size: 1.2rem;
}
  ul#pro-toc-side	li	{
	display: block;
	border-left: solid 5px #ff9900;
	margin: 0 0 3px 0;
	padding-left: 5px;
	padding-right: 1px;
	line-height: 1.2;
	background-color: #f8f8ff;
	color: #cc6600;
	font-family:
	"Arial","Verdana","Helvetica",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	box-shadow: 0 2px 3px 3px rgba(0,0,0,0.1);
}
  ul#pro-toc-side	li span	{						/* pc */
	list-style-type: none;
	font-size: 1.3rem;
}

  ul#pro-toc-side	li a:link	{
	display: block;
	color: #006e7b;
	background-color: #f8f8ff;
	text-decoration: none;
}
  ul#pro-toc-side	li a:visited	{
	color: #006e7b;
	background-color: #f8f8ff;
	text-decoration: none;
}
  ul#pro-toc-side	li a:hover	{
	color: #ffffff;
	background-color: #006e7b;
	text-decoration: none;
}	

ul#toc-s	{						/* タブレット */	/* diff スマホ display:none */
	display: none;
}
  ul#toc-s li	{
	display: none;
}
  ul#toc-s-pro	{					/* タブレット 諺 */
	display: none;
}
  ul#toc-s-pro li	{
	display: none;
}
ol.breadcrumb	{				/* diff スマホ スマホ display:none */
	margin: 0;
	padding: 0.5rem 0 0.5rem 1rem;
	list-style: none;
	font-size: 1.5rem;
	color: #006e7b;
	}
  .breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;							
}
  .breadcrumb li::after {/* >を表示*/
	content: '>';
	padding: 0.5em;
	color: #006e7b;
	font-weight: bold;
}
  .breadcrumb li:last-child::after {
	content: '';
}
  .breadcrumb li a:link	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
}
  .breadcrumb li a:visited	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
} 
  .breadcrumb li a:hover	{
	color: #ff9900;
	text-decoration: underline;
	font-weight: normal;
}
#pagetop	{				/* diff スマホ size font-weight */
	margin-right: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
		text-align: right;
	color: #006e7b;
}
  #pagetop a:link	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
}
  #pagetop a:visited	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
} 
  #pagetop a:hover	{
	color: #ff9900;
	text-decoration: underline;
	font-weight: normal;
}	
#copyright	{			/* diff スマホ size */
	margin-top: 2em;
	font-size: 1.5rem;
	text-align: right;
} 
#nav-bottom	{			/* diff スマホ size */
	margin: 0.5rem 1rem;
	font-size: 1.5rem;
	color: #006e7b;
}
  #nav-bottom a:link	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
}
  #nav-bottom a:visited	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
}
  #nav-bottom a:hover	{
	color: #ff9900;
	text-decoration: underline;
	font-weight: normal;
}

div#nav-drawer {
	display: none;
}

#g_navi{
	display: none;
	}
  .tm-link1-top	{
  	width: 100%;
  	margin-top: 0.9em;
	text-align: center;
	background-color: #cc6600;
	color: #ffffff;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing: 2px;
}
  .tm-link1-top a:link	{
	color: #ffffff;
	text-decoration: underline;
}
  .tm-link1-top a:visited	{
	color: #ffffff;
	text-decoration: underline;
}
  .tm-link1-top a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
.tm-link1-top span{
	font-size: 0.6em;
}
  .tm-link1	{
  	width: 100%;
  	margin-top: 0.5em;
  	margin-bottom: 1em;
	text-align: center;
	color: #880000;
	font-size: 3rem;
	font-weight: bold;
}
  .tm-link1 a:link	{
	color: #880000;
	text-decoration: underline;
}
  .tm-link1 a:visited	{
	color: #880000;
	text-decoration: underline;
}
  .tm-link1 a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
.tm-link1 span{
	font-size: 0.7em;
}


  .tm-link-honbun	{
  	width: 100%;
	color: #880000;
	font-size: 2rem;
	font-weight: bold;
}

  .tm-link-honbun a:link	{
	color: #880000;
	text-decoration: underline;
}
  .tm-link-honbun a:visited	{
	color: #880000;
	text-decoration: underline;
}
  .tm-link-honbun a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
h1#home-h1	{ 			/* diff スマホ size */
	width: 100%;
	margin: 0;
	padding: 2rem 5rem 0 2rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 3rem;
	letter-spacing: 3px;
}

  h1#home-h1 span	{
	font-size: 2.1rem;
	font-weight: bold;
	letter-spacing: 1px;
}
h1#tm-h1	{ 			/* diff スマホ size */
	width: 100%;
	margin: 0;
	padding: 2rem 5rem 0 2rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 1px;
}

  h1#tm-h1 span	{
	color: #ccffcc;
	font-weight: bold;
	display: block;
	padding-left: 1em;
}

h3.tm-h3	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 2rem;
	background-color: #339900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}
h3.tm-h3 span	{
	display: inline;
}

h3.level-h3	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 2rem;
	background-color: #006699;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}
h3.level-h3 span	{
	display: inline;
}

h3#level-h3-1, #level-h3-2, #level-h3-3, #level-h3-4{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 2rem;
	background-color: #006699;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}

h3.levelk-h3	{
	width: 100%;
	margin:  1em 0;
	padding: 0.5rem 2rem;
	border-bottom: double 3px #006699;
	color: #191970;
	font-weight: bold;
	font-size: 2.5rem;
}
h3.levelk-h3 span	{
	display: inline;
	font-size: 2.2rem;
}
h3.level1i	{	
	width: 100%;
	margin: 1em 0;
	padding: 0.8rem 2rem;
	background-color: #cc0000;
	border-bottom: solid 4px #9f9f9f;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8rem;
}
h4.level-h4	{
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0 0 0 0.5em;
	border-bottom: double 3px #006666;
	color: #006666;
	font-weight: bold;
	font-size: 1.7rem;
}
  h4.level-h4 span	{
	color: #006666;
}

h1#tm-h1	{ 			/* diff スマホ size */
	width: 100%;
	margin: 0;
	padding: 2rem 5rem 0 2rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 1px;
}

  h1#tm-h1 span	{
	color: #ccffcc;
	font-weight: bold;
	display: block;
	padding-left: 1em;
}

h1#pro-h1	{ 								/* ここから諺のみ */
	width: 100%;
	margin: 0;
	padding: 1.5rem 0 0 1.5rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 2.5rem;
}
  h1#pro-h1 span	{
	color: #ccffcc;
	font-weight: bold;
	display: block;
	font-size: 2.2rem;
}
h2#pro-h2	{
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
	color: #336666;
	font-weight: normal;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
}
h3#pro-h3	{
	width: 100%;
	margin: 0;
	padding: 0.5em 0;
	background-color: #cc6633;
	color: #ffffff;
	font-weight: bold;
	font-size: 2.5rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	text-decoration: none;
	text-align: center;
	line-height: 1.4;
}
  h3#pro-h3 span	{
	font-size: 1.4rem;
	font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"HiraKakuProN-W6",
	sans-serif;
	font-weight: normal;
}
/***** diffスマホ proverb index*/
.tateparent{			
	display:flex;
	flex-direction: column;
width: 100%;
}
.yoko{
	display:flex;
	padding:0.3em;

}
.name{
	width: 6em;
	text-align: right;

}
.content {
  flex: 1;
  min-width: 0; /* ★ これが重要 */
}
/***** /diffスマホ proverb index*/
div.base-tm-sys2	{			/***** diffスマホ tmシステム tm4-new*/	
	margin: 20px auto;
	width: 90%;
	padding: 15px;
	background-color: #ccffcc;
}
	dl.tm-system2	{			/***** diffスマホ tmシステム tm4-new*/
	margin: 0 auto;
	width: 100%;
	color: #003300;
}
	dl.tm-system2 dt span	{
	display: inline;
	font-weight: normal;
}
	dl.tm-system2 dd	{
	text-align: center;
	font-weight: normal;
}

dl.tm-system1	{			/***** diffスマホ tmシステム */	
	margin: 1.5rem auto;
	width: 100%;
	padding: 1rem 1rem 1rem 1rem;
	background-color: #ccffcc;

	color: #003300;
}
dl.tm-system1 dt span	{
	display: inline;
}
dl.tm-system1 dd	{
	padding-left: 5em;
}

 table.ex-pro	{	
	width: 100%;							/* ****** pc用 diffスマホ pro-8 */
 	float: none;
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-width: 0;
 	font-size: 1.4rem;
 	}
   table.ex-pro tr	{
 	vertical-align: bottom;
 	}
   table.ex-pro td	{
 	vertical-align: center;
 	padding: 1rem 0.3rem 1rem 0.3rem;
 	line-height: 1.5em;
 	text-align: center;
 	background-color: #dcdcdc;
 	}
table.sm-ex-pro	{								/* ***** pro-8 スマホ用 */
	display: none;
 	}
 div.un-all1	{							/* un-all1 tm4-new*/
	width: 100%;
	margin: 5px;
	padding: 10px;
	border: double 5px #003333;
}
div.un-all1-1	{
	margin: 20px auto;
	width: 90%;
	padding: 15px;
	background-color: #669999;
}
dl.un-all1-tmsys	{						/* un-all1 tm4-new*/
	margin: 0 auto;
	width: 100%;
	font-size: 1.5rem;
	color: #ffffff;
}
dl.un-all1-tmsys dd	{						/* un-all1 tm4-new*/
	padding-left: 5em;
	font-size: 1.5rem;
	font-weight: normal;
}
p.un-all1-slogan-1	{
	margin: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	color: #800000;
	font-size: 2.5rem;
	font-weight: bold;
}
p.un-all1-slogan-2	{
	margin: 0 auto;
	width: 60%;
	padding: 20px 0;
	color: #0033cc;
	font-size: 1.7rem;
}

ul.un-all1	{
	width: 60%;
	margin: 20px auto;
	list-style-type: square;
	color: #663333;
	font-weight: normal;
	font-size: 1.8rem;
	text-align: left;
	} 
ul.un-all1 li	{
	margin: 0;
	padding: 3px;
	font-size: 1.8rem;
	font-weight: bold;
}	
ul.un-all1 li a:link	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:visited	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:hover	{
	color: #cc6699;
	text-decoration: underline;
}
div.un-left1	{							/* un-ad-left1 */
	float: left;
	width: 49%;
	margin: 0px 2px 5px 2px;
	padding: 0 0 10px 0;
	border: double 5px #663333;
}
div.un-left1-1	{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #663333;
}
div.un-left1-1 p	{
	color:#ffffff;
	font-weight: bold;
	font-size: 2.3rem;
	text-align: center;
	letter-spacing: 0.1em;
}
div.un-left1-1 p span	{
	font-size: 0.8em;
	letter-spacing: 0;
}
p.un-left1-2 	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding:0;
	text-align: center;
	color: #663333;
	font-size: 2.0rem;
	font-weight: bold;
}
p.un-left1-3	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	color: #663333;
	font-size: 1.8rem;
	font-weight: bold;
}
p.un-left1-4	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	color: #663333;
	font-size: 1.6rem;
	font-weight: bold;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
}
p.un-left1-5	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding: 0 1em;
	font-size: 1.5rem;
	color: #222222;
}
ul.un-left1-6	{
	margin-top: 1.1em;
	margin-left: 3em;
	list-style-type: square;
	color: #663333;
	font-weight: normal;
	font-size: 1.6rem;
	text-align: left;
	} 
li.un-left1-6	{
	margin: 0;
	padding: 0;
}	
li.un-left1-6 a:link	{
	color: #006699;
	text-decoration: underline;
}
li.un-left1-6 a:visited	{
	color: #006699;
	text-decoration: underline;
}
li.un-left1-6 a:hover	{
	color: #cc6699;
	text-decoration: underline;
}						 					/* / un-ad-left1 */
	
div.un-right1	{				 				/* un-ad-right1 */
	float: left;
	width: 49%;
	margin: 0px 2px 5px 2px;
	padding: 0 0 10px 0;
	border: double 5px #003333;
}
div.un-right1-1	{
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #003333;
}
div.un-right1-1 p	{
	color:#ffffff;
	font-weight: bold;
	font-size: 2.3rem;
	text-align: center;
	letter-spacing: 0.1em;
}
div.un-right1-1 p span	{
	font-size: 0.8em;
	letter-spacing: 0;
	}
p.un-right1-2 	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding:0;
	text-align: center;
	color: #003333;
	font-size: 2.0rem;
	font-weight: bold;
}
p.un-right1-3	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	color: #003333;
	font-size: 1.8rem;
	font-weight: bold;
}
p.un-right1-4	{
	margin-top: 1.1em;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.1px;
}
p.un-right1-4 a:link	{
	color: #006699;
	text-decoration: underline;
}
p.un-right1-4 a:visited	{
	color: #006699;
	text-decoration: underline;
}
p.un-right1-4 a:hover	{
	color: #339999;
	text-decoration: underline;
}	
p.un-right1-5	{
	margin-top: 1.1em;
	margin-bottom: 0;
	margin-left: 4em;
	padding: 0 1em;
	font-size: 1.5rem;
	color: #222222;
}
dl.un-right1-6	{
	margin: 1em 0;
	padding: 7px;
	text-align: left;
	background-color: #669999;
	font-size: 1.5rem;
	color: #ffffff;
}
dl.un-right1-6 dd	{
	padding-left: 1em;
	font-size: 1.5rem;
	font-weight: normal;
}
p.un-right1-7	{
	margin-top: 1.8em;
	margin-bottom: 0;
	text-align: center;
	color: #330000;
	font-size: 1.8rem;
 	font-weight: bold;
  	font-family: 
  	"MSゴシック","Osaka-Mono",
	monospace;	
  	}
p.un-right1-8	{
	margin-top: 1.1em;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
	color: #003333;
	font-size: 1.6rem;
	font-weight: bold;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
}
div.aside-26_1	{							/* aside-26_1キンドル */
	width: 100%;
	margin: 15px 0;
	padding: 0 0 10px 0;
	border: solid 1px #6699ff;
	background-color: #ffffff;
}
div.aside-26_1-top	{
	background-color: #6699ff;
	padding: 0.5em 0 0.5em 0;
}
.aside-26_1-j1	{
	font-size: 2rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
.aside-26_1-j1 span	{
	font-size: 1.5rem;
}
.aside-26_1-j2	{
	text-align: center;
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.aside-26_1-j3 	{
	margin-top: 1em;
	text-align: center;
	color: #222222;
	font-size: 1.6rem;
	font-weight: normal;
}
.aside-26_1-j4 	{
	margin-top: 1em;
	text-align: center;
	color: #222222;
	font-size: 1.4rem;
	font-weight: normal;
}

.aside-26_1-e1	{
	padding: 6px 0 6px 0;
	text-align: center;
	color: #6699cc;
	font-size: 1.5rem;
	font-weight: bold;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	line-height: 1.4;
}


.aside-26_1-j4 a:link	{
	color: #0033ff;
	text-decoration: underline;
	font-weight: bold;
}
.aside-26_1-j4 a:visited	{
	color: #0033ff;
	text-decoration: underline;
	font-weight: bold;
}
.aside-26_1-j4 a:hover	{
	color: #99cccc;
	text-decoration: underline;
	font-weight: bold;
}	

div.aside-1	{							/* ad-aside-1 */
	width: 100%;
	margin: 20px 0;
	padding: 0 0 10px 0;
	border: solid 1px #993333;
	background-color: #ffffff;
}
div.aside-1-top	{
	background-color: #993333;
	padding: 0;
}
div.aside-1-top p	{
	font-size: 2.3rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
div.aside-1-top p span	{
	font-size: 1.6rem;
	letter-spacing: 1.1px;
	font-weight: bold;
	}
div.aside-1-top p a:link	{
	color: #ffffff;
	text-decoration: none;
}
div.aside-1-top p a:visited	{
	color: #ffffff;
	text-decoration: none;
}
div.aside-1-top p a:hover	{
	color: #99cccc;
	text-decoration: underline;
}	
p.aside-1-1e	{
	margin-bottom: 0;
	padding: 6px 0 6px 12px;
	text-align: left;
	color: #993333;
	font-size: 1.6rem;
	font-weight: bold;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	line-height: 1.4;
}
p.aside-1-2j	{
	margin-top: 0.5em;
	text-align: left;
	color: #4a4a4a;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
ul.aside-1-3	{
	margin-top: 10px;
	padding-left: 3em;
	list-style-type: square;
	color: #993333;
	font-size: 1.5rem;
	font-weight: bold;
}
ul.aside-1-3 li a:link	{
	color: #993333;
	text-decoration: underline;
}
ul.aside-1-3 li a:visited	{
	color: #993333;
	text-decoration: underline;
}
ul.aside-1-3 li a:hover	{
	color: #cccc99;
	text-decoration: underline;
}	
div.aside-2	{							/* ad-aside-2 */
	width: 100%;
	margin: 20px 0;
	padding: 0 0 10px 0;
	border: solid 1px #003366;
	background-color: #ffffff;
}
div.aside-2-top	{
	background-color: #003366;
	padding: 10px 0;
}
div.aside-2-top p	{
	font-size: 2.3rem;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
div.aside-2-top p span	{
	font-size: 1.6rem;
	letter-spacing: 1.1px;
	font-weight: bold;
	}
div.aside-2-top p a:link	{
	color: #ffffff;
	text-decoration: none;
}
div.aside-2-top p a:visited	{
	color: #ffffff;
	text-decoration: none;
}
div.aside-2-top p a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
div.aside-2-top p span	{
	font-size: 1.6rem;
	letter-spacing: 1.1px;
	font-weight: bold;
	}
p.aside-2-1j	{
	padding-top: 6px;
	text-align: center;
	color: #003366;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6;
}
ul.aside-2-22	{
	margin-top: 10px;
	padding-left: 3em;
	list-style-type: square;
	color: #003366;
	font-size: 1.5rem;
	font-weight: bold;
}
ul.aside-2-22 li a:link	{
	color: #003366;
	text-decoration: underline;
}
ul.aside-2-22 li a:visited	{
	color: #003366;
	text-decoration: underline;
}
ul.aside-2-22 li a:hover	{
	color: #cccc99;
	text-decoration: underline;
}

p.aside-2-2 a:link	{
	color: #003366;
	text-decoration: underline;
}
p.aside-2-2 a:visited	{
	color: #003366;
	text-decoration: underline;
}
p.aside-2-2 a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
p.aside-2-3j	{
	margin-top: 0.5em;
	margin-bottom: 0;
	text-align: left;
	color: #4a4a4a;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
dl.aside-2-4	{
	margin: 1em 0;
	padding: 10px 0 10px 7px;
	text-align: left;
	background-color: #ccff99;
	color: #4a4a4a;
}
dl.aside-2-4 dt	{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

dl.aside-2-4 dt a:link	{
	color: #ff6633;
	text-decoration: underline;
}
dl.aside-2-4 dt a:visited	{
	color: #ff6633;
	text-decoration: underline;
}
dl.aside-2-4 dt a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
dl.aside-2-4 dd{
 font-size: 1.5rem;
}

p.aside-2-5	{
	margin: 1em 0 0 0;
	color: #ff9900;
	font-size: 1.8rem;
	font-family: 
	"MSゴシック","Osaka-Mono",
	monospace;
	font-weight: bold;
	text-align: center;
}
p.aside-2-6e	{
	margin: 0;
	padding: 6px 10px;
	text-align: center;
	color: #003366;
	font-size: 1.6rem;
	font-weight: bold;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	line-height: 1.4;
}



div.catch-1	{							/* ad-aside-1 */
	width: 100%;
	margin: 20px 0;
	padding: 0;
	border: solid 2px #cc6600;
	background-color: #ffffff;
}
p.catch1-1	{
	width: 100%;
	margin: 1em 0;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
p.catch1-1 a:link	{
	color: #cc6600;
	text-decoration: underline;
}
p.catch1-1 a:visited	{
	color: #cc6600;
	text-decoration: underline;
}
p.catch1-1 a:hover	{
	color: #cccc99;
	text-decoration: underline;
}
p.catch1-2	{
	width: 100%;
	color: #008000;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}
div.catch1-7	{						/* catch underのみに指定 */
	width: 320px;
	margin: 0 auto;
}
ul.catch1-3	{
	margin: 1em 0;
	list-style-type: disc;
	padding: 0.5em 0 0.5em 1.5em;
	color: #222222;
}
ul.catch1-3 li	{
	font-size: 1.5rem;
}
ul.catch1-3 li span	{
	font-size: 90%;
}
div.catch1-4	{
	width: 100%;
	background-color: #339900;
	padding: 1em 0;
}
p.catch1-5	{
	width: 100%;
	margin: 1em 0;
	color: #f7f7f7;
	font-size: 1.5rem;
	text-align: center;
}

p.catch1-6	{
	width: 100%;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-family:
	"Helvetica","Arial","Verdana",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;	
}


div.pro-contents	{	/* ***** diff sm 諺 */
	width: 100%;
	margin: 0;
	padding: 15px;
	background-color: #ffffff;
}

/* *********************** スローガン PC ************************************************ */
p.tm-slogan1-e	{							/* tmindex tm3 tm4  */
	margin: 0;
	width: 100%;
	padding: 1em 2em;
	color: #191970;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 32px;
}
  p.tm-slogan1-e::first-letter	{
	font-size: 2em;
	font-weight: bold;
}
p.tm-slogan2-j	{							/* tm3 tm4  */
	margin: 0;
	width: 100%;
	padding: 1em 0;
	text-align: center;
	color: #800000;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
p.tm-slogan2-j span	{
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 32px;
}
p.tm-slogan3-j	{							/* tm4-new  */
	margin: 0;
	width: 100%;
	padding: 1em 0;
	text-align: center;
	color: #800000;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.5;
}
p.tm-slogan3-e	{							/* tm3 */
	margin: 0 auto;
	width: 80%;
	padding: 1em 2em;
	color: #191970;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 32px;
}
p.tm-slogan33-e	{							/* tm3 */
	margin: 0;
	padding: 1em 2em;
	color: #191970;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 32px;
}

p.tm-slogan4-e	{							/* tm4 */
	margin: 0;
	width: 100%;
	padding: 1em 1.5em;
	color: #990033;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 1.6;
}
p.level-slogan2-e	{							/* level1i  */
	margin: 0;
	width: 100%;
	color: #000066;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.8rem;
}
p.level-slogan2-j	{							/* level1i  */
	margin: 0;
	width: 100%;
	color: #000066;
	font-size: 1.6rem;
}
p.pro-slogan-1-e	{		/* ***** diff sm 諺 top スローガン */
	width: 100%;
	margin: 0.5em 0;
	color: #336666;
	font-weight: bold;
	font-size: 1.8rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	text-align: center;
	line-height: 1.5;
}
  p.pro-slogan-1-e span	{	
	font-size: 0.9em;
}
p.tm4-slo1-j	{					/* div 枠線 tm4 スローガン*/
	margin: 1.5em 0 1em 0;
	border-bottom: double 3px #339900;
	color: #222222;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
}
p.tm4-slo1-j span	{
	display: inline;
}	
p.pro-slogan-2-e	{		/* pro-5 諺 pro-5 pro-3 */
	width: 100%;
	color: #990033;
	font-weight: bold;
	font-size: 1.8rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	line-height: 1.5;
}
p.pro-slogan-2-e span	{		/* pro-5 諺 pro-5 pro-3 */
	width: 100%;
	margin: 0;
	color: #990033;
	font-weight: bold;
	font-size: 0.9em;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	line-height: 1.5;
}


  p.pro-contents-cap1	{		/* ***** diff sm pro-index pro-6*/
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #222222;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	font-size: 1.9rem;
}
  p.pro-contents-cap1 span	{	
	display: inline-block;
	font-family:
	"Verdana","Helvetica","Arial",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"HiraKakuProN-W6",
	sans-serif;
	font-size: 0.8em;
	line-height: 1.6;
	padding: 0.5em 2em 0 2em;
}
p.pro-slogan-4-e	{							/* ***** diff スマホ 諺 */
	width: 100%;
	margin-top: 1em;
	color: #990033;
	font-weight: bold;
	font-size: 2rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	line-height: 1.5;
}
  p.pro-slogan-4-e span	{	
	display: block;
	font-size: 0.85em;
	padding-top: 0.5em;
}
p.article-slo1-j	{							/* tm3 */
	width: 100%;
	margin: 0;
	color: #003300;
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 2px;
}
p.japlish-slogan1-e	{							/* tmindex tm3 tm4  */
	margin: 0;
	width: 100%;
	color: #cc0000;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 2rem;
	line-height: 32px;
}

  p.japlish-slogan1-e::first-letter	{
	font-size: 2em;
	font-weight: bold;
}
/*---------------------------------
flex tm4-new
--------------------------------*/

dl.flex {
    display: flex; /* 子要素のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}
dt.flex-75{		/* 前に■ */
    padding: 0 0 0.5em 1em;
    font-size: 1.6rem; 
    width: 7.5em;
    text-indent: -1em;
}
dd.flex-75 	{
    padding: 0 0 0.5em 0;
	font-size: 1.6rem;
    width: calc(100% - 7.5em); /* 幅からdtを引いた分の横幅を指定。 */
}

blockquote	{					
	padding: 0 0 0 2em;
}							

blockquote.a	{
	margin: 1.5em 0 1.5em 2em;					
	padding: 1em;
	background-color: #add8e6;
}							

/* タブレット */
@media only screen and (min-width: 480px) and (max-width:900px) {
	main {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding: 2%;
	background-color: #ffffff;
	box-shadow: none;
	}
	main#pro {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	padding: 2%;
	background-color: #ffffff;
	box-shadow: none;
	}

	aside {
	display: none;
	}
	header	{
	width: 100%;
	padding: 0;
	background-color: #339900;
	box-shadow: none;

	}
#footer	{					/* ****** same スマホ */
	clear: both;
	width: 100%;
	background-color: transparent;
	padding-bottom: 100px;
	text-align: center;
	color: #006600;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.footer-fixed	{					/* ****** same スマホ */
  position: fixed; /* 画面に固定 */
  bottom: 0;          /* 上端に配置 */
  left: 0;         /* 左端に配置 */
  width: 100%;     /* 幅を全画面に */
  height: 80px;    /* 高さ指定 */
  background-color: #ffff00;
  color: #333;
  
  display: flex;   /* フレックスボックス有効化 */
  flex-direction: column;
  justify-content: center; /* 子要素を両端に配置 */
  align-items: center;            /* 垂直方向中央揃え */
  box-sizing: border-box; /* パディングを含めた幅計算 */
  z-index: 100;   /* 他の要素より前面に表示 */
}
.footer-fixed_1	{
font-size: 1.3rem;
}
.footer-fixed_1 span	{
	color: #cc6633;
}
	#gnav-s	{
	display: none; 
	}
	div#nav-drawer {
	display: none;
	}

	h2#tm-h2	{
	float: left;
	width: 35%;
	margin: 0;
	padding: 1rem 0;
	color: #003300;
	font-weight: normal;
	font-size: 1.8rem;
	text-decoration: none;
	text-align: left;
	}
	h2#japlish-h2	{
	float: left;
	width: 45%;
	margin: 0;
	padding: 1rem 0;
	color: #660033;
	font-weight: normal;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: left;
	}
	ul#toc-s	{
	float: left;
	width: 50%;
	display: block;
	margin-bottom: 1em;
	list-style-type: none;
	font-size: 1.4rem;
	}
	ul#toc-s li	{
	display: block;
	border-left: solid 3px #ff9900;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 2px;
	background-color: transparent;
	color: #006e7b;
	}
	a.toc-s:link	{
	display: block;
	color: #006e7b;
	background-color: transparent;
	text-decoration: none;
	}
	a.toc-s:visited	{
	color: #006e7b;
	background-color: transparent;
	text-decoration: none;
	}
	a.toc-s:hover	{
	color: #ffffff;
	background-color: #008080;
	text-decoration: none;
	}
	ul#toc-s-pro	{
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 2em;
	list-style-type: none;
	font-size: 1.4rem;
	}
	ul#toc-s-pro li	{
	display: block;
	border-left: solid 3px #ff9900;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 2px;
	background-color: transparent;
	color: #006e7b;
	}
	a.toc-s-pro:link	{
	display: block;
	color: #006e7b;
	background-color: transparent;
	text-decoration: none;
	}
	a.toc-s-pro:visited	{
	color: #006e7b;
	background-color: transparent;
	text-decoration: none;
	}
	a.toc-s-pro:hover	{
	color: #ffffff;
	background-color: #008080;
	text-decoration: none;
	}
	
	
#g_navi{
	display: none;
	}	

div.un-all1	{							/* un-all1 tm4-new*/
	width: 100%;
	margin: 5px;
	padding: 10px;
	border: double 5px #003333;
}
div.un-all1-1	{
	margin: 30px auto;
	width: 90%;
	padding: 10px;
	background-color: #669999;
}
dl.un-all1-tmsys	{						/* un-all1 tm4-new*/
	margin: 0 auto;
	width: 90%;
	font-size: 1.5rem;
	color: #ffffff;
}
dl.un-all1-tmsys dd	{						/* un-all1 tm4-new*/
	padding-left: 5em;
	font-size: 1.5rem;
	font-weight: normal;
}
p.un-all1-slogan-1	{
	margin: 0;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	color: #800000;
	font-size: 2.5rem;
	font-weight: bold;
}
p.un-all1-slogan-2	{
	margin: 0 auto;
	width: 60%;
	padding: 20px 0;
	color: #0033cc;
	font-size: 1.7rem;
}

ul.un-all1	{
	width: 60%;
	margin: 20px auto;
	list-style-type: square;
	color: #663333;
	font-weight: normal;
	font-size: 1.8rem;
	text-align: left;
	} 
ul.un-all1 li	{
	margin: 0;
	padding: 3px;
	font-size: 1.8rem;
	font-weight: bold;
}	
ul.un-all1 li a:link	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:visited	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:hover	{
	color: #cc6699;
	text-decoration: underline;
}						 				
	
	
	
}

/* スマホ */
@media screen and (max-width:479px) {					/* スマホ */
	body	{						/* diff pc */
	margin: 0 auto;
    padding-bottom: 60px; /* フッターの高さ分余白を確保 */
	font-size: 1.6em;/* 16px*/
	line-height: 1.6;
	background-color: #f3f3f3;
	color: #222222;
	font-family:
	sans-serif;
	}

	.bl-a, .bl-b, .bl-c	{ 
	width: 100%;
	flex-direction: column;
	}
	.box-1	{
	width: 100%;
	}
	.box-2	{
	width: 100%;
	}
	.box-3	{
	width: 100%;
	}
	.box-4	{
	width: 100%;
	}
	.box-5	{
	width: 100%;
	}
	.box-6	{
	width: 100%;
	}


	main {						/* diff pc */
	width: 100%;
	display: block;
	padding: 0 13px;
	background-color: #ffffff;
	box-shadow: none;
	}
	main#pro {					/* diff pc */
	width: 100%;
	display: block;
	vertical-align: top;
	padding: 1%;
	background-color: #ffffff;
	box-shadow: none;
	}
	header	{					/* diff pc */
	width: 100%;
	padding-top: 1rem;
	background-color: #339900;
	box-shadow: none;
	}
	aside {					/* diff pc */
	display: none;
	}
#footer	{					/* ****** same スマホ */
	clear: both;
	width: 100%;
	background-color: transparent;
	padding-bottom: 100px;
	text-align: center;
	color: #006600;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.footer-fixed	{					/* ****** difer スマホ */
  position: fixed; /* 画面に固定 */
  bottom: 0;          /* 上端に配置 */
  left: 0;         /* 左端に配置 */
  width: 100%;     /* 幅を全画面に */
  height: 80px;    /* 高さ指定 */
  background-color: #ffff00;
  color: #333;
  
  display: flex;   /* フレックスボックス有効化 */
  flex-direction: column;
  justify-content: center; /* 子要素を両端に配置 */
  align-items: center;            /* 垂直方向中央揃え */
  box-sizing: border-box; /* パディングを含めた幅計算 */
  z-index: 100;   /* 他の要素より前面に表示 */
}
.footer-fixed_1	{
font-size: 1.3rem;
}
.footer-fixed_1 span	{
	color: #cc6633;
}
.width80	{
	width: 100%;
	margin: 0 auto;
}
.width50	{
	width: 100%;
}
.width55	{
	width: 100%;
}
.width60	{
	width: 100%;
}
.width65	{
	width: 100%;
}
.width70	{
	width: 100%;
}
.width75	{
	width: 100%;
}
.width80	{
	width: 100%;
}
.width90	{
	width: 100%;
}


	blockquote	{							/* diff pc  */
	padding: 0 0 0 1em;
}
	blockquote.a	{
	margin: 1.5em 0 1.5em 0;						/* diff pc  */				
	padding: 0.5em;
	background-color: #add8e6;
}	
.l-pad4	{
	padding-left: 3em;
}

	.l-pad2	{						/* diff pc  */
	padding-left: 1em;
}		
	.l	{						/* ***** diff pc */
	font-size: 1.6rem;
}
	.ll	{						/* ***** diff pc */
	font-size: 1.6rem;
}
.l1	{					/* ***** dif pc */
	font-size:110%;
}
.l2	{					/* ***** dif pc */
	font-size:105%;
}
	.serif-en	{						/* ***** diff pc */
	font-family:
	"Verdana","Helvetica","Arial",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
}
	dl.toi-s	{				/* ***** diff pc *//* 問 */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	}
	  dl.toi-s dt	{		
	float: none;
	color: #ff3300;
	font-weight: bold;
	padding-bottom: 0;
	}
	  dl.toi-s dd	{		
	margin-left: 1em;
	color: #222222;
	}
	dl.toi	{				/* ***** diff pc *//* 問 */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}
	  dl.toi dt	{				/* ***** diff pc *//* 問 */
	float: none;
	color: #ff3300;
	font-weight: bold;
	padding-bottom: 0;
}
	  dl.toi dd	{				/* ***** diff pc *//* 問 */
	margin-left: 1em;
	color: #222222;
}
	dl.toi-level	{			/* ***** diff pc *//* 問 level-1i */
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	border-bottom: dotted 2px #006699;
}
	dl.toi-level dt	{	
	float: none;
	color: #ff3300;
	font-weight: bold;
	padding-bottom: 0;
}
	dl.toi-level dd	{				/* ***** diff スマホ *//* 問 */
	margin-left: 1em;
	color: #222222;
}
	dt.common1	{								/* diff pc */
	padding-left: 1em;
	padding-bottom: 0.5em;
	text-indent: -1em;
}
	dt.common2	{								/* diff pc */
	padding-left: 1em;
	padding-bottom: 0;
	text-indent: -1em;
}
	dd.common1	{								/* diff pc */
	padding-left: 1em;
	padding-bottom: 0.5em;
}
	dd.common2	{								/* diff pc */
	padding-left: 1em;
	padding-bottom: 0;
}
	dd.common4	{								/*  diff pc  前に●*/
	padding-left: 1em;
	padding-bottom: 0.5em;
	text-indent: -1em;
}
	p.serif-green-1	{							/* diff pc */
	width: 100%;
	color: #003300;
	font-family:
	"Century","Book Antiqua",
	serif;
	font-size: 1.7rem;
	padding-left: 1em;
}
	p.serif-green-1	span	{
	display: inline-block;
	font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	font-size: 0.9em;
	line-height: 1.6;
	margin-top: 0.5em;
}
	#gnav {					/* diff pc */
	display: none; 
	}


	ol.breadcrumb	{				/* diff pc */
	display: none;
	}
	#pagetop	{					/* diff pc */
	margin-right: 1rem;
	font-size: 1.3rem;
	font-weight: normal;
	text-align: right;
	color: #006e7b;
	}
	#pagetop a:link	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
	}
	#pagetop a:visited	{
	color: #006e7b;
	text-decoration: underline;
	font-weight: normal;
	}
	#pagetop a:hover	{
	color: #ff9900;
	text-decoration: underline;
	font-weight: normal;
	}	
	#copyright	{					/* diff pc */
	width: 100%;
	margin-top: 1em;
	font-size: 1.5rem;
	color: #222222;
	text-align: right;
	} 
	#nav-bottom	{					/* diff pc */
	margin: 0.5rem;
	font-size: 1.2rem;
	color: #006e7b;
	}
	ul#toc-s	{					/* タブレットのみ */
	display: none;
	}
	ul#toc-s li	{
	display: none;
	}
	ul#toc-s-pro	{
	display: none;
	}
	ul#toc-s-pro li	{
	display: none;
	}
	p.tm-slogan1-e	{
	margin: 0;
	width: 100%;
	padding: 1em 1em;
	color: #191970;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.6rem;
	line-height: 1.6
}
	p.tm-slogan1-e::first-letter	{
	font-size: 1em;
	font-weight: normal;
}
	p.tm4-slo1-j	{					/* 枠線 tm4 スローガン*/
	margin: 1em 0;
	border-bottom: double 3px #339900;
	color: #222222;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: center;
	line-height: 1.6;
}
	p.tm4-slo1-j span	{
	display: block;
}	
	p.tm-slogan2-j	{
	margin: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	color: #800000;
	font-size: 1.6rem;
}
	p.tm-slogan2-j span	{
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.6rem;
}
	p.tm-slogan3-j	{							/* tm4-new  */
	margin: 0;
	width: 100%;
	padding: 0;
	text-align: center;
	color: #800000;
	font-size: 1.8rem;
	font-weight: bold;
}

	p.tm-slogan3-e	{		/* tm3 */
	margin: 0;
	width: 100%;
	padding: 1em 1em;
	color: #191970;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.6rem;
	line-height: 1.6;
}
	p.tm-slogan4-e	{
	margin: 0;
	width: 100%;
	padding: 1em 1em;
	color: #990033;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.6rem;
	line-height: 1.6;
}
p.level-slogan2-e	{							/* ***** diff pc level1i  */
	margin: 0;
	width: 100%;
	color: #000066;
	font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	font-size: 1.6rem;
}
p.level-slogan2-j	{			/* ***** diff pc level1i  */
	margin: 0;
	width: 100%;
	color: #000066;
		font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"Hiragino Kaku Gothic ProN",
	"MS P ゴッシク",
	sans-serif;
	font-size: 1.6rem;
}
	p.pro-slogan-1-e		{/* ***** 諺 スローガン top */
	width: 100%;
	margin: 0;
	color: #336666;
	font-weight: bold;
	font-size: 1.7rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	text-align: center;
}
	  p.pro-slogan-1-e span	{
	font-size: 0.9em;
}
	p.japlish-slogan1-e	{							/* tmindex tm3 tm4  */
	margin: 0;
	width: 100%;
	color: #cc0000;
	font-family:
	"Georgia",
	"Palatino Linotype",
	serif;
	font-size: 1.6rem;
	line-height: 1.6;
}
	p.japlish-slogan1-e::first-letter	{
	font-size: 1em;
	font-weight: normal;

}
	div.pro-contents	{	/* ***** diff pc pro-index */
	width: 100%;
	margin: 0;
	padding: 15px;
	background-color: #ffffff;
}
	p.pro-slogan-2-e	{		/* pro-5 諺 pro-5 pro-3　pro-9 */
	width: 100%;
	color: #990033;
	font-weight: bold;
	font-size: 1.7rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	line-height: 1.5;
}
	p.pro-contents-cap1	{/* ***** diff pc 諺 */
	width:100%;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #222222;
	font-family:
	"Arial",
	sans-serif;
	font-size: 1.7rem;
	line-height: 1.6;
}
	  p.pro-contents-cap1 span	{
	display: block;
	font-family:
	"Arial","Verdana","Helvetica",
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"HiraKakuProN-W6",
	sans-serif;
	font-size: 0.9em;
	line-height: 1.6;
	padding: 0 0.5em;

}	
	p.pro-slogan-4-e	{							/* ***** diff pc *//* 諺 pro-2 pro-4 */
	width: 100%;
	margin-top: 1em;
	color: #990033;
	font-weight: bold;
	font-size: 1.8rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	line-height: 1.5;
}
	  p.pro-slogan-4-e span	{					/* ***** diff pc */
	font-size: 0.9em;
	padding-top: 0.5em;
}
	div.un-left1	{							/* un-ad-left1 */
	width: 100%;
	margin: 0px 2px 5px 2px;
	padding: 0 0 10px 0;
	border: double 5px #663333;
}
	div.un-right1	{				 				/* un-ad-right1 */
	width: 100%;
	margin: 0px 2px 5px 2px;
	padding: 0 0 10px 0;
	border: double 5px #003333;
}	
div.flex-1	{
	display: flex; 						/* pro6 写真 *//* 要素をFlexコンテナとして定義する */
	margin: 10px; /* ボックス外側余白を指定する */
}
p.flex-2	{
	margin-left: 1em;
}
	div.tma1	{					/* div 枠線 tm4*/
	width: 100%;
	margin: 1rem 0;
	border: none;
	background-color: #f3f3f3;
	padding: 0 1.5rem;
}

	p.article-slo1-j	{		/* tm3 */	/* diff pc */
	width: 100%;
	margin: 0;
	color: #003300;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 1px;
}
	div.base-tm-sys2	{			/***** diffpc tmシステム tm4-new*/	
	margin: 20px auto;
	width: 100%;
	padding: 10px 0 10px 10px;
	background-color: #ccffcc;
}
	  dl.tm-system2	{			/***** diffpc tmシステム tm4-new*/
	margin: 0 auto;
	width: 100%;
	font-size: 1.5rem;
	color: #003300;
}
	  dl.tm-system2 dt span	{
	font-size: 0.8em;
	font-weight: normal;
	display: block;
}
	  dl.tm-system2 dd	{
	padding-left: 1em;
	font-size: 1.4rem;
	font-weight: normal;
}

	dl.tm-system1	{				/* tmシステム */	/* diff pc */
	width: 100%;
	background-color: #ccffcc;
	margin: 1.5rem 0;
	padding: 0.5rem;			
	color: #003300;
	font-size: 1.5rem;
}
	dl.tm-system1 dt span	{
	display: block;
	padding-left: 2em;
	font-size: 0.9em;
}

	dl.tm-system1 dd	{
	padding-left: 2em;
	font-size: 0.9em;
}
h1#home-h1	{ 			/* diff pc  */
	width: 100%;
	margin: 0;
	padding: 1rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 2.5rem;
	letter-spacing: 6px;
}
	  h1#home-h1 span	{
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 1px;

}
h1#tm-h1	{ 			/* diff pc  */
	width: 100%;
	margin: 0;
	padding: 1rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 2rem;
	letter-spacing: 1px;
}
	  h1#tm-h1 span	{
	display: block;
	font-size: 1.7rem;
	font-weight: bold;
}
	h3.tm-h3	{			/* diff pc  */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 1rem;
	background-color: #339900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.7rem;
	text-decoration: none;
	text-align: left;
}
	  h3.tm-h3 span	{
	display: block;
}
	h2.tm4-h2	{			/* diff pc  */
	width: 100%;
	margin: 1.5em 0;
	padding: 0.5em;
	background-color: #339900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: left;
}
	  h2.tm4-h2 span	{
	display: block;
	margin-left: 1em;
}
	h3.level-h3	{			/* diff pc  */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 1rem;
	background-color: #006699;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.7rem;
	text-decoration: none;
	text-align: left;
}
	  h3.level-h3 span	{
	display: block;
	padding-left: 1em;
}
	h3#level-h3-1, #level-h3-2, #level-h3-3, #level-h3-4	{				/* diff pc  */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 1rem;
	background-color: #006699;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.7rem;
	text-decoration: none;
	text-align: left;
}

	h3.levelk-h3	{
	width: 100%;
	margin: 1em 0;
	padding: 0.5rem 1rem;
	border-bottom: double 3px #006699;
	color: #191970;
	font-weight: bold;
	font-size: 1.6rem;
}
h3.levelk-h3 span	{
	display: block;
	font-size: 1.6rem;

}
h3.level1i	{	
	width: 100%;
	margin: 1em 0;
	padding: 0.5rem 1rem;
	background-color: #cc0000;
	border-bottom: solid 2px #006699;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
}
h4.level-h4	{
	width: 100%;
	margin: 1.5em 0;
	padding: 0.5em;
	border-bottom: double 3px #006699;
	color: #222222;
	font-weight: bold;
	font-size: 1.6rem;
}
  h4.level-h4 span	{
	color: #006699;
}

	  h1#pro-h1	{ 								/* ここから諺のみ */
	width: 100%;
	margin: 0;
	line-height: 1.7;
	padding: 1rem 0 1rem 1rem;
	background-color: #339900;
	color: #ffffff;
	font-size: 1.7rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	letter-spacing: 0;
}
	h1#pro-h1 span	{
	padding-bottom: 1rem;
	font-size: 1.5rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	letter-spacing: 0;
}
	h2#pro-h2	{
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
	color: #336666;
	font-weight: normal;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: left;
}
	h3#pro-h3	{
	width: 100%;
	margin: 0;
	padding: 0.5em 1em;
	background-color: #cc6633;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
	font-family:
	"Palatino Linotype",
	"Georgia",
	serif;
	text-decoration: none;
	text-align: center;
}
	h3#pro-h3 span	{
	font-size: 1.4rem;
	font-family:
	"メイリオ",
	"Meiryo",
	"游ゴシック",
	"Yu Gothic",
	"ヒラギノ角ゴ ProN W6",
	"ヒラギノ角ゴ ProN W3",
	"HiraKakuProN-W6",
	sans-serif;
	font-weight: normal;
}
	h4.tm-h4	{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-bottom: double 3px #339900;
	color: #003300;
	font-weight: bold;
	font-size: 1.6rem;
}
	  h4.tm-h4 span	{
	color: #339900;
}
	h3.tm-h3	{			/* diff pc  */
	width: 100%;
	margin: 1.5em 0 1em 0;
	padding: 0.5rem 1rem;
	background-color: #339900;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.7rem;
	text-decoration: none;
	text-align: left;
}
  .dlw3e {					/* pro-index nickdick */
        width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */
        display: block; /* 横並びにさせないようブロック要素にする */
        font-size: 1.6rem;
		}
    .dlw3e dt{
        width: 100%; /* 横幅を幅いっぱいに指定 */
		padding-top: 0;
		padding-bottom: 0;
		font-size: 1em;
    	}
    .dlw3e dd {
        width: 100%; /* 横幅を幅いっぱいに指定 */
		padding-top: 0;
		padding-bottom: 0.5em;
        padding-left: 2em;
        font-size: 1em;
    	}
  .dlw5j	{				/* ***** diff pc pro-index nickdick pro-6 */
        width: 100%; /* 横幅をpxではなく、幅いっぱいに指定。 */
        display: block; /* 横並びにさせないようブロック要素にする */
        font-size: 1.6rem;
		}
    .dlw5j dt{
        width: 100%; /* 横幅を幅いっぱいに指定 */
		padding-top: 0;
		padding-bottom: 0;
		font-size: 1em;
    	}
    .dlw5j dd {
        width: 100%; /* 横幅を幅いっぱいに指定 */
		padding-top: 0;
		padding-bottom: 0.5em;
        padding-left: 2em;
        font-size: 1em;
    	}
     .dlw5je	{			/* ***** diff pc pro-5*/
	width: 100%;
	display: block;
	font-size: 1.6rem;
	}
	  .dlw5je dt{
    width: 100%; /* 横幅を幅いっぱいに指定 */
	padding-top: 0;
	padding-bottom: 0em;
	font-size: 1em;
	}
      .dlw5je dd{
	padding-top: 0;
	padding-bottom: 0.5em;
	padding-left: 2em;
	color: #000099;
	font-size: 1em;
	}

	table.ex-pro			{/* ***** pc用 pro-8 */
	display: none;
}
	table.sm-ex-pro	{		/* ***** スマホ用 pro-8 */
	width: 100%;
	display: block;	
 	float: none;
 	margin-bottom: 0;
 	padding-bottom: 0;
 	border-width: 0;
 	font-size: 1.5rem;
 	}
	table.sm-ex-pro tr	{
 	vertical-align: top;
 	}
	table.sm-ex-pro td	{
 	vertical-align: top;
 	padding: 1rem;
 	line-height: 1.5em;
 	text-align: center;
 	background-color: #dcdcdc
}	
div#nav-drawer {
  display:  inline-block;
  position: relative;
  margin-top: 5px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 330px;/*最大幅（お好みで調整を）*/

  background: #fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
 display: flex;
 display: -moz-flex;
 display: -o-flex;
 display: -webkit-flex;
 display: -ms-flex;
 flex-direction: row;
 -moz-flex-direction: row;
 -o-flex-direction: row;
 -webkit-flex-direction: row;
 -ms-flex-direction: row;
}
ul.nav-drawer	{
	list-style-type: disc;
	padding: 0.5em 0 0.5em 2em;
	font-family: sans-serif;
	font-size: 1.5rem;
	}
ul.nav-drawer li	{
	color: #009900;
	text-decoration: none;
}
ul.nav-drawer li a:link	{
	color: #0066cc;
	text-decoration: underline;
}
ul.nav-drawer li a:visited	{
	color: #0066cc;
	text-decoration: underline;
}
ul.nav-drawer li a:hover	{
	color: #ff9900;
	text-decoration: underline;
}
ul.nav-drawer li span a:link	{
	color: #0066cc;
	text-decoration: none;
}
ul.nav-drawer li span a:visited	{
	color: #0066cc;
	text-decoration: none;
}
ul.nav-drawer li span a:hover	{
	color: #ff9900;
	text-decoration: none;
}
#g_navi {
      display:flex; 
      flex-wrap: wrap;
      background-color: #66ff66;
      width: 100%;
      height:auto;
      padding:0;
    }
     .box-item0{
      width: 100%;
      margin: 0 auto;
      text-align: left;
      padding: 2px;
    }   

    .box-item1{
      width: 40%;
      margin: 0 auto;
      text-align: left;
      padding-left: 5px;
    }   
      .box-item2{
      width: 37%;
      margin: 0 auto;
      text-align: left;
    } 
      .box-item3{
      width: 23%;
      margin: 0 auto;
      text-align: left;
    } 


 
.box-item4, .box-item1, .box-item2, .box-item3, .box-item4	{
	color: #333333;
	font-size: 1.4rem;
	}
.box-item0 a:link	{
	color: #333333;
	text-decoration: underline;
	}
.box-item0 a:visited	{
	color: #333333;
	text-decoration: underline;
	}
.box-item0 a:hover	{
	color: #00cc99;
	text-decoration: underline;
	}
.box-item1 a:link	{
	color: #333333;
	text-decoration: underline;
	}
.box-item1 a:visited	{
	color: #333333;
	text-decoration: underline;
	}
.box-item1 a:hover	{
	color: #00cc99;
	text-decoration: underline;
	}

.box-item2 a:link	{
	color: #333333;
	text-decoration: underline;
	}
.box-item2 a:visited	{
	color: #333333;
	text-decoration: underline;
	}
.box-item2 a:hover	{
	color: #00cc99;
	text-decoration: underline;
	}
.box-item3 a:link	{
	color: #333333;
	text-decoration: underline;
	}
.box-item3 a:visited	{
	color: #333333;
	text-decoration: underline;
	}
.box-item3 a:hover	{
	color: #00cc99;
	text-decoration: underline;
	}

/*---------------------------------
flex tm4-new
--------------------------------*/
.flex-level-i_a {
display: flex; /* Flexboxを有効化 */
flex-direction: row;
gap: 0; /* アイテム間の余白 */
}
.flex-level-i_b {
display: flex; /* Flexboxを有効化 */
flex-direction: column;
gap: 0; /* アイテム間の余白 */
}

dl.flex {
    display: block; /* 子要素のdtとddを横並びを解消 */
    flex-wrap: nowrap; /* 1つのdtとddで1行になるよう改行させる */
}
dt.flex-75	{		/* 前に■ */
    padding: 0 0 0 1em;
    font-size: 1.6rem; 
    width: 7.5em;
    text-indent: -1em;
}
dd.flex-75 	{
	padding: 0 0.5em 1em 2em;
	font-size: 1.6rem;
    width: 100%;
}

.inline-dif-sm	{				/* ***** dif pc */
	display: block;
}
div.un-all1	{							/* un-all1 tm4-new*/
	width: 100%;
	margin: 0px 1px 5px 1px;
	padding: 10px 5px 5px 5px;
	border: solid 2px #003333;
}
div.un-all1-1	{
	margin: 30px auto;
	width: 100%;
	padding: 9px 0 9px 5px;
	background-color: #669999;
}
dl.un-all1-tmsys	{						/* un-all1 tm4-new*/
	margin: 0 auto;
	width: 100%;
	font-size: 1.5rem;
	color: #ffffff;
}
dl.un-all1-tmsys dd	{						/* un-all1 tm4-new*/
	padding-left: 1em;
	font-size: 1.5rem;
	font-weight: normal;
}
p.un-all1-slogan-1	{
	margin: 0;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	color: #800000;
	font-size: 2rem;
	font-weight: bold;
}
p.un-all1-slogan-2	{
	margin: 0 auto;
	width: 90%;
	padding: 20px 0;
	color: #0033cc;
	font-size: 1.6rem;
}

ul.un-all1	{
	width: 90%;
	margin: 20px auto;
	padding-left: 1em;
	list-style-type: square;
	color: #663333;
	font-weight: normal;
	font-size: 1.7rem;
	text-align: left;
	} 
ul.un-all1 li	{
	margin: 0;
	padding: 3px;
	font-size: 1.7rem;
	font-weight: bold;
}	
ul.un-all1 li a:link	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:visited	{
	color: #006699;
	text-decoration: underline;
}
ul.un-all1 li a:hover	{
	color: #cc6699;
	text-decoration: underline;
}
  .tm-link1-top	{
  	width: 90%;
  	margin: 0.5em auto;
	text-align: center;
	background-color: #cc6600;
	color: #ffffff;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 1px;
}

.tm-link1-top span{
	font-size: 0.6em;
}
  .tm-link1	{					/* tm4-new*/
  	width: 100%;
  	margin-top: 1em;
  	margin-bottom: 1em;
	text-align: center;
	color: #880000;
	font-size: 1.8rem;
	font-weight: bold;
}
.tm-link1 span{
	font-size: 1.3rem;
}
.rl-margin5	{
	width: calc(100% - 4em);
	margin-right: 2em;
	margin-left: 2em;
}
/* tm-index new */
div.thick-line	{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 2%;
	border: solid 4px #ff9900;
}
.kindle-box	{
	width: 100%;
	padding: 2%;
}
.kindle-img-1	{
	width: 200px;
	margin: 0 auto;
}
.kindle-img-1 img	{
	width: 200px;
	margin-bottom: 0.5em;
}
.kindle-box ul	{
	width: 100%;
	margin-top: 2em;
	padding-left: 2em;
}






}