@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: none;
	zoom: 1;
}
html {
	height: 100%;
	font-size: 14px;
}
html>body {
	overflow: -moz-scrollbars-vertical;
}
html:first-child body {
	min-height: 100%;
}
body {
	color: #333;
	background: #b0d80b;
	font-family: "Helvetica Neue",
	Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
body #container {
	word-wrap: break-word;
	overflow-wrap : break-word;
	text-align: center;
	box-sizing: border-box;
	height: 100vh;
}
#content {
	text-align: center;
}
.mar100 { margin: 1rem; }
.mar50 { margin: .5rem; }
.marY100 { margin-top: 1rem; margin-bottom: 1rem; }
.marY50 { margin-top: .5rem; margin-bottom: .5rem; }
.marB100 { margin-bottom: 1rem; }
.marB50 { margin-bottom: .5rem; }
.marX100 { margin-left: 1rem; margin-right: 1rem; }
.marX50 { margin-left: .5rem; margin-right: .5rem; }
.pad100 { padding: 1rem; }
.pad50 { padding: .5rem; }
.padY100 { padding-top: 1rem; padding-bottom: 1rem; }
.padY50 { padding-top: .5rem; padding-bottom: .5rem; }
.padB100 { padding-bottom: 1rem; }
.padB50 { padding-bottom: .5rem; }
.padX100 { padding-left: 1rem; padding-right: 1rem; }
.padX50 { padding-left: .5rem; padding-right: .5rem; }
h1 {
    display: inline-block;
    font-size: 1.4rem;
    /*line-height: 2.25rem;*/
    color: #fff;
    width: 100%;
    background: #ff9900;
	top: 0;
    left: 0;
	z-index: 3;
	box-sizing: border-box;
}
a { color: #ff6640; }
.p-red {
	font-weight: bold;
	color: #e22223;
}
.caution {
	color: #fff;
	font-size: .85rem;
	padding: 0 1em;
	text-align: left;
}
.main-image {
	box-sizing: border-box;
	width: 100%;
}
.h2u {
	box-sizing: border-box;
	font-size: 1.1em;
	width: calc(100% - 2em);
	margin: .5em 1em;
	border-radius: 20px;
	background: #fff;
	border: solid 3px #c9e51e;
	font-size: 1.25em;
	font-weight: bold;
	color: #ff9900;
	padding: 1em 1.25em;
}
.h2u:first-child {
	margin-top: 1.25em;
}
.h2u:last-child {
	margin-bottom: 1.25em;
}
.h2u span {
	background: #ff9900;
	color: #fff;
	margin-right: .5em;
	padding: .15em .5em;
	border-radius: 100px;
}
.arrow {
display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    border-top: 1.5em solid #ff9900;
}
sup {
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
