/* Works */
.slide_bg_pattern {background: url('/theme/bs4_v2.8/img/main/bg_pattern_black.gif') center top repeat;}
.works_con {padding:80px 0;}
.works_con h2, .works_con h3 {text-align:center;}
.works_con h2.tit_tpink {font-size:4em; color:#ea1e53; font-weight:600;}
.works_con h3 {font-size:1.125em; line-height:160%; margin-bottom:80px; color:#808080;}
.works_con h3 span {font-size:1.143em; color:#fff;}

.workCon_center {text-align:center; }
.workCon_left {float:left; left:0;}
.workCon_left .work_web {text-align:right;}
.workCon_left .work_web dt {float:right; margin-left:20px;}
.workCon_right {float:right; right:0;}
.workCon_right .work_web {text-align:left;}
.workCon_right .work_web dt {float:left; margin-right:20px;}

.workCon_left .work_web dl, .workCon_right .work_web dl {margin-bottom:50px;}
.workCon_left .work_web dd, .workCon_right .work_web dd {color:#808080}
.workCon_left .work_web dd p, .workCon_right .work_web dd p {font-size:1.429em; color:#fff; font-weight:600;}


.works_con h2.tit_black {font-size:4em; color:#000; font-weight:600;}
.workCon_left {float:left; left:0;}
.workCon_left .work_app {text-align:right;}
.workCon_left .work_app li {margin-bottom:40px;}
.workCon_left .work_app dt {font-size:1.429em; color:#000; font-weight:600; background: url('/theme/bs4_v2.8/img/sub/work_dot.gif') right top no-repeat; padding-right:30px; padding-bottom:20px}
.workCon_right {float:right; right:0;}
.workCon_right .work_app {text-align:left;}
.workCon_right .work_app dt {font-size:1.429em; color:#000; font-weight:600; background: url('/theme/bs4_v2.8/img/sub/work_dot.gif') left top no-repeat; padding-left:30px; padding-bottom:20px;}


/* About */
.aboutCon {position: relative; overflow: hidden; text-align: center; padding:100px 0 80px 0; word-break: keep-all;}
.aboutCon_tit {max-width:800px; margin:0 auto;}
.aboutCon_tit h2 img {width:80%; max-width:617px;}
.aboutCon_tit h2 {padding-bottom:20px;}
.aboutCon h3 {font-size:1.143em; line-height:160%; margin-bottom:80px; color:#808080;}
.aboutNum {max-width:1200px; margin:0 auto;}
.aboutNum ul{position: relative; overflow: hidden; margin-left:-20px;}
.aboutNum li {float:left; padding:5px;}
.aboutNum li div { border:10px solid #ec1d54; width:170px; height:170px; border-radius: 50% 50%; padding:13px 5px;}
.aboutNum li div span {color:#808080;}

.historyCon {padding:4em 0 0 0;}
.historyCon h2.tit_black {font-size:4em; color:#000; font-weight:600; text-align:center;}
.historyCon h3 {font-size:1.143em; line-height:160%; margin-bottom:80px; color:#808080; text-align:center;}

.location_con {border-top:1px solid #e1e1e1; padding:4em 0;}
.location_con h2 {font-size:4em; color:#000; font-weight:600; text-align:center;}
.location_con h3 {font-size:1.143em; line-height:160%; margin-bottom:80px; color:#808080; text-align:center;}
.location_con h3 p {color:#222; font-size:1.2em; font-weight:600;}

.location_con #map {margin-bottom:20px;}


/* Service */
.service_con {padding:100px 0 80px 0;}
.service_con h2.tit_tpink {font-size:3em; color:#ea1e53; font-weight:600; text-align:center;}
.service_con h3 {font-size:1.125em; line-height:160%; margin-bottom:80px; color:#fff; text-align:center; }

.serList .col-md-5 {text-align:center; padding-bottom:30px;}
.serList .col-md-5 img {width:100%; max-width:469px; }
.serList dt { background: url('/theme/bs4_v2.8/img/sub/service_dot.gif') left 7px no-repeat; padding-left:20px; padding-bottom:5px; color:#fff; font-size:1.2em; }
.serList dd {padding-bottom:30px; color:#808080;}

.bg_gray { background:#f2f2f2; padding:80px 0;}
.serInfo {overflow:hidden; padding-bottom:30px;}
.serInfo .col-xs-4 {text-align:right; padding-right:20px;}
.serInfo .col-xs-4 img{width:100%; max-width:239px;}
.serInfo .col-xs-8 dt {color:#1e1e1e; padding-top:15px; padding-bottom:10px; font-size:2.8em; line-height:100%;}
.serInfo .col-xs-8 dd {color:#616161; font-size:16px;}


.serItem {clear:both; overflow:hidden; position:relative; width:100%; max-width:1200px; margin:0 auto;}
.serItem > div {padding:15px; display:flex; }
.serItem > div .serCon_box { background:#fff; text-align:center; padding:30px 10px; width:100%; height:100%; font-size:14px;}
.serItem > div .serCon_box img {width:100%; max-width:135px;}
.serCon_tit {background:#ec1d54; color:#fff; font-size:1.3em; max-width:200px; margin:20px auto; padding:5px 0; font-weight:600;}

.faqCon h2 {color:#444; padding-top:30px; width:100%;}
.faqCon h2 span{color:#ec1d54; font-weight:600;}

/* Contact */
.qnaTit {background:#ec1d54; color:#fff; padding:5px 20px; width:170px; margin:0;}
.question {background:#fff; padding:3em 12em; max-width:1580px; width:100%; margin:0 auto;}
.question .qnaInfo {color:#000; font-size:1em;}


/*News*/
.white_tit {color:#fff; font-size:4.5em; text-align:center; font-weight:600;}


.pc_view {display:block;}
.mobile_view {display:none;}

@media all and (max-width: 768px) {
    
    .pc_view {display:none;}
    .mobile_view {display:block;}
	.aboutNum ul{position: relative; overflow: hidden; margin-left:-20px;}
    .aboutNum li {float:left; width:170px; margin-left:5px;}
    .aboutCon_tit h2 {padding-bottom:5px;font-size:3.5em;}
	
	.works_con h2.tit_tpink {font-size:3em;}
	.works_con h3 {font-size:0.95em;}
	.works_con h3 span {font-size:1.143em;}
	.works_con h2.tit_black {font-size:3em; }
    .workCon_left .work_web {margin-left:-60px; margin-left:-60px;}
    .workCon_right .work_web {margin-left:-40px;}
    .workCon_left .work_web {text-align:left;}
    .workCon_left .work_web dt {float:left; margin-right:20px;}

    .workCon_left .work_app {text-align:left; margin-top:30px;}
    .workCon_left .work_app li {margin-bottom:40px;}
    .workCon_left .work_app dt {font-size:1.429em; color:#000; font-weight:600; background: url('/theme/bs4_v2.8/img/sub/work_dot.gif') left top no-repeat; padding-left:30px; padding-bottom:20px}
    .workCon_right {float:left; right:0;}
	
	.service_con h2.tit_tpink {font-size:2.1em;}
	.service_con h3 {font-size:1.0em;}
    .serInfo .col-xs-4 {text-align:center;}
	.serInfo .col-xs-8 dt {font-size:1.6em; text-align:center;}
    .serInfo .col-xs-8 dd {font-size:12px; text-align:center;}

    .serCon_tit {font-size:1em;}
    .serItem > div {padding:5px; display:flex; }
    .serItem > div .serCon_box {padding:30px 5px}
    .serItem > div .serCon_box img {width:60%;}

    .question {background:#fff; padding:3em 2em;}
	
    .historyCon h2.tit_black {font-size:3.5em;}
    .historyCon h3 {font-size:1.143em;}
    .location_con h2 {font-size:3.5em;}
    .location_con h3 {font-size:0.9em; line-height:160%; margin-bottom:80px; color:#808080; text-align:center;}
    .location_con h3 p {color:#222; font-size:1.1em; font-weight:600;}

  }