/* COMMON ============================== */
.section {padding: 30px 0;}
.section img {width: 100%;}
.section_title {margin-bottom: 25px;color: #000000;text-align: center;line-height: normal;}
.section_title span {display:block;color: #888888;font-size: 12px;text-transform: uppercase;}
.section_title span:before {content: "";display: block;margin: 8px auto;width: 75px;height: 1px;background: -webkit-linear-gradient(left, #000000 50% , #ff2323 50%);background: -o-linear-gradient(right, #000000 50%, #ff2323 50%);background: -moz-linear-gradient(right, #000000 50%, #ff2323 50%);background: linear-gradient(to right, #000000 50% , #ff2323 50%);}
.rfsx_btn,
.rfsx_btn.small {display: inline-block;padding: 10px 20px;font-size: 16px;color: #ff005a!important;border: 2px solid #ff005a;}
.highlight_color {color: #bd8acf}
/*1*/
.section_01 div.container>p {margin-bottom: 20px;}
.section_01 h3 {margin: 0 auto 15px;font-size: 16px;}
.section_01 h3 span {position: relative;display: inline-block;padding: 10px 20px;background-color: #4753a5;color: #ffffff;}
.section_01 h3 span:before,
.section_01 h3 span:after {content: "";display: block;position: absolute;height: 100%;width: 20px;background-image: url(../image/blue_ang.jpg);background-size: contain;top: 0;background-repeat: no-repeat;background-position: right center;}
.section_01 h3 span:before {left: -20px;}
.section_01 h3 span:after {right: -20px;transform: rotate(180deg);}
.section_01 table td:nth-of-type(6),
.section_01 table td:nth-of-type(7),
.section_01 table td:last-of-type {color: #ffffff;background-color: #bd8acf;}
.table-responsive {margin-bottom: 20px;}
.table-responsive,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {border-color: #000000;text-transform: uppercase;}
.section_01 h3+img {border: 1px solid #b5b5b5;border-bottom: none;}
.section_01 ul {padding: 15px 0;display: flex;flex-wrap: wrap;overflow: hidden;background-color: #bd8acf;text-transform: uppercase;color: #ffffff;}
.section_01 ul:before,
.section_01 ul:after {display: none;}
.section_01 li {width: 25%;}
.section_01 li p:last-of-type {position: relative;margin-bottom: 0;padding-top: 20px;border-top: 1px solid #ffffff;}
.section_01 li p b {display: block;}
.section_01 li p:last-of-type:before, 
.section_01 li p:last-of-type:after {content: "";display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);border-radius: 100px;}
.section_01 li p:last-of-type:after {width: 10px;height: 10px;background-color: #7cbde1;}
.section_01 li p:last-of-type:before {width: 16px;height: 16px;background-color: #ffffff;}
/*2*/
.section_02 {background-color: #f0f0f0;}
.section_02 ul {margin-top: 15px;margin-bottom: 0;width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_02 ul:before,
.section_02 ul:after {display: none;}
.section_02 li {position: relative;margin-bottom: 15px;width: 32.333%;max-width: 290px;}
.section_02 li>p {position: absolute;margin: 0;width: 100%;height: 20.68%;bottom: 0;left: 0;color: #ffffff;}
.section_02 li>p>span {position: absolute;display: inline-block;width: 100%;left: 0;top: 35%;transform: translateY(-50%);}
/*3*/
.section_03 {background-color: #f8efed;}
.section_03 ul {margin: 0 auto 25px;}
.section_03 ul li {padding: 8px;}
/*4*/
.section_04 {padding-bottom: 0 !important;background-color: #c2eaff;}
.lz_infos_img {margin-top: -30px;}
.lz_infos>p:first-of-type {margin-top: 30px;}
.lz_infos ul {margin: 20px auto 25px;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.lz_infos ul:before,
.lz_infos ul:after {display: none;}
.lz_infos li {position: relative;width: 24%;height: 0;padding-top: 24%;overflow: hidden;background-color: #fffea3;border-radius: 500px;}
.lz_infos li p {position: absolute;top: 50%;left: 0;width: 100%;padding: 0 12px;transform: translateY(-50%);font-size: 14px;}
.lz_infos li p:before {content: "01";display: block;font-weight: bold;text-decoration: underline;font-size: 16px;}
.lz_infos li:nth-of-type(2) p:before {content: "02";}
.lz_infos li:nth-of-type(3) p:before {content: "03";}
.lz_infos li:nth-of-type(4) p:before {content: "04";}
.lz_infos h3 span {font-size: 60%;}
.section_04>div.container-fluid {background-color: #4753a5;}
.section_04>div.container-fluid ul {width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_04>div.container-fluid ul:before,
.section_04>div.container-fluid ul:after {display: none;}
.section_04>div.container-fluid ul li {padding: 3px;width: 25%;}
.section_04>div.container-fluid a {color: #ffffff!important;border-color: #ffffff;}
/*5*/
.section_05 {color: #000000;}
.rfsx_tech_item {position: relative;margin: 25px auto 25px;padding: 0 15px 25px;width: 100%;border: 1px solid #bfbfbf;}
.rfsx_tech_item h3 {margin: 0;transform: translateY(-50%);font-size: 20px;}
.rfsx_tech_item h3 b {display: inline-block;padding: 10px 30px;border: 1px solid #bfbfbf;border-radius: 100px;background-color: #ffffff;}
.rfsx_tech_item p {margin: 0 auto;width: 94%;font-size: 14px;}
.rfsx_graphic {margin: 15px auto;padding: 0 30px;background-image: url(../image/rfsx_tech2_03.jpg);background-repeat: no-repeat;background-position: center;overflow: hidden;background-size: 30px;}
.rfsx_graphic .rfsx_graphic_item {margin: 0 auto;width: 50%;overflow: hidden;}
.rfsx_graphic .rfsx_graphic_item.pull-left img {float: left;}
.rfsx_graphic .rfsx_graphic_item.pull-right img {float: right;}
.rfsx_graphic .rfsx_graphic_item img {margin: 0 auto;max-width: 479px;width: 85%}
.wrapper .slick-dots li {background-color: #ebd9f1;}
.wrapper .slick-dots li.slick-active {background-color: #bd8acf;}
.section_05 a {margin-top: 20px;}
/*6*/
.section_06 {background-color: #c2eaff;}
.section_06 .section_title span {color: #747e8f;}
.section_06 ul {overflow: hidden;}
.section_06 li {margin-bottom: 15px;width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;background-color: #ffffff;align-items: center;}
.section_06 li>div:first-of-type {width: 36%;}
.section_06 li>div:last-of-type {padding: 0 25px;width: 64%;}
.section_06 li h3 {margin-top: 0;font-size: 18px;}
.section_06 li h3:after {content: "";display: block;margin-top: 10px;width: 36px;height: 2px;background-color: #cccccc;}
.section_06 li p {margin-bottom: 0;color: #606060;}
/*7*/
.section_07 ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.section_07 ul:before,
.section_07 ul:after {display: none;}
.section_07 li {width: 50%;padding: 8px;background-color: #fbeeff;color: #333333;background-clip: content-box;}
.section_07 li h3,
.section_07 li p {padding: 0 15px;}
.section_07 li h3 {font-size: 18px;color: #bd8acf;text-align: center;font-weight: bold;}
/*8*/
.section_08 {background-color: #4753a5;}
.section_08 .section_title {color: #ffffff;}
.section_08 .section_title span {color: #8b92c6;}
.section_08 ul {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_08 ul:before,
.section_08 ul:after {display: none;}
.section_08 li {width: 19%;border: 1px solid #d2d2d2;background-color: #ffffff;}
.section_08 li h3 {padding: 0 10px;color: #000000;font-size: 18px;}
.section_08 li h3:after {content: "";display: block;margin: 10px 0 0;height: 2px;width: 45px;background-color: #bd8acf;}
.section_08 li p {padding: 0 10px;color: #8d8d8d;}
/* RESPONSIVE ============================== */
@media screen and (max-width: 1199px) {
	.lz_infos>p:first-of-type {margin-top: 0;}
}
@media screen and (max-width: 991px) {
	.lz_infos>p:first-of-type {margin-top: 10px;}
	.lz_infos_img {margin-top: -20px;}
	.section_04>div.container-fluid ul li {width: 50%;}
	.rfsx_tech_item2 p:not(:first-of-type) {text-align: justify;}
	.section_06 li>div:first-of-type {width: 50%;}
	.section_06 li>div:last-of-type {padding: 0 15px;width: 50%;}
	.section_08 li {margin-bottom: 10px;width: 32.3333%;}
	.section_08 li:nth-of-type(4) {margin-left: 17%;}
	.section_08 li:nth-of-type(5) {margin-right: 17%;}
}
@media screen and (max-width: 767px) {
	.section_title {font-size: 20px;}

	.section_01 div.container>p,
	.section_02 div.container>p {text-align: justify;}
	.section_01 div.container>p br,
	.section_02 div.container>p br {display: none;}
	.section_02 li {width: 48%;}
	.rfsx_graphic {padding: 0;}
	.rfsx_tech_item p {text-align: justify;}
	.rfsx_tech_item p br {display: none;}


	.section_06 li {display: block;width: 48%;float: left;}
	.section_06 li:nth-of-type(n+2) {float: right;}
	.section_06 li>div {width: 100%!important;}
	.section_06 li h3 {margin-top: 15px;}
	.section_06 li p {margin-bottom: 15px;}

}
@media screen and (max-width: 600px) {
	.section_01 li {width: 50%;}
	.section_01 li:nth-of-type(n+3) p:first-of-type {margin-top: 15px;}
	.section_01 h3 span {font-size: 15px;}
	.lz_infos ul {margin: 12px auto;}
	.lz_infos ul li {margin-bottom: 10px;padding-top: 49%;width: 49%;}
	.section_04>div.container-fluid ul {padding: 10px;}
	.lz_infos li p br {display: none;}
	.rfsx_tech_item h3 {font-size: 16px;}
	.rfsx_graphic .rfsx_graphic_item {width: 100%;}
	.rfsx_graphic.col2 .rfsx_graphic_item:first-child {margin-bottom: 36px;}
	.rfsx_graphic .rfsx_graphic_item img {float: none!important;}
	.rfsx_tech_item {margin-bottom: 35px;}
	.section_05 a {margin-top: 0;}
	.section_07 li {width: 100%;}
}
@media screen and (max-width: 480px) {
	.section_02 li p {position: relative;margin-top: 10px;height: auto;color: #000000;}
	.section_02 li p>span {position: relative;transform: translateY(0);top: auto;}

	.section_06 li {width: 100%;}
	.section_08 li {width: 100%;margin-left: 0 !important;margin-right: 0 !important;}
	.section_08 li h3,
	.section_08 li p {padding: 0 20px;}
	.section_08 li p {margin-bottom: 15px;}
	
}
@media screen and (max-width: 424px) {
	.section {padding: 25px 0;}
	.section_title {font-size: 18px;}
	.lz_infos li p {font-size: 12px;}
	.lz_infos a {font-size: 15px;}
	.section_03 ul li {width: 100%;}
}
@media screen and (min-width: 768px) {
	.section {padding: 40px 0;}
	.rfsx_btn {padding: 12px 36px;font-size: 20px;}
	
	.section_01 div.container>p {margin-bottom: 25px;}
	.section_01 h3 {margin-bottom: 20px;font-size: 20px;}
	.section_02 ul {margin-top: 25px;}
	.section_02 li {margin-bottom: 25px;}
	.section_04>div.container-fluid ul {margin-bottom: 35px;}
	.rfsx_graphic {margin: 25px auto;}
	.rfsx_tech_item {margin-bottom: 35px;}
	.section_03 ul {margin-bottom: 30px;}
	.section_07 li h3,
	.section_07 li p {padding: 0 25px;}
	.section_07 li p {margin-bottom: 20px;}
}
@media screen and (min-width: 992px) {
	.section_title {margin-bottom: 35px;font-size: 36px;}
}
@media screen and (min-width: 1200px) {
	.section {padding: 50px 0;}
	.section_title {font-size: 40px;}
	.section p {font-size: 16px;}
	
	.lz_infos ul {margin: 25px auto 30px;}
	.lz_infos h3 {margin-top: 35px;font-size: 27px;}
}
/* ANIMATION ============================== */
