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

.kids0 {
	background: url("../images/top_kids_helper.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.kids04 {
	background: url("../images/kids_helper_employ.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.silver0 {
	background: url("../images/top_silver_helper.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.silver04 {
	background: url("../images/silver_helper_employ.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.monthly0 {
	background: url("../images/main_top3.png")no-repeat;
	background-position: center;
	background-size: cover;
}
.monthly4_5 {
	background: url("../images/monthly_bottom_2.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.footer_kids_help {
	background: url("../images/helper_b_kids.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.footer_silver_help {
	background: url("../images/helper_b_silver.jpg")no-repeat;
	background-position: center;
	background-size: cover;
}
.monthly3 {
	background: url("../images/monthly_bg3.png")no-repeat;
	background-position: center;
	background-size: cover;
	/*background: linear-gradient(-45deg, #6363C9 50%, #fff 50%);*/
}


.section_01 {
	font-weight: 600;
}
.section_02 {
	font-weight:500;
}

.monthly0_m-5 {
	margin-top: -5em;
}

.hr1 {
    height: 2px;
    width: 6.5em;
    background-color: #000;
    margin-bottom: 0.5em;
}


#section1 .fs_32 {
	margin-top: 1em;
}

   

    .swiper1 {
        width: 65%;
        height: 50em;
		margin-top: 5em;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination-bullet {
        width: 8em;
        height: 1em;
        text-align: center;
        line-height: 1em;
        opacity: 1;
        background: rgba(0,0,0,0.0);
		border-radius: 0;
		margin-top:3em!important;
		font-weight: 500;
		
    }

.swiper2 {
	width: 85%;
	overflow: hidden;
}
		
.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev {
	top:50%!important;
}
		
.swiper2 .swiper-button-prev {
left : 51.5em;
}


	.swiper_txt_use {
	width: 55%;
	padding-left: 0;
	text-align: left;
	float: right;
	line-height: 2.8em;
	margin-top:6em;
	background-color: #1FADD0;
	}
	.swiper_img_use {
		width: 40%;
		padding-left: 11em;			
	}
	.swiper_img_use img {
		display: inline;
	}
	#section5 .title {
		margin-top: 3em;
	}
	#section5 .col {
		padding-left: 0;
		padding-right: 0;
	}
	.swiper_txt_use .fs_32 {
		line-height:1.3em;
	}
	.swiper_txt_use .fs_26 {
		line-height: 3em;
	}
/*
@media screen and (max-width:2008px){
	.swiper-pagination-bullet {
	width: 8em;
	}
}		*/

	

		
    .swiper-pagination-bullet-active {
        color:#1FAFD2;
		font-weight: 700;
    }
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
			top:20px;
		}

	.swiper_wrap {
			display:flex;
			width: 100%;
		}
		
		.swiper_txt {
			width: 55%;
			padding-left: 8em;
			text-align: left;
			float: right;
			line-height: 2.8em;
		/*	padding-top: 5em;*/
		}
		.swiper_txt_1 {
			font-weight: 700;
			padding-bottom: 1em;
		}
		.swiper_img {
			width: 35%;
			padding-left: 8em;
			
		}
		.swiper_img img {
			display: inline;
		}
		


.monthly_box {
	background-color: #fff;
	margin-left: 1em;
	margin-right: 1em;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.16);
}
.monthly_box02 {
	background-color: #fff;
	margin-left: 2em;
	margin-right: 2em;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.16);
}

.monthly_box02_footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: url("../images/monthly_bottom.png")no-repeat;
	background-position: center;
	background-size: cover;
}

