@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2016年3月10日 */
/* last updated:2016年3月10日 */
/* -------------------------------------------------- */

@media screen and (min-width: 640px) {
.catch {
	text-align:center;
	background:url(/cmp/undokai/common/images/bg_white_dot.png);
	background-size:15px auto;
	padding:60px 0 0;
	border-bottom:5px solid #000;
}
.catch img {
	width:700px;
	padding-bottom:50px;
}
.catch .entryBtn {
	padding-bottom:30px;
}
.about {
	text-align:center;
	background:#E65B89;
	border-bottom:5px solid #000;
}
.about img {
	width:972px;
}
.type {
	width:1000px;
	position:relative;
	margin:0 auto;
}
.type header {
	position:absolute;
	right:0px;
	top:0;
}
.type header img {
	width:541px;
}
.type img {
	width:100%;
	margin:30px 0;
}
.type .entryBtn {
	padding:15px 0 40px;
}
.point {
	text-align:center;
	position:relative;
	z-index:10;
	background:#FFA202 url(/cmp/undokai/common/images/bg_dod.png);
	background-size:15px auto;
	border-top:5px solid #000;
	border-bottom:5px solid #000;
	padding:10px 0;
}
.point img {
	width:949px;
}
.info {
	text-align:center;
	background:#2BB572;
	position:relative;
	border-bottom:5px solid #000;
	z-index:1;
}
.info .outlineBlock {
	width:600px;
	margin:0 auto;
	overflow:hidden;
	padding:50px 0;
	zoom:1;
}
.info h2 {
	text-align:center;
	margin-top:-60px;
}
.info h2 img {
	width:360px;
}
.info dl {
	text-align:left;
	padding:10px;
}
.info dl dt {
	color:#FFFC00;
}
.info dl dd {
	line-height:1.5;
	border-bottom:2px solid #000;
}
.dotBg {
	padding:40px 0;
	background:#fff url(/cmp/undokai/common/images/bg_dod.png);
	background-size:15px auto;
}

.entryBtn {
	text-align:center;
}
.entryBtn img {
	width:500px;
	margin:0 auto;
}
.qa {
	background:#000;
	position:relative;
	z-index:1;
	color:#fff;
	padding-bottom:50px;
}
.qa h2 {
	text-align:center;
	padding:50px 0;
}
.qa h2 img {
	width:113px;
}
.qa dl {
	width:600px;
	padding:15px;
	margin:0 auto;
}
.qa dl dt:before ,
.qa dl dd:before {
	font-size:143%;
	font-family: 'Oswald', sans-serif;
}
.qa dl dt:before {
	color:#D40778;
	content:"Q."
}
.qa dl dd:before {
	color:#FFF100;
	content:"A."
}
.chance {
	text-align:center;
	padding:10px 0 0;
	background:#fff url(/cmp/undokai/common/images/bg_dod.png);
	background-size:15px auto;
}
.chance img {
	width:1000px;
}
.information {
	font-size:66%;
	letter-spacing:0;
	line-height:20px;
	text-align:center;
	background:#FF0092;
	color:#fff;
}
}

@media screen and (max-width: 639px) {
.catch {
	text-align:center;
}
.catch img {
	width:95%;
	height:auto;
}
.catch .entryBtn {
	padding-top:20px;
}

.about img {
	width:100%;
}
.type {
	background:url(/cmp/undokai/common/images/bg_type.png) no-repeat 50% -30px;
	background-size:100% auto;
	margin-top:-30px;
}
.type header {
	padding:0 15px;
	margin-bottom:-50px;
}
.type img {
	width:100%;
}
.type .entryBtn {
	margin-top:-4px;
}
.point {
	position:relative;
	z-index:10;
}
.point img {
	width:100%;
}
.info {
	background:#2BB572;
	margin-top:-10px;
	position:relative;
	z-index:1;
}
.info h2 {
	text-align:center;
	margin-top:-30px;
}
.info h2 img {
	width:300px;
}
.info dl {
	border-bottom:2px solid #000;
	padding:10px;
}
.info dl dt {
	color:#FFFC00;
}
.info dl dd {
	line-height:1.5;
}
.dotBg {
	padding:10px 0;
	background:#fff url(/cmp/undokai/common/images/bg_dod.png);
	background-size:15px auto;
}

.entryBtn {
	text-align:center;
}
.entryBtn img {
	width:96%;
	margin:0 auto;
}
.qa {
	background:#000;
	position:relative;
	z-index:1;
	color:#fff;
}
.qa h2 img {
	width:100%;
}
.qa dl {
	padding:15px;
}
.qa dl dt:before ,
.qa dl dd:before {
	font-size:143%;
	font-family: 'Oswald', sans-serif;
}
.qa dl dt:before {
	color:#D40778;
	content:"Q."
}
.qa dl dd:before {
	color:#FFF100;
	content:"A."
}
.chance {
	padding:10px 0 0;
	background:#fff url(/cmp/undokai/common/images/bg_dod.png);
	background-size:15px auto;
}
.chance img {
	width:100%;
}
.information {
	font-size:66%;
	letter-spacing:0;
	line-height:20px;
	text-align:center;
	background:#FF0092;
	color:#fff;
}
}