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

/* section
-----------------------------------------------*/
.section{
	max-width:1020px;
	margin:0 auto;
}
.section .box{
	border-bottom:1px solid #251E1C;
	padding:50px;
	cursor:pointer;
}
.section .box:first-child{
	border-top:1px solid #251E1C;
}
.section .box p{
	font-size:24px;
	font-weight:bold;
}
.section .box .question,
.section .box .answer{
	position:relative;
	padding-left:50px;
}
.section .box .answer{
	display:none;
	margin-top:70px;
}
.section .box .question::before,
.section .box .answer::before{
	position:absolute;
	left:0;
	top:-10px;
	font-size:50px;
	line-height:1;
	font-weight:bold;
	font-family:'Oswald', sans-serif;
}
.section .box .question::before{
	content:"Q";
	color:#0074A6;
}
.section .box .answer::before{
	content:"A";
}
.section .box .question p{
	color:#0074A6;
}
@media screen and (max-width: 750px) {
.section .box{
	padding:30px 20px;
}
.section .box p{
	font-size:16px;
}
.section .box .question,
.section .box .answer{
	padding-left:32px;
}
.section .box .answer{
	margin-top:30px;
}
.section .box .question::before,
.section .box .answer::before{
	top:-6px;
	font-size:30px;
}
}


/* note
-----------------------------------------------*/
#note{
	margin:50px auto -50px auto;
	padding:0 20px;
}
#note p{
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
#note p br{
	display:none;
}
@media screen and (max-width: 750px) {
#note{
	margin:20px auto 20px auto;
}
#note p{
	font-size:14px;
}
#note p br{
	display:block;
}
}