.name {
	width: 400px;
	display:inline;
	border-radius: 0;
	border:1px solid #0B1831;
	margin: 0.5em;
	padding: 1.5rem .75rem
}
.name2 {
	width: 400px;
	display:inline;
	border-radius: 0;
	border:1px solid #0B1831;
	margin: 0.5em;
}



	@media screen and (max-width:1700px){
		
		.swiper1{
				width: 80%;
				height: 40em;
				margin-top: 5em;
			}
			.swiper-pagination-bullet {
			padding: 0 1em 0 0;
		margin-top:3em!important;
				}
			
			.swiper_img {
				width: 30%;
				padding-left: 10em;
			}
			.swiper_txt {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 5em;
			/*	padding-top: 1em;*/
			}
		
		.swiper2 .swiper-button-prev {
			left: 58em!important;
		}
	
}

		@media screen and (max-width:1580px){
			
			.swiper_txt {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 5em;
				margin-top: 3em;
			}
				.swiper2 .swiper-button-prev {
			left: 43em!important;
		}
		}

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

			.swiper_img {
				width: 40%;
				padding-left: 8em;
			}
			.swiper_txt {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
			padding-left: 3em;
			}	
			#section3 .pd_t_6 {
				padding-top: 3em;
			}
			#section3 .title {
				padding-top: 3em;
			}	
			.swiper2{
			/*	width: 90%!important;
				height: 30em;*/
				margin-top: 0;
			}
			#section5 .title {
			margin-top: 5em;
				margin-left: 0em!important;
		}
			.swiper_txt_use {
			width: 55%;
			text-align: left;
			float: right;
			line-height: 2.5em;
				margin-top: 8em;
			}	
			.swiper_img_use {
				width: 40%!important;
				padding-left: 6em!important;
			}
			.swiper2 .swiper-button-prev {
			left: 37.5em!important;
		}
			#section5 .container .pd_b_2 {
				padding-bottom: 0!important;
			}
		}
@media screen and (max-width:1200px){
	.swiper_img_use {
		padding-left: 3em!important;
	}
	.swiper2 .swiper-button-prev {
    left: 31em!important;
	}
}		
@media screen and (max-width: 1080px) {
			.swiper1 {
			width: 90%;
			height: 30em;
			margin-top: 5em;
		}
			
	.swiper_img {
		width: 35%;
		padding-left: 3em;
	}
	.swiper_txt {
				margin-top: 2em!important;
		padding-left: 3em;
			}	
	
	
}
@media screen and (max-width:1024px) {
	.swiper2 .swiper-button-prev {
			left: 26.5em!important;
		}
}
@media screen and (max-width:1080px){
		
		.swiper1 {
			height: 25em;
		}
		.swiper_img {
			padding-left: 3em;
		}
		.swiper_txt {	
			padding-left: 1em;
			margin-top: 0.5em;
		}	
		.swiper-pagination-bullet {
			margin-top: 2em!important;
		}
		.swiper_txt_use {			
			padding-left: 0;
		}
		
	.swiper2 {
			width:85%;
		}
	#section5 .title {
			margin-left: 1em!important;
		}
		
		
		.monthly1 .title {
			padding-top: 3em!important;
		}
		.monthly2 .title_m {
			padding-top: 4em!important;
		}
		.monthly4 .pd_t_3 {
			padding-top: 1em;
		}
		.monthly4 .pd_t_8 {
			padding-top: 2em!important;
		}
			.monthly4 .pd_b_8 {
			padding-bottom: 2em!important;
		}
		.monthly4 .m_t_-10 {
			margin-top: -8em!important;
		}
}

@media screen and (max-width:1000px){
	#section3 .title {
		padding-top: 0;
	}
		.swiper2 {
			width: 100%;
		}
		#section5 .title {
		   margin-left: 0!important;
		}
		.swiper2 .swiper-button-prev {
			left: 30.5em!important;
		}

}

