@charset "utf-8";
/* ('Rounded Mplus 1c') */

/* setting */
*{font-family:'Rounded Mplus 1c';-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {margin:0;padding:0;font-size:0.75em;word-break:break-all;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0 none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,li{list-style:none;padding:0;margin:0}
table {border-collapse:collapse;border:0 none;}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-99em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
button {font-family:'Rounded Mplus 1c';cursor:pointer;border:0 none;background:transparent;}
textarea, select {font-family:'Rounded Mplus 1c';font-size:1em;margin:0}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited,a:hover, a:focus, a:active {color:#000;text-decoration:none}

/* layout */
section {width:100%;float:left;overflow:hidden;clear:both;position:relative;}

/* margin */
.mgb_40 {margin-bottom:40px;}
.mgb_70 {margin-bottom:70px;}
.mgb_90 {margin-bottom:90px;}

/* color */
#pk {color:#ff9999;} #yl {color:#ffcd06;} #bl {color:#00b0f0;} #pp {color:#9999ff;} #or {color:#ff4e00;}	

/* text style */
.tit_01 {font-weight:bold;font-size:48px;line-height:55px;text-align:left;}
.tit_02 {font-weight:bold;font-size:40px;line-height:50px;text-align:left;}
.tit_03 {font-weight:500;font-size:35px;line-height:45px;text-align:left;}
.tit_04 {font-weight:500;font-size:25px;line-height:35px;text-align:left;}
.tit_05 {font-weight:300;font-size:20px;line-height:30px;text-align:left;}/*font*/
.tit_06 {font-weight:300;font-size:15px;line-height:25px;text-align:left;}

/* box css */
.box_01{font-size:23px;border-left:5px solid #80c269;color:#000;padding:0px 13px;text-align:left;margin-bottom:20px;font-weight:bold;overflow:hidden;}

/* button css */
button:hover {-webkit-box-shadow:0 17px 24px rgba(0,0,0,.11);box-shadow:0 17px 24px rgba(0,0,0,.11)}


/* PC [ 769px ~ ] */
@media all and (min-width:768px),(max-width:1200px) {
/* layout */
.wrap {width:1100px;margin:0 auto;position:relative;}

/* main */
.main {width:100%;background:#ffffe5;margin:0 0 100px 0;padding-bottom:100px;}
.main .main_bg {position:absolute;top:0;right:0;z-index:0;}

.main_title p {margin:30px auto 40px auto;text-align:center;position:relative;z-index:5;}

.menu_content {width:930px;margin:0 auto;position:relative;z-index:5;}
.menu_box {width:450px;border-radius:50px;padding:30px 20px;-webkit-box-shadow:0 17px 24px rgba(0,0,0,.15);box-shadow:0 17px 24px rgba(0,0,0,.15)}
.menu_box p {text-align:center;}
.menu_box p img {width:100%;padding-bottom:15px;}

.menu_box .menu_txt {width:100%;background:#fff;padding:8px 0;border-radius:10px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.08);box-shadow:0 5px 10px rgba(0,0,0,.08)}
.menu_box .menu_txt .tit_03 {font-size:28px;font-weight:bold;}
.menu_box p img {width:100%;}
.menu_box .down {margin:20px 0 0 0;padding:0;}
.menu_box .down p {text-align:center;}
.menu_box .down p img {width:20px;padding-bottom:0px;}

.menu_content .m_left {float:left;background:#ffb400;}
.menu_content .m_left .tit_03 {color:#ffb400;}

.menu_content .m_right {float:right;background:#ed7d67;}
.menu_content .m_right .tit_03 {color:#ed7d67;}

.menu_content .menu_box:hover {-webkit-box-shadow:0 0px 0px rgba(0,0,0,.11);box-shadow:0 0px 0px rgba(0,0,0,.11)}


/* section01 */
.section01 {width:100%;margin:0 0 100px 0;}
.box_line {width:1100px;border:3px dashed #aaa;border-radius:50px;margin:70px auto;overflow:hidden;}

.feature_content {width:98%;margin:10px auto;padding:30px;border-radius:50px;background:#f6f6f6;overflow:hidden;}
.feature_box {width:48.5%;padding:40px;border-radius:50px;background:#fff;float:left;}
.feature_box p {padding-bottom:30px;text-aling:center;}
.feature_box .ft_img {text-align:center;}
.feature_box .tit_06 {text-align:center;font-size:14px;padding-bottom:0px;color:#555;}

.feature_content .ft_left {margin-right:30px;}
.feature_content .ft_right {}
.feature_content .ft_right .ft_img {padding:48px 0 45px 0;}

/* section02 */
.section02 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section02 .main_bg {position:absolute;top:0;left:0;z-index:0;}
.section02 .main_bg_02 {position:absolute;bottom:24%;right:10%;z-index:0;}
.section02 .main_bg_03 {position:absolute;bottom:7%;left:8%;z-index:0;}

.section02 .container {width:1140px;padding:20px 10px;margin:180px auto 0px auto;background:#f8f3ea;position:relative;z-index:2;}

.sect02_title {background:#ffebc0;}
.sect02_title .tit_01 {vertical-align:middle;}

.sect02_content {margin:50px 0 0 0;position:relative;z-index:2;}
.sect_box {margin-bottom:50px;}
.sect_box .sect_title {width:650px;background:#fff;border-radius:50px;padding:5px 8px 5px 8px;margin-bottom:20px;overflow:hidden;}
.sect_box .sect_title p {display:inline-block;float:left;}
.sect_box .sect_title .cir_yellow {width:60px;height:55px;border-radius:60px;color:#fff;background:#ffb516;margin:10px;text-align:center;padding-top:5px;}
.sect_box .sect_title .tit_02:nth-child(2) {margin-top:15px;}

.sect_box .tit_05 {font-weight:400;padding-bottom:20px;}  
.sect_box .sect_img {width:100%;max-width:1050px;height:347px;background:url(/images/section02_img_01.png) center no-repeat; background-color:#fff;background-size:100%;border:5px solid #ddd;margin:0 auto;padding:50px;}

/*step*/
.step_content {width:1100px;margin:0 auto;overflow:hidden;}
.step_content .step_box {width:346px;float:left;margin-right:30px;}
.step_content .step_box:nth-child(3) {margin-right:0px}
.step_box_line {width:100%;height:440px;padding:20px;margin-bottom:20px;background:#fff;border:5px solid #ddd;}
.step_box_line p {text-align:center;}
.step_box_line p:nth-child(1) {text-align:center;padding:20px 0;}
.step_box_line p:nth-child(4) {text-align:center;padding:15px 0;}

.step_box .tit_04 {font-weight:bold;line-height:40px;font-size:25px;line-height:30px;margin:15px 0;}
.step_box .tit_05 {font-weight:300;font-size:15px;line-height:23px !important;}
.step_box .tit_06 {display:inline-block;float:left;}

/*application*/
.application_content {width:100%;marign:0 auto;position:relative;z-index:2;}
.application_box {width:550px;margin:0 auto 50px auto;padding:30px;border:5px solid #88abda;background:#fff;position:relative;}
.application_box p {text-align:center;}
.application_box .tit_02 {padding-bottom:10px;color:#4485dc;}
.application_box .app_down {position:absolute;z-index:9;bottom:-25px;left:48%;}

.btn_01 {width:405px;margin:20px auto;text-align:center;overflow:hidden;}
.btn_01:hover {-webkit-box-shadow:0 17px 21px rgba(0,0,0,.08);box-shadow:0 17px 21px rgba(0,0,0,.08)}

/* section03 */
.section03 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section03 .wrap {margin:150px auto 0 auto;position:relative;z-index:2;}
.section03 .main_bg {position:absolute;top:0;right:0;z-index:0;opacity:0.2;}

.sect03_title {margin:0px 0 80px 0;background:#ffe4e0;}
.sect03_title .tit_01 {vertical-align:middle;}

.sect03_content p {text-align:center;padding-bottom:40px;}
.sect03_content .tit_04 {width:735px;margin:0 auto 50px auto;text-align:center;}

.smart_content {width:750px;margin:0 auto 30px auto;overflow:hidden;}
.smart_box {width:230px;padding:30px;background:#fff;float:left;margin-right:30px;border-radius:10px;border:1px solid #aaa;}
.smart_box:nth-child(3) {margin-right:0px;}
.smart_box p {text-align:center;padding-bottom:30px;font-weight:bold;}
.smart_box p:nth-child(2) {padding-bottom:0px;}

.smart_box .num_pink {height:30px;color:#fff;padding:0px 8px;margin-right:10px;background:#e47968;text-align:center;}

.application_content .tit_06 {text-align:center;font-weight:400;}

/* section04 */
.section04 {width:100%;position:relative;background:#d4f4ff;overflow:hidden;}
.sect04_title {margin-top:100px;}
.sect04_title p {padding-bottom:30px;text-align:center;}

.section04 .tit_02 {text-align:center;line-height:60px;padding-bottom:40px;}
.section04 .tit_05 {padding-bottom:70px;}

.machi_img {}

/* machilove map */
.map_content {width:100%;margin:10px auto 50px auto;padding:0 20px;}
.map_content .machilove_map p {text-align:center;margin:0px auto 50px auto;}
.map_content .machilove_map img {max-width:900px;}

.banner_container {width:100%;margin:0 auto 100px auto;overflow:hidden;}
.banner_container ul {}
.banner_container ul li {float:left;width:19%;margin:0 1.2% 13px 0;}
.banner_container ul a:nth-child(5n) li {margin:0 0 13px 0;}
.banner_container ul li img {width:100%;}
.banner_container ul a:hover li {opacity:0.5;}
}

@media (max-width:1024px) {
section div, table {transition:all .3s;}
  
/* layout */
.wrap {width:92%;}

/* main */
.main {width:100%;background:#ffffe5;margin:0 0 100px 0;padding-bottom:100px;}
.main .main_bg {position:absolute;top:0;right:0;z-index:0;}

.main_title {width:92%;margin:0 auto;}
.main_title p {margin:70px auto 40px auto;text-align:center;position:relative;z-index:5;}
.main_title img {width:100%;max-width:768px;}

.menu_content {width:90%;margin:0 auto;position:relative;z-index:5;}
.menu_box {width:49%;padding:30px 20px;}
.menu_box p img {width:100%;}

.menu_box .menu_txt {width:100%;padding:8px 0;}
.menu_box .menu_txt .tit_03 {font-size:25px;}

/* section01 */
.section01 {width:100%;margin:0 0 100px 0;}
.box_line {width:100%;border:3px dashed #aaa;border-radius:50px;margin:70px auto;overflow:hidden;}

.feature_content {width:98%;margin:10px auto;padding:30px;border-radius:40px;background:#f6f6f6;overflow:hidden;}
.feature_box {width:48.5%;padding:30px;border-radius:50px;background:#fff;float:left;}
.feature_box p {padding-bottom:30px;}

.feature_box .ft_img {text-align:center;}
.feature_box .ft_img img {}
.feature_box .tit_06 {text-align:center;font-size:14px;padding-bottom:0px;color:#555;}

.feature_content .ft_left {margin-right:20px;}
.feature_content .ft_right {}
.feature_content .ft_right .ft_img {padding:57px 0 45px 0;}

.feature_content .ft_left .ft_tit img {width:90%;max-width:230px;}
.feature_content .ft_right .ft_tit img {width:90%;max-width:395px;}

/* section02 */
.section02 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section02 .main_bg {position:absolute;top:0;left:0;z-index:0;}
.section02 .main_bg_02 {position:absolute;bottom:15%;right:3%;z-index:0;}
.section02 .main_bg_03 {position:absolute;bottom:2%;left:-5%;z-index:0;}

.section02 .container {width:98%;padding:20px 20px;margin:180px auto 0px auto;background:#f8f3ea;position:relative;z-index:2;}
.section02 .wrap {width:100%;}

.sect02_title {width:100%;background:#ffebc0;}
.sect02_title .tit_01 {font-size:30px;vertical-align:middle;}

.sect02_content {margin:50px 0 0 0;position:relative;z-index:2;}
.sect_box {margin-bottom:50px;}
.sect_box .sect_title {width:80%;background:#fff;border-radius:50px;padding:5px 8px 5px 8px;margin-bottom:20px;overflow:hidden;}
.sect_box .sect_title p {display:inline-block;float:left;}
.sect_box .sect_title .cir_yellow {width:60px;height:55px;border-radius:60px;color:#fff;background:#ffb516;margin:10px;text-align:center;padding-top:5px;}
.sect_box .sect_title .tit_02:nth-child(2) {margin-top:15px;}

.sect_box .tit_05 {font-weight:400;padding-bottom:20px;}  
.sect_box .sect_img {width:100%;max-width:950px;height:347px;background:url(/images/section02_img_01.png) center no-repeat; background-color:#fff;background-size:100%;} 
.sect_box .sect_img img {width:100%;}

/*step*/
.step_content {width:100%;margin:0 auto;/*overflow:hidden;*/}
.step_content .step_box {width:31.8%;float:left;margin-right:20px;}
.step_content .step_box:nth-child(3) {margin-right:0px}
.step_box_line {width:100%;height:450px;padding:20px;margin-bottom:20px;background:#fff;border:5px solid #ddd;}
.step_box_line p:nth-child(1) {text-align:center;padding:20px 0;}
.step_box_line p:nth-child(4) {text-align:center;padding:15px 0;}

.st_img01 img {width:100%;max-width:278px;}
.st_img02 img {width:100%;max-width:256px;}
.st_img03 img {width:100%;max-width:163px;}

/*application*/
.application_content {width:100%;marign:0 auto;position:relative;z-index:2;}
.application_box {width:550px;margin:0 auto 50px auto;padding:30px;border:5px solid #88abda;background:#fff;position:relative;}
.application_box p {text-align:center;}
.application_box .tit_02 {padding-bottom:10px;color:#4485dc;}
.application_box .app_down {position:absolute;z-index:9;bottom:-25px;left:48%;}

.btn_01 {width:405px;margin:20px auto;text-align:center;overflow:hidden;}
.btn_01:hover {-webkit-box-shadow:0 17px 21px rgba(0,0,0,.08);box-shadow:0 17px 21px rgba(0,0,0,.08)}

/* section03 */
.section03 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section03 .wrap {margin:150px auto 0 auto;position:relative;z-index:2;}
.section03 .main_bg {position:absolute;top:0;right:0;z-index:0;opacity:0.2;}

.sect03_title {margin:0px 0 80px 0;background:#ffe4e0;}
.sect03_title .tit_01 {font-size:35px;vertical-align:middle;}
.sec03_txt_01 img {width:100%;max-width:690px;}
.sec03_img_01 img {width:100%;max-width:400px;}

.sect03_content p {text-align:center;padding-bottom:40px;}
.sect03_content .tit_04 {width:735px;margin:0 auto 50px auto;text-align:center;}

.smart_content {width:750px;margin:0 auto 30px auto;overflow:hidden;}
.smart_box {width:230px;padding:30px;background:#fff;float:left;margin-right:30px;border-radius:10px;border:1px solid #aaa;}
.smart_box:nth-child(3) {margin-right:0px;}
.smart_box p {text-align:center;padding-bottom:30px;font-weight:bold;}
.smart_box p:nth-child(2) {padding-bottom:0px;}

.smart_box .num_pink {height:30px;color:#fff;padding:0px 8px;margin-right:10px;background:#e47968;text-align:center;}

.application_content .tit_06 {text-align:center;font-weight:400;}

/* section04 */
.section04 {width:100%;position:relative;background:#d4f4ff;overflow:hidden;}
.sect04_title {margin-top:100px;}
.sect04_title p {padding-bottom:30px;text-align:center;}
.sect04_title p:nth-child(1) img {width:100%;max-width:628px;}
.sect04_title p:nth-child(2) img {width:100%;max-width:617px;}

.section04 .tit_02 {text-align:center;line-height:60px;padding-bottom:40px;}
.section04 .tit_05 {padding-bottom:70px;}

.machi_img {}
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {	
/* main */
.main {width:100%;background:#ffffe5;margin:0 0 100px 0;padding-bottom:100px;}
.main .main_bg {position:absolute;top:0;right:0;z-index:0;}

.main_title {width:92%;margin:0 auto;}
.main_title p {margin:70px auto 40px auto;text-align:center;position:relative;z-index:5;}
.main_title img {width:100%;max-width:768px;}

.menu_content {width:90%;margin:0 auto;position:relative;z-index:5;}
.menu_box {width:48.5%;padding:30px 20px;}
.menu_box p img {width:100%;}

.menu_box .menu_txt {width:100%;padding:8px 0;}
.menu_box .menu_txt .tit_03 {font-size:20px;}

/* section01 */
.section01 {width:100%;margin:0 0 100px 0;}
.box_line {width:100%;border:3px dashed #aaa;border-radius:50px;margin:70px auto;overflow:hidden;}

.feature_content {width:98%;margin:10px auto;padding:30px;border-radius:40px;background:#f6f6f6;overflow:hidden;}
.feature_box {width:100%;padding:30px;border-radius:50px;background:#fff;float:left;}
.feature_box p {padding-bottom:30px;}

.feature_box .ft_img {text-align:center;}
.feature_box .ft_img img {}
.feature_box .tit_06 {text-align:center;font-size:14px;padding-bottom:0px;color:#555;}

.feature_content .ft_left {margin-right:0px;margin-bottom:20px;}
.feature_content .ft_right {}
.feature_content .ft_right .ft_img {padding:20px 0 45px 0;}

.feature_content .ft_left .ft_tit img {width:90%;max-width:230px;}
.feature_content .ft_right .ft_tit img {width:90%;max-width:395px;}

.feature_content .ft_left .ft_img img {width:90%;max-width:235px;}
.feature_content .ft_right .ft_img img {width:90%;max-width:287px;}

/* section02 */
.section02 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section02 .main_bg {position:absolute;top:0;left:0;z-index:0;}
.section02 .main_bg_02 {position:absolute;bottom:10%;right:3%;z-index:0;}
.section02 .main_bg_03 {position:absolute;bottom:0%;left:-10%;z-index:0;}

.section02 .container {width:95%;padding:20px 10px;margin:180px auto 0px auto;background:#f8f3ea;position:relative;z-index:2;}

.sect02_title {width:100%;background:#ffebc0;}
.sect02_title p img {width:30%;max-width:348px;}
.sect02_title .tit_01 {font-size:25px;/*display:block;*/padding:10px 20px;vertical-align:middle;}

.sect02_content {margin:50px 0 0 0;position:relative;z-index:2;}
.sect_box {margin-bottom:50px;}
.sect_box .sect_title {width:95%;background:#fff;border-radius:50px;padding:5px 8px 5px 8px;margin-bottom:20px;overflow:hidden;}
.sect_box .sect_title p {display:inline-block;float:left;font-size:30px;}
.sect_box .sect_title .cir_yellow {width:50px;height:50px;border-radius:60px;color:#fff;background:#ffb516;margin:10px;text-align:center;padding-top:0px;}
.sect_box .sect_title .tit_02:nth-child(2) {margin-top:10px;}

.sect_box .tit_05 {font-weight:400;padding-bottom:20px;}  
.sect_box .sect_img {width:100%;max-width:401px;height:1090px;background:url(/images/section02_img_01_v.png) center no-repeat; background-color:#fff;background-size:100%;}
.sect_box .sect_img img {width:100%;}

/*step*/
.step_content {width:100%;margin:0 auto;/*overflow:hidden;*/}
.step_content .step_box {width:100%;float:left;margin-right:0%;margin-bottom:30px;}
.step_content .step_box:nth-child(3) {margin-right:0px}
.step_box_line {width:100%;height:390px;padding:20px;margin-bottom:20px;background:#fff;border:5px solid #ddd;}
.step_box_line p:nth-child(1) {text-align:center;padding:20px 0;}
.step_box_line p:nth-child(4) {text-align:center;padding:15px 0;}

.st_img01 img {width:100%;max-width:278px;}
.st_img02 img {width:100%;max-width:256px;}
.st_img03 img {width:100%;max-width:163px;}

/*application*/
.application_content {width:100%;marign:0 auto;position:relative;z-index:2;}
.application_box {width:550px;margin:0 auto 50px auto;padding:30px;border:5px solid #88abda;background:#fff;position:relative;}
.application_box p {text-align:center;}
.application_box .tit_02 {padding-bottom:10px;color:#4485dc;}
.application_box .app_down {position:absolute;z-index:9;bottom:-25px;left:48%;}

.btn_01 {width:405px;margin:20px auto;text-align:center;overflow:hidden;}
.btn_01:hover {-webkit-box-shadow:0 17px 21px rgba(0,0,0,.08);box-shadow:0 17px 21px rgba(0,0,0,.08)}

/* section03 */
.section03 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section03 .wrap {margin:150px auto 0 auto;position:relative;z-index:2;}
.section03 .main_bg {position:absolute;top:0;right:0;z-index:0;opacity:0.2;}

.sect03_title {margin:0px 0 80px 0;background:#ffe4e0;}
.sect03_title .tit_01 {font-size:30px;/*display:block;*/padding:10px 20px;vertical-align:middle;}
.sect03_title p img {width:30%;max-width:348px;}
.sec03_txt_01 img {width:100%;max-width:690px;}
.sec03_img_01 img {width:100%;max-width:400px;}


.sect03_content p {text-align:center;padding-bottom:40px;}
.sect03_content .tit_04 {width:735px;margin:0 auto 50px auto;}

.smart_content {width:100%;margin:0 auto 30px auto;overflow:hidden;}
.smart_box {width:31.3%;padding:20px;background:#fff;float:left;margin-right:3%;border-radius:10px;border:1px solid #aaa;}
.smart_box:nth-child(3) {margin-right:0px;}
.smart_box p {text-align:center;padding-bottom:30px;font-weight:bold;}
.smart_box p:nth-child(2) {padding-bottom:0px;}

.smart_box .num_pink {height:30px;color:#fff;padding:0px 8px;margin-right:10px;background:#e47968;text-align:center;}

.application_content .tit_06 {text-align:center;font-weight:400;}

/* section04 */
.section04 {width:100%;position:relative;background:#d4f4ff;overflow:hidden;}
.sect04_title {margin-top:100px;}
.sect04_title p {padding-bottom:30px;text-align:center;}
.sect04_title p:nth-child(1) img {width:100%;max-width:628px;}
.sect04_title p:nth-child(2) img {width:100%;max-width:617px;}

.section04 .tit_02 {font-size:32px;line-height:53px;text-align:center;padding-bottom:40px;}
.section04 .tit_05 {padding-bottom:70px;}

.machi_img {}
}


@media (max-width:480px) {
/* main */
.main {width:100%;background:#ffffe5;margin:0 0 100px 0;padding-bottom:100px;}
.main .main_bg {position:absolute;top:0;right:0;z-index:0;}

.main_title {width:92%;margin:0 auto;}
.main_title p {margin:70px auto 40px auto;text-align:center;position:relative;z-index:5;}
.main_title img {width:100%;max-width:768px;}

.menu_content {width:90%;margin:0 auto;position:relative;z-index:5;}
.menu_box {width:100%;padding:30px 20px;}
.menu_box p img {width:100%;}

.menu_box .menu_txt {width:100%;padding:8px 0;}
.menu_box .menu_txt .tit_03 {font-size:20px;}

.menu_content .m_left {float:none;margin-bottom:50px;}
.menu_content .m_right {float:none;}

/* section01 */
.section01 {width:100%;margin:0 0 100px 0;}
.box_line {width:100%;border:3px dashed #aaa;border-radius:50px;margin:70px auto;overflow:hidden;}

.feature_content {width:96.5%;margin:10px auto;padding:20px;border-radius:40px;background:#f6f6f6;overflow:hidden;}
.feature_box {width:100%;padding:30px;border-radius:20px;background:#fff;float:left;}
.feature_box p {padding-bottom:30px;}

.feature_box .ft_img {text-align:center;}
.feature_box .ft_img img {}
.feature_box .tit_06 {text-align:center;font-size:14px;padding-bottom:0px;color:#555;}

.feature_content .ft_left {margin-right:0px;margin-bottom:20px;}
.feature_content .ft_right {}
.feature_content .ft_right .ft_img {padding:20px 0 45px 0;}

.feature_content .ft_left .ft_tit img {width:90%;max-width:230px;}
.feature_content .ft_right .ft_tit img {width:90%;max-width:395px;}

.feature_content .ft_left .ft_img img {width:90%;max-width:235px;}
.feature_content .ft_right .ft_img img {width:90%;max-width:287px;}

/* section02 */
.section02 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section02 .main_bg {position:absolute;top:0;left:0;z-index:0;}
.section02 .main_bg_02 {position:absolute;bottom:10%;right:3%;z-index:0;}
.section02 .main_bg_03 {position:absolute;bottom:0%;left:-10%;z-index:0;}

.section02 .container {width:95%;padding:10px 10px;margin:180px auto 0px auto;background:#f8f3ea;position:relative;z-index:2;}

.sect02_title {width:100%;background:#ffebc0;}
.sect02_title p img {width:100%;max-width:348px;}
.sect02_title .tit_01 {font-size:25px;line-height:30px;display:block;padding:10px 20px;vertical-align:middle;}

.sect02_content {margin:50px 0 0 0;position:relative;z-index:2;}
.sect_box {margin-bottom:50px;}
.sect_box .sect_title {width:98%;background:#fff;border-radius:40px;padding:5px 5px;margin-bottom:20px;overflow:hidden;}
.sect_box .sect_title p {display:block;float:left;text-align:center;font-size:20px;}
.sect_box .sect_title .cir_yellow {width:40px;height:40px;border-radius:40px;color:#fff;background:#ffb516;margin:10px;text-align:center;padding-top:0px;line-height:40px;}
.sect_box .sect_title .tit_02:nth-child(2) {margin-top:5px;letter-spacing:-1px;}

.sect_box .tit_05 {font-weight:400;padding-bottom:20px;line-height:35px;}  
.sect_box .sect_img {width:100%;max-width:401px;height:1040px;background:url(/images/section02_img_01_v.png) center no-repeat; background-color:#fff;background-size:100%;}
.sect_box .sect_img img {width:100%;}

/*step*/
.step_content {width:100%;margin:0 auto;/*overflow:hidden;*/}
.step_content .step_box {width:100%;float:left;margin-right:0%;margin-bottom:30px;box-sizing:border-box;}
.step_content .step_box:nth-child(3) {margin-right:0px}
.step_box_line {width:100%;height:460px;padding:20px;margin-bottom:20px;background:#fff;border:5px solid #ddd;}
.step_box_line p:nth-child(1) {text-align:center;padding:20px 0;}
.step_box_line p:nth-child(4) {text-align:center;padding:15px 0;}

.st_img01 img {width:100%;max-width:278px;}
.st_img02 img {width:100%;max-width:256px;}
.st_img03 img {width:100%;max-width:163px;}

/*application*/
.application_content {width:100%;marign:0 auto;position:relative;z-index:2;}
.application_box {width:90%;margin:0 auto 50px auto;padding:20px;border:5px solid #88abda;background:#fff;position:relative;}
.application_box p {text-align:center;}
.application_box .tit_02 {padding-bottom:10px;color:#4485dc;font-size:25px;}
.application_box .app_down {position:absolute;z-index:9;bottom:-25px;left:48%;}

.btn_01 {width:97%;margin:20px auto;text-align:center;overflow:hidden;}
.btn_01:hover {-webkit-box-shadow:0 17px 21px rgba(0,0,0,.08);box-shadow:0 17px 21px rgba(0,0,0,.08)}
.btn_01 a img {width:100%;max-width:350px;}

/* section03 */
.section03 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section03 .wrap {margin:150px auto 0 auto;position:relative;z-index:2;}
.section03 .main_bg {position:absolute;top:0;right:0;z-index:0;opacity:0.2;}

.sect03_title {margin:0px 0 80px 0;background:#ffe4e0;}
.sect03_title .tit_01 {font-size:30px;line-height:35px;display:block;padding:10px 20px;vertical-align:middle;}
.sect03_title p img {width:100%;max-width:348px;}

.sect03_content p {text-align:center;padding-bottom:40px;}
.sect03_content .tit_04 {width:90%;margin:0 auto 50px auto;text-align:center;}

.smart_content {width:80%;margin:0 auto 30px auto;/*overflow:hidden;*/}
.smart_box {width:100%;padding:30px;background:#fff;float:left;margin:0 auto 30px auto;border-radius:10px;border:1px solid #aaa;}
.smart_box:nth-child(3) {margin-right:0px;}
.smart_box p {text-align:center;padding-bottom:30px;font-weight:bold;}
.smart_box p:nth-child(2) {padding-bottom:0px;}

.smart_box .num_pink {height:30px;color:#fff;padding:0px 8px;margin-right:10px;background:#e47968;text-align:center;}

.application_content .tit_06 {text-align:center;font-weight:400;}

/* section04 */
.section04 {width:100%;position:relative;background:#d4f4ff;overflow:hidden;}
.sect04_title {margin-top:100px;}
.sect04_title p {padding-bottom:30px;text-align:center;}
.sect04_title p:nth-child(1) img {width:100%;max-width:628px;}
.sect04_title p:nth-child(2) img {width:100%;max-width:617px;}

.section04 .tit_02 {font-size:18px;line-height:30px;text-align:center;padding-bottom:40px;}
.section04 .tit_05 {padding-bottom:70px;}

/* machilove map */
.map_content {padding: 0 10px;}

.banner_container {width:100%;margin:0 auto 100px auto;overflow:hidden;}
.banner_container ul {}
.banner_container ul li {float:left;width:48%;margin:0 1% 13px 1%;}
.banner_container ul a:nth-child(2n) li {margin:0 1% 13px 1%;}
.banner_container ul a:nth-child(5n) li {margin:0 1% 13px 1%;}
}


@media (max-width:320px) {
/* main */
.main {width:100%;background:#ffffe5;margin:0 0 100px 0;padding-bottom:100px;}
.main .main_bg {position:absolute;top:0;right:0;z-index:0;}

.main_title {width:92%;margin:0 auto;}
.main_title p {margin:70px auto 40px auto;text-align:center;position:relative;z-index:5;}
.main_title img {width:100%;max-width:768px;}

.menu_content {width:90%;margin:0 auto;position:relative;z-index:5;}
.menu_box {width:100%;padding:30px 20px;}
.menu_box p img {width:100%;}

.menu_box .menu_txt {width:100%;padding:5px 3px;}
.menu_box .menu_txt .tit_03 {font-size:16px;}

.menu_content .m_left {float:none;margin-bottom:30px;}
.menu_content .m_right {float:none;}

/* section01 */
.section01 {width:100%;margin:0 0 100px 0;}
.box_line {width:100%;border:3px dashed #aaa;border-radius:50px;margin:70px auto;overflow:hidden;}

.feature_content {width:95%;margin:10px auto;padding:10px;border-radius:40px;background:#f6f6f6;overflow:hidden;}
.feature_box {width:100%;padding:30px;border-radius:40px;background:#fff;float:left;}
.feature_box p {padding-bottom:30px;}

.feature_box .ft_img {text-align:center;}
.feature_box .ft_img img {}
.feature_box .tit_06 {text-align:center;font-size:14px;padding-bottom:0px;color:#555;}

.feature_content .ft_left {margin-right:0px;margin-bottom:20px;}
.feature_content .ft_right {}
.feature_content .ft_right .ft_img {padding:20px 0 45px 0;}

.feature_content .ft_left .ft_tit img {width:90%;max-width:230px;}
.feature_content .ft_right .ft_tit img {width:90%;max-width:395px;}

.feature_content .ft_left .ft_img img {width:90%;max-width:235px;}
.feature_content .ft_right .ft_img img {width:90%;max-width:287px;}

/* section02 */
.section02 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section02 .main_bg {position:absolute;top:0;left:0;z-index:0;}
.section02 .main_bg_02 {position:absolute;bottom:10%;right:3%;z-index:0;}
.section02 .main_bg_03 {position:absolute;bottom:0%;left:-10%;z-index:0;}

.section02 .container {width:96%;padding:10px 10px;margin:180px auto 0px auto;background:#f8f3ea;position:relative;z-index:2;}

.sect02_title {width:100%;background:#ffebc0;}
.sect02_title p img {width:100%;max-width:348px;}
.sect02_title .tit_01 {font-size:25px;display:block;padding:10px 20px;vertical-align:middle;}

.sect02_content {margin:50px 0 0 0;position:relative;z-index:2;}
.sect_box {margin-bottom:50px;}
.sect_box .sect_title {width:98%;background:#fff;border-radius:50px;padding:5px 5px;margin-bottom:20px;overflow:hidden;}
.sect_box .sect_title p {display:block;float:left;text-align:center;font-size:17px;}
.sect_box .sect_title .cir_yellow {width:30px;height:30px;border-radius:30px;color:#fff;background:#ffb516;margin:10px;text-align:center;padding-top:0px;line-height:30px;}
.sect_box .sect_title .tit_02:nth-child(2) {margin-top:1px;}

.sect_box .tit_05 {font-weight:400;padding-bottom:20px;}  
.sect_box .sect_img {width:100%;max-width:401px;height:900px;background:url(/images/section02_img_01_v.png) center no-repeat; background-color:#fff;background-size:100%;}
.sect_box .sect_img img {width:100%;}

/*step*/
.step_content {width:100%;margin:0 auto;/*overflow:hidden;*/}
.step_content .step_box {width:100%;float:left;margin-right:0%;margin-bottom:30px;box-sizing:border-box;}
.step_content .step_box:nth-child(3) {margin-right:0px}
.step_box_line {width:100%;height:430px;padding:20px;margin-bottom:20px;background:#fff;border:5px solid #ddd;}
.step_box_line p:nth-child(1) {text-align:center;padding:20px 0;}
.step_box_line p:nth-child(4) {text-align:center;padding:15px 0;}

.st_img01 img {width:100%;max-width:278px;}
.st_img02 img {width:100%;max-width:256px;}
.st_img03 img {width:100%;max-width:163px;}

/*application*/
.application_content {width:100%;marign:0 auto;position:relative;z-index:2;}
.application_box {width:97%;margin:0 auto 50px auto;padding:20px;border:5px solid #88abda;background:#fff;position:relative;}
.application_box p {text-align:center;}
.application_box .tit_02 {padding-bottom:10px;color:#4485dc;font-size:22px;}
.application_box .app_down {position:absolute;z-index:9;bottom:-25px;left:45%;}

.btn_01 {width:95%;margin:20px auto;text-align:center;overflow:hidden;}
.btn_01:hover {-webkit-box-shadow:0 17px 21px rgba(0,0,0,.08);box-shadow:0 17px 21px rgba(0,0,0,.08)}
.btn_01 a img {width:100%;max-width:280px;}

/* section03 */
.section03 {width:100%;position:relative;background:#f8f3ea;margin:0 0 0px 0;padding-bottom:100px;overflow:hidden;}
.section03 .wrap {margin:150px auto 0 auto;position:relative;z-index:2;}
.section03 .main_bg {position:absolute;top:0;right:0;z-index:0;opacity:0.2;}

.sect03_title {margin:0px 0 80px 0;background:#ffe4e0;}
.sect03_title .tit_01 {font-size:30px;display:block;padding:10px 20px;vertical-align:middle;}
.sect03_title p img {width:100%;max-width:348px;}

.sect03_content p {text-align:center;padding-bottom:40px;}
.sect03_content .tit_04 {width:90%;margin:0 auto 50px auto;text-align:center;}

.smart_content {width:90%;margin:0 auto 30px auto;/*overflow:hidden;*/}
.smart_box {width:100%;padding:30px;background:#fff;float:left;margin:0 auto 30px auto;border-radius:10px;border:1px solid #aaa;}
.smart_box:nth-child(3) {margin-right:0px;}
.smart_box p {text-align:center;padding-bottom:30px;font-weight:bold;}
.smart_box p:nth-child(2) {padding-bottom:0px;}

.smart_box .num_pink {height:30px;color:#fff;padding:0px 8px;margin-right:10px;background:#e47968;text-align:center;}

.application_content .tit_06 {text-align:center;font-weight:400;}

/* section04 */
.section04 {width:100%;position:relative;background:#d4f4ff;overflow:hidden;}
.sect04_title {margin-top:100px;}
.sect04_title p {padding-bottom:30px;text-align:center;}
.sect04_title p:nth-child(1) img {width:100%;max-width:628px;}
.sect04_title p:nth-child(2) img {width:100%;max-width:617px;}

.section04 .tit_02 {font-size:18px;line-height:30px;text-align:center;padding-bottom:40px;}
.section04 .tit_05 {padding-bottom:70px;}

.machi_img {}
}