/***************************************************/
/* !base (Erase when include)*/
/***************************************************/

body {
	margin: 0;
	padding: 0;
}

/***************************************************/
/* !existing*/
/***************************************************/

/* style3.css - #pagehome h1, #h1 p#headmsg -  */
#header h1 {
	width: auto;
	height: auto;
	line-height: 20px;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	float: left;
}


/***************************************************/
/* !Wtp*/
/***************************************************/

#Wtp {}

/***************************************************/
/* !WtpMain*/
/***************************************************/

.wtp-Main {
	background: #fff;
	color: #444;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-feature-settings : "palt";
	font-size: 18px;
	line-height: 1;
	min-width: 305px;

	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

@media only screen and (max-width: 768px) {

	.wtp-Main {
		font-size: 16px;
	}

}

@media only screen and (max-width: 640px) {

	.wtp-Main {
		font-size: 13px;
	}

}


/***************************************************/
/* !Wbr & hide*/
/***************************************************/

.wtp-wbr1 {
	display: none;
}

.wtp-wbr2 {
	display: none;
}

@media only screen and (max-width: 1024px) {

.wtp-wbr1 {
	display: block;
}

}

@media only screen and (max-width: 640px) {

.wtp-wbr2 {
	display: block;
}

.wtp-hide {
	display: none;
}

}

/***************************************************/
/* !TopicPath*/
/***************************************************/

.wtp-TopicPath {}
	.wtp-TopicPath > .wtp-path {
		font-size: 55%;
		margin: 0 auto;
		padding: 10px 30px;
		max-width: 950px;
	}
		.wtp-TopicPath > .wtp-path > .wtp-linkText {
			color: #028dc5;
			text-decoration: none;
		}

@media only screen and (max-width: 768px) {

	.wtp-TopicPath {
		display: none;
	}

}

/***************************************************/
/* !Kv*/
/***************************************************/

.wtp-Kv {
	background: url(../img/bg_gd_blue.png) 0 0 repeat-x scroll;
}
	.wtp-Kv > .wtp-inner {
		margin: 0 auto;
		padding: 40px 34px 80px 34px;
		max-width: 950px;
	}

	.wtp-Kv .wtp-copy {
		color: #fff;
		font-size: 166%;
		font-weight: bold;
		line-height: 1.2;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.wtp-Kv .wtp-hn {
		color: #fff;
		font-size: 277%;
		font-weight: bold;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.wtp-Kv .wtp-hn > .wtp-kana {
		display: block;
		font-size: 36%;
		margin: 15px 0 0 0;
		text-align: center;
	}

	.wtp-Kv .wtp-fig {
		margin: 0 0 30px 0;
	}
		.wtp-Kv .wtp-fig > .wtp-img {
			width: 100%;
		}

	.wtp-Kv .wtp-desc {
		font-size: 133%;
		font-weight: bold;
		line-height: 1.6;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.wtp-Kv .wtp-links {
		margin: 0;
		padding: 0;
	}
		.wtp-Kv .wtp-links > li {
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.wtp-Kv .wtp-links > li + li {
			margin-top: 40px;
		}

	.wtp-Kv .wtp-linkBtn {
		border: 3px solid #46A4E2;
		color: #46A4E2;
		display: inline-block;
		font-size: 144%;
		font-weight: bold;
		height: 80px;
		line-height: 80px;
		text-decoration: none;
		text-align: center;
		width: 580px;
	}
		.wtp-Kv .wtp-linkBtn > .wtp-inner {
			background: url(../img/ico_arr_right_circle_blue.png) 0 50% no-repeat scroll;
			padding: 4px 0 4px 40px;
		}
	.wtp-Kv .wtp-linkBtn:hover {
		opacity: 0.65;
	}

	.wtp-Kv .wtp-linkText {
		background: url(../img/ico_arr_right_circle_black.png) 0 50% no-repeat scroll;
		color: #444;
		font-size: 100%;
		font-weight: bold;
		padding: 4px 0 4px 35px;
	}

@media only screen and (max-width: 1024px) {
	.wtp-Kv {
		background-size: 9.78% auto;
	}
}

@media only screen and (max-width: 768px) {
	.wtp-Kv {
		background-size: 11.2% auto;
	}

	.wtp-Kv .wtp-linkBtn {
		width: 82.857%;
	}

}

@media only screen and (max-width: 640px) {

.wtp-Kv {}
	.wtp-Kv > .wtp-inner {
		padding: 20px 17px 30px 17px;
	}

	.wtp-Kv .wtp-copy {
		font-size: 110%;
		margin: 0 0 10px 0;
	}

	.wtp-Kv .wtp-hn {
		font-size: 178%;
		margin: 0 0 15px 0;
	}

	.wtp-Kv .wtp-hn > .wtp-kana {
		font-size: 48%;
		margin: 5px 0 0 0;
	}

	.wtp-Kv .wtp-fig {
		margin: 0 0 15px 0;
	}

	.wtp-Kv .wtp-desc {
		font-size: 100%;
		margin: 0 0 15px 0;
	}

		.wtp-Kv .wtp-links > li + li {
			margin-top: 15px;
		}

	.wtp-Kv .wtp-linkBtn {
		border: 2px solid #46A4E2;
		font-size: 100%;
		height: 40px;
		line-height: 40px;
		width: 85%;
	}
		.wtp-Kv .wtp-linkBtn > .wtp-inner {
			background-size: 15px auto;
			padding: 2px 0 2px 20px;
		}

	.wtp-Kv .wtp-linkText {
		background-size: 12px auto;
		font-size: 85%;
		padding: 3px 0 3px 17px;
	}
}

@media only screen and (max-width: 640px) {

.wtp-Kv {
	background-size: 9% auto;
}

}

@media only screen and (max-width: 480px) {

.wtp-Kv {
	background-size: 10.5% auto;
}

}

@media only screen and (max-width: 320px) {

.wtp-Kv {
	background-size: 11.6% auto;
}

}


/***************************************************/
/* !Function*/
/***************************************************/

.wtp-Function {}
	.wtp-Function > .wtp-hn {
		display: none;
	}

	.wtp-Func {}
		.wtp-Func > .wtp-inner {
			max-width: 950px;
			margin: 0 auto;
			padding: 80px 34px;
			position: relative;
			*zoom: 1;
		}
		.wtp-Func > .wtp-inner:after {
			clear: both;
			content: '';
			display: block;
			height: 0;
			line-height: 0;
		}

		.wtp-Func .wtp-header {
			margin: 0 0 10px 0;
			text-align: center;
		}
			.wtp-Func .wtp-header > .wtp-hn {
				display: inline-block;
				font-size: 133%;
				font-weight: bold;
				line-height: 1.2;
				margin: 0 0 20px 0;
				text-align: left;
				vertical-align: middle;
			}
			.wtp-Func .wtp-header > .wtp-tag {
				background: #444;
				color: #fff;
				display: inline-block;
				font-size: 122%;
				font-weight: bold;
				margin: 0 20px 20px 0;
				padding: 10px;
				vertical-align: middle;
			}
				.wtp-Func .wtp-header > .wtp-tag > .wtp-em {
					font-size: 145%;
					font-style: normal;
					vertical-align: -0.1em;
				}

		.wtp-Func .wtp-text {
			line-height: 1.6;
			margin: 0 0 20px 0;
		}

		.wtp-Func .wtp-fig {
			position: relative;
		}
			.wtp-Func .wtp-fig > .wtp-image {
				display: block;
				overflow: hidden;
			}
				.wtp-Func .wtp-fig > .wtp-image > .wtp-img {
					width: 100%;
				}
			.wtp-Func .wtp-fig > .wtp-caption {
				color: #47A4E2;
				display: block;
				font-size: 127%;
				font-weight: bold;
				margin: 0 0 40px 0;
				text-align: center;
			}
			.wtp-Func .wtp-fig > .wtp-badge {
				display: table;
				left: 0;
				position: absolute;
				top: 0;
				z-index: 2;
			}
				.wtp-Func .wtp-fig > .wtp-badge > .wtp-inner {
					background: #47A4E2;
					border-radius: 50%;
					color: #fff;
					display: table-cell;
					line-height: 1.2;
					font-size: 105%;
					font-weight: bold;
					height: 120px;
					width: 120px;
					text-align: center;
					vertical-align: middle;
				}

	.wtp-Func01,
	.wtp-Func03 {
		background: #F6F6F6;
	}

	.wtp-Func02 {}
		.wtp-Func02 .wtp-text {
			margin: 0 0 80px 0;
			text-align: center;
		}
		.wtp-Func02 .wtp-fig {
			float: left;
			margin-left: 4.210%;
			width: 41.684%;
		}
			.wtp-Func02 .wtp-fig > .wtp-badge {
				left: -40px;
				top: 34px;
			}
		.wtp-Func02 .wtp-fig + .wtp-fig {
			float: right;
			margin-left: 0;
			margin-right: 40px;
		}
			.wtp-Func02 .wtp-fig + .wtp-fig > .wtp-badge  {
				left: auto;
				right: -40px;
			}

@media only screen and (min-width: 1025px) {

	.wtp-Func01,
	.wtp-Func03 {}
		.wtp-Func01 > .wtp-inner,
		.wtp-Func03 > .wtp-inner {
			min-height: 340px;
		}

		.wtp-Func01 .wtp-header,
		.wtp-Func01 .wtp-text,
		.wtp-Func03 .wtp-header,
		.wtp-Func03 .wtp-text {
			margin-left: 425px;
		}

		.wtp-Func01 .wtp-header,
		.wtp-Func03 .wtp-header {
			text-align: left;
		}

		.wtp-Func01 .wtp-fig,
		.wtp-Func03 .wtp-fig {
			bottom: 0;
			left: -155px;
			position: absolute;
		}
			.wtp-Func01 .wtp-fig > .wtp-badge,
			.wtp-Func03 .wtp-fig > .wtp-badge {
				left: 186px;
				top: -30px;
			}
			.wtp-Func01 .wtp-fig > .wtp-image,
			.wtp-Func03 .wtp-fig > .wtp-image {
				max-height: 440px;
			}

}

@media only screen and (max-width: 1024px) {

	.wtp-Func {}
		.wtp-Func > .wtp-inner {
			max-width: auto;
			padding: 60px 30px;
		}

		.wtp-Func .wtp-text {
			text-align: center;
		}

		.wtp-Func01 .wtp-inner,
		.wtp-Func03 .wtp-inner {
			padding-bottom: 0;
		}

		.wtp-Func01 .wtp-text:nth-of-type(3),
		.wtp-Func03 .wtp-text:nth-of-type(1) {
			margin-bottom: 60px;
		}

		.wtp-Func01 .wtp-fig,
		.wtp-Func03 .wtp-fig {
			margin: 0 auto;
			width: 78.125%;
		}
			.wtp-Func01 .wtp-fig > .wtp-badge,
			.wtp-Func03 .wtp-fig > .wtp-badge {
				left: auto;
				right: -30px;
				top: -30px;
			}
			.wtp-Func01 .wtp-fig > .wtp-image,
			.wtp-Func03 .wtp-fig > .wtp-image {
				max-height: 424px;
			}

	.wtp-Func02 {}
		.wtp-Func02 .wtp-text {
			text-align: center;
		}

}


@media only screen and (max-width: 640px) {

.wtp-Function {}

	.wtp-Func {}
		.wtp-Func > .wtp-inner {
			padding: 30px 17px;
		}

		.wtp-Func .wtp-header {
			margin: 0 0 5px 0;
		}
		.wtp-Func .wtp-header > .wtp-hn {
			font-size: 100%;
			margin: 0 0 10px 0;
		}
		.wtp-Func .wtp-header > .wtp-tag {
			font-size: 80%;
			margin: 0 3px 10px 0;
			padding: 7px 4px;
		}
			.wtp-Func .wtp-header > .wtp-tag > .wtp-em {
				font-size: 150%;
			}

		.wtp-Func .wtp-text {
			line-height: 1.6;
			margin: 0 0 10px 0;
		}

		.wtp-Func .wtp-fig {}
			.wtp-Func .wtp-fig > .wtp-caption {
				color: #47A4E2;
				display: block;
				font-size: 103%;
				font-weight: bold;
				margin: 0 0 10px 0;
				text-align: center;
			}
			.wtp-Func .wtp-fig > .wtp-badge {}
				.wtp-Func .wtp-fig > .wtp-badge > .wtp-inner {
					font-size: 80%;
					height: 60px;
					width: 60px;
				}

		.wtp-Func01 .wtp-inner,
		.wtp-Func03 .wtp-inner {
			padding-bottom: 0;
		}

		.wtp-Func01 .wtp-text:nth-of-type(3),
		.wtp-Func03 .wtp-text:nth-of-type(1) {
			margin-bottom: 30px;
		}
			.wtp-Func01 .wtp-fig > .wtp-badge,
			.wtp-Func03 .wtp-fig > .wtp-badge {
				right: -30px;
				top: -10px;
			}


	.wtp-Func02 {}
		.wtp-Func02 .wtp-text {
			margin: 0 0 20px 0;
			text-align: center;
		}
		.wtp-Func02 .wtp-fig {
			float: left;
			margin-left: 6%;
			width: 40%;
		}
			.wtp-Func02 .wtp-fig > .wtp-badge {
				left: -20px;
				top: 12px;
			}
		.wtp-Func02 .wtp-fig + .wtp-fig {
			float: right;
			margin-right: 6%;
		}
			.wtp-Func02 .wtp-fig + .wtp-fig > .wtp-badge  {
				left: auto;
				right: -20px;
			}


}

/***************************************************/
/* !Flow*/
/***************************************************/

.wtp-Flow {}
	.wtp-Flow > .wtp-inner {
		margin: 0 auto;
		padding: 80px 34px 80px 34px;
		max-width: 950px;
	}
	.wtp-Flow > .wtp-inner > .wtp-hn {
		font-size: 166%;
		font-weight: bold;
		margin: 0 0  60px 0;
		text-align: center;
	}

	.wtp-Flow .wtp-steps {
		margin: -2.024%;
		*zoom: 1;
	}
	.wtp-Flow .wtp-steps:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		line-height: 0;
	}

		.wtp-Flow .wtp-steps > .wtp-step {
			float: left;
			margin: 2.024%;
			width: 29.25%;
			vertical-align: top;
		}
		.wtp-Flow .wtp-steps > .wtp-step:nth-of-type(3n+1) {
			clear: both;
			float: left;
		}

			.wtp-Flow .wtp-steps > .wtp-step {
				position: relative;
			}
			.wtp-Flow .wtp-steps > .wtp-step> .wtp-badge {
				display: table;
				left: -20px;
				margin: 0;
				position: absolute;
				top: -10px;
				z-index: 2;
			}
				.wtp-Flow .wtp-steps > .wtp-step  > .wtp-badge > .wtp-inner {
					background: #333;
					border-radius: 50%;
					color: #fff;
					display: table-cell;
					font-size: 155%;
					font-weight: bold;
					height: 50px;
					width: 50px;
					text-align: center;
					vertical-align: middle;
				}
			.wtp-Flow .wtp-steps > .wtp-step > .wtp-fig {
				margin: 0 0 30px 0;
			}
				.wtp-Flow .wtp-steps > .wtp-step > .wtp-fig > .wtp-image {
					width: 100%;
				}
					.wtp-Flow .wtp-steps > .wtp-step > .wtp-fig > .wtp-image > .wtp-img {
						width: 100%;
					}
			.wtp-Flow .wtp-steps > .wtp-step > .wtp-text {
				font-weight: bold;
				line-height: 1.6;
				margin: 0;
				text-align: justify;
			}
				.wtp-Flow .wtp-steps > .wtp-step > .wtp-text > .wtp-note {
					display: block;
					font-size: 77%;
					font-weight: normal;
				}

@media only screen and (max-width: 768px) {

.wtp-Flow {}
	.wtp-Flow > .wtp-inner {
		padding: 60px 34px;
	}
	.wtp-Flow > .wtp-inner > .wtp-hn {
		margin-bottom: 40px;
	}


	.wtp-Flow .wtp-steps {
		margin: -30px 2.857%;
	}

		.wtp-Flow .wtp-steps > .wtp-step {
			margin: 30px 3.030%;
			width:  43.939%;
		}
		.wtp-Flow .wtp-steps > .wtp-step:nth-of-type(3n+1) {
			clear: none;
		}
		.wtp-Flow .wtp-steps > .wtp-step:nth-of-type(2n+1) {
			clear: both;
		}

}

@media only screen and (max-width: 640px) {

.wtp-Flow {}
	.wtp-Flow > .wtp-inner {
		padding: 30px 17px;
	}
	.wtp-Flow > .wtp-inner > .wtp-hn {
		font-size: 110%;
		margin: 0 0 20px 0;
	}

	.wtp-Flow .wtp-steps {
		margin: -5% 0;
	}

		.wtp-Flow .wtp-steps > .wtp-step {
			margin: 5%;
			width: 40%;
		}
			.wtp-Flow .wtp-steps > .wtp-step> .wtp-badge {
				left: -10px;
				top: -10px;
			}
				.wtp-Flow .wtp-steps > .wtp-step  > .wtp-badge > .wtp-inner {
					font-size: 110%;
					height: 25px;
					width: 25px;
				}
		.wtp-Flow .wtp-steps > .wtp-step > .wtp-fig {
			margin: 0 0 10px 0;
		}

}


/***************************************************/
/* !Nenga*/
/***************************************************/

.wtp-Nenga {
	background-color: #E15429;
	background-image: url(../img/bg_sakura.png), url(../img/bg_gd_red.png);
	background-position: 50% 50%, 0 0;
	background-repeat: no-repeat, repeat-x;
	color: #E9D8B2;
}
	.wtp-Nenga > .wtp-inner {
		margin: 0 auto;
		max-width: 950px;
		min-height: 200px;
		padding: 150px 34px;
		position: relative;
	}

		.wtp-Nenga .wtp-hn,
		.wtp-Nenga .wtp-text,
		.wtp-Nenga .wtp-links {
			position: relative;
			width: 525px;
			z-index: 3;
		}

		.wtp-Nenga .wtp-hn {
			font-size: 200%; /* 211% */
			font-weight: bold;
			line-height: 1.2;
			margin: 0 0 15px 0;
			text-align: center;
		}

		.wtp-Nenga .wtp-text {
			font-size: 110%; /* 120% */
			font-weight: bold;
			line-height: 1.4;
			margin: 0 0 35px 0;
			text-align: center;
		}

		.wtp-Nenga .wtp-links {
			margin: 0;
			padding: 0;
		}
			.wtp-Nenga .wtp-links > li {
				list-style: none;
				margin: 0;
				padding: 0;
				text-align: center;
			}

		.wtp-Nenga .wtp-linkBtn {
			/* background: #E15334; */
			border: 3px solid #E9D8B2;
			color: #E9D8B2;
			display: inline-block;
			font-size: 144%;
			font-weight: bold;
			height: 80px;
			line-height: 80px;
			text-decoration: none;
			text-align: center;
			width: 100%;
		}
			.wtp-Nenga .wtp-linkBtn > .wtp-inner {
				background: url(../img/ico_arr_right_circle_gold.png) 0 50% no-repeat scroll;
				padding: 4px 0 4px 40px;
			}
		.wtp-Nenga .wtp-linkBtn:hover {
			opacity: 0.65;
		}

		.wtp-Nenga .wtp-linkBtn2 {
			/* background: #E15334; */
			background: #E9D8B2;
			color: #E15333;
			display: inline-block;
			font-size: 144%;
			font-weight: bold;
			height: 80px;
			line-height: 80px;
			text-decoration: none;
			text-align: center;
			width: 100%;
		}
			.wtp-Nenga .wtp-linkBtn2 > .wtp-inner {
				background: url(../img/ico_arr_right_circle_red.png) 0 50% no-repeat scroll;
				padding: 4px 0 4px 40px;
			}
		.wtp-Nenga .wtp-linkBtn2:hover {
			opacity: 0.65;
		}

		.wtp-Nenga .wtp-fig {
			bottom: 0;
			position: absolute;
			right: 0;
		}
			.wtp-Nenga .wtp-fig > .wtp-image {
				display: block;
				height: 469px;
				overflow: hidden;
				width: 446px;
			}
				.wtp-Nenga .wtp-fig > .wtp-image > .wtp-img {
					width: 100%;
				}

@media only screen and (max-width: 1024px) {

.wtp-Nenga {
	background-image: url(../img/bg_sakura.png), url(../img/bg_gd_red.png);
	background-position: -50px 50%, 0 0;
}

	.wtp-Nenga > .wtp-inner {
		overflow: hidden;
		padding: 100px 34px;
	}

		.wtp-Nenga .wtp-hn,
		.wtp-Nenga .wtp-text,
		.wtp-Nenga .wtp-links {
			margin-left: auto;
			margin-right: auto;
			width: 75%;
		}

		.wtp-Nenga .wtp-linkBtn {
			width: 100%;
		}
		.wtp-Nenga .wtp-linkBtn2 {
			width: 100%;
		}

		.wtp-Nenga .wtp-fig {
			right: -30px;
		}
			.wtp-Nenga .wtp-fig > .wtp-image {
				height: 363px;
				width: 359px;
			}

}

@media only screen and (max-width: 640px) {

.wtp-Nenga {
	background-position: -25px -15px, 0 0;
	background-size: 650px auto, auto 100%;
}
	.wtp-Nenga > .wtp-inner {
		min-height: 100px;
		padding: 50px 17px;
	}

		.wtp-Nenga .wtp-hn,
		.wtp-Nenga .wtp-text,
		.wtp-Nenga .wtp-links {
			width: auto;
		}

		.wtp-Nenga .wtp-hn {
			font-size: 150%;
			margin: 0 0 5px 0;
		}

		.wtp-Nenga .wtp-text {
			font-size: 100%;
			margin: 0 0 15px 0;
		}

		.wtp-Nenga .wtp-linkBtn {
			/* background: rgba(255, 255, 255, 0.2); */
			border: 2px solid #E9D8B2;
			font-size: 100%;
			height: 40px;
			line-height: 40px;
			width: 85%;
		}
			.wtp-Nenga .wtp-linkBtn > .wtp-inner {
				background-size: 15px auto;
				padding: 2px 0 2px 20px;
			}

		.wtp-Nenga .wtp-linkBtn2 {
			/* background: rgba(255, 255, 255, 0.2); */
			font-size: 100%;
			height: 40px;
			line-height: 40px;
			width: 85%;
		}
			.wtp-Nenga .wtp-linkBtn2 > .wtp-inner {
				background-size: 15px auto;
				padding: 2px 0 2px 20px;
			}

		.wtp-Nenga .wtp-fig {
			right: -20px;
		}
			.wtp-Nenga .wtp-fig > .wtp-image {
				height: 180px;
				width: 180px;
			}

}

/***************************************************/
/* !Faqs*/
/***************************************************/

.wtp-Faqs {}
	.wtp-Faqs > .wtp-inner {
		margin: 0 auto;
		max-width: 950px;
		padding: 80px 34px;
	}
	.wtp-Faqs > .wtp-inner > .wtp-hn {
		font-size: 166%;
		font-weight: bold;
		margin: 0 0  60px 0;
		text-align: center;
	}

	.wtp-faqs .wtp-faq {
		border-bottom: 3px solid #444;
		margin: 0;
		padding: 30px 20px;
	}
	.wtp-faqs .wtp-faq:nth-of-type(1) {
		border-top: 3px solid #444;
	}
		.wtp-faqs .wtp-faq > .wtp-question {
			background-image: url(../img/ico_question.png), url(../img/ico_arr_bottom.png);
			background-position: 0 50%, 100% 50%;
			background-attachment: scroll, scroll;
			background-repeat: no-repeat, no-repeat;
			cursor: pointer;
			line-height: 1.6;
			padding: 11px 50px 11px 60px;
			text-align: justify;
		}
		.wtp-faqs .wtp-faq > .wtp-question.wtp-isOpen {
			background-image: url(../img/ico_question.png), url(../img/ico_arr_top.png);
		}
		.wtp-faqs .wtp-faq > .wtp-answer {
			background: #F6F6F6;
			line-height: 1.6;
			margin: 30px 0 0 0;
			padding: 30px;
			text-align: justify;
		}
			.wtp-faqs .wtp-faq > .wtp-answer > .wtp-em {
				font-weight: bold;
			}
			.wtp-faqs .wtp-faq > .wtp-answer a {
				color: #444;
			}

@media only screen and (max-width: 768px) {

.wtp-Faqs {}
	.wtp-Faqs > .wtp-inner {
		padding: 60px 30px;
	}
	.wtp-Faqs > .wtp-inner > .wtp-hn {
		margin-bottom: 40px;
	}


}

@media only screen and (max-width: 640px) {

.wtp-Faqs {}
	.wtp-Faqs > .wtp-inner {
		padding: 30px 17px;
	}
	.wtp-Faqs > .wtp-inner > .wtp-hn {
		font-size: 110%;
		margin: 0 0 20px 0;
	}

	.wtp-faqs .wtp-faq {
		border-bottom: 2px solid #444;
		padding: 15px 10px;
	}
	.wtp-faqs .wtp-faq:nth-of-type(1) {
		border-top: 2px solid #444;
	}
		.wtp-faqs .wtp-faq > .wtp-question {
			background-size: 18px auto, 15px auto;
			cursor: pointer;
			line-height: 1.6;
			padding: 0 25px 0 30px;
		}
		.wtp-faqs .wtp-faq > .wtp-answer {
			margin: 15px 0 0 0;
			padding: 15px;
		}

}

/***************************************************/
/* !Design*/
/***************************************************/

.wtp-Design {
	margin-bottom: 30px;
}
	.wtp-Design > .wtp-header {
		padding: 30px 0;
	}
		.wtp-Design > .wtp-header > .wtp-nav {
			margin: 0 auto 30px auto;
			max-width: 950px;
			padding: 0 34px;
		}
			.wtp-Design > .wtp-header > .wtp-nav > .wtp-link {
				display: inline-block;
				font-weight: bold;
				margin: 10px 0 0 0;
			}
			.wtp-Design > .wtp-header > .wtp-nav > .wtp-link + .wtp-link {
				margin-left: 30px;
			}
				.wtp-Design > .wtp-header > .wtp-nav > .wtp-link > .wtp-linkText {
					background: url(../img/ico_arr_right_circle_black.png) 0 50% no-repeat scroll;
					color: #444;
					font-size: 100%;
					font-weight: bold;
					padding: 4px 0 4px 35px;
					text-decoration: none;
				}
					.wtp-Design > .wtp-header > .wtp-nav > .wtp-link > .wtp-linkText:hover {
						text-decoration: underline;
					}

		.wtp-Design > .wtp-header > .wtp-hn {
			font-size: 166%;
			font-weight: bold;
			line-height: 1.4;
			margin: 0 auto;
			max-width: 950px;
			padding: 0 34px;
		}

@media only screen and (max-width: 640px) {

.wtp-Design {
	margin-bottom: 15px;
}
	.wtp-Design > .wtp-header {
		padding: 15px 0;
	}
		.wtp-Design > .wtp-header > .wtp-nav {
			margin: 0 auto 15px auto;
			padding: 0 17px;
		}
			.wtp-Design > .wtp-header > .wtp-nav > .wtp-link {
				margin-top: 4px;
			}
			.wtp-Design > .wtp-header > .wtp-nav > .wtp-link + .wtp-link {
				margin-left: 5px;
			}
				.wtp-Design > .wtp-header > .wtp-nav > .wtp-link > .wtp-linkText {
					background-size: 12px auto;
					font-size: 80%;
					padding: 3px 0 3px 17px;
				}
		.wtp-Design > .wtp-header > .wtp-hn {
			font-size: 140%;
			padding: 0 17px;
}

}


/***************************************************/
/* !Category*/
/***************************************************/

.wtp-Category {
	background: #f6f6f6;
	border-top: 5px solid #46A4E2;

}
	.wtp-Category > .wtp-list {
		margin: 0 auto;
		max-width: 950px;
		overflow-x: auto;
		padding: 30px 34px;
		white-space: nowrap;
	}
		.wtp-Category > .wtp-list > .wtp-item {
			display: inline-block;
			font-weight: bold;
			list-style: none;
		}
		.wtp-Category > .wtp-list > .wtp-item + .wtp-item {
			margin: 0 0 0 60px;
		}
			.wtp-Category > .wtp-list > .wtp-item > .wtp-linkText {
				color: #46A4E2;
				text-decoration: none;
			}
			.wtp-Category > .wtp-list > .wtp-item > .wtp-linkText:hover {
				text-decoration: underline;
			}
				.wtp-Category > .wtp-list > .wtp-item > .wtp-linkText.wtp-isCurrent {
					color: #444;
				}

		.wtp-Category > .wtp-list::-webkit-scrollbar {
			height: 10px;
			box-shadow: none;
		}
		.wtp-Category > .wtp-list::-webkit-scrollbar-track {
			border-radius: 10px;
			background: transparent;
			box-shadow: none;
		}
		.wtp-Category > .wtp-list::-webkit-scrollbar-thumb {
			background: #ddd;
			box-shadow: none;
			border-radius: 10px;
		}

@media only screen and (max-width: 768px) {

.wtp-Category {
	border-top: 3px solid #46A4E2;
}

	.wtp-Category > .wtp-list > .wtp-item {
		font-size: 122%;
	}
		.wtp-Category > .wtp-list > .wtp-item + .wtp-item {
			margin: 0 0 0 60px;
		}

}

@media only screen and (max-width: 640px) {

.wtp-Category {
	margin-bottom: 15px;
}
	.wtp-Category > .wtp-list {
		padding: 15px 17px 13px 17px;
	}
	.wtp-Category > .wtp-list > .wtp-item {
		font-size: 100%;
	}
		.wtp-Category > .wtp-list > .wtp-item + .wtp-item {
			margin: 0 0 0 30px;
		}
		.wtp-Category > .wtp-list::-webkit-scrollbar {
			height: 5px;
		}

}


/***************************************************/
/* !Pagination*/
/***************************************************/

.wtp-Pagination {}
	.wtp-Pagination > .wtp-list {
		margin: 30px auto;
		max-width: 950px;
		padding: 0 34px;
		*zoom: 1;
	}
	.wtp-Pagination > .wtp-list:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		line-height: 0;
	}
		.wtp-Pagination > .wtp-list > .wtp-count {
			float: left;
			font-weight: bold;
		}
		.wtp-Pagination > .wtp-list > .wtp-links {
			float: right;
			margin: 0;
		}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText,
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-abbr {
				color: #46A4E2;
				display: inline-block;
				font-weight: bold;
				margin: 0 0 0 10px;
				text-decoration: none;
			}
				.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText:hover {
					text-decoration: underline;
				}

@media only screen and (max-width: 840px) {

		.wtp-Pagination > .wtp-list > .wtp-count {
			float: none;
			padding: 16px 0;
			text-align: center;
		}
		.wtp-Pagination > .wtp-list > .wtp-links {
			float: none;
			margin-top: -2.5em;
			*zoom: 1;
		}
		.wtp-Pagination > .wtp-list > .wtp-links:after {
			clear: both;
			content: '';
			display: block;
			height: 0;
			line-height: 0;
		}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText,
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-abbr {
				display: none;
				margin: 0;
			}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isPrev {
				border: 3px solid #46A4E2;
				display: block;
				padding: 7px 15px;
				float: left;
				text-decoration: none;
			}
				.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isPrev:before {
					content: "＜";
					padding-right: 3px;
				}
				.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isPrev:hover {
					opacity: 0.65;
				}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isNext {
				border: 3px solid #46A4E2;
				display: block;
				float: right;
				padding: 7px 15px;
				text-decoration: none;
			}
				.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isNext:After {
					content: "＞";
					padding-left: 3px;
				}
				.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isNext:hover {
					opacity: 0.65;
				}

}

@media only screen and (max-width: 640px) {

	.wtp-Pagination > .wtp-list {
		margin: 30px auto;
		padding: 0 17px;
	}

		.wtp-Pagination > .wtp-list > .wtp-count {
			font-size: 60%;
			padding: 0;
		}
		.wtp-Pagination > .wtp-list > .wtp-links {
			margin-top: -1.25em;
		}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isPrev {
				border: 2px solid #46A4E2;
				font-size: 80%;
				padding: 5px;
			}
			.wtp-Pagination > .wtp-list > .wtp-links > .wtp-linkText.wtp-isNext {
				border: 2px solid #46A4E2;
				font-size: 80%;
				padding: 5px;
			}
}


/***************************************************/
/* !DesignPattern*/
/***************************************************/

.wtp-DesignPattern {}
	.wtp-DesignPattern > .wtp-inner {
		margin: 60px auto;
		max-width: 950px;
		padding: 0 34px;
	}

	.wtp-DesignPattern .wtp-blank {
		margin: 60px 0;
		text-align: center;
	}
		.wtp-DesignPattern .wtp-blank > .wtp-linkBtn {
			border: 3px solid #46A4E2;
			color: #46A4E2;
			display: inline-block;
			font-size: 111%;
			font-weight: bold;
			height: 70px;
			line-height: 70px;
			text-decoration: none;
			text-align: center;
			width: 580px;
		}
			.wtp-DesignPattern .wtp-blank > .wtp-linkBtn > .wtp-inner {
				background: url(../img/ico_arr_right_circle_blue.png) 0 50% no-repeat scroll;
				background-size: 24px auto;
				padding: 4px 0 4px 35px;
			}
		.wtp-DesignPattern .wtp-blank > .wtp-linkBtn:hover {
			opacity: 0.65;
		}

@media only screen and (max-width: 768px) {

	.wtp-DesignPattern .wtp-blank > .wtp-linkBtn {
		width: 72.992%;
	}

}

@media only screen and (max-width: 640px) {

.wtp-DesignPattern {}
	.wtp-DesignPattern > .wtp-inner {
		margin: 30px auto;
		padding: 0 17px;
	}

	.wtp-DesignPattern .wtp-blank {
		margin: 30px 0;
		text-align: center;
	}

	.wtp-DesignPattern .wtp-blank > .wtp-linkBtn {
		border: 2px solid #46A4E2;
		font-size: 100%;
		height: 40px;
		line-height: 40px;
		width: 85%;
	}
		.wtp-DesignPattern .wtp-blank > .wtp-linkBtn > .wtp-inner {
			background-size: 15px auto;
			padding: 2px 0 2px 20px;
		}

}

/***************************************************/
/* !wtp-PatternBanner*/
/***************************************************/

.wtp-PatternBanner {
	margin: 30px 0 60px 0;
}
	.wtp-PatternBanner > .wtp-img {
		width: 100%;
	}

@media only screen and (max-width: 768px) {



}

@media only screen and (max-width: 640px) {

.wtp-PatternBanner {
	margin: 0 0 30px 0;
}

}

/***************************************************/
/* !wtp-PatternSec*/
/***************************************************/

.wtp-PatternSec {
	margin: 0 0 50px 0;
}
.wtp-PatternSec + .wtp-PatternSec {
	border-top: 1px solid #eee;
	padding-top: 50px;
}
	.wtp-PatternSec > .header {
		margin: 0 0 60px 0;
	}
		.wtp-PatternSec > .header > .hn {
			font-size: 144%;
			font-weight: bold;
			line-height: 1.4;
			margin: 0;
		}


@media only screen and (max-width: 768px) {


}

@media only screen and (max-width: 640px) {

.wtp-PatternSec {
	margin: 0 0 25px 0;
}
.wtp-PatternSec + .wtp-PatternSec {
	padding-top: 25px;
}
	.wtp-PatternSec > .header {
		margin: 0 0 30px 0;
	}
		.wtp-PatternSec > .header > .hn {
			font-size: 120%;
			font-weight: bold;
			line-height: 1.4;
			margin: 0;
		}

}


/***************************************************/
/* !Patterns*/
/***************************************************/

	.wtp-Patterns {
		margin: -25px -1.578%;
		*zoom: 1;
	}
	.wtp-Patterns:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		line-height: 0;
	}
		.wtp-Patterns .wtp-pattern {
			float: left;
			margin: 25px 1.530%;
			position: relative;
			vertical-align: top;
			width: 21.938%;
		}
		.wtp-Patterns .wtp-pattern:nth-of-type(4n+1) {
			clear: both;
			float: left;
		}
			 .wtp-Patterns .wtp-pattern > .wtp-thumb {}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig {
					margin: 0 0 20px 0;
					position: relative;
				}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig:after {
						background: url(../img/ico_zoom.png) 100% 100% no-repeat scroll;
						bottom: 0;
						content: "";
						height: 20px;
						position: absolute;
						right: 0;
						width: 19px;
						z-index: 2;
					}
						.wtp-PatternSec .wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig:after {
							display: none;
						}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig > .wtp-linkImage {
						display: table;
						width: 100%;
					}
						.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig > .wtp-linkImage:hover {
							opacity: 0.65;
						}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig > .wtp-linkImage > .wtp-image {
						display: table-cell;
						text-align: center;
						vertical-align: middle;
						width: 100%;
					}
						.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig > .wtp-linkImage > .wtp-image > .wtp-img {
							width: 100%;
						}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-shape {
					color: #999;
					font-size: 66%;
					font-weight: bold;
					margin: 0 0 15px 0;
					text-align: center;
				}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-title {
					font-weight: bold;
					line-height: 1.6;
					margin: 0;
					position: relative;
					text-align: center;
				}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-title > .wtp-linkText {
						color: #444;
						text-decoration: none;
					}
						.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-title > .wtp-linkText:hover {
							text-decoration: underline;
						}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-new {
					display: table;
					left: -10px;
					margin: 0;
					position: absolute;
					top: -10px;
					z-index: 2;
				}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-new > .wtp-inner {
						background: #46A4E2;
						border-radius: 50%;
						color: #fff;
						display: table-cell;
						font-size: 88%;
						font-weight: bold;
						height: 50px;
						width: 50px;
						text-align: center;
						vertical-align: middle;
					}

		.wtp-ModalWrapper {
			display: none;
		}
			.wtp-Modal {}
				.wtp-Modal > .wtp-fig {
					display: table;
					margin: 0 0 30px 0;
				}
					.wtp-Modal > .wtp-fig > .wtp-image {
						display: table-cell;
						text-align: center;
						vertical-align: middle;
						width: 450px; /* 500px */
					}
						.wtp-Modal > .wtp-fig > .wtp-image > .wtp-img {
							width: 100%;
						}
				.wtp-Modal > .wtp-link {
					margin: 0;
					padding: 0;
				}
					.wtp-Modal > .wtp-link  > .wtp-item {
						list-style: none;
						margin: 0;
						padding: 0;
					}
					.wtp-Modal > .wtp-link  > .wtp-item + .wtp-item {
						margin-top: 20px;
					}
					.wtp-Modal > .wtp-link  > .wtp-item > .wtp-linkText {
						background: #fff;
						border: 3px solid #46A4E2;
						color: #46A4E2;
						display: block;
						font-size: 111%;
						font-weight: bold;
						height: 70px;
						line-height: 70px;
						text-decoration: none;
						text-align: center;
						width: 450px; /* 500px */
					}
					.wtp-Modal > .wtp-link  > .wtp-item > .wtp-linkText.wtp-isClose {
						border: 3px solid #999;
						color: #999;
					}

@media only screen and (max-width: 768px) {

	.wtp-Patterns {
		margin: -20px -1.785%;
	}
		.wtp-Patterns .wtp-pattern {
			margin: 20px 1.724%;
			width: 29.655%;
		}
		.wtp-Patterns .wtp-pattern:nth-of-type(3n+1) {
			clear: both;
			float: left;
		}
		.wtp-Patterns .wtp-pattern:nth-of-type(4n+1) {
			clear: none;
		}
	.wtp-PatternSec .wtp-pattern:nth-child(n+4) {
		display: none;
	}

}

@media only screen and (max-width: 640px) {

	.wtp-Patterns {
		margin: -15px -1.785%;
	}
		.wtp-Patterns .wtp-pattern {
			margin: 15px 1.724%;
			width: 29.655%;
		}

				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig {
					margin: 0 0 10px 0;
				}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-fig:after {
						background-size: 10px auto;
						height: 10px;
						width: 10px;
					}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-new {
					left: -5px;
					top: -5px;
				}
					.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-new > .wtp-inner {
						font-size: 70%;
						height: 25px;
						width: 25px;
					}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-shape {
					margin: 0 0 5px 0;
				}
				.wtp-Patterns .wtp-pattern > .wtp-thumb > .wtp-title {
					font-size: 80%;
				}

		.wtp-ModalWrapper {}
			.wtp-Modal {}
				.wtp-Modal > .wtp-fig {
					margin: 0 0 30px 0;
					width: 230px;
				}
					.wtp-Modal > .wtp-fig > .wtp-image {}
				.wtp-Modal > .wtp-link {}
					.wtp-Modal > .wtp-link  > .wtp-item {}
					.wtp-Modal > .wtp-link  > .wtp-item + .wtp-item {
						margin-top: 10px;
					}
					.wtp-Modal > .wtp-link  > .wtp-item > .wtp-linkText {
						border: 2px solid #46A4E2;
						font-size: 72.22%;
						height: 40px;
						line-height: 40px;
						width: 230px;
					}
					.wtp-Modal > .wtp-link  > .wtp-item > .wtp-linkText.wtp-isClose {
						border: 2px solid #999;
					}

}


/***************************************************/
/* !fancybox*/
/***************************************************/

#Wtp #fancybox-wrap {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	font-feature-settings : "palt";
	font-size: 18px;
	line-height: 1;

	text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

#Wtp #fancybox-outer {
	background: transparent !important;
}
#Wtp .fancybox-bg {
	display: none;
}