@charset "utf-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

body {
	width: 100%;
	min-width:320px;
	-webkit-text-size-adjust:none;
	line-height:1;
	color: #333333;
	font-size:14px/1.231;
	background: #eee;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}

a {
	text-decoration: none;
	color: #333;
}
em, strong, th {
	font-style: normal;
	font-weight: normal;
}
em, strong {
	font-weight: bold;
}
a img {
	border: 0 none;
}
ul{
	list-style: none;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.floatL {
	float: left;
}
.floatR {
	float: right;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.txtL {
	text-align: left;
}
.f10x {
	font-size: 10px;
}
.f12x {
	font-size: 12px;
}
.f14x {
	font-size: 14px;
}
.f16x {
	font-size: 16px;
}
.f30x {
	font-size: 30px;
}
.lh24 {
	line-height: 24px;
}
.lh26 {
	line-height: 26px;
}
.lh20 {
	line-height: 20px;
}
.lh16 {
	line-height: 16px;
}
.lh18 {
	line-height: 18px;
}
.lh29 {
	line-height: 29px;
}
.lh33 {
	line-height: 33px;
}
.fGray01 {
	color:#666;
}
.fGray02 {
	color:#444;
}
.fGray03 {
	color:#777;
}
.fGray04 {
	color:#ddd;
}
.fGray05 {
	color:#ccc;
}
.fGray06 {
	color:#999;
}
.fBrown01 {
	color:#984000;
}
.fBlue01 {
	color:#017bb8;
}
.fRed01 {
	color:#ff0000;
}
.fPurple01 {
	color:#cd2382 !important;
}
.fOrange01 {
	color:#e14f00;
}
.fOrange02 {
	color:#c34900;
}
.fOrange03 {
	color:#DB7700;
}
.fPink01 {
	color:#d00075;
}
.fGreen01 {
	color:#63a32b;
}
.fWhite01 {
	color:#ffffff;
}
.BgGray01 {
	background-color:#f7f7f7;
}
.BgOrange01 {
	background-color:#ffede3;
}
.BgWhite01 {
	background-color:#ffffff;
}
.mt2p {
	margin-top: 2px;
}
.mtb3p {
	margin-bottom: 3px;
	margin-top: 3px;
}
.mt5p {
	margin-top: 5px;
}
.mt10p {
	margin-top: 10px;
}
.mb5p {
	margin-bottom: 5px;
}
.mb10p {
	margin-bottom: 10px;
}
.mb5p {
	margin-bottom: 5px;
}
.mb15p {
	margin-bottom: 15px;
}
.mb20p {
	margin-bottom: 20px;
}
.mb25p {
	margin-bottom: 25px;
}
.mb40p {
	margin-bottom: 40px;
}
.mr12p {
	margin-right: 12px;
}
.mr26p {
	margin-right: 26px;
}
.mr20p {
	margin-right: 20px;
}
.mr30p {
	margin-right: 30px;
}
.ml10p {
	margin-left: 10px;
}
.ml15p {
	margin-left: 15px;
}
.ml30p {
	margin-left: 30px;
}
.ml20p {
	margin-left: 20px;
}
.mr40p {
	margin-right: 40px;
}
.mr42p {
	margin-right: 42px;
}
.mr28p {
	margin-right: 28px;
}
.mr51p {
	margin-right: 51px;
}
.mr10p {
	margin-right: 10px;
}
.mr16p {
	margin-right: 16px;
}
.mr33p {
	margin-right: 33px;
}
.mr5p {
	margin-right: 5px;
}
.mr8p {
	margin-right: 8px;
}
.mrl10p {
	margin-left: 10px;
	margin-right: 10px;
}
.mrl5p {
	margin-left: 5px;
	margin-right: 5px;
}
.m0a {
	margin: 0 auto;
}
.m0a_f {
	margin: 0 auto !important;
}
.pt0p {
	padding-top: 0 !important;
}
.pt3p {
	padding-top: 3px;
}
.pt5p {
	padding-top: 5px !important;
}
.pt7p {
	padding-top: 7px;
}
.pt10p {
	padding-top: 10px;
}
.pt20p {
	padding-top: 20px;
}
.pb5p {
	padding-bottom: 5px;
}
.ptb10p {
	padding-bottom: 10px;
	padding-top: 10px;
}
.ptb5p {
	padding-bottom: 5px;
	padding-top: 5px;
}
.ptb15p {
	padding-bottom: 15px;
	padding-top: 15px;
}
.pr5p {
	padding-right: 5px;
}
.pr10p {
	padding-right: 10px;
}
.pr65p {
	padding-right: 65px;
}
.pl10p {
	padding-left: 10px;
}
.pl15p {
	padding-left: 15px;
}
.plr10p {
	padding-left: 10px;
	padding-right: 10px;
}
.plr15p {
	padding-left: 15px;
	padding-right: 15px;
}
.pl20p {
	padding-left: 20px;
}
.pb10p {
	padding-bottom: 10px;
}
.ptb10p {
	padding: 10px 0;
}
.p10p {
	padding: 10px;
}
.p5p {
	padding: 5px;
}
.pb15p {
	padding-bottom: 15px;
}
.pb20p {
	padding-bottom: 20px;
}
.pb30p {
	padding-bottom: 30px;
}
.ptb2p {
	padding-bottom: 2px;
	padding-top: 2px;
}
.ptb40p {
	padding-bottom: 40px;
	padding-top: 40px;
}
.ptb100p {
	padding-bottom: 100px;
	padding-top: 100px;
}
.mr7p {
	margin-right: 7px;
}
.mr3p {
	margin-right: 3px;
}
.mr35p {
	margin-right: 35px;
}
.mb8p {
	margin-bottom: 8px;
}
.mb3p {
	margin-bottom: 3px;
}
.mb30p {
	margin-bottom: 30px;
}
.pl5p {
	padding-left: 5px;
}
.pl20p {
	padding-left: 20px;
}
/*border*/
.bb1p {
	border-bottom:1px solid #ccc;
}
.bb1pd {
	border-bottom:1px solid #ddd;
}
.bt1pd {
	border-top:1px solid #ddd;
}
.bt1w {
	border-top:1px solid #fff;
}
.b1p {
	border:1px solid #ccc;
}
.dot_bt1pf {
	border-top:1px dotted #fff;
}
.dot_bt1p {
	border-top:1px dotted #ccc;
}
.dot_bb1p {
	border-bottom:1px dotted #ccc;
}
.dot_btb1p {
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#ccc;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ccc;
}
.width_1percent {
	width: 100%;
}



section#sec1 {
    max-width: 100vw;
    margin: 0 auto;
}

section#sec1 p img {
    width: 100%;
}

section#sec2 {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
    border-radius: 25px;
    padding: 10px 0;
    background-color: #006600;
    color: #fff;
}

