body {
	margin: 0;
	background-color: #eee;
	color: #333;
	font-family:'游明朝','游ゴシック','メイリオ', 'ヒラキノ角ゴProN',sans-serif;
}
.flexbox {
			margin:0;
			background-color:#fff;
			width:100%;
			max-width:1200px;
}
/* �w�b�_�[ */
.site {
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #fff;
	color: #009999;
	font-size: 28px;
	font-weight:500;
	line-height: 1;
	text-align: center;
	max-width:1200px;
}
.site a {
	margin: 0;
	font-size:28px;
	font-weight: 900;
	color: inherit;
	text-decoration: none;
}
.site .fa {
	display: block;
	margin:10px 0 10px 0;
}
.site img {
	margin: 0 0 0 0;
	width: 100%;
}
/*slide*/
.slideBox {
  height: 371px;
  overflow: hidden;
  position: relative;
  margin:0 auto;
  max-width:1000px;
}

/* img�̂� */
.item1 {
  opacity: 0;
  max-width: 600px;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50px;
  top: 10Px;
  -webkit-animation:anime 30s 0s infinite;
  animation:anime 30s 0s infinite;
}
.item1:nth-of-type(2) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

.item1:nth-of-type(3) {
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}


/* �ӂ���ƃA�j���[�V���� */
@keyframes anime {
  0% {
    opacity: 1;
  }
  15%{
    opacity:1;
}
  30% {
    opacity: 0;
    z-index:9;
  }
  35% {
    opacity: 1;
    
  }
 45% {
    opacity: 1
}
  60% {
    opacity: 0;
    z-index:9;
}
  65% {
    opacity: 1;
    
   
  }
  100% {
    opacity: 0;
    z-index:9;
  }
}
/*menu*/
.menu {
	margin: 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color:#009999;
	color:#ffffff;
	max-width: 1200px;
}
.menu ul {
	display: flex;
	margin: 0;
	padding: 0;
}
.menu li {
	flex: 1;
	list-style-type: none;
}
.menu li+ li {
	border-left: solid 1px #ccc;
}
.menu a {
	display: block;
	margin: 0 0 0 0;
	padding: 12px 0px;
	color: inherit;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}
.menu a:hover {
	background-color: #000080;
}
@media (max-width: 599px) {
	.menu a {font-size: 14px;}
}
@media (min-width: 768px) {
	.menu li:first-child {
		border-left: solid 1px #ccc;
	}
	.menu li:last-child {
		border-right: solid 1px #ccc;
	}
}
/* copyright */
.copyright	{
			display:block;
			margin:0;
			padding:5px 0 15px 0;
			background-color:#afeeee;
			max-width:1200px;
}
.copyright p {
							margin:0;
							color:#000;
							font-size:16px;
							text-align:center;
		}
.footmenu {
				margin: 0;
				border-top: solid 0px #ccc;
				border-bottom: solid 0px #ccc;
				background-color:#afeeee;
				color:#000;
				max-width: 1200px;
}
.footmenu p {
				padding:20px 40px 20px 30px;
				line-height:1.5;
				text-indent:1em;
				color:#000080;
				font-weight:600;
}
.footmenu ul {
				display: flex;
				margin: 0;
				padding: 0 10px 0 10px;
}
.footmenu li {
				flex: 1;
				list-style-type: none;
}
.footmenu li+ li {
				border-left: solid 0px #ccc;
}
.footmenu a {
	display: block;
	margin: 0 0 0 0;
	padding: 12px 0px;
	color: inherit;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}
.footmenu a:hover {
	background-color: #ffffe0;
}
@media (max-width: 599px) {
	.footmenu a {font-size: 12px;}
}
@media (min-width: 768px) {
	.footmenu li:first-child {		
	}
	.footmenu li:last-child {	
	}
}

 
/* main */
.main {
  background: #fff;
	margin: 0;
	padding:0 20px 10px 20px;
}
.main h1 {
		padding: 0 0 0 0.75em;
		margin-left:10px;
		border-left:10px solid #0099ff;
    		border-bottom:1px solid #0099ff;
		color:#008080;
	}
.main h1 a {
	color: inherit;
	text-decoration: none;
	font-weight:500;
}
.main h1 a:hover {
	background-color: #eee;
}

.main dl{margin: 0.5em 1em 1em 0;
				}
