@charset "utf-8";

/*----　タイトル　----*/
.top_title{
	background-color: #00c6c9;
	width: 100%;
	height: 170px;	
}
.top_title p{
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 30px
}
@media screen and (max-width: 950px){
  /*--ここにスマホに適したCSSを記述します*/
.top_title p{
	font-size: 50px
}
}

/*----　TOPイメージ　----*/
.r_haba_1300{
	max-width: 1300px;
	width: 95%;
	margin: auto;
}
.r_flex_left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 90px;
}
.base{
	background-color: #f5f3f2;
	padding: 30px 0;
	border: solid 1px #00c6c9;
	margin-bottom: 60px;
}
.border{
	background-color:#00c6c9;
	height: 132px;
	width: 100%;
}
.faq_text{
	margin-top: -120px;
}
.titleQ{
	margin-bottom: 10px;
}
.titleQ img{
	margin-bottom: 0px;
}
.titleQ p{
	text-align: center;
	color: #ffff00;
	font-weight: bold;
	font-size: 30px;	
}

.base_w{
	background-color: #fff;
	padding: 30px;
	border: solid 1px #00c6c9;
	margin: 0 60px;
	border-radius: 10px;
}
.r_flex_top{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.titleA{
	margin-bottom: 20px;
}
.titleA img{
	margin-right: 20px;
	margin-bottom: 0px;
}
.titleA p{
	text-align: justify;
	color: #00c6c9;
	font-weight: bold;
	font-size: 28px;
}
.Atext{
	text-align: justify;
	padding: 0 30px;
}


@media screen and (max-width: 950px){
  /*--ここにスマホに適したCSSを記述します*/
	.faq_text{
	margin-top: -170px;
}
	.border{
	height: 180px;
}
	.base_w{
	margin: 0 30px;

}
	.r_flex_left{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	margin-left: 0px;
}
	.r_flex_top{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}
	.titleQ img{
	margin-bottom: 5px;
}
	.titleA img{
	margin-right: 0px;
	margin-bottom: 10px;
}
	.Atext{
	padding: 0 0px;
}
}