@charset "utf-8";
/* CSS Document */
body {
    font-size: 17px !important;
    font-family: Hiragino Sans, Arial, sans-serif !important;
    line-height: 1.8 !important;
    color: #000000 !important;
	background-color: #F4F4F4;
}
img {
	width: 100%;
	height: auto;
}
.center {
	text-align: center;
}
.half img {
	width: 50%;
	height: auto;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.red {
	color: #FF0000;
}
.blue {
	color: #3D85C6;
}
.orange {
	color: #FF9800;
}
.pink {
    color: #f68384;
}
.pink_l {
	background-color: #FBE1E2;
}
.yellow_l {
	background-color: #FFF500;
}
.bold {
	font-weight: bold;
}
.caution {
	font-size: 70%;
}
.inblk {
	display: inline-block;
}
.f120 {
	font-size: 1.2em;
}
.f150 {
	font-size: 1.5em;
}
.f200 {
	font-size: 2em;
}
.shuffling {
    animation-duration: 1.4s!important;
    -webkit-animation-duration: 1.4s;
    -ms-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s!important;
    -webkit-animation-name: shuffling;
    -moz-animation-name: shuffling;
    -o-animation-name: shuffling;
    animation-name: shuffling;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-moz-keyframes shuffling {
    0% {-moz-transform: skewX(9deg);}
    10% {-moz-transform: skewX(-8deg);}
    20% {-moz-transform: skewX(7deg);}
    30% {-moz-transform: skewX(-6deg);}
    40% {-moz-transform: skewX(5deg);}
    50% {-moz-transform: skewX(-4deg);}
    60% {-moz-transform: skewX(3deg);}
    70% {-moz-transform: skewX(-2deg);}
    80% {-moz-transform: skewX(1deg);}
    90% {-moz-transform: skewX(0deg);}
    100% {-moz-transform: skewX(0deg);}
}
@-o-keyframes shuffling {
    0% {-o-transform: skewX(9deg);}
    10% {-o-transform: skewX(-8deg);}
    20% {-o-transform: skewX(7deg);}
    30% {-o-transform: skewX(-6deg);}
    40% {-o-transform: skewX(5deg);}
    50% {-o-transform: skewX(-4deg);}
    60% {-o-transform: skewX(3deg);}
    70% {-o-transform: skewX(-2deg);}
    80% {-o-transform: skewX(1deg);}
    90% {-o-transform: skewX(0deg);}
    100% {-o-transform: skewX(0deg);}
}
@-webkit-keyframes shuffling {
    0% {-webkit-transform: skewX(9deg);}
    10% {-webkit-transform: skewX(-8deg);}
    20% {-webkit-transform: skewX(7deg);}
    30% {-webkit-transform: skewX(-6deg);}
    40% {-webkit-transform: skewX(5deg);}
    50% {-webkit-transform: skewX(-4deg);}
    60% {-webkit-transform: skewX(3deg);}
    70% {-webkit-transform: skewX(-2deg);}
    80% {-webkit-transform: skewX(1deg);}
    90% {-webkit-transform: skewX(0deg);}
    100% {-webkit-transform: skewX(0deg);}
}
@keyframes shuffling {
    0% {transform: skewX(9deg);}
    10% {transform: skewX(-8deg);}
    20% {transform: skewX(7deg);}
    30% {transform: skewX(-6deg);}
    40% {transform: skewX(5deg);}
    50% {transform: skewX(-4deg);}
    60% {transform: skewX(3deg);}
    70% {transform: skewX(-2deg);}
    80% {transform: skewX(1deg);}
    90% {transform: skewX(0deg);}
    100% {transform: skewX(0deg);}
}
header {
	max-width: 600px;
	height: auto;
    padding: 20px 0 0;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
	box-sizing: border-box;
	background: #fff;
}
header h1 {
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 2em;
	font-family: serif;
}
main {
	max-width: 600px;
    background: #fff;
    margin: 0 auto;
	padding: 20px 0 40px;
}
section {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}
section img {
	margin: 20px auto 40px;
}
section img.btm05 {
	margin-bottom: 0.5em;
}
section h2 {
    padding: 15px 5px 15px 20px;
    border-left: 6px solid #f68384;
    background-color: #fff1f1;
    margin: 40px 0 20px;
    font-size: 1.2em;
	font-weight: bold;
}
section h3 {
    text-align: center;
    font-size: 1.2em;
    color: #f68384;
	font-weight: bold;
	margin-bottom: 1em;
}
section p.top1 {
	margin-top: 1em;
}
section p.top2 {
	margin-top: 2em;
}
section p.btm1 {
	margin-bottom: 1em;
}
section p.btm2 {
	margin-bottom: 2em;
}
section ul {
	list-style-type: disc;
	padding-left: 1.5em;
	margin: 1em 0;
}
.text_blink {
    animation: animation_text_blink 1s linear 0s infinite normal both;
}
@keyframes animation_text_blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}
footer {
    background-color: #87e1b9;
    color: #FFF;
	padding: 50px;
	font-size: 1em;
}
footer ul {
    list-style-type: none;
}
footer p {
    text-align: center;
}