@charset "UTF-8";
/* CSS Document */
/*---------------Q&A------------------*/
@media screen and (min-width: 1025px){
#qanda{
	width: 100vw;
	max-width: 1920px;
	height: auto;
	line-height: 0;
	background: #97e5ff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #00a0e5;
	padding: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 429px;
	height: auto;
}
.qanda_wrap{
	width: calc(1050px - 100px);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4rem 0 4rem;
	
}
.qanda_parts{
	width: 100%;
	height: 210px;
	background: white;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:3rem;
	margin: 0 0 50px 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_q img{
	width: 50px;
	height: 50px;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_a img{
	width: 50px;
	height: 50px;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 1em 1em;
}
.qanda_text p{
	font-size: 16pt;
	line-height: 2em;
}
}

@media screen and (min-width: 751px) and (max-width: 1024px){
#qanda{
	width: 100vw;
	height: auto;
	line-height: 0;
	background: #97e5ff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #099371;
	padding: 4vw 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 40vw;
	height: auto;
}
.qanda_wrap{
	width: calc(100% - 4rem);
	height: auto;
	padding: 0 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4vw 0;
}
.qanda_parts{
	width: 88vw;
	height: auto;
	background: white;
	border-radius: 7px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:2vw;
	margin: 0 0 50px 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_q img{
	width: 50px;
	height: 50px;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}
.qanda_parts_a img{
	width: 50px;
	height: 50px;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 1em 1em;
}
.qanda_text p{
	font-size: 1rem;
	line-height: 2em;
}
}


@media screen and (max-width: 750px){
#qanda{
	width: 100vw;
	height: auto;
	line-height: 0;
	background: #97e5ff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title{
	width: 100%;
	height: auto;
	background-color: #00a0e5;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.qanda_title img{
	width: 60vw!important;
	height: auto;
}
.qanda_wrap{
	width: 92vw;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: .5rem 0;
}
.qanda_parts{
	width: 92vw;
	height: auto;
	background: white;
	border-radius: 1vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding:2vw;
	margin: 0 0 1rem 0;
}
.qanda_parts_q {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: .5rem;
}
.qanda_parts_q img{
	width: 2rem;
	height: 2rem;
}
.qanda_parts_a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	margin-bottom: 1rem;
}
.qanda_parts_a img{
	width: 2rem;
	height: 2rem;
}
.qanda_text{
	width: 100%!important;
	height: auto;
	text-align: left;
	padding: .25em 0 .25em 1em;
}
.qanda_text p{
	font-size: .8rem;
	line-height: 2em;
}
}