@charset "utf-8";

.section_bg_wrap { position: absolute; left:0; bottom:0; height: calc(100% - 26px); background-color: #f0eff8; }

/* section */
.section .section_sub_title{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; letter-spacing: 0.015em; font-weight: 500; color:#000; display: none;}

.section.website{margin-bottom: 50px;}
.section.website .section_title{margin-bottom: 18px;}
.section.website .section_title > span { font-size:29px; font-size:2.9rem; line-height:35px; line-height:3.5rem; font-weight: 400; letter-spacing: -0.0em; margin-bottom: 3px; display: inline-block; background: linear-gradient(to right, #4fcaec, #6738ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
[data-wv-agent="ie"] .section.website .section_title > span{background: transparent;}
.website_list_wrap { margin-top: 60px; }
.website_list_wrap .website_list_con{margin-bottom: 5px;}
.website_list_wrap .website_list{text-align: center;}
.website_list_con .img_box{ margin-bottom: 30px; }
.website_list_con .img_box img{width: 160px;}
.website_list_con .text_box{}
.website_list_con .website_list_desc{font-size:17px; font-size:1.7rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 400; color:#000; word-break: keep-all; padding-left: 20px; padding-right: 20px; box-sizing: border-box;
    max-width: 410px; float: none; overflow:hidden; margin-left: auto; margin-right: auto; }
[data-wv-os="Android"] .website_list_con .website_list_desc{font-size:18px; font-size:1.8rem; line-height:30px; line-height:3.0rem; }
.website_list_wrap .website_list_pagination{width: 100%; text-align: center;}
.website_list_wrap .website_list_pagination .pagination_con{display: inline-block; width: auto; text-align: center; box-sizing: border-box; transition: none;}

.section.intro{padding-bottom: 48px;}
.section.intro .intro_wrap { margin-bottom: 48px; }
.section.intro .intro_wrap_inner { max-width:1920px; overflow:hidden; }
/*.section.intro .intro_wrap_inner { max-width:1500px; overflow:hidden; }*/
.section.intro .intro_wrap_inner img { width: 100%; }
.section.intro .intro_text_wrap .intro_title { font-size:35px; font-size:3.5rem; line-height:48px; line-height:4.8rem; letter-spacing: -0.04em; font-weight: 700; }
[data-wv-pc="mobile"]:not([data-wv-os="iOS"]) .section.intro .intro_text_wrap .intro_title{font-size: 32px; font-size: 3.2rem;}
.section.intro .intro_text_wrap .intro_desc { font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.02em; font-weight: 400; word-break: keep-all; max-width: 394px; float: none; overflow:hidden; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}
.section.intro .intro_text_wrap .intro_desc > span.point0 { font-weight: 500; }
.section.intro .intro_text_wrap .intro_title_line { width: 2px; height: 40px; background-color: #000; }

.section.intro .section_bg_wrap { bottom: 0; z-index: -1; height: calc(100% - 91px); }


.section.design{padding-bottom: 60px; padding-top: 33px;}
.section.design .section_bg_wrap{position: absolute; left:0; bottom:0; height: 100%; background-color: #f0eff8;}


.section.design .main_design_card .grid_style_0{}
.section.design .main_design_card .main_design_card_title_con{margin-bottom: 45px;}
.section.design .main_design_card .main_design_card_num{ font-size: 22px; font-size:2.2rem; line-height: 54px; line-height: 5.4rem; letter-spacing: -0.04em; font-weight: 700; color:#000; }
.section.design .main_design_card .main_design_card_title{padding-left: 3px; font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.03em; font-weight: 700; color:#000; margin-bottom: 14px;}
.section.design .main_design_card .main_design_card_desc{font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; letter-spacing: -0.05em; font-weight: 400; color:#000; word-break: keep-all; max-width: 330px;}
.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ margin-bottom: -20px; width: calc(100% + 20px); margin-left: -20px;}
.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con{ padding-bottom: 20px; padding-left: 20px; }
.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con .main_design_card_img_box { cursor: pointer; }
.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con .main_design_card_img_box img { width: 100%; }
.section.design .main_design_card .more_btn_con{text-align: center;}
.section.design .main_design_card .more_btn_con .more_btn{display: inline-block; width: 60px; height: 60px; background-color: #fff; background-image: url('../img/plus_icon_cabdf5_22x22.png'); background-size: 22px 22px; background-repeat: no-repeat; background-position: center; border-radius: 50%; transition: all .2s;}
.section.design .main_design_card .more_btn_con .more_btn:hover { background-color: #6738ff; background-image: url('../img/plus_icon_fff_22x22.png');  }
[data-wv-os="Mac"] .section.design .main_design_card .more_btn_con .more_btn{ background-image: url('../img/retina/plus_icon_cabdf5_22x22_mac.png'); }
[data-wv-os="Mac"] .section.design .main_design_card .more_btn_con .more_btn:hover { background-image: url('../img/retina/plus_icon_fff_22x22_mac.png');  }
[data-wv-pc="mobile"] .section.design .main_design_card .more_btn_con .more_btn{ background-image: url('../img/retina/plus_icon_cabdf5_22x22_mac.png'); }
[data-wv-pc="mobile"] .section.design .main_design_card .more_btn_con .more_btn:hover { background-image: url('../img/retina/plus_icon_fff_22x22_mac.png');  }

body[data-wv-agent="ie"] .section.design .main_design_card .main_design_card_num{padding-top: 5px;}

.section.design .main_design_card { padding-left: 20px; padding-bottom: 30px; }
.section.design .main_design_card .grid_style_0 { width: 100%; padding-left: 0;}


.section.solution{padding-top: 70px; padding-bottom: 50px;}
.section.solution .solution_title_con{display: flex; flex-wrap: wrap; /*align-items: center;*/}
.section.solution .solution_title { font-size:49px; font-size:4.9rem; line-height:58px; line-height:5.8rem; font-weight: 500; color:#fff; letter-spacing: -0.018em; text-align: center;}
.section .section_desc { font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; font-weight: 300; letter-spacing: -0.0em; color: #fff; }

.section.solution .solution_bottom_inner { max-width: 1112px; overflow:hidden; }

.solution_list_wrap { display: flex; flex-wrap: wrap; align-items: stretch;}
.solution_list_wrap .solution_list { margin-bottom: 40px; }
.solution_list_wrap .solution_list:last-child { margin-bottom: 0; }
.solution_list_wrap .solution_list .img_box { margin-right: 25px; margin-top: 4px; }
.solution_list_wrap .solution_list .img_box img { width: 35px; }
.solution_list_wrap .solution_list .text_box { width: calc(100% - 75px); }
.solution_list_wrap .solution_list .text_box .title { font-size:22px; font-size:2.2rem; line-height:28px; line-height:2.8rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; margin-bottom: 8px; }
.solution_list_wrap .solution_list .text_box .desc { font-size:16px; font-size:1.6rem; line-height:28px; line-height:2.8rem; font-weight: 300; letter-spacing: -0.0em; color: #fff; word-break: keep-all; }


.section.solution .service_more_btn {display: inline-block; font-size:16px; font-size:1.6rem; line-height:24px; line-height:2.4rem; letter-spacing: -0.02em; font-weight: 700; color:#fff; position: relative; padding-top: 5px; padding-bottom: 5px;}
.section.solution .service_more_btn > span { display: inline-block; vertical-align: middle; transition: padding-right .2s; margin-top: 3px;}
[data-wv-pc="mobile"] .section.solution .service_more_btn > span { margin-top: 5px;}
.section.solution .service_more_btn > span.arrow { display: inline-block; position: relative; width: 30px; height: 30px; transition: all .2s;}
.section.solution .service_more_btn > span.arrow::before { content: ''; position: absolute; top: 10px; left: 12px; width: 7px; height: 12px; background-image: url("../img/arrow_fff_7x12_right.png"); background-position: center; background-size: 7px 12px; background-repeat: no-repeat; transition: all .2s; z-index: 1;}
[data-wv-pc="mobile"] .section.solution .service_more_btn > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
[data-wv-os="Mac"] .section.solution .service_more_btn > span.arrow::before { background-image: url("../img/retina/arrow_fff_7x12_right_mac.png"); }
.section.solution .service_more_btn > span.arrow::after { content: ''; position: absolute; top: 1px; left: -1px; width: 100%; height: 100%; opacity: 0; background-color: #fff; border-radius: 50%; transform: scale(0); transition: transform .15s, opacity .1s;}


/*@media all and (min-width: 768px) {*/
    /*.section.design .main_design_card { padding-left: 40px; padding-bottom: 40px; }*/
    /*!*.section.design .main_design_card .grid_style_0 { width: 50%;}*!*/

    /*.website_list_con .img_box img{width: 250px;}*/

    /*.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap { margin-bottom: -40px; width: calc(100% + 40px); margin-left: -40px;}*/
    /*.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 40px; padding-bottom: 40px;}*/
    /*.section.design .main_design_card .main_design_card_title_con{margin-bottom: 19px;}*/
    /*.section.design .main_design_card .main_design_card_desc{height: 100px;}*/

    /*.section.design .design_list_con .design_list{width: 50%; box-sizing: border-box;}*/
    /*.section.design .design_list_con .design_list:nth-child(2n-1){padding-right: 15px;}*/
    /*.section.design .design_list_con .design_list:nth-child(2n){padding-left: 15px;}*/


/*}*/

@media all and (min-width: 992px) {
    .section.website { margin-bottom: 130px; }

    .section.website .section_title{margin-bottom: 20px;}
    .section.website .section_title > span { font-size:34px; font-size:3.4rem; line-height:40px; line-height:4.0rem; margin-bottom: -10px; }
    .section .section_sub_title{font-size:17px; font-size:1.7rem; line-height:23px; line-height:2.3rem; font-weight: 700; display: block; }
    [data-wv-os="Mac"] .section .section_sub_title { font-weight: 500; }

    .section .section_desc { font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem;  }

    .website_list_wrap { margin-top: 30px; }
    .website_list_wrap .website_list{text-align: left; display: flex; align-items: center;}
    /*.website_list_wrap .website_list{text-align: left; margin-left: calc((100% - 796px) / 2);}*/
    .website_list_con .img_box{ /*margin-right: 40px; */margin-bottom: 0; margin-top: 11px; text-align: right; padding-right: 100px;}
    .website_list_con .img_box img{width: 270px;}

    /*.website_list_con .img_box{float: left; margin-right: 40px; margin-bottom: 0; margin-top: 0;}*/
    /*.website_list_con .img_box img{width: 310px;}*/
    /*.website_list_con .text_box{float: left; width: calc(100% - 350px); margin-top: 25px;}*/
    .website_list_con .website_list_desc{padding-left: 0; padding-right: 0; font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; float: left; margin-right: 0; margin-left: 0; overflow: visible; max-width:480px;}
    .website_list_wrap .website_list_pagination{width: auto; left: 392px; margin-left: -23px;}
    .website_list_wrap .website_list_pagination .pagination_con{}
    .section.intro{padding-bottom: 125px;}
    .section.intro .intro_wrap { margin-bottom: 120px; }
    .section.intro .section_bg_wrap { height: calc((100% + 105px) / 2) }
    .section.intro .intro_text_wrap .intro_title { font-size:37px; font-size:3.7rem; line-height:48px; line-height:4.8rem;}
    .section.intro .intro_text_wrap .intro_title_line { height: 50px; }
    .section.intro .intro_text_wrap .intro_desc { font-size:17px; font-size:1.7rem; line-height:30px; line-height:3.0rem; max-width:530px; }

    .section.design { padding-top: 83px; padding-bottom: 110px;}
    .section.design .main_design_card .main_design_card_title_con{margin-bottom: 0;}
    .section.design .main_design_card .main_design_card_num { font-size:20px; font-size:2.0rem; line-height:33px; line-height:3.3rem; margin-bottom: 9px;}
    .section.design .main_design_card .main_design_card_desc { padding-left: 0; padding-right: 0; font-size:15px; font-size:1.5rem; line-height:26px; line-height:2.6rem; max-width:none; height: 95px; letter-spacing: -0.02em; font-weight: 300;}
    .section.design .grid_style_0_wrap { padding-left: 40px; padding-right: 40px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px; }
    .section.design .main_design_card { padding-left: 40px; padding-bottom: 40px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 40px); margin-left: -40px; margin-bottom: -40px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 40px; padding-bottom: 40px; }
    /*.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box { transform: translateY(0); transition: transform .15s; }*/
    /*.section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box:hover { transform: translateY(-20px); }*/
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box { transform: translateY(0); transition: transform .15s; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box:hover { transform: translateY(-20px); }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box:hover img { padding-bottom: 20px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box .main_design_card_img_shadow { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px); z-index: -1; transition: box-shadow .2s;}
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_box:hover .main_design_card_img_shadow { box-shadow: 20px 20px 40px rgb(0 0 0 / 5%); }

    .section.design .main_design_card .more_btn_con .more_btn { width: 70px; height: 70px; }

    .section.solution{padding-top: 100px; padding-bottom: 115px;}
    .section.solution .solution_title{ font-size:59px; font-size: 5.9rem; line-height: 86px; line-height: 8.6rem; text-align: left; padding-right: 50px;}

    .solution_list_wrap { padding-left: 4px; }
    .solution_list_wrap .solution_list { margin-bottom: 50px; }
    .solution_list_wrap .solution_list .img_box { margin-right: 31px; margin-top: 9px; }
    [data-wv-agent="ipad"] .solution_list_wrap .solution_list .img_box { margin-top: 4px; }
    [data-wv-agent="chrome"][data-wv-os="Mac"] .solution_list_wrap .solution_list .img_box { margin-top: 4px; }
    /*.solution_list_wrap .solution_list .img_box { margin-right: 41px; margin-top: 3px; }*/
    .solution_list_wrap .solution_list .img_box img { width: 40px; }
    .solution_list_wrap .solution_list .text_box { width: calc(100% - 71px); }
    /*.solution_list_wrap .solution_list .text_box { width: calc(100% - 109px); }*/
    .solution_list_wrap .solution_list .text_box .title { font-size:27px; font-size:2.7rem; line-height:33px; line-height:3.3rem; margin-bottom: 18px; }
    /*.solution_list_wrap .solution_list .text_box .title { font-size:30px; font-size:3.0rem; line-height:36px; line-height:3.6rem;}*/
    .solution_list_wrap .solution_list .text_box .desc { font-size: 17px; font-size: 1.7rem; line-height: 30px; line-height: 3.0rem; max-width:760px;}

    .section.solution .service_more_btn { font-size:17px; font-size:1.7rem; line-height:31px; line-height:3.1rem; /*padding-right: 43px; padding-top: 15px; padding-bottom: 15px; */transition: padding-right .1s;}
    .section.solution .service_more_btn:hover > span:first-child { padding-right: 8px; }
    .section.solution .service_more_btn:hover > span.arrow::before { background-image: url("../img/arrow_6738ff_7x12_right.png"); }
    [data-wv-pc="mobile"] .section.solution .service_more_btn:hover > span.arrow::before { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png"); }
    [data-wv-os="Mac"] .section.solution .service_more_btn:hover > span.arrow::before { background-image: url("../img/retina/arrow_6738ff_7x12_right_mac.png"); }
    .section.solution .service_more_btn:hover > span.arrow::after { transform: scale(1); opacity: 1; }

}


@media all and (min-width: 1200px) {

    /*.website_list_wrap .website_list { margin-left: calc((100% - 830px) / 2); }*/
    .website_list_wrap .website_list_pagination{left: 422px;}
    .website_list_wrap .website_list_pagination .pagination_con{}
    .website_list_con .website_list_desc{ max-width:500px; }

    .section.design .grid_style_0_wrap { padding-left: 50px; padding-right: 50px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 50px); margin-left: -50px; margin-bottom: -50px; }
    .section.design .main_design_card { padding-left: 50px; padding-bottom: 50px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 50px); margin-left: -50px; margin-bottom: -50px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 50px; padding-bottom: 50px; }


    .section.design .design_list_con{flex-wrap: nowrap;}
    .section.design .design_list_con .design_list{max-width:485px; padding-right: 30px !important; margin-bottom: 0;}

    /*.solution_list_wrap .solution_list { padding-left: 70px; margin-bottom: 0; }*/
    /*.solution_list_wrap .solution_list:first-child { padding-left: 0; }*/

}

@media all and (min-width: 1400px) {
    .solution_list_wrap .solution_list { width: 33.33%; margin-bottom: 0;}
    .solution_list_wrap .solution_list .img_box { margin-right: 28px; }
    [data-wv-os="Mac"] .solution_list_wrap .solution_list .img_box { margin-top: 5px; }
    .solution_list_wrap .solution_list .text_box .desc { max-width: 254px; }
}

@media all and (min-width: 1500px) {
    /*.section.intro .intro_wrap_inner { max-width: 1112px; }*/
    .section.design .main_design_card .main_design_card_num { font-size:23px; font-size:2.3rem;}
}

@media all and (min-width: 1600px) {
    /*.website_list_wrap .website_list { margin-left: 100px; }*/

    .section.design .grid_style_0_wrap { padding-left: 60px; padding-right: 60px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 60px); margin-left: -60px; margin-bottom: -40px; }
    .section.design .main_design_card { padding-left: 60px; padding-bottom: 60px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 60px); margin-left: -60px; margin-bottom: -60px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 60px; padding-bottom: 60px; }
}

@media all and (min-width: 1800px) {
    .website_list_wrap { margin-top: 5px; }
    .website_list_con .img_box img { width: 290px; }

    .section.website .section_title { margin-bottom: 20px; }
    .section.website .section_title > span { font-size:40px; font-size:4.0rem; line-height:49px; line-height:4.9rem; }
    .section.intro .intro_text_wrap .intro_title { font-size:46px; font-size:4.6rem; line-height:55px; line-height:5.5rem;  }

    /*.section.website{margin-bottom: 50px;}*/
    /*.website_list_con .img_box { margin-right: 50px; }*/
    /*.website_list_con .text_box { width: calc(100% - 360px); }*/

    .section.design { padding-top: 103px; padding-bottom: 110px;}
    .section.design .main_design_card .main_design_card_title_con { margin-bottom: 12px; }

    .section.solution{padding-top: 140px;}
}


@media all and (min-width: 1920px) {
    .section.design .grid_style_0_wrap { padding-left: 70px; padding-right: 70px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 70px); margin-left: -70px; margin-bottom: -50px; }
    .section.design .main_design_card { padding-left: 70px; padding-bottom: 70px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 70px); margin-left: -70px; margin-bottom: -70px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 70px; padding-bottom: 70px; }

    .section.design .main_design_card .main_design_card_num { font-size:25px; font-size:2.5rem; line-height:33px; line-height:3.3rem; margin-bottom: 15px;}
    .section.design .main_design_card .main_design_card_desc { line-height: 27px; line-height: 2.7rem; }
}

@media all and (min-width: 2200px) {
    .section.design .grid_style_0_wrap { padding-left: 80px; padding-right: 80px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 80px); margin-left: -80px; margin-bottom: -80px; }
    .section.design .main_design_card { padding-left: 80px; padding-bottom: 80px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 80px); margin-left: -80px; margin-bottom: -80px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 80px; padding-bottom: 80px; }
}

@media all and (min-width: 2500px) {
    .section.design .main_design_card .main_design_card_num { font-size: 28px; font-size:2.8rem; line-height: 59px; line-height: 5.9rem; margin-bottom: 2px;}
    /*.section.design .section_bg_wrap { height: calc(100% - 32px); }*/
    .section.design .main_design_card .main_design_card_desc{height: 110px; font-size:17px; font-size:1.7rem; line-height: 31px; line-height: 3.1rem; }
    .section .section_desc { font-size:19px; font-size:1.9rem; line-height:34px; line-height:3.4rem; }

    .section.design .grid_style_0_wrap { padding-left: 90px; padding-right: 90px;}
    .section.design .grid_style_0_wrap .grid_style_0_con { width: calc(100% + 90px); margin-left: -90px; margin-bottom: -90px; }
    .section.design .main_design_card { padding-left: 90px; padding-bottom: 90px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap{ width: calc(100% + 90px); margin-left: -90px; margin-bottom: -90px; }
    .section.design .main_design_card .grid_style_0 .main_design_card_img_wrap .main_design_card_img_con { padding-left: 90px; padding-bottom: 90px; }

    .section.solution .solution_title{ font-size:75px; font-size: 7.5rem; line-height: 81px; line-height: 8.1rem; padding-top: 16px;}

    .section.website{margin-bottom: 186px;}
    .section.website .section_title > span { font-size:48px; font-size:4.8rem; line-height:60px; line-height:6.0rem; }
    .website_list_con .img_box { padding-right: 120px; }
    .website_list_con .img_box img{width: 340px;}
    /*.section.website{margin-bottom: 57px;}*/
    /*.website_list_con .img_box img{width: auto;}*/
    /*.website_list_con .text_box { width: calc(100% - 472px); margin-top: 62px;}*/
    /*.website_list_wrap .website_list { margin-left: calc((100% - 1062px) / 2); }*/
    .website_list_con .website_list_desc { font-size:19px; font-size:1.9rem; line-height:33px; line-height:3.3rem; max-width: 590px; }

    .section.intro{padding-bottom: 153px;}
    .section.intro .intro_wrap { margin-bottom: 160px; }
    .section.intro .section_bg_wrap { height:calc((100% + 130px) / 2); }
    .section.intro .intro_text_wrap .intro_title { font-size:56px; font-size:5.6rem; line-height:68px; line-height:6.8rem; }
    .section.intro .intro_text_wrap .intro_desc { font-size:19px; font-size:1.9rem; line-height:33px; line-height:3.3rem; }

    .section.design{padding-bottom: 170px; padding-top: 123px;}
    .section.design .main_design_card .more_btn_con .more_btn{ width: 80px; height: 80px; }
    .section.solution{padding-top: 154px; padding-bottom: 163px;}
    .section.solution .solution_title_wrap { margin-bottom: 124px; }
    .section.solution .solution_video_wrap { margin-bottom: 131px; }

    .section.solution .solution_bottom_inner { max-width: 1800px; }
    .solution_list_wrap .solution_list .img_box { margin-right: 30px; }
    .solution_list_wrap .solution_list .img_box img { width: 50px; }
    .solution_list_wrap .solution_list .text_box { width: calc(100% - 80px); }
    .solution_list_wrap .solution_list .text_box .desc { font-size: 19px; font-size: 1.9rem; line-height: 33px; line-height: 3.3rem; max-width: 430px; }
}