.class0003 {
	font-size: 16px;
	line-height: 150%;
	color: #363a3f;
	font-weight: normal;
	letter-spacing: 0.0001em;
	vertical-align: center;
}
@media (min-width: 640px) {
  .class0003 {
    font-size: 21px;
	  color: #363a3f;
  }
}
@media (min-width: 1200px) {
  .class0003 {
    font-size: 18px;
	  color: #363a3f;
  }
}
.class0003:link {
color: #363a3f;
}
.class0003:hover {
color: #363a3f;
}
.class0003:shadow {
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}





.class003 {
	font-size: 16px;
	line-height: 150%;
	color: #363a3f;
	font-weight: normal;
	letter-spacing: 0.0001em;
	vertical-align: center;
	border-bottom: solid 2.5px;
}
@media (min-width: 640px) {
  .class003 {
    font-size: 21px;
	 	border-bottom: solid 2.5px;
	  color: #363a3f;
  }
}
@media (min-width: 1200px) {
  .class003 {
    font-size: 18px;
	 	border-bottom: solid 2.5px;
	  color: #363a3f;
  }
}
.class003:link {
color: #363a3f;
border-bottom: solid 2.5px;
}
.class003:hover {
color: #363a3f;
border-bottom: solid 2.5px;
}
.class003:shadow {
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}








.class33 {
	font-size: 16px;
	line-height: 153%;
	color: #363a3f;
	font-weight: normal;
	letter-spacing: 0.0001em;
	vertical-align: -50%;
}
@media (min-width: 640px) {
  .class33 {
    font-size: 17px;
	color: #363a3f;
  }
}
@media (min-width: 1200px) {
  .class33 {
    font-size: 18px;
	color: #363a3f;
  }
}
.class33:link {
color: #363a3f;
border-bottom: solid 2.5px;
}
.class33:hover {
color: #363a3f;
}
.class33:shadow {
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}






.class333 {
	font-size: 24px;
	line-height: 125%;
	color: #363a3f;
	font-weight: normal;
	letter-spacing: 0.0001em;
	vertical-align: -50%;
}
@media (min-width: 640px) {
  .class333 {
    font-size: 30px;
	color: #363a3f;
  }
}
@media (min-width: 1200px) {
  .class333 {
    font-size: 34px;
	color: #363a3f;
  }
}
.class333:link {
color: #363a3f;
}
.class333:hover {
color: #363a3f;
}
.class333:shadow {
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}





.class3333 {
	font-size: 34px;
	line-height: 200%;
	color: #363a3f;
	font-weight: normal;
	letter-spacing: 0.0001em;
	vertical-align: -50%;
}
@media (min-width: 640px) {
  .class3333 {
    font-size: 40px;
	color: #363a3f;
  }
}
@media (min-width: 1200px) {
  .class3333 {
    font-size: 44px;
	color: #363a3f;
  }
}
.class3333:link {
color: #363a3f;
border-bottom: solid 2.5px;
}
.class3333:hover {
color: #363a3f;
}
.class3333:shadow {
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}















a:link img {
 opacity: 1;
 filter: alpha(opacity=100);
 -moz-opacity: 1;
}
a:hover img {
 opacity: 1;
 filter: alpha(opacity=100);
 -moz-opacity: 1;
}
html{
overflow-x : hidden;
overflow-y : auto;
}
body{
margin:20px;
overflow-x : hidden;
overflow-y : auto;
}
img {
max-width : 100% ;
height : auto ;
}

body {
  font-family: roboto-condensed, dnp-shuei-gothic-gin-std, sans-serif;
  background-color: #f6f7f8;
}