.main dt{margin: 1em 0 0 1em;
	font-weight: 500;
	list-style: none;
        line-height:1.2em;
	text-align:left;
	color:#059393;
}
.main dd{     
	padding: 0 1em 0.5em 0;
	text-indent:1em;	
	line-height:1.7em;
	font-size: 18px;}
	/*margin-left:1em;*/
	/*display: block;*/
/*.main dd:before {
	content: '�E';
}*/
.main h2 {
		padding: 0 0 0 1em;
		margin:0 0 0 20px;
		border-left:8px solid #ccc;
    border-bottom:1px solid #ccc;
		color:#000080;
		font-weight:600;
	}
.main h2 a {
					padding:5px;
					background-color:whitesmoke;
					color:#0000ff;
					font-weight:600;
					text-decoration:none;
					cursor: pointer;
}
.main h2 a:hover {
		 background-color: #fff;
                  color:#ff0000;
}
.main p {padding:0 1em;
	line-height:1.5;
	text-indent:1em;
	color:#333;
	font-weight:500;
	}
.main span	{display: block;
		color: #000080;
  		font-weight:500;
}
.main p span{padding:0 40px 0 30px;
	     line-height:1.5;
	     text-indent:1em;
	     color:#000;
	     font-weight:500;
}
.main ul {
		padding: 0 0 5px 20px;
		margin:0 0 0 2em;
		font-size:18px;
		line-height:25px;
		color:#333;
		font-weight:500;
		clear:both;
		list-style-type: square;
	}
.main ol {
		padding: 0 1em 5px 0.5em;
		margin:0 0 0 3em;
		font-size:18px;
		line-height:25px;
		color:#333;
		font-weight:600;
		clear:both;
		list-style-type:decimal;
	}
.main li {
        padding:0 0 10px 20px;
}
.main li span{font-weight:600;
}
.main li a {
	color: inherit;
	text-decoration: none;
	font-weight:500;
}
.main li a:hover {
	background-color: #eee;
}
.main h3 {
    width:95%;
		padding: 0 0;
		margin:0 0 0 0;
		background-color:whitesmoke;
		border-left:1px solid whitesmoke;
		border-right:1px solid whitesmoke;
    		border-bottom:1px solid whitesmoke;
		color:#333 ;
		font-weight:600;
		text-align:left;
		line-height:1.5em;
	}
.main h3 span{
    		width:80%;
		padding: 0.5em 0;
		margin:0 auto 0 auto;
		font-weight:500;
		text-align:center;
		color:#008080;
	}
.main h3 a {
	color:#fff;
	text-decoration: none;
}
.main h3 a:hover {
    background-color:#fff;
		color:#000080;
}    
.main h4 {
		padding: 0.5em 1em;
		margin:0 0 0 1em;
		color:#000080;
		font-weight:600;
		line-height:1em;
		text-align:center;
	}
.main h4 span{
		padding: 0 0;
		margin:0 0 0 0;
		color:#008080;
		font-weight:600;
    		text-align:center;
		line-height:0.5em;
		text-align:center;
	}
.main h4 a {
	color:#fff;
	text-decoration: none;
	background-color:#000080;
}
.main h4 a:hover {
    background-color:#ffffe0;
		color:#bb0000;
} 
.main div.box1{
		width:99%;
		padding: 0 0em;
		margin:0 0.5em;
		background-color:whitesmoke;
		border-left:double 7px  #4ec4d3;
		border-right:double 7px  #4ec4d3;
    	border-bottom:1px solid #4ec4d3;
		border-top:1px solid #4ec4d3;
		text-align:left;
}
.main div.box2{
		width:99%;
		padding: 0 0em;
		margin:0 0.5em;
		background-color:#ffffff;
		border-left:solid 7px  #0099ff;
		border-right:solid 7px  #0099ff;
    	border-bottom:1px solid #0099ff;
		border-top:1px solid #0099ff;
		text-align:left;
}
figcaption {
                font-size: 14px;
}
figure img {
    	display: block;
    	margin: 0 auto;
	width:100%;
	
}
/* symp */
#symp {
			width: 100%;
			line-height:21px;
			background-color: #fff;
			border: 1px #fff solid;
			color: #333;
}

#symp > dl {
		border-bottom:1px dotted #0099ff;
		margin:0 0 10px 0;
	   }
#symp > dt {
      background-color:#fff;		
			color:#008080;
			cursor: pointer;
			text-align:center;
			width:600px;
    }
