@charset "utf-8";

/*----------------------------------------------
contents
----------------------------------------------*/

#wrapper{
	padding:0 10px;
}

h2 img{
	width:55%;
	margin-bottom:10px;
}

h3{
	margin-bottom:10px;
}

section{
	background:url(../img/contentsback.gif) top center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:20px 0 10px;
	margin:0 0 20px;
}

section h4{
	margin-bottom:10px;
}

div.contentsarea{
	padding:0 10px;
	margin-bottom:15px;
}

div.contentsarea p{
	margin-bottom:10px;
}

ul.btnset li{
	margin-bottom:5px;
}

ul.btnset li:last:child{
	margin:0;
}

div.flowcontents{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding:17px 10px 7px;
	margin:0 0 20px;
	border:3px solid #c6c171;
	background:#ffffe8;
}

div.flowcontents > ul >li{
	margin-bottom:20px;
}

ul.btnset_flow{
	display:flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	margin-bottom:10px;
}

ul.btnset_flow li{
	margin-right:8px;
}

ul.btnset_flow li:last-child{
	margin:0;
}

div.flowtext{
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

div.flowtext img{
	width:48%;
	margin-right:8px;
}

div.flowtext img:nth-child(2){
	width:40%;
	margin:0;
}

p.flowset01{
	text-align:center;
}

p.flowset01 img{
	width:90%;
}

p.buytext{
	margin-bottom:10px;
}

img.cresitcard{
	margin-bottom:10px;
}

section#linkset{
	margin:0 0 10px;
	padding:0;
	background:none;
}