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

/* --------------------------------------------------
	001.commentBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.commentBlock {
		text-align:center;
		padding:80px 0px;
		background: #fff;
	}
	.commentBlock p {
		padding-bottom: 35px;
	}
	#mainImgBlock {
		width:620px;
		position:relative;
		margin:0 auto 50px;
		padding: 10px;
		border: 1px solid #E7E1B3;
		overflow:hidden;
	}
	#mainImgBlock img {
		width: 100%;
	}
}

@media screen and (max-width: 639px) {
	.commentBlock {
		text-align:center;
		padding:0px 0px;
		position: relative;
		z-index: 0;
	}
	.commentBlock p {
		position: absolute;
		z-index: 1000000;
	}
	.commentBlock p.com1 {
		right: 0;
		top: 15px;
	}
	.commentBlock p.com1 img {
		width: 243px;
		height: auto;
	}
	.commentBlock p.com1:after {
		content: "";
		width: 227px;
		height: 90px;
		background: url(/cmp/whiteparty/common/images/txt02.png) no-repeat;
		background-size: 227px auto;
		position: absolute;
		right: 0;
		top: 50px;
	}
	.commentBlock p.com2 {
		left: 0;
		bottom: 30px;
	}
	.commentBlock p.com2 img {
		width: 250px;
		height: auto;
	}
	.commentBlock p.com3 {
		left: 0;
		bottom: -22px;
	}
	.commentBlock p.com3 img {
		width: 274px;
		height: auto;
	}
	#mainImgBlock {
		width:100%;
		height: 300px;
		position:relative;
		z-index: -1;
	}
	#mainImgBlock img {
		display: none;
	}
	#mainImgBlock .item {
		height: 300px;
		background-size: cover;
	}
}

/* --------------------------------------------------
	003.pointBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#pointBlock {
		width:1000px;
		text-align:center;
		margin:0 auto;
		padding:80px 0;
		overflow:hidden;
		zoom:1;
	}
	#pointBlock h2 {
		padding-bottom:50px;
	}
	#pointBlock article {
		width:33%;
		float:left;
		position:relative;
		padding:0 5px 15px;
		margin-bottom: 60px;
	}
	#pointBlock article:nth-of-type(2) {
		margin: 0 0.5%;
	}
	#pointBlock article h3 {
		font-size: 143%;
		line-height: 1.5;
		font-weight: 400;
		color: #4a471f;
		padding:10px 0 15px;
	}
	#pointBlock article span {
		display: block;
		margin-bottom:5px;
		background: url(/cmp/whiteparty/common/images/bg_point_ttl.png) no-repeat 50% 50%;
		background-size: 320px auto;
	}
	#pointBlock article .inner {
		padding: 0 10px;
		line-height:1.9;
	}
	#pointBlock article .inner figure {
		padding-bottom: 15px;
	}
	#pointBlock article .inner p {
		text-align: left;
	}
	#pointBlock aside {
		width: 840px;
		background: #a6e1d0;
		border: 1px solid #90d1be;
		padding: 20px 29px 40px;
		border-radius: 25px 0;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
	}
	#pointBlock aside h3 {
		text-align: center;
		padding-bottom: 35px;
	}
	#wrap #pointBlock aside dl {
		width: 360px;
		height: 250px;
		float: left;
		border: 3px solid #ccc46b;
		outline: 1px solid #BEB65C;
		padding: 25px 15px;
		margin: 0 15px;
		background: #fff;
		position: relative;
		overflow: visible;
	}
	#pointBlock aside dl:after {
		content: "";
		width: 346px;
		height: 236px;
		border: 1px solid #F1EED0;
		position: absolute;
		left: 3px;
		top: 3px;
	}
	#pointBlock aside dl dt {
		line-height: 74px;
		text-align: center;
		padding-bottom: 20px;
	}
	#pointBlock aside dl dd p {
		line-height: 1.5;
	}
	#pointBlock aside dl dd figure {
		position: absolute;
		bottom: -15px;
		z-index: 15;
	}
	#pointBlock aside dl dd figure.item01 {
		left: -15px;
	}
	#pointBlock aside dl dd figure.item02 {
		right: -15px;
	}
	#pointBlock aside dl dd figure.item03 {
		left: -15px;
	}
	#pointBlock aside dl dd figure.item04 {
		right: -15px;
	}
}
#pointBlock .inner b ,
#pointBlock dd b {
	color: #ccc46b;
}

@media screen and (max-width: 639px) {
	#pointBlock {
		text-align:center;
		margin:0 auto;
		padding:10px 0 0;
		overflow:hidden;
		zoom:1;
	}
	#pointBlock h2 {
	}
	#pointBlock h2 img {
		width: 100%;
		height: auto;
	}
	#pointBlock article {
		position:relative;
		padding:0 0px 15px;
		margin-bottom: 10px;
	}
	#pointBlock article h3 {
		font-size: 143%;
		line-height: 1.5;
		font-weight: 400;
		color: #4a471f;
		padding:10px 0 15px;
	}
	#pointBlock article span {
		display: block;
		margin-bottom:5px;
		background: url(/cmp/whiteparty/common/images/bg_point_ttl.png) repeat-x 50% 50%;
		background-size: 320px auto;
	}
	#pointBlock article .inner figure {
		padding-bottom: 15px;
	}
	#pointBlock article .inner figure img {
		width: 100%;
		height: auto;
	}
	#pointBlock article .inner p {
		text-align: left;
		padding: 0 10px;
	}
	#pointBlock aside {
		background: #a6e1d0;
		border-top: 1px solid #90d1be;
		border-bottom: 1px solid #90d1be;
		padding: 20px 10px 40px;
	}
	#pointBlock aside h3 {
		text-align: center;
		padding: 0 15px 25px;
	}
	#pointBlock aside h3 img {
		width: 100%;
		max-width: 340px;
		min-width: 247px;
		height: auto;
	}
	#wrap #pointBlock aside dl {
		border: 3px solid #ccc46b;
		outline: 1px solid #BEB65C;
		padding: 25px 15px;
		margin: 0 15px 15px;
		background: #fff;
		position: relative;
		overflow: visible;
	}
	#pointBlock aside dl:after {
		content: "";
		width: 98%;
		height: 98%;
		border: 1px solid #F1EED0;
		position: absolute;
		margin: 1%;
		left: -1px;
		top: -1px;
	}
	#pointBlock aside dl dt {
		line-height: 54px;
		text-align: center;
		padding-bottom: 20px;
	}
	#pointBlock aside dl dd p {
		line-height: 1.5;
	}
	#pointBlock aside dl dd figure {
		position: absolute;
		bottom: -15px;
		z-index: 15;
	}
	#pointBlock aside dl dd figure.item01 {
		left: -25px;
	}
	#pointBlock aside dl dd figure.item02 {
		right: -25px;
	}
	#pointBlock aside dl dd figure.item03 {
		left: -35px;
		bottom: -25px;
	}
	#pointBlock aside dl dd figure.item04 {
		right: -25px;
	}}



/* --------------------------------------------------
	004.outlineBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#outlineBlock {
		background: #fff;
		position:relative;
		padding: 70px 0 80px;
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 1px;
	}
	#outlineBlock h2 {
		width: 320px;
		text-align: center;
		border-bottom: 1px solid #EDEDED;
		position: relative;
		margin: 0 auto;
		padding: 20px 0;
		margin-bottom: 40px;
	}
	#outlineBlock h2:after {
		width: 100%;
		height: 1px;
		background: #F7F7F7;
		position: absolute;
		bottom: -3px;
		left: 0;
		content: "";
	}
	#outlineBlock .inner {
		width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	#outlineBlock .inner .box {
		width: 50%;
		float: left;
		padding: 20px;
	}
	#outlineBlock .inner dl {
		padding:15px 30px 10px;
		border-bottom: 1px solid #EDEDED;
	}
	#outlineBlock .inner dl:nth-last-of-type(1) {
		border: none;
	}
	#outlineBlock .inner dl dt {
		font-size:93%;
		color:#8a8000;
		text-align:left;
	}
	#outlineBlock .inner dl dd {
		line-height: 1.5;
	}
	#outlineBlock .inner dl dd small {
		font-size:71%;
		display: inline-block;
	}
	#outlineBlock .inner dl dd u {
		text-decoration:none;
	}
	#outlineBlock .inner .place {
		height: 346px;
		border-top: 1px solid #EDEDED;
		clear: both;
		position: relative;
		padding: 40px 50% 0px 20px;
		margin: 0 20px 40px;
		overflow: hidden;
	}
	#outlineBlock .inner .place dl {
		width: 290px;
		text-align: center;
		overflow: visible;
		border: 1px solid #eee;
		padding: 30px;
		margin: 30px auto;
	}
	#outlineBlock .inner .place dl dt {
		text-align: center;
	}
	#outlineBlock .inner .place dl dd b {
		display: block;
		font-size: 143%;
		padding-bottom: 15px;
	}
	#outlineBlock .inner .place dl dd figure {
		position: absolute;
		right: 20px;
		top: 40px;
	}
}

@media screen and (max-width: 639px) {
	#outlineBlock {
		background: #fff;
		position:relative;
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 1px;
	}
	#outlineBlock h2 {
		text-align: left;
		border-bottom: 1px solid #EDEDED;
		position: relative;
		margin: 0 auto;
		padding: 15px;
	}
	#outlineBlock h2 img {
		width: 99px;
		height: auto;
	}
	#outlineBlock h2:after {
		width: 100%;
		height: 1px;
		background: #F7F7F7;
		position: absolute;
		bottom: -3px;
		left: 0;
		content: "";
	}
	#outlineBlock .inner .box dl {
		padding:10px 20px;
		border-bottom: 1px solid #EDEDED;
	}
	#outlineBlock .inner dl dt {
		color:#8a8000;
		text-align:left;
	}
	#outlineBlock .inner dl dd {
		line-height: 1.5;
	}
	#outlineBlock .inner dl dd small {
		font-size:71%;
		display: inline-block;
	}
	#outlineBlock .inner .place {
		padding:10px 20px;
	}
	#outlineBlock .inner .place dl dt {
		text-align: center;
	}
	#outlineBlock .inner .place dl dd b {
		display: block;
		font-size: 129%;
		text-align: center;
		font-weight: 700;
		padding-bottom: 10px;
	}
	#outlineBlock .inner .place dl dd p {
		text-align: center;
		line-height: 1.5;
	}
	#outlineBlock .inner .place dl dd figure {
		margin-bottom: 5px;
	}
}



/* --------------------------------------------------
	005.checkBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#checkBlock {
		background: url(/cmp/whiteparty/common/images/bg_check.png) repeat-x top #fff;
		background-size: auto 34px;
		text-align:center;
		padding:100px 0;
		margin:0 auto;
		position:relative;
		clear: both;
		border-top: 1px solid #eee;
		overflow: hidden;
	}
	#checkBlock h2 {
		text-align: center;
		padding: 0 0 55px
	}
	#checkBlock .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#checkBlock .inner figure {
		width: 500px;
		text-align: center;
		float: right;
	}
	#checkBlock .inner .in {
		width: 500px;
		float: left;
	}
	#checkBlock .inner .in dl {
		padding: 40px 0 40px;
	}
	#checkBlock .inner .in dl dt {
		padding-bottom: 25px;
	}
	#checkBlock .inner .in dl dd {
		line-height: 2;
		text-align: left;
		padding: 0 35px;
	}
}

@media screen and (max-width: 639px) {
	#checkBlock {
		background: url(/cmp/whiteparty/common/images/bg_check.png) repeat-x top #fff;
		background-size: auto 34px;
		text-align:center;
		padding:50px 0 10px;
		margin:0 auto;
		position:relative;
		clear: both;
		border-top: 1px solid #eee;
		overflow: hidden;
	}
	#checkBlock h2 {
		text-align: center;
		padding: 0 0 25px
	}
	#checkBlock h2 img {
		width: 300px;
		height: auto;
	}
	#checkBlock .inner figure {
		text-align: center;
		padding-bottom: 20px;
	}
	#checkBlock .inner figure img {
		width: 100%;
		height: auto;
	}
	#checkBlock .inner .in dl {
		padding: 60px 0 30px;
		position: relative;
	}
	#checkBlock .inner .in dl dt {
		width: 471px;
		position: absolute;
		left: 50%;
		margin-left: -230px;
		padding-bottom: 25px;
		top: 0;
	}
	#checkBlock .inner .in dl dd {
		line-height: 2;
		text-align: left;
		padding: 0 15px;
	}

}


/* --------------------------------------------------
	006.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		text-align: center;
		padding:60px 0;
		background: #A6E1CF;
		border-bottom: 1px solid #17BB99;
		overflow:hidden;
		margin: 1px 0;
	}
	#faqBlock h2 {
		width: 320px;
		text-align: center;
		border-bottom: 1px solid #9CDBC8;
		position: relative;
		margin: 0 auto;
		padding: 20px 0;
		margin-bottom: 40px;
	}
	#faqBlock h2:after {
		width: 100%;
		height: 1px;
		background: #9EDCCA;
		position: absolute;
		bottom: -3px;
		left: 0;
		content: "";
	}
	#faqBlock .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#faqBlock dl {
		width: 50%;
		float: left;
		padding: 20px;
	}
	#faqBlock dl:nth-of-type(2n+1) {
		clear: both;
	}
	#faqBlock dl dt {
		font-size:114%;
		font-weight: 700;
		color: #333333;
		text-align:center;
		padding:0px 0 15px;
	}
	#faqBlock dl dt span {
		line-height: 1;
		display: block;
		padding-bottom: 5px;
	}
	#faqBlock dl dd {
		min-height: 105px;
		background: #fff;
		padding: 15px 20px;
		text-align: left;
	}
}

@media screen and (max-width: 639px) {
	#faqBlock {
		text-align: center;
		padding:0px 0 10px;
		background: #A6E1CF;
		border-bottom: 1px solid #17BB99;
		overflow:hidden;
		margin: 1px 0;
	}
	#faqBlock h2 {
		padding: 15px;
		text-align: left;
		border-bottom: 1px solid #9CDBC8;
		position: relative;
		margin-bottom: 10px;
	}
	#faqBlock h2:after {
		width: 100%;
		height: 1px;
		background: #9EDCCA;
		position: absolute;
		bottom: -3px;
		left: 0;
		content: "";
	}
	#faqBlock h2 img {
		width: auto;
		height: 18px;
	}
	#faqBlock .inner {
		margin: 0 10px;
	}
	#faqBlock dl {
		padding: 10px 0;
	}
	#faqBlock dl dt {
		font-size:114%;
		font-weight: 700;
		color: #333333;
		text-align:center;
		padding:0px 0 5px;
	}
	#faqBlock dl dt span {
		line-height: 1;
		display: block;
		padding-bottom: 5px;
	}
	#faqBlock dl dd {
		background: #fff;
		padding: 10px 10px;
		text-align: left;
	}
}

/* --------------------------------------------------
	007.catch
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.catch {
		background: url(/cmp/whiteparty/common/images/bg_catch.png) repeat-x bottom;
		background-size: 5px auto;
		border-bottom: 1px solid #E2E1CA;
		padding: 45px 0;
		text-align: center;
	}
}

@media screen and (max-width: 639px) {
	.catch {
		background: url(/cmp/whiteparty/common/images/bg_catch.png) repeat-x bottom;
		background-size: 5px auto;
		border-bottom: 1px solid #E2E1CA;
		padding: 35px 15px;
		text-align: center;
	}
	.catch img {
		width: 100%;
		max-width: 340px;
	}
}