#symp > dd {
      margin:0 1em 0 0;
			padding:0 0 0 0;
			font-size:16px;
			color:#000080;
    }
#symp dd a{
			color: inherit;
			text-decoration: none;
		}
#symp dd a:hover {
			background-color: #eee;
		}
#symp ul {
	width:100%;
	margin: 0 0 0 10px ;
	padding: 15px 0 15px 0;
}
#symp li {
		list-style-type: disc;
    padding:0 0 10px 0;
		margin:0 0 0 50px;		
		color:#333;
}
#symp h1 {
		padding: 10px 0 10px 0.75em;
		margin:10px 10px 10px 0;
		background-color:#fff;
		border-left:0px solid #ffffff;
		border-bottom:0px solid #ffffff;
		color:#0000ff ;
		text-align:center;
	}
#symp h2 {
		border-left:8px solid #fff;
    border-bottom:1px solid #fff;
		color:#cc0000;
	}
#symp h3 {
		padding: 0 0 0 0;
		margin:0 0 0 10px;
		color:#0000ff;
	}
#symp h4 {
		padding: 0 0 0 0;
		margin:0.5em 0 0 1.5em;
		color:#000080;
		text-align:left;
	}
#symp h4 span{
		padding: 0 0 0 0;
		margin:0.5em 0 0 1.5em;
		color:#cc0000;
		text-align:left;
	}
#symp h5{color:#0000ff;
					padding:0;
}
#symp h5 span{color:#0000ff;
		margin-left:180px;
		padding:0;
}

#symp p {
				padding:0 0 0 1em;
				text-indent:0em;
				background-color:#fff;
				color:#333;
				font-weight:500;
	}
#symp p span {
				padding:0 0 0 0.75em;
				text-indent:0em;
				background-color:#fff;
				color:#333;
				font-weight:500;
	}
#symp img {text-align:center;
						margin:10px 0 10px 10px;
						width:90%;
	}
#symp clear{
						clear:both;
}
#symp a img {float:right;
					margin:5px;
     			width:40%;}
#symp p a {
					padding:5px;
					background-color:#008080;
					color:#fff;
					font-weight:600;
					text-decoration:none;
					cursor: pointer;
}
#symp p a:hover {
					color:#ff0000;
					font-weight:600;
					text-decoration:none
}
/* slideshow */
#stage {
position: relative;
max-width:400px;
margin: 0 auto;
padding:0;
background:#000;
}
.pic {
position: absolute;
}
.pic img {
width: 80%;
height: auto;
opacity:0;
margin:2em auto auto 2em;
-moz-animation: imgTrans 138s infinite;
-webkit-animation: imgTrans 138s ease-in infinite;
animation: imgTrans 69s infinite;
}
#photo1 img {
-moz-animation-delay:0s;
-webkit-animation-delay:0s;
animation-delay:0s;
}
#photo2 img {
-moz-animation-delay:3s;
-webkit-animation-delay:3s;
animation-delay: 3s;
}
#photo3 img {
-moz-animation-delay:6s;
-webkit-animation-delay:6s;
animation-delay:6s;
}
#photo4 img{
-moz-animation-delay:9s;
-webkit-animation-delay:9s;
animation-delay:9s;
}
#photo5 img {
-moz-animation-delay:12s;
-webkit-animation-delay:12s;
animation-delay:12s;
}
#photo6 img {
-moz-animation-delay:15s;
-webkit-animation-delay:15s;
animation-delay:15s;
}
#photo7 img {
-moz-animation-delay:18s;
-webkit-animation-delay:18s;
animation-delay:18s;
}
#photo8 img {
-moz-animation-delay:21s;
-webkit-animation-delay:21s;
animation-delay:21s;
}
#photo9 img {
-moz-animation-delay:24s;
-webkit-animation-delay:24s;
animation-delay:24s;
}
#photo10 img {
-moz-animation-delay: 27s;
-webkit-animation-delay: 27s;
animation-delay: 28s;
}
#photo11 img {
-moz-animation-delay:30s;
-webkit-animation-delay:30s;
animation-delay:30s;
}
#photo12 img {
-moz-animation-delay:33s;
-webkit-animation-delay:33s;
animation-delay:33s;
}
#photo13 img {
-moz-animation-delay:36s;
-webkit-animation-delay:36s;
animation-delay:36s;
}
#photo14 img {
-moz-animation-delay:39s;
-webkit-animation-delay:39s;
animation-delay:39s;
}
#photo15 img {
-moz-animation-delay:42s;
-webkit-animation-delay:42s;
animation-delay:42s;
}
#photo16 img {
-moz-animation-delay:45s;
-webkit-animation-delay:45s;
animation-delay:45s;
}
#photo17 img {
-moz-animation-delay:48s;
-webkit-animation-delay:48s;
animation-delay:48s;
}
#photo18 img {
-moz-animation-delay:51s;
-webkit-animation-delay:51s;
animation-delay:51s;
}
#photo19 img {
-moz-animation-delay:54s;
-webkit-animation-delay:54s;
animation-delay:54s;
}
#photo20 img {
-moz-animation-delay:57s;
-webkit-animation-delay:57s;
animation-delay:57s;
}
#photo21 img {
-moz-animation-delay:60s;
-webkit-animation-delay:60s;
animation-delay:60s;
}
#photo22 img {
-moz-animation-delay:64s;
-webkit-animation-delay:63s;
animation-delay:63s;
}
#photo23 img {
-moz-animation-delay:66s;
-webkit-animation-delay:66s;
animation-delay:66s;
}
/*
#photo24 img{
-moz-animation-delay: 138s;
-webkit-animation-delay: 138s;
animation-delay: 138s;
}
#photo25 img {
-moz-animation-delay: 144s;
-webkit-animation-delay: 144s;
animation-delay: 144s;
}
#photo26 img {
-moz-animation-delay: 150s;
-webkit-animation-delay: 150s;
animation-delay: 150s;
}
#photo27 img {
-moz-animation-delay: 156s;
-webkit-animation-delay: 156s;
animation-delay: 156s;
}
#photo28 img {
-moz-animation-delay: 162s;
-webkit-animation-delay: 162s;
animation-delay: 162s;
}
#photo29 img {
-moz-animation-delay: 168s;
-webkit-animation-delay: 168s;
animation-delay: 168s;
}
#photo30 img {
-moz-animation-delay: 174s;
-webkit-animation-delay: 174s;
animation-delay: 174s;
}
#photo31 img {
-moz-animation-delay: 180s;
-webkit-animation-delay: 180s;
animation-delay: 180s;
}*/

