@charset "UTF-8";
.rec_base{
	width: 90%;
	margin: 0 auto;
	padding:10px 5% 30px;
}
.rec_top{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.rec_top_item1{
	width: 55%;
	font-size: 16px;
}
.rec_top_item2{
	width: 43%;
	margin-top: 100px;
}
.rec_top_item3{
	width: 100%;
	font-size: 15px;
}
.rec_base p{
	font-size: 30px;
	color: rgba(32,180,66,1.00);
}
.rec_base_ttl{
	width: 35%;
	margin:30px 0;
}
.rec_base2{
	width: 80%;
	margin: 0 auto;

}
.rec_subttl_1{
	font-size: 20px;
	width: 100%;
	padding: 0.3em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: -webkit-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: linear-gradient(to right, #fff, #E3D97B, #E3D97B, #fff);
	margin: 30px auto 0;
}
.rec_subttl_2{
	font-size: 20px;
	width: 100%;
	padding: 0.3em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: -webkit-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: linear-gradient(to right, #fff, #9ae2a6, #9ae2a6, #fff);
	margin: 20px auto 0;
}
.rec_col_1{
	color: #E3D97B;
	margin: 0 10px;
}
.rec_col_2{
	color: #9ae2a6;
	margin: 0 10px;
}
.rec_col_3{
	color: #089578;
	margin: 20px;
}
.rec_btn{
	margin: 0 50px;
	padding: 0.2em 2em;
	text-align: center;
	display: inline;
	border:1px solid #ccc;
	border-radius: 5px;
}
.rec_btn a{
	text-decoration: none;
	color: rgba(180,45,47,1.00);
}
.rec_btn a:hover{
	color: rgba(45,98,190,1.00);
}
.rec_base3{
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}
.rec_base3_item{
	width: 48%;
}
.rec_base4{
	width: 70%;
	margin: 20px auto 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px 50px;
	border:1px solid #ccc;
	border-radius: 12px;
	
}
.rec_base4_item1{
	width: 73%;
	padding: 40px 0;
	line-height: 2.2em;
	font-size: 1.1em;
}
.rec_q span{
	font-size: 25px;
	color:#1B8DC5;
	margin-right: 10px;
	font-weight: 700;
}
.rec_a span{
	font-size: 25px;
	color:#E74573;
	margin-right: 10px;
	font-weight: 700;
}
.rec_base4_item2{
	width: 24%;
	text-align: center;
	margin:30px 0 0 3%;
	vertical-align: bottom;
}
.rec_base3_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 1.2em;
	line-height: 2em;
}
.rec_base5_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 1em;
	line-height: 1.8em;
}

@media screen and (max-width:900px){

.rec_base{
	width: 90%;
	margin: 0 auto;
	padding:10px 3% 30px;
	font-size: 1.1em;
}
.rec_base p{
	font-size: 25px;
	color: rgba(32,180,66,1.00);
}
.rec_base_ttl{
	width: 40%;
	margin:20px 0;
}
.rec_base2{
	width: 80%;
	margin: 0 auto;

}
.rec_subttl_1{
	font-size: 20px;
	width: 100%;
	padding: 0.3em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: -webkit-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: linear-gradient(to right, #fff, #E3D97B, #E3D97B, #fff);
	margin: 30px auto 0;
}
.rec_subttl_2{
	font-size: 20px;
	width: 100%;
	padding: 0.3em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: -webkit-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: linear-gradient(to right, #fff, #9ae2a6, #9ae2a6, #fff);
	margin: 30px auto 0;
}
.rec_col_1{
	color: #E3D97B;
	margin: 0 10px;
}
.rec_col_2{
	color: #9ae2a6;
	margin: 0 10px;
}
.rec_col_3{
	color: #089578;
	margin: 20px;
}
.rec_btn{
	margin: 0 50px;
	padding: 0.2em 2em;
	text-align: center;
	display: inline;
	border:1px solid #ccc;
	border-radius: 5px;
}
.rec_btn a{
	text-decoration: none;
	color: rgba(180,45,47,1.00);
}
.rec_btn a:hover{
	color: rgba(45,98,190,1.00);
}
.rec_base3{
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

}
.rec_base3_item{
	width: 48%;
}
.rec_base4{
	width: 90%;
	margin: 20px auto 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px;
	border:1px solid #ccc;
	border-radius: 12px;
	
}
.rec_base4_item1{
	width: 73%;
	padding: 40px 0;
	line-height: 2.2em;
	font-size: 1em;
}
.rec_base4_item1 span{
	text-align: right;
	font-size: 1.2em;
}
.rec_base4_item2{
	width: 24%;
	text-align: center;
	margin:30px 0 0 3%;
	vertical-align: bottom;
}
.rec_base3_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 1em;
	line-height: 2em;
}
.rec_base5_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 1em;
	line-height: 1.8em;
}
}
@media screen and (max-width:480px){
.rec_base{
	width: 94%;
	margin: 0 auto;
	padding:0 3% 10px;
	font-size: 1em;
}
.rec_top{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.rec_top_item1{
	width: 90%;
	font-size: 15px;
}
.rec_top_item2{
	width: 100%;
	margin: 10px auto;
}
.rec_base p{
	font-size: 20px;
	color: rgba(32,180,66,1.00);
}
.rec_base_ttl{
	width: 60%;
	margin:20px 0;
}
.rec_base2{
	width: 80%;
	margin: 0 auto;

}
.rec_subttl_1{
	font-size: 16px;
	width: 100%;
	padding: 0.2em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: -webkit-linear-gradient( #fff, #E3D97B, #E3D97B, #fff);
    background: linear-gradient(to right, #fff, #E3D97B, #E3D97B, #fff);
	margin: 30px auto 0;
}
.rec_subttl_2{
	font-size: 16px;
	width: 100%;
	padding: 0.2em 0;
	text-align: center;
	letter-spacing: 0.5em;
	background: -moz-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: -webkit-linear-gradient( #fff, #9ae2a6, #9ae2a6, #fff);
    background: linear-gradient(to right, #fff, #9ae2a6, #9ae2a6, #fff);
	margin: 30px auto 0;
}
.rec_col_1{
	color: #E3D97B;
	margin: 0 10px;
}
.rec_col_2{
	color: #9ae2a6;
	margin: 0 10px;
}
.rec_col_3{
	color: #089578;
	margin: 10px;
}
.rec_btn{
	margin: 0 50px;
	padding: 0.2em 2em;
	text-align: center;
	display: inline;
	border:1px solid #ccc;
	border-radius: 5px;
}
.rec_btn a{
	text-decoration: none;
	color: rgba(180,45,47,1.00);
}
.rec_btn a:hover{
	color: rgba(45,98,190,1.00);
}
.rec_base3{
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}
.rec_base3_item{
	width: 100%;
	margin: 10px auto
}
.rec_base4{
	width: 90%;
	margin: 20px auto 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	border:1px solid #ccc;
	border-radius: 12px;
	
}
.rec_base4_item1{
	width: 100%;
	padding: 10px 0;
	line-height: 2.2em;
	font-size: 1em;
}
.rec_base4_item1 span{
	text-align: right;
	font-size: 1.3em;
}
.rec_base4_item2{
	width: 60%;
	text-align: center;
	margin:0 0 0 30%;
	vertical-align: bottom;
}
.rec_base3_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 1.2em;
	line-height: 2em;
}
.rec_base5_copy{
	width: 80%;
	margin: 30px auto;
	font-size: 0.9em;
	line-height: 1.6em;
}
}