@media screen and (max-width:992px){
	.swiper_img_use {
		padding-left: 0!important;
	}
	.swiper2 .swiper-button-prev {
    left: 21em!important;
	}
}

		

	

		
		@media screen and (max-width:767px){
			
			.silver04 {
				background-position: 40%;
			}
		/*	.monthly3 {
				background-position: -250px 50px;
			}*/
			.monthly1 .p-5 {
				padding: 0!important;
			}
	#section1 .pd_t_5 {
		padding-top: 0;
	}
	#section1 img {
		width:15%;
	}
	.monthly1 img {
		width: 60%!important;
	}
	.monthly1 .title {
		margin-top: 0em!important;
		margin-bottom: 0em!important;
	}
	.monthly1 .col-sm-4 {
		padding-bottom: 0;
	}
	#section1 .pd_b_2 {
		padding-bottom: 0!important;
	}
	
	.section1_row2 {
		padding-top: 8em;
	}
	#section1 .fs_32 {
		margin-top: 0;
	}
	#section1 .pd_b_1 {
		padding-bottom: 0;
	}
	
			
			.swiper1{
				width: 90%;
				height: 40em;
				margin-top: 0;
			}
				.swiper-pagination-bullet {
					margin-top: 6em!important;
					width:2em;
				padding: 0 2.4em 0 0;
				}
			
				.swiper_wrap {
			display: inline-block!important;
					margin-top: -5em;
		}
			
			.swiper_img{
				width: 40%!important;
				text-align: center;
				float: none;
				margin: 0 auto;
				padding-left: 0;
				margin-top: 4em;
			}
			
			.mo2 {
				margin-top: 0em!important;
			}
			.swiper_txt {
				width: 100%!important;
				float: none!important;
				padding-top: 2em!important;
				text-align: center!important;
				padding-left: 0;
			line-height: 1.5em;
				margin-top: 0em!important;
			}
			.swiper_txt_1 {
				padding-bottom: 0.5em;
			}
			.swiper_title {
				margin-top: 3em;
			}
			#section1 .title {
				margin-top: 4em;
			}
			#section3 .title {
				padding-top: 2em;
			}	
			#section3 .pd_t_6 {
				padding-top: 2em;
			}
			#section3 .pd_t_3 {
				padding-top: 2em;
			}
			#section3 img {
				width: 40%;
			}
			.monthly3 img {
				width:92%!important;
			}
		
			.monthly3 .mbpd {
				padding-bottom: 1em;
			}
			#section3 .fs_26 br {
				display: none!important;
			}
			
			.swiper2{		
				width: 80%;
				height: 38em;
			}
			.swiper_txt_use {
			width: 100%!important;
				float: none!important;
				text-align: center!important;
				padding-left: 0;
				line-height: 1.5em;
				margin-top: 6em;
			}	
			.swiper_img_use {
				width: 40%!important;
				text-align: center;
				float: none;
				margin-left: 0!important;
				margin: 0 auto!important;
				padding-left: 0!important;
			}
			
			
			.swiper2 .swiper-button-prev  {
				left: 0!important;
			}
			#section5 .title {
				margin: 2em auto 0 auto!important;
				font-weight: 500;
			}
			#section5 .container .pd_b_2 {
				padding-bottom: 0!important;
			}
			.swiper2 .swiper-wrapper {
				margin-top: 0;
			}
			.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev {
				top:64%!important;
			}
		
			
		.monthly_box {
			margin-left: 4px!important;
			margin-right: 4px!important;
		}
			.name {
				width: 150px!important;
			}
			
			.monthly4 .m_t_-10 {
			margin-top: -13em!important;
		}
			
			.monthly4 .pd_t_4 {
				padding-top: 1em!important;
			}
			.monthly4 .pd_b_4 {
				padding-bottom: 1em!important;
			}
			.monthly4 .name {
				display: block;
				margin: 0 auto;
				width:242px!important;
			}
			.monthly4 .name2 {
				width:242px!important;
			}
			.monthly4 .btn-secondary02 {
				margin-top: 0.5em!important;
			}
			
			.m_margin_left {
				margin-left: 15px!important;			
			}
			.m_margin_right
			{
				margin-right: 15px!important;
			}
			
			.monthly2 br {
				display: none!important;
			}
			.monthly2 .pd_t_5 {
				padding-top: 2em;
			}
			
}
		
	@media screen and (max-width:600px){
		.swiper1{
				height: 34em;
			}
		.swiper-pagination-bullet {
			margin-top: 8.5em!important;
		}
			.swiper2{				
				height: 30em;
			}
	
		.swiper_img_use {
    width: 40%!important;
		}
			.monthly3 .container {
				max-width: 380px;
			}
		.monthly1 img {
		width: 50%!important;
	}
		
}
@media screen and (max-width:767px){
.monthly3 .pd_b_2 {
	padding-bottom: 0.5em!important;
}
.monthly0 {
	background: url("../images/main_top3.png")no-repeat;
	background-position: center;
	background-size: cover;
}
	
	.monthly_box02 {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
	
	.monthly_box02 img {
		width: 94%!important;
	}
	.monthly_box02 .pd_b_05 {
		padding-bottom: 1em;
	}
		.monthly_box02 .pd_t_05 {
		padding-top: 1em;
	}
	
}