@-webkit-keyframes imgTrans {
0% { opacity:0; }
1% { opacity:1; }
4% { opacity:1; }
8% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
1% { opacity:1; }
4% { opacity:1; }
8% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
1% { opacity:1; }
4% { opacity:1; }
8% { opacity:0; }
100% { opacity:0; }
}

#stage dl {
		border-bottom:1px dotted #0099ff;
		margin:0 0 0 0;
	   }
#stage dt {
      background-color:#4169e1;		
			color:#fff;
			text-align:center;			
			margin:15px 0 15px 5px;
			padding:7px 0 7px 0;
    }
#stage dd {
      margin-left: 0px;
			padding:0 0 0 0;
			font-size:16px;
			color:#333;
    }
/* appeal */


#appeal dl {
		border-bottom:1px dotted #0099ff;
		margin:0 50px 0 50px;
	   }
#appeal dt {            background-color:#008080;
			color:#fff;
			line-height:2em;
			font-weight:600;
			cursor: pointer;
			text-align:center;
			width:300px;
			margin:0 auto 0 auto;
    }
#appeal dd {
			color:#333;
    }
#appeal dd a{
			color: inherit;
			text-decoration: none;
		}
#appeal dd a:hover {
			background-color: #eee;
		}
#appeal ul {
	width:100%;
	margin: 0 0 0 10px ;
	padding: 15px 0 15px 0;
}
#appeal li {
		list-style-type: disc;
    padding:0 0 10px 0;
		margin:0 0 0 50px;		
		color:#333;
}
#appeal p {
        	color:#333;
					font-weight:500;
}
/* ���L���v�V�����t���摜�S�̂��͂ރ{�b�N�X�̑��� */
figure {
    display: inline-block;   /* �C�����C���u���b�N�� */
    margin: 0px 20px 7px 30px; /* �O���ɗ]����lj�(���E��3px�E����7px) */
    background-color: #fff;  /* �w�i�F */
	float:left;
}
/* ���摜�ɑ΂��鑕�� */
figure img {
    display: block;          /* �]�v�ȗ]�����o�Ȃ��悤�ɂ��� */
    margin: 0px 0px 3px 0px; /* �����ɂ���3px�̗]����lj� */
		width:100%;
}
/* ���L���v�V�����ɑ΂��鑕�� */
figcaption {
    font-size: 0.9;        /* �����T�C�Y��90%�� */
		color:#008080;
    text-align: left;      /* ���g���Z���^�����O */
		padding:0 100px 20px 20px;
}
/*Top�摜�����@*/
figure.tops{
   margin:0 0 0 10px;
   display:inline-block;
}
figure.tops figcaption{
text-align:left;
 color:#000080;
}
figure.tops img{
margin: 0 0 0 0;
float:left;
	width:50%;
}

