@charset "UTF-8";

@font-face {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: normal;
  src: url("../font/web/NotoSansCJKjp.eot");
  src: url("../font/web/NotoSansCJKjp.eot?#iefix") format("embedded-opentype"), url("../font/web/NotoSansCJKjp.woff")
      format("woff"), url("../font/web/NotoSansCJKjp.otf") format("opentype");
}

body{font-family: 'Noto Sans JP', sans-serif;
}

.inner {
	width: 980px;
	max-width: 90%;
	margin: 0 auto;
	padding: 20px;
}
h1 {
	font-size: 2rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	line-height: 1.2;
}
h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	background-image: url("../img/label.jpg");
	background-repeat: no-repeat;
	border-width: 20px;
	padding-top: 2.5rem;
	padding-left: 5.2rem;
	padding-bottom: 4rem;
	font-size: 1.5rem;
	text-align: left;
}
section {
}
section img {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.button {
	padding-top: 2rem;
	padding-bottom: 3rem;
}
.button:hover{
	animation: rumble 0.12s linear infinite;
}
 
@keyframes rumble{
	0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.4deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.8deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.4deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.4deg)	translate(1px,0);}
	75%	{transform:rotate(-0.8deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.4deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

section p {
	padding-left: 85px;
	padding-right: 0px;
	margin-right: 50px;
	line-height: 1.5rem;
	text-align: left;
	padding-bottom: 2rem;
}
.QandA01 {
	background-color: #E9E9E9;
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}
.QandA01:nth-child(odd){
	background-color: #DDDDDD;
}


#QandA div {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.QandA01 p:nth-child(odd){
	background-image: url(../img/question.gif);
	background-repeat: no-repeat;
	top: 2rem;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: left 5% bottom 20px;
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}
.QandA01 p:nth-child(even){
	font-size: 1.25rem;
	background-image: url(../img/answer.gif);
	background-repeat: no-repeat;
	top: 2rem;
	padding-top: 20px;
	padding-bottom: 20px;
	background-position: left 5% top 20px;
}


 
header {
	background-color: #F71212;
}
footer {
	background-color: #59BDDD;
}
section strong {
	text-align: left;
}
table {
	border: 1px solid #CECECE;
	margin: 0 auto;
	padding-top: 0rem;
	padding-right: 0rem;
	padding-left: 0rem;
	padding-bottom: 0rem;
}
	
}table tr {

	
}
tbody tr td {
	width: 100px;
	text-align: left;
	line-height: 1.5;
	padding-top: 0.5rem;
	border: 2px solid #939393;
	padding-bottom: 0.5rem;
	padding-left: 10px;
}
tbody {
	margin: 0 auto;
}

th{
	border: 2px solid #939393;
	width: 100px;
	background-color: #EAEAEA;
	text-align: left;
	text-indent: 5%;
}
td{
	text-indent: 0px;
	padding: 0 10px;
}
footer {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 2rem;
	background-color: #5AB3D1;
}

footer a {
	color: #FFFFFF;
}
strong {
	font-weight: bold;
}
small {
	color: #FFFFFF;
	padding-top: 20px;
}
footer p {
	padding-bottom: 15px;
}

#footerFloatingMenu {
    display: none;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}

/* 要素が画面内に入ったらフェードイン */
.fadein {  /* 画面外にいる状態 */
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
.fadein.scrollin {  /* 画面内に入った状態 */
	opacity : 1;
	transform : translate(0, 0);
}