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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}


body {
	background-color:#333;
}

/*	close
============================== */

div.bx-wop {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}
div.bx-wop p.btn-w-close a {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url(../img/btn_wop.svg);
	background-repeat:no-repeat;
}
div.bx-wop p.btn-w-close a {
	cursor:default;
}
@media all and (min-width: 768px) {
div.bx-wop p.btn-w-close a {
	width:720px;
	height:80px;
	background-position:640px -160px;
}
div.bx-wop div.bx-wop-btn ul li.btn-w-close a {
	background-position:0 -160px;
}
}
@media all and (max-width: 767px) {
div.bx-wop p.btn-w-close a {
	background-size:75px 200px;
}
div.bx-wop p.btn-w-close a {
	height:40px;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.bx-wop p.btn-w-close a {
	width:460px;
	background-position:420px -80px;
}
}
@media all and (max-width: 479px) {
div.bx-wop p.btn-w-close a {
	width:300px;
	background-position:260px -80px;
}
}



/*	window
============================== */

div.bx-wop {
	text-align:left;
	position:absolute;
	left:50%;
	z-index:5200;
}
div.bx-w-contents {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
}
div.bx-w-contents h2 {
	color:#36a2d6;
	text-align:center;
	line-height:1.5;
	padding-bottom:0.2em;
}
div.bx-w-contents section h3 {
	color:#33b27b;
	line-height:1.5;
	margin-bottom:0.5em;
}
div.bx-w-contents section > ul > li, div.bx-w-contents section p {
	line-height:1.5;
}
div.bx-w-contents section p:not(:last-child) {
	margin-bottom:1.5em;
}
div.bx-w-contents section > ul {
	margin-left:1.25em;
	list-style-type:disc;
}
div.bx-w-contents section > ul > li > ul li:before {
	content:"−";
	font-family:serif;
	display:block;
	float:left;
}
div.bx-w-contents section > ul > li > ul li span {
	display:block;
	padding-left:1.5em;
}
@media print {
}
@media all and (min-width: 768px) {
div.bx-wop {
	width:720px;
	margin-left:-360px;
	padding-bottom:30px;
}
div.bx-w-contents {
	width:720px;
	padding:24px;
}
div.bx-w-contents h2 {
	font-size:125%;
	border-bottom:6px solid #36a2d6;	
	margin-bottom:24px;
}
div.bx-w-contents section:not(:last-child) {
	margin-bottom:24px;
}
div.bx-w-contents section h3 {
	font-size:112.5%;
}
div.bx-w-contents section > ul > li, div.bx-w-contents section p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.bx-w-contents h2 {
	font-size:112.5%;
	border-bottom:3px solid #36a2d6;
	margin-bottom:12px;
}
div.bx-w-contents section:not(:last-child) {
	margin-bottom:12px;
}
div.bx-w-contents section > ul > li, div.bx-w-contents section p {
	font-size:83%;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.bx-wop {
	width:460px;
	margin-left:-230px;
	padding-bottom:20px;
}
div.bx-w-contents {
	padding:16px;
}
}
@media all and (max-width: 479px) {
div.bx-wop {
	width:300px;
	margin-left:-150px;
	padding-bottom:10px;
}
div.bx-w-contents {
	padding:12px;
}
}