@charset "UTF-8";
/* CSS Document */


/* ----------------------------------------------------------------------- */

/* Q&A */

/* ----------------------------------------------------------------------- */
.slide-down-wrap {
	padding: 0 0 50px 0;
}

.slide-down {
	width: 760px;
	margin: 50px auto 0;
	padding: 15px 20px;
    background: -moz-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: -webkit-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: linear-gradient(to bottom, #00A0E9, #00a5ea 25%, #0066e9);
	color: #ffffff;
	border: 1px solid #666666;
}

div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8,
div.slide-9,
div.slide-10{
	width: 760px;
	margin: 0 auto 0;
	padding: 25px 20px;
	background: #ffffff;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

h3 {
	font-weight: bold;
	font-size: 135%;
}

p {
	margin-top: 25px;
    line-height: 1.8;
}


/* -- .slide-down -------------------------------------------------------------------------------------------- */

.slide-down:before {
	content: "▼";
}

.slide-down:hover {
	cursor: pointer;
	opacity: 0.8;
}


.active:before {
	content: "▲";
}

/* -- div.slide-* -------------------------------------------------------------------------------------------- */

div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8,
div.slide-9,
div.slide-10{
	display: none;
}

/* ----------------------------------------------------------------------- */

/* Q&A（レスポンシブ） */

/* ----------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.slide-down-wrap {
	padding: 0 0 50px 0;
}
	
.slide-down {
	width: calc(100% - 11.5%);
	margin: 50px auto 0;
	padding: 15px 20px;
    background: -moz-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: -webkit-linear-gradient(top, #00A0E9, #00a5ea 25%, #0066e9);
    background: linear-gradient(to bottom, #00A0E9, #00a5ea 25%, #0066e9);
	color: #ffffff;
	border: 1px solid #666666;
}

div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8,
div.slide-9,
div.slide-10 {
	width: calc(100% - 11.5%);
	margin: 0 auto 0;
	padding: 25px 20px;
	background: #ffffff;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

h3 {
	font-weight: bold;
	font-size: 120%;
}

p {
	margin-top: 25px;
	line-height: 1.4em;
	font-size: 14px;
}

img {
	display: block;
	margin-bottom: 15px;
}
}