@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');
/*======================================
  common
======================================*/
* {
	margin: 0;
	padding: 0;
}
html {
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
br {	letter-spacing:0; }
h1, h2, h3, h4, main, div, ul, li, dl, dt, dd, ol, table, tr, th, td, iframe, section, article, a { box-sizing: border-box; }
main { display: block; }
em {
	text-decoration: none;
	font-style: normal;
}
.pdg_3 { padding: 3px; padding: 3px 3px 2px 3px\9; }
.pdg_t0 { padding-top: 0px !important; }
.pdg_t5 { padding-top: 5px !important; }
.pdg_t10 { padding-top: 10px !important; }
.pdg_t15 { padding-top: 15px !important; }
.pdg_t20 { padding-top: 20px !important; }
.pdg_t30 { padding-top: 30px !important; }
.pdg_t35 { padding-top: 35px !important; }
.pdg_r0 { padding-right: 0px !important; }
.pdg_r30 { padding-right: 30px !important; }
.pdg_b0 { padding-bottom: 0px !important; }
.pdg_b5 { padding-bottom: 5px !important; }
.pdg_b15 { padding-bottom: 15px !important; }
.pdg_b10 { padding-bottom: 10px !important; }
.pdg_b20 { padding-bottom: 20px !important; }
.pdg_b30 { padding-bottom: 30px !important; }
.pdg_l10 { padding-left: 10px !important; }
.pdg_l30 { padding-left: 30px !important; }
.pdg_l40 { padding-left: 40px !important; }
.pdg_l50 { padding-left: 50px !important; }
.mrg_t5 { margin-top: 5px !important; }
.mrg_t10 { margin-top: 10px !important; }
.mrg_t30 { margin-top: 30px !important; }
.mrg_b0 { margin-bottom: 0 !important; }
.mrg_b5 { margin-bottom: 5px !important; }
.mrg_b10 { margin-bottom: 10px !important; }
.mrg_b15 { margin-bottom: 15px !important; }
.mrg_b20 { margin-bottom: 20px !important; }
.mrg_b25 { margin-bottom: 25px !important; }
.mrg_b30 { margin-bottom: 30px !important; }
.mrg_b40 { margin-bottom: 40px !important; }
.mrg_b50 { margin-bottom: 50px !important; }
.mrg_b025em { margin-bottom: 0.25em !important; }
.mrg_b05em { margin-bottom: 0.5em !important; }
.mrg_b075em { margin-bottom: 0.75em !important; }
.mrg_b1em { margin-bottom: 1em !important; }
.mrg_b125em { margin-bottom: 1.25em !important; }
.mrg_b15em { margin-bottom: 1.5em !important; }
.mrg_b175em { margin-bottom: 1.75em !important; }
.mrg_b2em { margin-bottom: 2em !important; }
.mrg_b25em { margin-bottom: 2.5em !important; }
.mrg_b3em { margin-bottom: 3em !important; }
.mrg_b35em { margin-bottom: 3.5em !important; }
.mrg_b4em { margin-bottom: 4em !important; }
.mrg_b45em { margin-bottom: 4.5em !important; }
.mrg_b5em { margin-bottom: 5em !important; }
.mrg_l5 { margin-left: 5px !important; }
.mrg_l15 { margin-left: 15px !important; }
.mrg_l10 { margin-left: 10px !important; }
.mrg_l20 { margin-left: 20px !important; }
.mrg_l30 { margin-left: 30px !important; }
.mrg_r5 { margin-right: 5px !important; }
.mrg_r10 { margin-right: 10px !important; }
.mrg_r15 { margin-right: 15px !important; }
.mrg_r20 { margin-right: 20px !important; }
.mrg_r30 { margin-right: 30px !important; }
.mrg_r2p { margin-right: 2% !important; }
.flt_l { float: left; }
.flt_r { float: right; }
.clear { clear:both; }
.fw_nml { font-weight: normal !important }
.fw_bld { font-weight: 700 !important }
.ff_en { font-family: 'Lato', sans-serif; }
.ff_en_bld { font-family: 'Lato', sans-serif; font-weight: bold; }
.ff_jp { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; }
.fs_25p { font-size: 0.25em !important; }
.fs_40p { font-size: 0.4em !important; }
.fs_50p { font-size: 0.5em !important; }
.fs_65p { font-size: 0.65em !important; }
.fs_75p { font-size: 0.75em !important; }
.fs_90p { font-size: 0.9em !important; }
.fs_125p { font-size: 1.25em !important; }
.fs_150p { font-size: 1.5em !important; }
.fs_175p { font-size: 1.75em !important; }
.fs_200p { font-size: 2em !important; }
.txt_red { color: #ee3d36 !important; }
.txt_pk { color: #ef6794 !important; }
.txt_wht { color: #fff !important; }
.txt_ylw { color: #ffd132 !important; }
.txt_blu { color: #006c9e !important; }
.txt_grn { color: #667d58 !important; }
.txa_left { text-align: left; }
.txa_center { text-align: center; }
.txa_right { text-align: right; }
.txt_ul { text-decoration: underline; }
.ls_nlw { letter-spacing: -0.2em; }
.ls_1em { letter-spacing: 1em; }
.ls_nml { letter-spacing: normal; }
.lh_1 { line-height: 1; }
.lh_12 { line-height: 1.2; }
.relative { position: relative; }
.imgcenter {
	display: block;
	margin: 0 auto;
}
.mw100p {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
.movie-wrapper {
	/*width: 560px;*/
	max-width: 100%;
	margin: 0 auto;
}
.movie {
	position: relative;
	height: 0;
	margin: 0 auto;
	padding: 0 0 56.25%;
	overflow: hidden;
}
.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.off {
	display: none;
}
.shadow {
	display: block;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.flex-wrap-center {
	-js-display: flex !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-wrap-around {
	-js-display: flex !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.flex-wrap-between {
	-js-display: flex !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex-wrap-start {
	-js-display: flex !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.col2 {
	width: 49%;
	flex-basis: 49%;
}
@media (max-width: 640px) {
	.col2 {
		width: 100%;
		flex-basis: 100%;
	}
}

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
