﻿/*******************************************************/
/*                                                     */
/* トップページコンテンツの編集      　                */
/*                                                     */
/*******************************************************/
/********************************/
/*　パソコン画面サイズ          */
/********************************/

/*******************************************************/
/*                                                     */
/* パソコンフォーマット  		               */
/*                                                     */
/*******************************************************/

@media screen and (min-width: 768px)
{ 
	h2
	{
		padding: 5px 10px;
		font-size: 22px;
		color: #000;
		position: relative;
		padding: 1rem .5rem;
	}

	h2:before,h2:after 
	{
		position: absolute;
		left: 0;
		width: 40%;
		height: 4px;
		content: '';
		background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
		background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
		background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
	}
	h2:before 
	{
		top: 0;
	}
	h2:after
	{
		bottom: 0;
	}
	h3
	{
		padding: 0 20px;
		font-size:  18px;       /* 文字サイズ指定 */
		color: #000000;
		font-weight:  bold;   /* 文字の太さ調整 */
	/*	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */

	}
	h4
	{
		padding: 0 10px;;
		font-size: 20px;
		color: #110088;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		text-align: center;
	}

	p
	{
		padding: 0 20px;
		font-size: 14px;
		color: #000;
	}
	/**** コンテンツの紹介文 ***/
	.container-top
	{
		padding: 0 30px;
		grid-column: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto auto auto auto auto 1fr;
	}
	.container-top1
	{
		grid-column: 1;
		grid-row: 1;
		padding: 0 20px;
	}
	.container-top2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
		padding: 10px 20px;
		background: url(../images/topinfo.png) 100% 0 no-repeat;
	}
	.container-top2-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top2-2
	{
		grid-colum: 1;
		grid-row: 2;
		text-align: right;
		padding: 150px 450px 20px 10px;
	}
	.container-top3
	{
		grid-column: 1;
		grid-row: 3;
		padding: 40px 20px 0 20px;
	}
	.container-top4
	{
		grid-column: 1;
		grid-row: 4;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto auto auto 1fr;
		padding: 0 20px 30px 20px;
	}
	.container-top4-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top4-2
	{
		grid-colum: 1;
		grid-row: 2;
		text-align: center;
	}
	.container-top4-3
	{
		grid-colum: 1;
		grid-row: 3;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto 1fr;
		gap: 10px;
		padding-bottom: 20px;
	}
	.container-top4-3-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top4-3-2
	{
		grid-colum: 2;
		grid-row: 1;
	}
	.container-top4-3-3
	{
		grid-colum: 3;
		grid-row: 1;
	}
	.container-top4-4
	{
		grid-colum: 1;
		grid-row: 4;
		display: grid;
		grid-template-columns: 1fr 1fr ;
		grid-template-rows: auto 1fr;
		border-top: solid 3px #215dbc;
		border-left: solid 3px #215dbc;
		border-right: solid 3px #215dbc;
		border-bottom: solid 3px #215dbc;
	}
	.container-top4-4-1
	{
		grid-colum: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: auto 1fr ;
		grid-template-rows: auto auto auto auto 1fr;
	}
	.container-top4-4-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		border-right: solid 1px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-1-2
	{
		grid-colum: 2;
		grid-row: 1;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-2-1
	{
		grid-colum: 1;
		grid-row: 2;
		border-right: solid 1px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-2-2
	{
		grid-colum: 2;
		grid-row: 2;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-3-1
	{
		grid-colum: 1;
		grid-row: 3;
		border-right: solid 1px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-3-2
	{
		grid-colum: 2;
		grid-row: 3;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-4-1
	{
		grid-colum: 1;
		grid-row: 4;
		border-right: solid 1px #215dbc;
	}
	.container-top4-4-4-2
	{
		grid-colum: 2;
		grid-row: 4;
		border-right: solid 3px #215dbc;
	}
	.container-top4-4-2
	{
		grid-colum: 2;
		grid-row: 1;
	}
	.container-top4-4-2 iframe
	{
		width: 450px;
		height: 350px;
	}

	.container-top5
	{
		grid-column: 1;
		grid-row: 5;
		padding: 30px 20px 0 20px;
	}

	.container-top6
	{
		grid-column: 1;
		grid-row: 6;
		padding: 0 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto 1fr;
	}
	.container-top6-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top6-2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto  auto auto  auto auto 1fr;
		padding: 0 20px;
	}
	.container-top6-2-1
	{
		grid-colum: 1;
		grid-row: 1;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr 1fr 1fr ;
		grid-template-rows: auto auto auto auto auto 1fr;
		padding: 0 20px 0 10px;
	}
	.container-top6-2-1 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-2-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-1-2
	{
		grid-colum: 2;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-1-3
	{
		grid-colum: 3;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-2
	{
		grid-colum: 1;
		grid-row: 2;
	}
	.container-top6-3
	{
		display: grid;
		grid-colum: 1;
		grid-row: 3;
	}
	.container-top6-4
	{
		display: grid;
		grid-colum: 1;
		grid-row: 4;
		padding-top: 10px;
	}
	.container-top6-4 ol.list
	{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		list-style-type: none;
		font-size: 14px;
		font-weight: bold;
	}
	.container-top6-4 ol.list > li 
	{
		width: calc(30% - 0px);
		margin: 2px 0 30px 0;
		line-height: 1.0em ;/* 行の高さ */
		border-bottom: solid 1px #a8aade;
		color: #000;
	}
	.container-top6-4 ol.list a
	{
		color: #000;
		text-decoration: none;
	}
	.container-top6-4 ol.list a > p  
	{
		font-size: 10px;
		font-weight: normal;
	}
	.container-top6-4 ol.list a:hover 
	{
		color: #f06;
	}
	.container-top6-4 ol.list img 
	{
		width: 260px;
		height: auto;
	}
	.container-top6-4 p
	{
		text-align: right;
	}
	.container-top6-5
	{
		grid-colum: 1;
		grid-row: 5; 
	}

	.container-top6-6
	{
		grid-column: 1;
		grid-row: 6;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto auto auto 1fr;
		padding: 0 20px;
	}
	.container-top6-6-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-1-1 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-1-2
	{
		grid-colum: 2;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-1-2 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-2-1
	{
		grid-colum: 1;
		grid-row: 2;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-2-1 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-2-2
	{
		grid-colum: 2;
		grid-row: 2;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-2-2 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-3-1
	{
		grid-colum: 1;
		grid-row: 3;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-3-1 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-3-2
	{
		grid-colum: 2;
		grid-row: 3;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-3-2 ul
	{
		font-size: 18px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}

	.container-top7
	{
		grid-column: 1;
		grid-row: 7;
	}

	.container-top8
	{
		grid-column: 1;
		grid-row: 8;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
	}
	.container-top8-1
	{
		grid-column: 1;
		grid-row: 1;
	}
	.container-top8-2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto 1fr;
	}
	.container-top8-2-1
	{
		grid-column: 1;
		grid-row: 1;
		padding-left: 40px;
	}
	.container-top8-2-1 img
	{
		border-style: solid;
		border-width: medium;
		border-color: #0066ff;
	}
	.container-top8-2-1 ul
	{
		list-style: circle;
		color: #000000;
	}
	.container-top8-2-1 a
	{
		color: 0066ff;
		font-weight: bold;
	}
	.container-top8-2-1 a:hover
	{
		color: ff1111;
		font-weight: bold;
	}
	.container-top8-2-2
	{
		grid-column: 2;
		grid-row: 1;
		padding-right: 20px;
	}
	.container-top8-2-2 iframe
	{
		width: 400px;
		height: 380px;
	}
}

/*******************************************************/
/*                                                     */
/* スマフォ・タブレットフォーマット	               */
/*                                                     */
/*******************************************************/

@media screen and (max-width: 768px)
{ 
	h2
	{
		padding: 5px 10px;
		font-size: 18px;
		color: #000;
		position: relative;
		padding: 1rem .5rem;
	}

	h2:before,h2:after 
	{
		position: absolute;
		left: 0;
		width: 40%;
		height: 4px;
		content: '';
		background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
		background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
		background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
	}
	h2:before 
	{
		top: 0;
	}
	h2:after
	{
		bottom: 0;
	}
	h3
	{
		padding: 0 20px;
		font-size:  16px;       /* 文字サイズ指定 */
		color: #000000;
		font-weight:  bold;   /* 文字の太さ調整 */
	/*	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;    /* 角丸指定 */

	}
	h4
	{
		padding: 0 10px;;
		font-size: 18px;
		color: #110088;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		text-align: center;
	}

	p
	{
		padding: 0 10px;
		font-size: 12px;
		color: #000;
	}
	/**** コンテンツのメイン部 ***/
	/**** コンテンツの紹介文 ***/
	.container-top
	{
		padding: 0 10px;
		grid-column: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto 1fr;
	}
	.container-top1
	{
		grid-column: 1;
		grid-row: 1;
		padding: 0 10px;
	}
	.container-top2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
		padding: 10px 0;
		background: url(../images/topinfo.png) 10% auto no-repeat;
	}
	.container-top2-1
	{
		grid-colum: 1;
		grid-row: 1;
		padding: 0 10px 0 20px;
	}
	.container-top2-2
	{
		grid-colum: 1;
		grid-row: 2;
		text-align: right;
		padding: 0 20px;
	}
	.container-top3
	{
		grid-column: 1;
		grid-row: 3;
		padding: 20px 10px 0 10px;
	}
	.container-top4
	{
		grid-column: 1;
		grid-row: 4;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto auto auto 1fr;
		padding: 10px 0;
	}
	.container-top4-1
	{
		grid-colum: 1;
		grid-row: 1;
		padding: 0 10px 0 20px;
	}
	.container-top4-2
	{
		grid-colum: 1;
		grid-row: 2;
		padding: 0 10px 0 20px;
	}
	.container-top4-2 img
	{
		width: 100%;
		height: auto;
	}
	.container-top4-3
	{
		grid-colum: 1;
		grid-row: 3;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto 1fr;
		gap: 10px;
		padding: 0 10px 20px 20px;
	}
	.container-top4-3 img
	{
		width: 100%;
		height: auto;
	}
	.container-top4-3-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top4-3-2
	{
		grid-colum: 1;
		grid-row: 2;
	}
	.container-top4-3-3
	{
		grid-colum: 1;
		grid-row: 3;
	}
	.container-top4-4
	{
		grid-colum: 1;
		grid-row: 4;
		display: grid;
		grid-template-columns: 1fr ;
		grid-template-rows: auto auto 1fr;
		padding: 0 20px 0 30px;
	}
	.container-top4-4-1
	{
		grid-colum: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: 1fr auto ;
		grid-template-rows: auto auto auto auto 1fr;
	}
	.container-top4-4-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		border-top: solid 3px #215dbc;
		border-left: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
		width: 100px;
	}
	.container-top4-4-1-2
	{
		grid-colum: 2;
		grid-row: 1;
		border-top: solid 3px #215dbc;
		border-left: solid 1px #215dbc;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-2-1
	{
		grid-colum: 1;
		grid-row: 2;
		border-left: solid 3px #215dbc;
		border-right: solid 1px #215dbc;
		border-bottom: solid 1px #215dbc;
		width: 100px;
	}
	.container-top4-4-2-2
	{
		grid-colum: 2;
		grid-row: 2;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-3-1
	{
		grid-colum: 1;
		grid-row: 3;
		border-left: solid 3px #215dbc;
		border-right: solid 1px #215dbc;
		border-bottom: solid 1px #215dbc;
		width: 100px;
	}
	.container-top4-4-3-2
	{
		grid-colum: 2;
		grid-row: 3;
		border-right: solid 3px #215dbc;
		border-bottom: solid 1px #215dbc;
	}
	.container-top4-4-4-1
	{
		grid-colum: 1;
		grid-row: 4;
		border-left: solid 3px #215dbc;
		border-right: solid 1px #215dbc;
		border-bottom: solid 3px #215dbc;
		width: 100px;
	}
	.container-top4-4-4-2
	{
		grid-colum: 2;
		grid-row: 4;
		border-right: solid 3px #215dbc;
		border-bottom: solid 3px #215dbc;
	}
	.container-top4-4-2
	{
		grid-colum: 1;
		grid-row: 3;
		border-left: solid 3px #215dbc;
		border-right: solid 3px #215dbc;
		border-bottom: solid 3px #215dbc;
	}
	.container-top4-4-2 iframe
	{
		width: 100%;
		height: auto;
	}

	.container-top5
	{
		grid-column: 1;
		grid-row: 5;
		padding: 30px 20px 0 20px;
	}

	.container-top6
	{
		grid-column: 1;
		grid-row: 6;
		padding: 0 20px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto 1fr;
	}
	.container-top6-1
	{
		grid-colum: 1;
		grid-row: 1;
	}
	.container-top6-2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto  auto auto  auto auto 1fr;
		padding: 0;
	}
	.container-top6-2-1
	{
		grid-colum: 1;
		grid-row: 1;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr ;
		grid-template-rows: auto auto auto auto auto 1fr;
		padding: 0 0 0 10px;
	}
	.container-top6-2-1 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-2-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-1-2
	{
		grid-colum: 1;
		grid-row: 2;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-1-3
	{
		grid-colum: 1;
		grid-row: 3;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-2-2
	{
		grid-colum: 1;
		grid-row: 2;
	}
	.container-top6-2-2 img
	{
		width: 100%;
		height: auto;
	}
	.container-top6-3
	{
		display: grid;
		grid-colum: 1;
		grid-row: 3;
	}
	.container-top6-4
	{
		display: grid;
		grid-colum: 1;
		grid-row: 4;
		padding-top: 10px;
	}
	.container-top6-4 ol.list
	{
		list-style-type: square;
		font-size: 12px;
		font-weight: bold;
	}
	.container-top6-4 ol.list > li 
	{
/*		width: calc(97% - 5px);*/
		margin: 2px 35px 15px 20px;
		line-height: 1.0em ;/* 行の高さ */
		border-bottom: solid 1px #a8aade;
		grid-template-rows:  auto;
		color: #000
	}
	.container-top6-4 ol.list img 
	{
		width: 100%;
		height: auto;
	}
	.container-top6-4 p
	{
		text-align: left;
	}
	.container-top6-5
	{
		grid-colum: 1;
		grid-row: 5; 
	}

	.container-top6-6
	{
		grid-column: 1;
		grid-row: 6;
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto auto auto 1fr;
		padding: 0 0 0 10px;
	}
	.container-top6-6-1-1
	{
		grid-colum: 1;
		grid-row: 1;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-1-1 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/

	}
	.container-top6-6-1-2
	{
		grid-colum: 1;
		grid-row: 2;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-1-2 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-2-1
	{
		grid-colum: 1;
		grid-row: 3;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-2-1 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-2-2
	{
		grid-colum: 1;
		grid-row: 4;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-2-2 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-3-1
	{
		grid-colum: 1;
		grid-row: 5;
		padding: 0.5em 1em;
		margin: 2em 0;
		font-weight: bold;
		color: #111177;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-3-1 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}
	.container-top6-6-3-2
	{
		grid-colum: 1;
		grid-row: 6;
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #111177;
		font-weight: bold;
		background: #c6e4ff;
		border-bottom: solid 6px #aac5de;
		border-radius: 9px;
	}
	.container-top6-6-3-2 ul
	{
		font-size: 12px;
		text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
		border-left: double 7px #4ec4d3;/*左線*/
		border-right: double 7px #4ec4d3;/*右線*/
	}

	.container-top7
	{
		grid-column: 1;
		grid-row: 7;
	}

	.container-top8
	{
		grid-column: 1;
		grid-row: 8;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
	}
	.container-top8-1
	{
		grid-column: 1;
		grid-row: 1;
	}
	.container-top8-2
	{
		grid-column: 1;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto 1fr;
	}
	.container-top8-2-1
	{
		grid-column: 1;
		grid-row: 1;
		padding-left: 40px;
	}
	.container-top8-2-1 img
	{
		border-style: solid;
		border-width: medium;
		border-color: #0066ff;
	}
	.container-top8-2-1 ul
	{
		list-style: circle;
		color: #000000;
		font-size: 12px;
	}
	.container-top8-2-1 a
	{
		color: 0066ff;
		font-weight: bold;
	}
	.container-top8-2-1 a:hover
	{
		color: ff1111;
		font-weight: bold;
	}
	.container-top8-2-2
	{
		grid-column: 1;
		grid-row: 2;
		padding-right: 20px;
		text-align: center;
	}
	.container-top8-2-2 iframe
	{
		width: 70%;
		height: auto;
	}



























}
