/*common setting*/
	/*font setting*/
		h1, h2, h3, h4, p{margin: 0;}
		html{font-size: 16px;}
		body{font-family:'Roboto', sans-serif;}
		h1{font-size: 5.25rem;}
		h2{font-size: 3rem; color: #2e2d2d; line-height:1; padding-bottom: 40px;}
		h3{font-size: 2.25rem; color: #171717; padding-bottom: 40px;line-height: 1.2;}
		h4{font-size: 1.875rem; color: #393939; font-weight: bold; padding-top: 30px ;padding-bottom: 20px;}
		p,li{font-size: 1.125rem; color: #393939; line-height: 1.5;}	
		p, ul{padding-bottom: 20px;}
		/*link*/
		.rl-style a{color:#333;}
		.rl-style a:hover{color:#fa4639;}
		.rl-style a:focus,.rl-style a:active,.rl-style a:active:focus{color:#fa4639;outline: none;}

		.rl-style{background-color: #f4f4f4;color: #000;}
		@media screen and (max-width: 1199px){
			h2,h3{margin-bottom: 35px;}
			h4{margin-top: 25px;margin-bottom: 15px;}
			p, ul{margin-bottom: 15px;}
		}
		@media screen and (max-width: 991px){
			h2, h3{margin-bottom: 25px;}
		}
		@media screen and (max-width: 767px){
			h2{font-size: 2.5rem;}
			h2,h3{margin-bottom: 20px;}
		}
		@media screen and (max-width: 500px){
			h2{font-size: 2.25rem;}
			h3{font-size: 1.75rem;}
			h4{font-size: 1.5rem;}
		}


	/*layout setting*/
		.rl-main{max-width: 1440px;margin: 0 12.1% ;padding-right: 15px;padding-left: 15px;}
		.rl-flex{display:flex; display:-ms-flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

		/*space*/
		.rl-wrapper,.rl-wrapper-s,
		.rl-wrapper-ss,.rl-wrapper-l{
			padding-top: 0;padding-bottom: 0;
		}

		.rl-wrapper-topbottom-l{padding-top: 80px;padding-bottom: 80px}
		.rl-wrapper-top-l{padding-top: 80px;padding-bottom: 0;}
		.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 80px;}

		.rl-wrapper-topbottom{padding-top: 60px;padding-bottom: 60px}
		.rl-wrapper-top{padding-top: 60px;padding-bottom: 0;}
		.rl-wrapper-bottom{padding-top: 0;padding-bottom: 60px;}

		.rl-wrapper-topbottom-s{padding-top: 40px;padding-bottom: 40px}
		.rl-wrapper-top-s{padding-top: 40px;padding-bottom: 0;}
		.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 40px;}

		.rl-wrapper-topbottom-ss{padding-top: 20px;padding-bottom: 20px}
		.rl-wrapper-top-ss{padding-top: 20px;padding-bottom: 0;}
		.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 20px;}


		@media screen and (max-width: 1440px){
			.rl-main{margin: 0 4.17% ;}
		}
		@media screen and (max-width: 1199px){
			/*space*/
			.rl-wrapper-topbottom-l{padding-top: 60px;padding-bottom: 60px}
			.rl-wrapper-top-l{padding-top: 60px;padding-bottom: 0;}
			.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 60px;}

			.rl-wrapper-topbottom{padding-top: 40px;padding-bottom: 40px}
			.rl-wrapper-top{padding-top: 40px;padding-bottom: 0;}
			.rl-wrapper-bottom{padding-top: 0;padding-bottom: 40px;}

			.rl-wrapper-topbottom-s{padding-top: 35px;padding-bottom: 35px}
			.rl-wrapper-top-s{padding-top: 35px;padding-bottom: 0;}
			.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 35px;}

			.rl-wrapper-topbottom-ss{padding-top: 15px;padding-bottom: 15px}
			.rl-wrapper-top-ss{padding-top: 15px;padding-bottom: 0;}
			.rl-wrapper-bottom-ss{padding-top: 0;padding-bottom: 15px;}			
		}
		@media screen and (max-width: 991px){
			.rl-main{margin: 0 auto ;}

			/*space*/
			.rl-wrapper-topbottom-s{padding-top: 25px;padding-bottom: 25px}
			.rl-wrapper-top-s{padding-top: 25px;padding-bottom: 0;}
			.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 25px;}	
		}
		@media screen and (max-width: 767px){
			.rl-flex {display: inline-block;width: 100%;}

			/*space*/
			.rl-wrapper-topbottom-l{padding-top: 40px;padding-bottom: 40px}
			.rl-wrapper-top-l{padding-top: 40px;padding-bottom: 0;}
			.rl-wrapper-bottom-l{padding-top: 0;padding-bottom: 40px;}

			.rl-wrapper-topbottom{padding-top: 30px;padding-bottom: 30px}
			.rl-wrapper-top{padding-top: 30px;padding-bottom: 0;}
			.rl-wrapper-bottom{padding-top: 0;padding-bottom: 30px;}

			.rl-wrapper-topbottom-s{padding-top: 20px;padding-bottom: 20px}
			.rl-wrapper-top-s{padding-top: 20px;padding-bottom: 0;}
			.rl-wrapper-bottom-s{padding-top: 0;padding-bottom: 20px;}	
		}

	/*common class*/
	    .clearfix:after{       
	        content: ".";
	        display: block;
	        height: 0;
	        clear: both;
	        visibility: hidden;}

		.width-100{ width: 100%; }

		/*pos*/
	    .right{float: right;}
	    .left{float: left;}
	    .center{margin: 0 auto;}

	    .text-center{text-align: center;}
	    .text-right{text-align: right;}
	    .text-left{text-align: left;}

		.no-padding-l{padding-left: 0;}
		.no-padding-r{padding-right: 0;}
	    .no-padding-lr{padding-left: 0;padding-right: 0;}
	    .no-padding-top{margin-top: 0;}
		.no-padding{padding: 0;}
		
	    .m0-tb{margin-top: 0;margin-bottom: 0;}
	    .m0{margin: 0;}

    	/*font base setting*/
	    .font-bold{font-weight: bold;}
	    .font-normal{font-weight: normal;}
	    .text-underline{ text-decoration: underline;}
		
		/*show or hidden*/
		.hidden{display: none;}
	    .hidden2{visibility: hidden;}

	    .cursor{cursor: pointer;}

		.rl-outer-wrapper{position: relative;}

		.rl-media-center-lg{margin: 0 auto;}

		.text-overflow{
			text-overflow: ellipsis;
		    overflow: hidden;
		    white-space: nowrap;
		}

		.text-overflow-mutiline{
			display: block;
			display: -webkit-box;
			height: 44px;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-ms-text-overflow: ellipsis;
			text-overflow: ellipsis;
		}

		.vertical-align {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: row;
		}
		
		@media screen and (max-width: 1199px){
			.rl-media-center-md{margin: 0 auto;}
			.text-center-md{text-align: center;}
		}
		@media screen and (max-width: 991px){
			.rl-media-center-sm{margin: 0 auto;}
			.text-center-sm{text-align: center;}
		}
		@media screen and (max-width: 767px){
			.rl-media-center-xs{margin: 0 auto;}
			.text-center-xs{text-align: center;}
		}

	/*common UI*/
		/*default button 1 with fill bg*/
		.rl-btn-fill{
			background-color: #fa4639;
	        border: 2px solid #fa4639;
	        color: white;
	        line-height: normal;
	        font-size: 1.125rem;
	        border-radius: 0;  
		}
		.rl-btn-fill:hover, .rl-btn-fill:focus, .rl-btn-fill:active, .rl-btn-fill:active:focus{
	        background-color: transparent;
	        color: #fa4639;
	        outline:none;
	    }

		/*default button 2 with border*/
		.rl-btn-border{
			background-color: #fa4639;
	        border: 2px solid #fa4639;
	        color: white;
	        line-height: normal;
	        font-size: 1.125rem;
	        border-radius: 0;
		}
		.rl-btn-border:hover, .rl-btn-border:focus, .rl-btn-border:active, .rl-btn-border:active:focus{
			color: #fa4639;
			background-color: transparent;
			border: 2px solid #fa4639;
	        
	        outline:none;
		}

		/*common break work+space*/
		.col-lg-12.rl-block-wrapper{margin-bottom: 40px;}
		.col-lg-12.rl-block-top-wrapper{margin-top: 40px;}
		@media screen and (max-width: 1199px){
			.col-md-12.rl-block-wrapper{margin-bottom: 35px;}
			.col-lg-12.rl-block-top-wrapper{margin-top: 35px;}
		}
		@media screen and (max-width: 991px){
			.col-sm-12.rl-block-wrapper{margin-bottom: 25px;}
			.col-lg-12.rl-block-top-wrapper{margin-top: 25px;}
		}
		@media screen and (max-width: 767px){
			.col-xs-12.rl-block-wrapper{margin-bottom: 20px;}
			.col-lg-12.rl-block-top-wrapper{margin-top: 20px;}
		}