/* �T�C�h�o�[ */
.side {
	margin: 0;
	padding: 0 10px 0 10px;
	background-color: #f8f4e6;
}
.side h2 {
	padding-left: 8px;
	border-left: solid 10px #ccc;
	color: #666;
	font-size: 18px;
}
.side a {
	color: inherit;
	font-weight: bold;
	text-decoration: none;
}

/* SNW�T�C�h���j���[ */
.bside > dt	{margin: 20px 0 10px 0;
	background-color:#4169e1;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	list-style: none;
	text-align:center;
	width:100%;}

.bside > dd a	{display: block;
	padding: 5px 0 5px 0;
	border-bottom: dotted 1px #dddddd;
	color: #0000ff;
	font-size: 16px;
	text-decoration: none}

.bside > dd a:hover	{background-color: #e6eaf7}

.bside > dd a img	{border: none}

.bside a:after	{content: "";
	display: block;
	clear: both}

.bside > dd img	{float: left;
	width: 60px;
	margin:0 0 0 0;}

.bside .text{float: none;
	width: auto;
	margin-left: 65px;
	padding-left:16px;
     font-size:20px;
	color:#0000ff;
	font-weight:bold;
}

.bside span	{display: block;
	margin :0;
	color: #666666;
	font-size: 16px;
  font-weight:600;
}
.bside ul {
		padding: 0 0 5px 20px;
		margin:0 0 0 2em;
		font-size:18px;
		line-height:25px;
		color:#000080;
		font-weight:600;
		clear:both;
	}
.bside li {list-style-type: square;
        padding:0 0 10px 5px;
}
.bside li a {
	color: #008080;
	text-decoration: none;
	font-weight:600;
	background-color: inherit;
}
.bside li a:hover {
	background-color: #eee;
    color:#ff0000;
}
/* topic */
.topic {
		padding:0 0 0 50px;
		font-size:16px;
}
.topic img {float:right;
	margin:5px;
	width:40%;
	}
.topic a img {float:right;
	margin:5px;
    width:40%;}
.topic a {
	color:#000080;
	font-weight:500;
	text-decoration:none;
}
.topic a:hover {
	color:#ff0000;
	font-weight:500;
	text-decoration:none;
}
.clear {clear: both;}

/*** �V����� ***/
#news {
			width: 100%;
			line-height:21px;
			background-color: #fff;
			border: 1px #fff solid;
			color: #333;
}

#news > dl {
		border-bottom:1px dotted #0099ff;
	   }
#news > dt {
      background-color:#0077bb;
			font-size:16px;
			color:#fff;
			cursor: pointer;
                        padding:5px 0 5px  0;
			margin:0 auto 0 auto;
			text-align:center;
			width:150px;
    }
#news > dd {
      margin-left: 10px;
			padding:0 0 10px 0;
			font-size:16px;
			color:#000080;
    }
#news dd a{
			color: inherit;
			text-decoration: none;
		}
#news dd a:hover {
			background-color: #eee;
		}
#news ul {
	width:100%;
	margin: 0 0 0 20px ;
	padding: 0;
}
#news li {
		list-style-type: disc;
    padding:0 30px 10px 0;
		margin:0 0 0 30px;
		font-size:18px;
		color:#333;
		font-weight:500;
		line-height:24px;
}
#news span {display: block;
	color: #0000ff;
	font-size: 16px;
  font-weight:500;
}
.news  p {display:block;
			font-size:16px;
			color:#fff;
			background-color:#0077bb;
			padding:5px 0 5px  0;
			margin:0 auto 20px auto;
			text-align:center;
			width:300px;
}
.news p a {
			color: inherit;
			text-decoration: none;
		}
.news p a:hover {
				background-color: #0000ff;
		}
