@charset "utf-8";

/*@import url("board.css");  게시판 스타일시트 */
@import url("main.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");

.container.sub .content {padding-top:73px; background-image:url('/_jp/images/common/bg_content_logo.png'); background-position:right 200px; background-repeat:no-repeat; border-top:1px solid #e4e4e4;}
.container.sub .tit-wrap .title {float: left;padding-bottom: 31px;display: inline-block;}
.container.sub h2 {color:#333; font-size:31px;}
.container.sub .tit-wrap{position: relative;overflow: hidden;border-bottom: 2px solid #555;}
.container.sub .tit-wrap .navi{color: #555;font-size: 13px;font-weight: 300;float: right;position:relative;}
.container.sub p.tit {margin-top:40px; margin-bottom:36px; color:#333; font-size:22px;}

.container.board h3 {color:#fff; font-size:25px;}
.container.board .jwxe_board {width: 100% !important;}
.container.board .jwxe_board .btn_wrap {padding: 35px 0px 0 0;clear: both;text-align: right;}

.main-con-wrap{margin: 0 auto;width: 980px;padding: 70px 0}

.cont_txt {margin-top:29px; color:#555; font-size:14px; font-weight:300; line-height:29px; word-break:break-all;}
strong.emphasis {color:#ee7864; font-size:18px; font-weight:500;}

.info_box {margin-top:29px; background-color:#fff;}
.info_box:after {display:block; clear:both; content:'';}
.info_box li p strong {display:block; margin-bottom:20px; font-size:18px; font-weight:400; line-height:29px;}
.info_box li p {color:#555; font-size:14px; font-weight:300; line-height:29px; word-break:break-all;}

.info_box_type01 {margin-top:-20px; padding-top:29px;}
.info_box_type01 li {position:relative; margin-top:20px; padding:0 55px; min-height:120px; border:1px solid #e4e4e4;}
.info_box_type01 li:after {display:block; clear:both; content:'';}
.info_box_type01 li span.image {position:absolute; top:50%; margin-top:-60px;}
.info_box_type01 li p {margin-left:150px; padding:50px 0;}

.info_box_type02 {border:1px solid #e4e4e4;}
.info_box_type02 li {position:relative; float:left; padding:50px 0; width:25%; box-sizing:border-box; text-align:center;}
.info_box_type02 li strong {margin-top:20px;}
.info_box_type02 li:before {display:inline-block; position:absolute; top:50px; bottom:50px; left:0; border-left:1px solid #e4e4e4; content:'';}
.info_box_type02 li:first-child:before {display:none;}

.info_box_type03 {padding:20px 50px; border:1px solid #e4e4e4;}
.info_box_type03 li {position:relative; float:left; margin:30px 0; width:50%;}
.info_box_type03 li span.image {position:absolute; top:50%; margin-top:-60px;}
.info_box_type03 li p {margin-right:30px; margin-left:140px;}
.info_box_type03 li p strong {margin-bottom:20px !important;}

.sys_arch {position:relative; margin-top:29px;}
.sys_arch div {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.sys_arch div * {position:absolute; font-size:14px;}
.sys_arch div li {position:static;}

.sys_arch div .all_mail {top:125px; left:150px; font-weight:300;}
.sys_arch div .filter_mail {top:497px; left:123px; font-weight:300; letter-spacing:-0.05em;}
.sys_arch div .goal {top:143px; left:556px;}
.sys_arch div .mail_arch {top:136px; left:356px; text-align:center;}
.sys_arch div .mail_arch li {margin:62px 0;}
.sys_arch div .method {top:136px; left:640px;}
.sys_arch div .method li {margin-top:62px; margin-bottom:62px;}
.sys_arch div .method li:nth-child(2) {margin-left:-25px;}
.sys_arch div .method li:nth-child(3) {margin-left:-50px;}
.sys_arch div .method li:nth-child(4) {margin-left:-75px;}

.analysis_arch {position:relative;}
.analysis_arch span {display:block; position:absolute; color:#000; font-size:14px; font-weight:300;}
.analysis_arch span:first-child {top:160px; left:618px;}
.analysis_arch span:nth-child(2) {top:241px; left:600px;}

[class*='solution_compose'] {margin-top:29px;}
[class*='solution_compose']:after {display:block; clear:both; content:'';}
[class*='solution_compose'] ul {position:relative;}
[class*='solution_compose'] li {float:left; border:1px solid #e7e7e7; box-sizing:border-box;}
[class*='solution_compose'] dl {padding:0 30px 11px 30px;}
[class*='solution_compose'] dt {padding:24px 0 9px 0; font-size:18px; letter-spacing:-0.05em; text-align:center;}
[class*='solution_compose'] dd {padding:14px 0 13px 0; font-size:14px; font-weight:300; letter-spacing:-0.05em; border-top:1px solid #e4e4e4;}
[class*='solution_compose'] dt + dd {border-top:0;}

.solution_compose ul:first-child {margin-bottom:37px;}
.solution_compose ul:first-child:after {display:block; clear:both; content:'';}
.solution_compose ul:first-child li {width:390px; }
.solution_compose ul:first-child li:first-child {float:left;}
.solution_compose ul:first-child li:last-child {float:right !important;}
.solution_compose ul:first-child li:first-child:after {display:inline-block; position:absolute; top:50%; left:50%; margin-top:-16px; margin-left:-16px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_plus.gif') 0 0 no-repeat; content:'';}
.solution_compose ul:first-child dd {border-color:transparent;}
.solution_compose ul:nth-child(2) li {float:none; margin-top:10px; padding:20px 0; font-size:14px; font-weight:300; line-height:1.3; background-color:#fbfbfb; text-align:center;}

.solution_compose02 ul {margin-left:-52px;}
.solution_compose02 ul:after {display:block; clear:both; content:'';}
.solution_compose02 li {position:relative; margin-left:52px; width:292px; height:385px;}
.solution_compose02 li:nth-child(2):before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-16px; margin-left:-43px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_plus.gif') 0 0 no-repeat; content:'';}
.solution_compose02 li:nth-child(2):after {display:inline-block; position:absolute; top:50%; right:0; margin-top:-16px; margin-right:-43px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_arrow.gif') 0 0 no-repeat; content:'';}
.solution_compose02 dl {padding:0 10px;}
.solution_compose02 dd {line-height:29px; word-break:break-all; text-align:center;}

.solution_compose03 ul {margin-left:-20px;}
.solution_compose03 li {margin-left:20px; width:230px; height:415px;}
.solution_compose03 dl {padding:0 10px;}
.solution_compose03 dd {padding-top:0; line-height:29px; word-break:break-all; text-align:center;}

.solution_compose04 ul {margin-left:-52px;}
.solution_compose04 li {position:relative; margin-left:52px; width:292px; height:328px;}
.solution_compose04 li:nth-child(2):before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-16px; margin-left:-43px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_arrow.gif') 0 0 no-repeat; content:'';}
.solution_compose04 li:nth-child(2):after {display:inline-block; position:absolute; top:50%; right:0; margin-top:-16px; margin-right:-43px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_arrow.gif') 0 0 no-repeat; content:'';}
.solution_compose04 dl {padding:0 10px;}
.solution_compose04 dd {padding-top:0; line-height:29px; word-break:break-all; text-align:center;}

.solution_compose05 ul {margin-left:-52px;}
.solution_compose05 li {position:relative; margin-left:52px; padding-top:42px; width:292px; height:201px; text-align:center;}
.solution_compose05 li:nth-child(2):before {display:inline-block; position:absolute; top:50%; left:0; margin-top:-16px; margin-left:-43px; width:33px; height:33px; background:url('/_jp/images/SOLUTION/icon_plus.gif') 0 0 no-repeat; content:'';}

.pr_center .tab li {width:25%;}
.pr_center .tab li a {padding-bottom:22px;}

.pr_center [class*='tab_cont'] {display:none; margin-left:-20px;}
.pr_center [class*='tab_cont'].active {display:block;}
.pr_center [class*='tab_cont']:after {display:block; clear:both; content:'';}
.pr_center [class*='tab_cont'] li {float:left; margin-top:30px; padding-left:20px; width:25%; font-size:14px; line-height:29px; box-sizing:border-box; text-align:center;}
.pr_center [class*='tab_cont'] li p {text-align:center;}
.pr_center [class*='tab_cont'] li span {display:block; margin-bottom:18px; height:75px; background-color:#fff; border:1px solid #e4e4e4; text-align:center;}
.pr_center [class*='tab_cont'] li span:after {display:inline-block; height:100%; vertical-align:middle; content:'';}
.pr_center [class*='tab_cont'] li span img {vertical-align:middle;}

.case_study td {padding-top:30px !important; padding-bottom:30px !important;}
.case_study td p strong {font-weight:500; line-height:29px;}
.case_study td dl {margin-top:15px;}
.case_study td dl * {line-height:29px;}
.case_study td dl dt {font-weight:500;}
.case_study td ul {margin-top:20px;}
.case_study td li {margin-top:10px; line-height:29px;}

.support table td {padding-top:30px !important; padding-bottom:30px !important;}
.support table td li {line-height:29px;}

.support .search {padding:35px 0; background-color:#f9f9f9;}
.support .search > div {position:relative; width:484px; margin:0 auto;}
.support .search > div:after {display:block; clear:both; content:'';}
.support .search .selectbox {display:inline-block; float:left; margin-right:7px;}
.support .search .selectbox dl {width:142px;}
.support .search .selectbox dt, .support .search input {padding:0 16px; height:51px; color:#555; font-size:14px; font-weight:300; line-height:48px; background-color:#fff; border:1px solid #e5e5e5; box-sizing:border-box; vertical-align:top;}
.support .search input {padding-right:40px !important;}
.support .selectbox dt:after {display:inline-block; position:absolute; top:50%; right:19px; margin-top:-3px; width:11px; height:6px;background:url('/_jp/images/common/icon_collection.png') -50px 0; content:'';}
.support .selectbox dd {position:absolute; top:51px; right:0; left:0;}
.support .selectbox dd ul {padding:5px 0; background:#fff; border:1px solid #e5e5e5; border-top:0;}
.support .selectbox dd a {padding:5px 15px; font-weight:300;}
.support .search input {width:335px;}
.support .search .btn_search {display:inline-block; position:absolute; top:50%; right:20px; margin-top:-10px; padding:0; width:20px; height:20px; font-size:0; background:url('/_jp/images/common/icon_collection.png') 0 -20px;}

.faq {margin-top:45px; border-top:2px solid #ee7864;}
.faq strong.tit {display:block; padding:14px 0; font-size:14px !important; font-weight:500; background-color:#fbfbfb; text-align:center;}
.faq .dropdown {border-bottom:1px solid #e4e4e4;}
.faq .dropdown dt, .faq .dropdown dd {position:relative; padding:30px 10px 30px 75px; font-weight:300; line-height:29px; border-top:1px solid #e4e4e4;}
.faq .dropdown dt:before, .faq .dropdown dd:before {position:absolute; top:30px; left:40px; color:#ee7864; font-size:14px; font-weight:500; content:'';}
.faq .dropdown dt a {color:#555;}
.faq .dropdown dd {display:none; background-color:#f9f9f9;}
.faq .dropdown dt:before {content:'Q';}
.faq .dropdown dd:before {content:'A';}

.auto_marketing {position:relative; margin-top:29px;}
.auto_marketing * {position:absolute; color:#000; font-size:14px; font-weight:300;}
.auto_marketing p strong {font-size:13px; font-weight:500; white-space:nowrap;}

.auto_marketing > span {top:218px; left:82px;}

.auto_marketing p:first-child {top:95px;}
.auto_marketing p:first-child strong {top:65px; left:49px;}
.auto_marketing p:first-child span:nth-of-type(1) {left:185px;}
.auto_marketing p:first-child span:nth-of-type(2) {left:325px;}
.auto_marketing p:first-child span:nth-of-type(3) {left:460px;}
.auto_marketing p:first-child span:nth-of-type(4) {left:588px;}
.auto_marketing p:first-child span:nth-of-type(5) {left:720px;}

.auto_marketing p:nth-of-type(2) {top:387px;}
.auto_marketing p:nth-of-type(2) strong:nth-of-type(1) {left:56px;}
.auto_marketing p:nth-of-type(2) strong:nth-of-type(2) {left:215px;}
.auto_marketing p:nth-of-type(2) strong:nth-of-type(3) {left:416px;}
.auto_marketing p:nth-of-type(2) strong:nth-of-type(4) {left:597px;}

.greeting {font-weight:300; text-align:center;}
.greeting strong {display:block; padding:30px; color:#ee7864; font-size:22px;}
.greeting p {margin-bottom:60px; line-height:29px; word-break:break-all;}

.greeting table {width:100%; text-align:left;}
.greeting table tr.history {background-color:#fbfbfb;}
.greeting th {font-weight:400;}
.greeting th, .greeting td {padding:13px 30px; font-size:14px; line-height:29px; border-top:1px solid #e4e4e4; vertical-align:top;}
.greeting table tr.history * {border-top:0;}
.greeting li {line-height:29px;}

.business > p {font-size:18px; line-height:29px; text-align:center;}
.total_arch {margin-top:70px; position:relative;}
.total_arch dl {position:absolute;}
.total_arch dt {margin-bottom:15px; font-size:18px;}
.total_arch dd {font-weight:300; line-height:29px;}
.total_arch dl.email {top:40px; left:100px;}
.total_arch dl.contents {top:40px; left:734px;}
.total_arch dl.social {top:430px; left:405px;}

.business_info {margin-top:70px;}
.business_info ul:after {display:block; clear:both; content:'';}
.business_info li {float:left; padding:0 30px; width:33.333%; word-break:break-word; box-sizing:border-box; text-align:center;}
.business_info li dt {margin:25px 0; font-size:18px; line-height:29px;}
.business_info li dd {font-weight:300; line-height:29px;}

.map > p {font-size:18px; line-height:29px; text-align:center;}
.map > p span {font-size:14px; font-weight:400;}
.locations{position: relative;margin: 40px 0;height: 420px;}

.traffic_info strong.tit {display:block; margin-bottom:20px; font-size:18px;}
.traffic_info ul {margin-top:-10px;}
.traffic_info li {margin-top:30px;}
.traffic_info li:after {display:block; clear:both; content:'';}
.traffic_info li:before {display:inline-block; float:left; margin-right:30px; width:117px; height:117px; content:'';}
.traffic_info li.bus:before {background:url(/_res/jp/img/about/img_traffic_01.gif);}
.traffic_info li.subway:before {background:url(/_res/jp/img/about/img_traffic_02.gif);}
.traffic_info li > strong {display:block; font-size:14px; font-weight:500;}
.traffic_info li:nth-child(1) > strong {padding-top:10px;}
.traffic_info li:nth-child(2) > strong:before {display:inline-block; height:117px; content:''; vertical-align:middle;}
.traffic_info li > strong span {font-weight:300;}
.traffic_info li > strong + p {margin-top:20px;}
.traffic_info li p {margin-top:5px; line-height:27px; font-weight:300;}
.traffic_info li p strong {display:inline-block; margin-right:10px; width:75px; height:27px; color:#fff; font-weight:500; line-height:27px; background-color:#52a243; text-align:center;}
.traffic_info li p:last-child strong {background-color:#46547b !important;}

.require:before {margin-right:2px; color:#ee7864; content:'*'; vertical-align:middle;}

.table_type01 {width:100%; background-color:#fff; border-top:2px solid #ee7864;}
.table_type01 thead {background-color:#fbfbfb;}
.table_type01 thead th {font-weight:400;}
.table_type01 th {background-color:#fbfbfb;}
.table_type01 th, .table_type01 td {padding:12px 20px 13px 20px; color:#555; font-size:14px; line-height:1.4; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.table_type01 th:first-child, .table_type01 td:first-child {border-left:0;}
.table_type01 td {font-weight:300;}

.table_type02 {width:100%; background-color:#fff; border-top:2px solid #ee7864; text-align:left;}
.table_type02 th, .table_type02 td {padding:10px; min-height:59px; font-size:14px; border-bottom:1px solid #e4e4e4;}
.table_type02 th {padding-left:30px !important; padding-right:30px !important; font-weight:400; background-color:#fbfbfb;}
.table_type02 input[type='text'] {width:100%; height:39px; border:1px solid #e4e4e4; box-sizing:border-box;}
.table_type02 textarea {width:100%; border:1px solid #e4e4e4;}




@media screen and (min-width: 1025px) {
.main_visual {position:relative; margin:0 auto; width:980px;}
.main_visual li {height:370px;}

.bxslider > li.main_visual01 strong {display:block; padding:105px 0 14px 48px; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px;}
.bxslider > li.main_visual01 p {padding-left:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px;}

.bxslider > li.main_visual02 ul:after {display:block; clear:both; content:'';}
.bxslider > li.main_visual02 li {float:left; width:33.333%; text-align:center;}
.bxslider > li.main_visual02 li strong {display:inline-block; margin-top:100px; color:#fff; font-size:20px; line-height:38px;}
.bxslider > li.main_visual02 li:nth-child(1) strong {margin-left:35px;}
.bxslider > li.main_visual02 li:nth-child(3) strong {margin-right:35px;}

.bxslider > li.main_visual03 strong {display:block; padding:105px 48px 14px 0; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px; text-align:right;}
.bxslider > li.main_visual03 p {padding-right:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px; text-align:right;}

.bx-controls-direction {display:none;}
.bx-pager {position:absolute; right:0; bottom:37px; left:0; height:10px; z-index:1; text-align:center;}
.bx-pager > div {display:inline-block; height:10px;}
.bx-pager > div a {display:inline-block; margin:0 5px; width:10px; height:10px; font-size:0; background-color:#828282; /*border:2px solid #fff;*/ border-radius:50%; box-sizing:border-box;}
.bx-pager > div a.active {background-color:#e40000;}

section {margin:20px 0;}
section h2 {position:relative; color:#333; font-size:22px; font-weight:500;}
section h2 .more {position:absolute; right:0; bottom:13px; color:#777; font-size:13px; font-weight:300;}

section.service_info ul {margin-left:-20px;}
section.service_info ul:after {display:block; clear:both; content:'';}
section.service_info li {float:left; padding-left:20px; width:25%; box-sizing:border-box;z}
section.service_info li a {display:block; height:334px; padding:13px; border:1px solid #e4e4e4; box-sizing:border-box;}
section.service_info li dt {position:relative; padding-top:20px; height:182px; color:#555; font-size:16px; letter-spacing:-0.02em; line-height:23px; box-sizing:border-box; text-align:center;}
section.service_info li dt:before {display:block; margin:0 auto 18px auto; width:90px; height:86px; background-image:url('/_res/jp/img//main/icon_service_info.png'); content:'';}
section.service_info li dd {padding-top:10px; color:#555; font-size:13px; font-weight:300; line-height:28px; word-break:break-all; border-top:1px solid #e4e4e4;}

section.service_info li:nth-child(1) dt:before {background-position:0 0;}
section.service_info li:nth-child(2) dt:before {background-position:-100px 0;}
section.service_info li:nth-child(3) dt:before {background-position:0 -95px;}
section.service_info li:nth-child(4) dt:before {background-position:-100px -95px;}

section.etc_info > div {padding-top:11px; margin-left:-30px;}
section.etc_info h2 {padding-bottom:16px; border-bottom:2px solid #333;}
section.etc_info > div:after {display:block; clear:both; content:'';}
section.etc_info > div div {float:left; padding-left:30px; width:33.333%; box-sizing:border-box;}
section.etc_info li, section.etc_info li a {color:#555; font-size:14px; font-weight:300;}

section.etc_info .help ul {margin-top:12px; margin-bottom:11px;}
section.etc_info .help li {padding:10px 0 11px; border-bottom:1px solid #e4e4e4;}
section.etc_info .help p:after {display:block; clear:both; content:'';}
section.etc_info .help p a {display:block; float:left; margin-left:7px; width:97px; height:45px; color:#fff; font-size:13px; font-weight:300; line-height:45px; background-color:#98bec9; text-align:center;}
section.etc_info .help p a:first-child {margin-left:0;}

section.etc_info .case ul {margin-top:16px; margin-left:-6px;}
section.etc_info .case ul:after {display:block; clear:both; content:'';}
section.etc_info .case li {float:left; padding-left:6px; width:33.333%; box-sizing:border-box;}
section.etc_info .case li a {display:table-cell; width:98px; height:104px; font-size:13px; line-height:19px; letter-spacing:-0.05em; border:5px solid #f9f9f9; box-sizing:border-box; text-align:center; vertical-align:middle;}
section.etc_info .case > a {display:block; margin-top:25px; font-size:17px; font-weight:300; text-align:center;}

section.etc_info .faq_section ul {margin-top:12px;}
section.etc_info .faq_section li a {display:block; position:relative; padding-right:70px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section.etc_info .faq_section li a span {position:absolute; top:10px; right:0;}

section.customer ul {margin-top:18px; margin-left:-10px;}
section.customer ul:after {display:block; clear:both; content:'';}
section.customer li {float:left; padding-left:10px; width:16.666%; box-sizing:border-box;}
section.customer span {display:block; padding:13px 0; border:1px solid #e4e4e4; text-align:center;}
section.customer span img {height:36px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

.main_visual {position:relative; margin:0 auto; width:980px;}
.main_visual li {height:370px;}

.bxslider > li.main_visual01 strong {display:block; padding:105px 0 14px 48px; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px;}
.bxslider > li.main_visual01 p {padding-left:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px;}

.bxslider > li.main_visual02 ul:after {display:block; clear:both; content:'';}
.bxslider > li.main_visual02 li {float:left; width:33.333%; text-align:center;}
.bxslider > li.main_visual02 li strong {display:inline-block; margin-top:100px; color:#fff; font-size:20px; line-height:38px;}
.bxslider > li.main_visual02 li:nth-child(1) strong {margin-left:35px;}
.bxslider > li.main_visual02 li:nth-child(3) strong {margin-right:35px;}

.bxslider > li.main_visual03 strong {display:block; padding:105px 48px 14px 0; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px; text-align:right;}
.bxslider > li.main_visual03 p {padding-right:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px; text-align:right;}

.bx-controls-direction {display:none;}
.bx-pager {position:absolute; right:0; bottom:37px; left:0; height:10px; z-index:1; text-align:center;}
.bx-pager > div {display:inline-block; height:10px;}
.bx-pager > div a {display:inline-block; margin:0 5px; width:10px; height:10px; font-size:0; background-color:#828282; /*border:2px solid #fff;*/ border-radius:50%; box-sizing:border-box;}
.bx-pager > div a.active {background-color:#e40000;}

section {margin-top:19px;}
section h2 {position:relative; color:#333; font-size:22px; font-weight:500;}
section h2 .more {position:absolute; right:0; bottom:13px; color:#777; font-size:13px; font-weight:300;}

section.service_info ul {margin-left:-20px;}
section.service_info ul:after {display:block; clear:both; content:'';}
section.service_info li {float:left; padding-left:20px; width:25%; box-sizing:border-box;z}
section.service_info li a {display:block; height:334px; padding:13px; border:1px solid #e4e4e4; box-sizing:border-box;}
section.service_info li dt {position:relative; padding-top:20px; height:182px; color:#555; font-size:16px; letter-spacing:-0.02em; line-height:23px; box-sizing:border-box; text-align:center;}
section.service_info li dt:before {display:block; margin:0 auto 18px auto; width:90px; height:86px; background-image:url('/_res/jp/img//main/icon_service_info.png'); content:'';}
section.service_info li dd {padding-top:10px; color:#555; font-size:13px; font-weight:300; line-height:28px; word-break:break-all; border-top:1px solid #e4e4e4;}

section.service_info li:nth-child(1) dt:before {background-position:0 0;}
section.service_info li:nth-child(2) dt:before {background-position:-100px 0;}
section.service_info li:nth-child(3) dt:before {background-position:0 -95px;}
section.service_info li:nth-child(4) dt:before {background-position:-100px -95px;}

section.etc_info > div {padding-top:11px; margin-left:-30px;}
section.etc_info h2 {padding-bottom:16px; border-bottom:2px solid #333;}
section.etc_info > div:after {display:block; clear:both; content:'';}
section.etc_info > div div {float:left; padding-left:30px; width:33.333%; box-sizing:border-box;}
section.etc_info li, section.etc_info li a {color:#555; font-size:14px; font-weight:300;}

section.etc_info .help ul {margin-top:12px; margin-bottom:11px;}
section.etc_info .help li {padding:10px 0 11px; border-bottom:1px solid #e4e4e4;}
section.etc_info .help p:after {display:block; clear:both; content:'';}
section.etc_info .help p a {display:block; float:left; margin-left:7px; width:97px; height:45px; color:#fff; font-size:13px; font-weight:300; line-height:45px; background-color:#98bec9; text-align:center;}
section.etc_info .help p a:first-child {margin-left:0;}

section.etc_info .case ul {margin-top:16px; margin-left:-6px;}
section.etc_info .case ul:after {display:block; clear:both; content:'';}
section.etc_info .case li {float:left; padding-left:6px; width:33.333%; box-sizing:border-box;}
section.etc_info .case li a {display:table-cell; width:98px; height:104px; font-size:13px; line-height:19px; letter-spacing:-0.05em; border:5px solid #f9f9f9; box-sizing:border-box; text-align:center; vertical-align:middle;}
section.etc_info .case > a {display:block; margin-top:25px; font-size:17px; font-weight:300; text-align:center;}

section.etc_info .faq ul {margin-top:12px;}
section.etc_info .faq li a {display:block; position:relative; padding-right:70px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section.etc_info .faq li a span {position:absolute; top:10px; right:0;}

section.customer ul {margin-top:18px; margin-left:-10px;}
section.customer ul:after {display:block; clear:both; content:'';}
section.customer li {float:left; padding-left:10px; width:16.666%; box-sizing:border-box;}
section.customer span {display:block; padding:13px 0; border:1px solid #e4e4e4; text-align:center;}
section.customer span img {height:36px;}
}

@media screen and (max-width: 767px) {

.main_visual {position:relative; margin:0 auto; width:980px;}
.main_visual li {height:370px;}

.bxslider > li.main_visual01 strong {display:block; padding:105px 0 14px 48px; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px;}
.bxslider > li.main_visual01 p {padding-left:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px;}

.bxslider > li.main_visual02 ul:after {display:block; clear:both; content:'';}
.bxslider > li.main_visual02 li {float:left; width:33.333%; text-align:center;}
.bxslider > li.main_visual02 li strong {display:inline-block; margin-top:100px; color:#fff; font-size:20px; line-height:38px;}
.bxslider > li.main_visual02 li:nth-child(1) strong {margin-left:35px;}
.bxslider > li.main_visual02 li:nth-child(3) strong {margin-right:35px;}

.bxslider > li.main_visual03 strong {display:block; padding:105px 48px 14px 0; color:#fff; font-size:36px; font-weight:700; font-family:'Open Sans', sans-serif; letter-spacing:0.04em; line-height:44px; text-align:right;}
.bxslider > li.main_visual03 p {padding-right:48px; color:#fff; font-size:16px; font-family:'Open Sans'; letter-spacing:0.06em; line-height:27px; text-align:right;}

.bx-controls-direction {display:none;}
.bx-pager {position:absolute; right:0; bottom:37px; left:0; height:10px; z-index:1; text-align:center;}
.bx-pager > div {display:inline-block; height:10px;}
.bx-pager > div a {display:inline-block; margin:0 5px; width:10px; height:10px; font-size:0; background-color:#828282; /*border:2px solid #fff;*/ border-radius:50%; box-sizing:border-box;}
.bx-pager > div a.active {background-color:#e40000;}

section {margin-top:19px;}
section h2 {position:relative; color:#333; font-size:22px; font-weight:500;}
section h2 .more {position:absolute; right:0; bottom:13px; color:#777; font-size:13px; font-weight:300;}

section.service_info ul {margin-left:-20px;}
section.service_info ul:after {display:block; clear:both; content:'';}
section.service_info li {float:left; padding-left:20px; width:25%; box-sizing:border-box;z}
section.service_info li a {display:block; height:334px; padding:13px; border:1px solid #e4e4e4; box-sizing:border-box;}
section.service_info li dt {position:relative; padding-top:20px; height:182px; color:#555; font-size:16px; letter-spacing:-0.02em; line-height:23px; box-sizing:border-box; text-align:center;}
section.service_info li dt:before {display:block; margin:0 auto 18px auto; width:90px; height:86px; background-image:url('/_res/jp/img//main/icon_service_info.png'); content:'';}
section.service_info li dd {padding-top:10px; color:#555; font-size:13px; font-weight:300; line-height:28px; word-break:break-all; border-top:1px solid #e4e4e4;}

section.service_info li:nth-child(1) dt:before {background-position:0 0;}
section.service_info li:nth-child(2) dt:before {background-position:-100px 0;}
section.service_info li:nth-child(3) dt:before {background-position:0 -95px;}
section.service_info li:nth-child(4) dt:before {background-position:-100px -95px;}

section.etc_info > div {padding-top:11px; margin-left:-30px;}
section.etc_info h2 {padding-bottom:16px; border-bottom:2px solid #333;}
section.etc_info > div:after {display:block; clear:both; content:'';}
section.etc_info > div div {float:left; padding-left:30px; width:33.333%; box-sizing:border-box;}
section.etc_info li, section.etc_info li a {color:#555; font-size:14px; font-weight:300;}

section.etc_info .help ul {margin-top:12px; margin-bottom:11px;}
section.etc_info .help li {padding:10px 0 11px; border-bottom:1px solid #e4e4e4;}
section.etc_info .help p:after {display:block; clear:both; content:'';}
section.etc_info .help p a {display:block; float:left; margin-left:7px; width:97px; height:45px; color:#fff; font-size:13px; font-weight:300; line-height:45px; background-color:#98bec9; text-align:center;}
section.etc_info .help p a:first-child {margin-left:0;}

section.etc_info .case ul {margin-top:16px; margin-left:-6px;}
section.etc_info .case ul:after {display:block; clear:both; content:'';}
section.etc_info .case li {float:left; padding-left:6px; width:33.333%; box-sizing:border-box;}
section.etc_info .case li a {display:table-cell; width:98px; height:104px; font-size:13px; line-height:19px; letter-spacing:-0.05em; border:5px solid #f9f9f9; box-sizing:border-box; text-align:center; vertical-align:middle;}
section.etc_info .case > a {display:block; margin-top:25px; font-size:17px; font-weight:300; text-align:center;}

section.etc_info .faq ul {margin-top:12px;}
section.etc_info .faq li a {display:block; position:relative; padding-right:70px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section.etc_info .faq li a span {position:absolute; top:10px; right:0;}

section.customer ul {margin-top:18px; margin-left:-10px;}
section.customer ul:after {display:block; clear:both; content:'';}
section.customer li {float:left; padding-left:10px; width:16.666%; box-sizing:border-box;}
section.customer span {display:block; padding:13px 0; border:1px solid #e4e4e4; text-align:center;}
section.customer span img {height:36px;}
}

@media screen and (min-width: 1025px) {
#header {position:relative; z-index:100;}
#header .inner {position:relative; margin:0 auto; width:980px;}
#header .inner:after {display:block; clear:both; content:'';}
#header h1 {float:left; margin-top:35px;}
#header .g_menu {position:absolute; top:50%; right:0; z-index:1; margin-top:-15px;}
#header .g_menu dt {padding:0 9px 0 11px; height:30px; border:1px solid #d3d3d3; box-sizing:border-box;}
#header .g_menu dt a {position:relative; line-height:27px;}
#header .g_menu dt a:after {display:inline-block; margin-top:-2px; margin-left:20px; width:8px; height:4px; background:url('/_res/jp/img/common/icon_collection.png') 0 0; content:''; vertical-align:middle;}
#header .g_menu dd {display:none; background-color:#fff;}
#header .g_menu dd ul {border:1px solid #d3d3d3; border-top:0;}
#header .g_menu dd a {padding:5px;}
#header .g_menu a {color:#555; font-size:12px; font-family:'Open Sans';}
#header .user_nav {float:left; margin-left:38px;}
#header .user_nav ul:after {display:block; clear:both; content:'';}
#header .user_nav > ul > li {float:left;}
#header .user_nav > ul > li {padding:35px 0;}
#header .user_nav > ul > li > a {display:block; position:relative; padding:10px 22px; color:#555; font-family:'Open Snas'; letter-spacing:0.06em;}
#header .user_nav > ul > li:hover > a, #header .user_nav > ul > li.active > a {letter-spacing:-0.05pxfont-weight:bold;}
#header .user_nav > ul > li:hover > a:after, #header .user_nav > ul > li.active > a:after {display:inline-block; position:absolute; top:64px; left:50%; margin-left:-6px; width:12px; height:6px; background:url('/_res/jp/img/common/icon_collection.png') -20px 0; content:'';}
#header .user_nav ul ul {display:none; position:absolute; top:105px; right:0; left:0; height:55px; background-color:#373737; text-align:center;}
#header .user_nav li:hover a + ul, #header .user_nav li a + ul.active {display:block;}
#header .user_nav ul ul li {display:inline-block;}
#header .user_nav ul ul a {display:block; padding:0 10px; color:#b6b6b6; font-size:13px; font-family:'Noto Sans JP'; font-weight:300; line-height:55px; letter-spacing:0.06em;}
#header .user_nav ul ul li:hover a,#header .user_nav ul ul li.active a {color:#fff;}

#footer {position:relative; padding-bottom:29px; background-color:#3f4245; border-top:1px solid #4d4f52;}
#footer:before {position:absolute; top:98px; right:0; left:0; border-top:1px solid #64696e; content:'';}
#footer .inner {margin:0 auto; padding-top:19px; width:980px;}
#footer .inner * {color:#c0c0c0; font-weight:300;}
#footer .inner div {font-size: 13px;line-height: 28px;}
#foorer .inner div span:before {display:inline-block; height:10px; border-left:1px solid #959696; content:'';}
#footer .inner div p {margin-top: 0px;margin-bottom: 45px;}
#footer .inner ul:after {display:block; clear:both; content:'';}
#footer .inner li {float:left; margin-right:29px;}
#footer .inner li a {color:#c0c0c0; font-size:16px;}
#footer .inner li:before {display:inline-block; margin-top:-2px; margin-right:5px; border:1px solid #adadae; content:''; vertical-align:middle;}


.content {margin:0 auto; width:980px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
#header {position:relative; z-index:100;}
#header .inner {position:relative; margin:0 auto; width:980px;}
#header .inner:after {display:block; clear:both; content:'';}
#header h1 {float:left; margin-top:35px;}
#header .g_menu {position:absolute; top:50%; right:0; margin-top:-15px;}
#header .g_menu dt {padding:0 9px 0 11px; height:30px; border:1px solid #d3d3d3; box-sizing:border-box;}
#header .g_menu dt a {position:relative; line-height:27px;}
#header .g_menu dt a:after {display:inline-block; margin-top:-2px; margin-left:20px; width:8px; height:4px; background:url('/_res/jp/img/common/icon_collection.png') 0 0; content:''; vertical-align:middle;}
#header .g_menu dd {display:none;}
#header .g_menu a {color:#555; font-size:12px; font-family:'Open Sans';}
#header .user_nav {float:left; margin-left:38px;}
#header .user_nav ul:after {display:block; clear:both; content:'';}
#header .user_nav > ul > li {float:left;}
#header .user_nav > ul > li {padding:35px 0;}
#header .user_nav > ul > li > a {display:block; position:relative; padding:10px 22px; color:#555; font-family:'Open Snas'; letter-spacing:0.06em;}
#header .user_nav > ul > li:hover > a, #header .user_nav > ul > li.active > a {font-weight:bold;}
#header .user_nav > ul > li:hover > a:after, #header .user_nav > ul > li.active > a:after {display:inline-block; position:absolute; top:64px; left:50%; margin-left:-6px; width:12px; height:6px; background:url('/_res/jp/img/common/icon_collection.png') -20px 0; content:'';}
#header .user_nav ul ul {display:none; position:absolute; top:105px; right:0; left:0; height:55px; background-color:#373737; text-align:center;}
#header .user_nav li:hover a + ul, #header .user_nav li a + ul.active {display:block;}
#header .user_nav ul ul li {display:inline-block;}
#header .user_nav ul ul a {display:block; padding:0 10px; color:#b6b6b6; font-size:13px; font-family:'Noto Sans JP'; font-weight:300; line-height:55px; letter-spacing:0.06em;}
#header .user_nav ul ul li:hover a,#header .user_nav ul ul li.active a {color:#fff;}

#footer {position:relative; padding-bottom:29px; background-color:#3f4245; border-top:1px solid #4d4f52;}
#footer:before {position:absolute; top:98px; right:0; left:0; border-top:1px solid #64696e; content:'';}
#footer .inner {margin:0 auto; padding-top:19px; width:980px;}
#footer .inner * {color:#c0c0c0; font-weight:300;}
#footer .inner div {font-size:13px; line-height:35px;}
#foorer .inner div span:before {display:inline-block; height:10px; border-left:1px solid #959696; content:'';}
#footer .inner div p {margin-top:3px; margin-bottom:57px;}
#footer .inner ul:after {display:block; clear:both; content:'';}
#footer .inner li {float:left; margin-right:29px;}
#footer .inner li a {color:#c0c0c0; font-size:16px;}
#footer .inner li:before {display:inline-block; margin-top:-2px; margin-right:5px; border:1px solid #adadae; content:''; vertical-align:middle;}

.content {margin:0 auto; width:980px;}
}

@media screen and (max-width: 767px) {
#header {position:relative; z-index:100;}
#header .inner {position:relative; margin:0 auto; width:980px;}
#header .inner:after {display:block; clear:both; content:'';}
#header h1 {float:left; margin-top:35px;}
#header .g_menu {position:absolute; top:50%; right:0; margin-top:-15px;}
#header .g_menu dt {padding:0 9px 0 11px; height:30px; border:1px solid #d3d3d3; box-sizing:border-box;}
#header .g_menu dt a {position:relative; line-height:27px;}
#header .g_menu dt a:after {display:inline-block; margin-top:-2px; margin-left:20px; width:8px; height:4px; background:url('/_res/jp/img/common/icon_collection.png') 0 0; content:''; vertical-align:middle;}
#header .g_menu dd {display:none;}
#header .g_menu a {color:#555; font-size:12px; font-family:'Open Sans';}
#header .user_nav {float:left; margin-left:38px;}
#header .user_nav ul:after {display:block; clear:both; content:'';}
#header .user_nav > ul > li {float:left;}
#header .user_nav > ul > li {padding:35px 0;}
#header .user_nav > ul > li > a {display:block; position:relative; padding:10px 22px; color:#555; font-family:'Open Snas'; letter-spacing:0.06em;}
#header .user_nav > ul > li:hover > a, #header .user_nav > ul > li.active > a {font-weight:bold;}
#header .user_nav > ul > li:hover > a:after, #header .user_nav > ul > li.active > a:after {display:inline-block; position:absolute; top:64px; left:50%; margin-left:-6px; width:12px; height:6px; background:url('/_res/jp/img/common/icon_collection.png') -20px 0; content:'';}
#header .user_nav ul ul {display:none; position:absolute; top:105px; right:0; left:0; height:55px; background-color:#373737; text-align:center;}
#header .user_nav li:hover a + ul, #header .user_nav li a + ul.active {display:block;}
#header .user_nav ul ul li {display:inline-block;}
#header .user_nav ul ul a {display:block; padding:0 10px; color:#b6b6b6; font-size:13px; font-family:'Noto Sans JP'; font-weight:300; line-height:55px; letter-spacing:0.06em;}
#header .user_nav ul ul li:hover a,#header .user_nav ul ul li.active a {color:#fff;}

#footer {position:relative; padding-bottom:29px; background-color:#3f4245; border-top:1px solid #4d4f52;}
#footer:before {position:absolute; top:98px; right:0; left:0; border-top:1px solid #64696e; content:'';}
#footer .inner {margin:0 auto; padding-top:19px; width:980px;}
#footer .inner * {color:#c0c0c0; font-weight:300;}
#footer .inner div {font-size:13px; line-height:35px;}
#foorer .inner div span:before {display:inline-block; height:10px; border-left:1px solid #959696; content:'';}
#footer .inner div p {margin-top:3px; margin-bottom:57px;}
#footer .inner ul:after {display:block; clear:both; content:'';}
#footer .inner li {float:left; margin-right:29px;}
#footer .inner li a {color:#c0c0c0; font-size:16px;}
#footer .inner li:before {display:inline-block; margin-top:-2px; margin-right:5px; border:1px solid #adadae; content:''; vertical-align:middle;}

.content {margin:0 auto; width:980px;}
}




/* 건너뛰기 네비게이션 */
#skip_nav {width: 100%; height: 0; text-align: center; overflow: hidden;}
#skip_nav a {color: #fff; font-size: 16px; line-height: 30px; font-weight: 800; float: left;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {position: absolute; top: 0; left: 0; width: 100%; height: 30px; text-decoration: underline; background-color: #000; overflow: visible; z-index: 9999;}

.mb20 {margin-bottom:20px !important;}

@media screen and (min-width: 1025px) {
/* selectbox */
.selectbox select {display:none;}
.selectbox dl {position:relative;}
.selectbox dt {position:relative;}
.selectbox dt a {display:block; height:100%;}
.selectbox dt a:after {display:inline-block; height:100%; content:''; vertical-align:middle;}
.selectbox dl.active dt:after {transform:rotate(180deg);}
.selectbox dd {display:none;}
.selectbox dd a {display:block;}

.tab {margin:60px 0 0 0;border-bottom:1px solid #e4e4e4;}
.tab:after {display:block; clear:both; content:'';}
.tab li {width: 25%;float:left; text-align:center;}
.tab li a {padding: 0 0 20px 0;display:block; color:#333; font-size:22px; font-weight:500; line-height:29px; border-bottom:3px solid transparent;}
.tab li:hover a, .tab li.active a {color:#ee7864; border-color:#ee7864;}
.tab li a.active{color:#ee7864; border-color:#ee7864;}
  
.tab_cont ul:after {display:block; clear:both; content:'';}
.tab_cont li {float:left;}
.tab_cont{overflow:hidden;}
.tab_cont li {float: left;margin-top: 30px;padding-left: 20px;width: 25%;font-size: 14px;line-height: 29px;box-sizing: border-box;text-align: center;} 
.tab_cont li span{display: block;margin-bottom: 18px;height: 90px;background-color: #fff;border: 1px solid #e4e4e4;text-align: center;}
.tab_cont li span img{margin: 21px 0 0 0;}
  
.paging {margin-top:50px; text-align:center;}
.paging a {display:inline-block; margin:0 2px; width:32px; height:32px; color:#555; font-size:14px; font-weight:400; line-height:32px; text-align:center; vertical-align:middle;}
.paging a.current {color:#ee7864;}
.paging a.first, .paging a.prev, .paging a.next, .paging a.last {font-size:0; background-color:#6e6e6e; background-image:url('/_jp/images/common/icon_collection.png');}
.paging a.first, .paging a.last {background-position: 0 -50px;}
.paging a.prev, .paging a.next {background-position:-32px -50px;}
.paging a.last, .paging a.next {transform:rotate(180deg);}

a[class*='btn_'] {display:inline-block; padding:0 20px; height:42px; font-size:14px; font-weight:300; line-height:42px; text-align:center;}
a.btn_red {color:#fff; background-color:#ee7864;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
/* selectbox */
.selectbox select {display:none;}
.selectbox dl {position:relative;}

}

@media screen and (max-width: 767px) {
/* selectbox */
.selectbox select {display:none;}
.selectbox dl {position:relative;}

}