section#sec2 p:nth-of-type(1) {
    color: #fff43c;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 2.0;
}

section#sec2 p:nth-of-type(2) {
    font-size: 4.0vw;
    font-weight: bold;
    line-height: 2.0;
}

section#sec2 p:nth-of-type(2) span {
    font-weight: bold;
    text-decoration: underline;
}

section#sec3 {
    width: 100vw;
    margin: 0 auto;
}

section#sec3 p img {
    width: 100%;
}

section#sec3 p {
    margin: 20px 0;
}

section#sec4 {
    width: 100vw;
    margin: 0 auto;
    text-align: center;
}

section#sec4 p:nth-of-type(1) {
    font-size: 22px;
    line-height: 2.0;
}

section#sec4 p:nth-of-type(2) img {
    width: auto;
    height: 80px;
}

section#sec4 p:nth-of-type(3) a {
    color: blue;
    line-height: 2.0;
}

section#sec5 {
    font-size: 22px;
    line-height: 2.0;
    text-align: center;
    width: 100vw;
    margin: 20px auto;
}

section#sec5 p:nth-of-type(1) {
    font-weight: bold;
    color: red;
    text-decoration: underline;
}

section#sec5 p:nth-of-type(4) span {
    background: yellow;
}



header div#caution {
    width: auto;
    margin: 20px auto;
    text-align: center;
    padding: 30px;
    border: 3px solid red;
    background: #fffe80;
    color: red;
    line-height: 1.3;
}

header div#caution p:nth-of-type(1) {
    font-size: 40px;
    font-weight: bold;
}

header div#caution p:nth-of-type(2) {
    font-size: 22px;
    font-weight: bold;
}

header div#caution p:nth-of-type(2) span {
    font-size: 22px;
    font-weight: bold;
    background: red;
    color: yellow;
}

div#video {
    width: auto;
    margin: 20px auto;
    text-align: center;
    line-height: 2.0;
}

header div#video p:nth-of-type(1) {
    font-size: 9vw;
    font-weight: bold;
    color: red;
}

header div#video p:nth-of-type(2) {
    font-size: 9vw;
    font-weight: bold;
    color: blue;
    line-height: 1.3;
}

div#video iframe {
    width: 100%;
}