.main
.side {
  padding: 2%;
  border-radius: 10px;
}
/* Responsive */
@media (min-width : 800px ){
    .flexbox {
    display: -webkit-flex;
    display: flex;
		align-items:flex-start;
		max-width: 1200px;}
   .main {
			-webkit-flex:0 1 799px;
			flex: 0 1 799px;}
   .side {
			-webkit-flex:0 1 400px;
			flex: 0 1 400px;}
}

/* �L�� */

@media (max-width: 599px) {
.site {
	font-size:22px;
	font-weight:700;
		}
.site a {
					font-size:22px;
					font-weight: 700;
	}
figcaption {
    font-size: 0.9em;        /* �����T�C�Y��90%�� */
	color:#008080;
    text-align: left;      /* ���g���Z���^�����O */
	padding:0 30px 20px 20px;
}
.main{
 	padding:0 5px 0 5px;
	}
.main  h1 {font-size: 20px;
	   line-height:1.5em;
	}
.main p {
	font-size: 14px;
	}
.main  h2 {
        font-size: 18px;
    	line-height:1.2em;
	}
.main h3{
		font-size:18px;
		line-height:1em;
}
.main h4{
		font-size:16px;
}
.main div.box1{
		width:100%;
		padding: 0.5em 0em;
		margin:0.5em 0;
}
.main li {
	font-size:16px;
}
	figcaption {
  font-size: 14px;
}
	body {
   background-color:#fff;
	}
#symp > dt {
	    font-size:20px;
            font-weight:600;
            padding:7px 0 7px  0;
	    margin:10px auto 10px auto;
}
#symp h1{
		font-size:20px;
		font-weight:600;
		line-height:1.5em;
}
#symp h2{
		padding: 0 0 15px 0;
		margin:0 0 0 0;
		font-size:16px;
		font-weight:600;
		line-height:2em;
}
#symp h3{
		font-size:16px;
		font-weight:500;
		line-height:1em;
}
#symp h4{
		font-size:16px;
		font-weight:600;
		line-height:1.5em;
}
#symp h5{
		font-size:14px;
		font-weight:500;
    margin:50px 0 15px 0;
		line-height:1.25em;
}
#symp h5 span{
		font-size:14px;
		font-weight:500;
    margin:5px 0 0 20px;
		line-height:1.25em;
}
#symp p{
        font-size:14px;
				line-height:1.5em;
}
#symp p a {
				font-size:14px;
				width:350px;
				margin:0 0 0 10px;
}
#symp li {
		font-size:14px;
		font-weight:500;
		line-height:1.5em;
		margin:0 0 0 10px;
}
#symp img {text-align:center;
						margin:0 0 0 0;
						width:100%;
}
#appeal dt {
			font-size:20px;
			font-weight:600;
      			padding:0 0 0 0;
			margin:0 0 5px 10px;
    }
#appeal dd {
			margin:0 50px 0 20px;
			padding:0 0 0 0;
			font-size:16px;
}
#appeal p{
        font-size:14px;
				line-height:1.5em;
				margin:5px 30px 0 20px;
}
#appeal li {
		font-size:14px;
		font-weight:500;
		line-height:1.5em;
}
}
@media (min-width: 600px) and (max-width: 799px) {	
.site {
	font-size:24px;
	font-weight:700;
		}
.site a {
					font-size:24px;
					font-weight: 700;
	}
.main p {
	font-size:18px;
}
.main h1 {font-size: 20px;
	  line-height:1em;
	}
.main  h2 {
		font-size: 16px;
}
.main h3{
		font-size:18px;
		font-weight:500;
}
.main h4{
		font-size:18px;
}
.main li {
	font-size:18px;
}
#appeal dt {
	    font-size:22px;
            font-weight:600;
            padding:0 0 0 0;
	    margin:0 0 5px 10px;
    }
#appeal dd {
			margin:0 50px 0 20px;
			padding:0 0 0 0;
			font-size:16px;
}
#appeal p{
        font-size:16px;
				margin:5px 30px 0 20px;
}
#appeal li {
		font-size:16px;
		font-weight:500;
		line-height:1.5em;
}
#symp > dt {
		font-size:22px;
      		padding:7px 0 7px  0;
		margin:15px auto 15px auto;
		font-weight:600;
    }
#symp h1{
		font-size:24px;
		font-weight:600;
		line-height:1.5em;
}
#symp h2{
		padding: 0 0 0 0;
		margin:0 0 0.5em 0;
		font-size:22px;
		font-weight:600;
		line-height:0.75em;
}
#symp h3{
		font-size:18px;
		font-weight:500;
		line-height:1em;
}
#symp h4{
		font-size:16px;
		font-weight:600;
		line-height:0.75em;
}
#symp h5{
		font-size:15px;
		font-weight:500;
    margin:5px 0 5px 0;
		line-height:1.25em;
}
#symp h5 span{
		font-size:15px;
		font-weight:500;
                margin:5px 0 0 180px;
		line-height:1.25em;
}
#symp p{
        font-size:16px;
				line-height:1.5em;
}
#symp p a {
				font-size:16px;
				width:350px;
				margin:0 0 0 100px;
}
#symp li {
		font-size:16px;
		font-weight:500;
		line-height:1.5em;
}
#symp img {align:center;
						margin:10px 0 10px 10px;
						width:90%;
}
}
@media (min-width: 800px) {
.main h1 {font-size: 20px;
	  line-height:1em;
	}
.main p {
	font-size:18px;
}
.main dt{
		font-size:18px;
		font-weight:600;
		padding:0 0 0 0;
	    	margin:0 0 5px 10px;
}
.main dd{
		font-size:16px;
}
.main h2{
		font-size:22px;
	}
.main h3{
		font-size:20px;
}
.main h4{
		font-size:18px;
}
.main li {font-size:18px;
}
#symp > dt {
	    font-size:22px;
	    font-weight:600;
      	     padding:7px 0 7px  0;
		margin:15px auto 15px auto;
    }
#symp h1{
		font-size:24px;
		font-weight:600;
		line-height:1.5em;
}
#symp h2{
		padding: 0 0 0 0;
		margin:0 0 0.5em 0;
		font-size:22px;
		font-weight:600;
		line-height:0.75em;
}
#symp h3{
		font-size:18px;
		font-weight:500;
		line-height:1em;
}
#symp h4{
		font-size:16px;
		font-weight:600;
		line-height:0.75em;
}
#symp h5{
		font-size:15px;
		font-weight:500;
    margin:5px 0 5px 0;
		line-height:1.25em;
}
#symp h5 span{
		font-size:15px;
		font-weight:500;
    margin:5px 0 0 180px;
		line-height:1.25em;
}
#symp p{
        font-size:16px;
				line-height:1.5em;
}
#symp p a {
				font-size:16px;
				width:350px;
				margin:0 0 0 100px;
}
#symp li {
		font-size:16px;
		font-weight:500;
		line-height:1.5em;
}
#symp img {align:center;
	margin:10px 0 10px 10px;
	width:90%;
}
}
/*
@media (min-width: 800px) {
	.main h1 {
		font-size: 20px;
	}
  main p {
	line-height: 1.8em;
}
	.main h2 {
		font-size: 18px;
	}
}
#symp > dt {
			font-size:16px;
      padding:7px 0 7px  0;
			margin:15px auto 15px auto;
    }
#symp h1{
		font-size:24px;
		font-weight:600;
		line-height:1.5em;
}
#symp h2{
		padding: 0 0 0 0;
		margin:0 0 0.5em 0;
		font-size:22px;
		font-weight:600;
		line-height:0.75em;
}
#symp h3{
		font-size:18px;
		font-weight:500;
		line-height:1em;
}
#symp h4{
		font-size:16px;
		font-weight:600;
		line-height:1.5em;
}
#symp h5{
		font-size:15px;
		font-weight:500;
    margin:5px 0 5px 0;
		line-height:1.25em;
}
#symp h5 span{
		font-size:15px;
		font-weight:500;
    margin:5px 0 0 180px;
		line-height:1.25em;
#symp p{
        font-size:16px;
				line-height:1.5em;
}
#symp p a {
				font-size:16px;
				width:350px;
				margin:0 0 0 100px;
}
#symp li {
		font-size:16px;
		font-weight:500;
		line-height:1.5em;
}
#symp img {align:center;
						margin:10px 0 10px 10px;
						width:90%;
}

#appeal dt {
			font-size:16px;
      padding:0 0 0 0;
			margin:0 0 5px 10px;
    }
#appeal dd {margin:0 50px 0 20px;
	    padding:0 0 0 0;
	    font-size:16px;
}
#appeal p{
        font-size:16px;
				line-height:1.5em;
				margin:5px 30px 0 20px;
}
#appeal li {
		font-size:16px;
		font-weight:500;
		line-height:1.5em;
}
}
*/