html, body {word-break: keep-all; }	
	body.on {position: fixed; top:0; left: 0}
	.inner { position: relative; width: 990px; margin: 0 auto; overflow: hidden;}
	.tab_cont_wrap .tab_cont {display: none}
	.tab_cont_wrap .tab_cont.on {display: block}
	a.dilink {  position: absolute; top: -80px;  left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center;  background: #135dad; color: #fff; font-size: 18px; font-weight: normal; z-index: 999;}

	.pc_block {display: block; font-style: normal}
	.txt_center {text-align: center}
	.clearfix:after {clear: both;}
	.hide_txt {text-indent: -9999px;  position: absolute;  top: -9999px; left: -9999px; width: 0;  height: 0;}
	.hidden {text-indent: -9999px; font-size: 0}
	.color_bl {color: #0066b3 !important}
	.img_wid img {width: 80%}
	.dis_block {display: block}

	.m_header {display: none}
	.header .top_menu {height: 38px; border-bottom: 1px solid #e9e9e9}
	.header ul.way {float: right; padding-top: 28px}
	.header ul.way li {float: left}
	.header ul.way li a {font-size: 12px; font-weight: 500; color: #ababab; letter-spacing: -0.05em;}
	.header ul.way li a.l_child {margin-left: 8px; }
	.header .top_menu ul.sns {float: right; margin-right: 137px; padding-top: 8px}
	.header .top_menu ul.sns li {float: left;}
	.header .top_menu ul.sns li a {display: block; width: 23px; height: 23px; margin-left: 10px}
	.header .top_menu ul.sns li a.twitter {background: url(../images/common/icon_sns.jpg) 0 0 no-repeat}
	.header .top_menu ul.sns li a.facebook {background: url(../images/common/icon_sns.jpg) -32px 0 no-repeat}
	.header .top_menu ul.sns li a.blog {background: url(../images/common/icon_sns.jpg) -64px 0 no-repeat}
	.header .top_menu .online_consulting {position: absolute; top: 0; right: 0; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
	.header .top_menu .online_consulting a {display: block; width: 117px; height: 38px; background: url(../images/common/arrow_top_menu.gif) 92px 17px no-repeat; color: #ababab; line-height: 36px; text-indent: 17px; letter-spacing: -0.075em}
	.header .logo_wrap {height: 79px;}
	.header .logo_wrap h1.logo {float: left}
	.header .logo_wrap h1.logo a {display: block}
	.header .logo_wrap p.call {float: right; padding-right: 1px; color: #717171; letter-spacing: -0.075em; font-weight: 300; line-height: 79px}
	.header .gnb {position: relative; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9}
	.header .gnb .inner {overflow: visible}
	.header .gnb > ul {width: 990px; height: 43px; margin: 0 auto}
	.header .gnb >  ul > li {position: relative; float: left; text-align: center}
	.header .gnb >  ul > li.gnb01 {width: 118px; }
	.header .gnb >  ul > li.gnb02 {width: 213px}
	.header .gnb >  ul > li.gnb03 {width: 167px}
	.header .gnb >  ul > li.gnb04 {width: 196px}
	.header .gnb >  ul > li.gnb05 {width: 175px}
	.header .gnb >  ul > li.gnb06 {width: 114px; padding-right: 6px}
	.header .gnb >  ul > li > a {position: relative; display: block; width: 100%; font-size: 16px; color: #222; letter-spacing: -0.075em; font-weight: 400; line-height: 43px;}
	.header .gnb >  ul > li > a:after {content: ""; position: absolute; right: 0; top: 15px; display: block; width: 1px; height: 14px; background: #dfdfdf}
	.header .gnb >  ul > li.gnb06 a:after {display: none}
	.header .gnb >  ul > li > .dep02 {position: absolute; top: 52px; left: 0; display: none; height: 214px; width: 100%; z-index: 9999; text-align: center}
	.header .gnb >  ul > li > .dep02 ul li {line-height: 1.9}
	.header .gnb >  ul > li > .dep02 ul li a {font-weight: 300; color: #666}
	.header .gnb >  ul > li > .dep02 ul li a:hover {color: #88c1cc; text-decoration: underline}
	.header .gnb .gnb_bg {display: none; position: absolute; top: 43px; left: 0; width: 100%; background: #fff; height: 220px; border-bottom: 3px solid #88c1cc; z-index: 9998; box-sizing: border-box}

	.footer .utill {background: #404448}
	.footer .utill ul {width: 990px; padding: 20px 0; margin: 0 auto; overflow: hidden}
	.footer .utill ul li {position: relative; float: left; width: 20%; text-align: center}
	.footer .utill ul li:after {position: absolute; right: -2px; top: 0px; content: ""; display: block; width: 1px; height: 27px; background: #66696d}
	.footer .utill ul li:last-child:after {display: none}
	.footer .utill ul li a {display: block; font-size: 13px; font-weight: 300; color: #cdcdcd; letter-spacing: -0.025em}
	.footer .utill ul li a i {font-style: normal; display: inline-block; height: 23px; margin-right: 12px; vertical-align: middle}
	.footer .utill ul li a.utill01 i {width: 21px; background: url(../images/common/f_icon.gif) 0 center no-repeat}
	.footer .utill ul li a.utill02 i {width: 20px; background: url(../images/common/f_icon.gif) -33px center no-repeat}
	.footer .utill ul li a.utill03 i {width: 23px; background: url(../images/common/f_icon.gif) -65px center no-repeat}
	.footer .utill ul li a.utill04 i {width: 24px; background: url(../images/common/f_icon.gif) -100px center no-repeat}
	.footer .utill ul li a.utill05 i {width: 23px; background: url(../images/common/f_icon.gif) -136px center no-repeat}
	.footer .f_txt_wrap {height: 180px}
	.footer .f_txt_wrap h2 {float: left; width: 197px; padding-top: 17px}
	.footer .f_txt_wrap h2 a {display: block;}
	.footer .f_txt_wrap .f_txt {float: right; width: 730px; padding-top: 35px; line-height: 1.5}
	.footer .f_txt_wrap .f_txt p {font-size: 12px; color: #a2a2a2; font-weight: 400}
	.footer .f_txt_wrap .f_txt p.copyright {padding-top: 18px}

	.quick {position: fixed; top: 162px; right: 50px; width: 105px; z-index: 999; text-indent: -9999px}
	.quick a {display: block}
	.quick p.all_menu_btn a {height: 137px; border: 1px solid #494a4a; background: #494a4a url(../images/common/icon_all_menu.gif) center center no-repeat}
	.quick ul.consult {border: 1px solid #e9e9e9}
	.quick ul.consult li {position: relative}
	.quick ul.consult li:after {position: absolute; bottom: 0; left: 16px; content: ""; display: block; width: 72px; height: 1px; background: #e7e7e7}
	.quick ul.consult li:last-child:after {display: none}
	.quick ul.consult li a {height: 115px}
	.quick ul.consult li a.quick01 {background: #fff url(../images/common/icon_quick01.gif) center center no-repeat}
	.quick ul.consult li a.quick02 {background: #fff url(../images/common/icon_quick02.gif) center center no-repeat}
	.quick ul.consult li a.quick03 {background: #fff url(../images/common/icon_quick03.gif) center center no-repeat}

	.all_menu {display: none; position: fixed; top: 137px; left: 50%; width: 990px; height: 300px; margin-left: -495px; border-radius: 15px; background: #000; opacity: 0.8; z-index: 999}
	.all_menu .close {position: absolute; top: 19px; right: 24px; cursor: pointer}

	.quick {display: none}

	.list_table {border-top: 2px solid #2b2b2b; text-align: center; color: #111; margin-bottom: 52px}
	.list_table th, .list_table td {padding: 19px 0;}
	.list_table th {border-bottom: 1px solid #2b2b2b}
	.list_table th:after {content: ""; display: block; float: right; width: 1px; height: 16px; margin-top: 4px; background: #e7e7e7}
	.list_table th:last-child:after {display: none}
	.list_table th:nth-child(1), .list_table td:nth-child(1) {width: 68px}
	.list_table th:nth-child(2), .list_table td:nth-child(2) {width: auto}
	.list_table th:nth-child(3), .list_table td:nth-child(3) {width: 90px}
	.list_table th:nth-child(4), .list_table td:nth-child(4) {width: 70px}
	.list_table td  {border-bottom: 1px solid #e7e7e7; font-weight: 300; color: #666}
	.list_table .tl-left {padding-left: 16px; text-align: left;}
	.list_table .tl-left a {display: block; color: #666; line-height: 1.28}

	.list_table02 {overflow: hidden}
	.list_table02 li {float: left; width: 230px; margin-right: 7px; padding-bottom: 60px;}
	.list_table02 li a {display: block}
	.list_table02 li:nth-child(4n) {margin-right: 0}
	.list_table02 li span {display: block}
	.list_table02 li span.img {width: 228px; height: 178px; border: 1px solid #e7e7e7}
	.list_table02 li span.img img {width: 100%}
	.list_table02 li span.tit {height: 48px; padding: 10px 5px 0 5px; box-sizing: border-box;  font-size: 15px; font-weight: 300; letter-spacing: -0.05em; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2}
	.list_table02 li span.date {padding-top: 12px; padding-left: 6px; font-size: 12px; color: #666}
	
	.consulting_table {margin-bottom: 10px}
	.consulting_table th, .consulting_table td {padding: 12px 0;}
	.consulting_table th:nth-child(1), .consulting_table td:nth-child(1) {width: 68px}
	.consulting_table th:nth-child(2), .consulting_table td:nth-child(2) {width: auto}
	.consulting_table th:nth-child(3), .consulting_table td:nth-child(3) {width: 90px}
	.consulting_table th:nth-child(4), .consulting_table td:nth-child(4) {width: 103px}
	.consulting_table th:nth-child(5), .consulting_table td:nth-child(5) {width: 93px}
	.consulting_table .tl-left a {padding-left: 18px; background: url(../images/common/icon_pw.gif) 0 center no-repeat; background-size: 9px}
	.consulting_table td:nth-child(5) {background: url(../images/common/no_answer.gif) center center no-repeat}
	.consulting_table td:nth-child(5).on {background: url(../images/common/yes_answer.gif) center center no-repeat}

	.view_table {letter-spacing:-0.5px; width: 100%; text-align: center; border-top: 2px solid #2b2b2b} 
	.view_table th,.view_table td {padding:17px 10px 17px 0; color: #222; background: #ffffff; border-bottom: 1px solid #ebebeb; text-align: left}
	.view_table th {padding-left: 15px}
	.view_table th.color_gr {font-weight: 300; color: #767676}
	.view_table th.th_tit{padding-left: 22px}
	.view_table td {padding: 25px 10px; text-align: left; border-bottom: 1px solid #ebebeb;  color: #767676; font-weight: 300; line-height: 1.7; word-break: keep-all }
	.view_table td.txt_gr {color: #888}
	.view_table td p.img {padding-bottom: 40px; text-align: center}
	.view_table td p.img img {width: auto}
	.view_table th:nth-child(1), .view_table td:nth-child(1) {width: 52px}
	.view_table th:nth-child(2), .view_table td:nth-child(2) {width: auto}
	.view_table th:nth-child(3), .view_table td:nth-child(3) {width: 52px}
	.view_table th:nth-child(4), .view_table td:nth-child(4) {width: 50px}
	.view_table .media_tit {padding-top: 30px; font-size: 20px; font-weight: 500; color: #222222; margin-bottom: 20px; }
	.view_table .media_tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 4px; background: #e2e2e2}

	.view_consulting th:nth-child(1), .view_consulting td:nth-child(1) {width: 8%}
	.view_consulting th:nth-child(2), .view_consulting td:nth-child(2) {width: 42%}
	.view_consulting th:nth-child(3), .view_consulting td:nth-child(3) {width: 8%}
	.view_consulting th:nth-child(4), .view_consulting td:nth-child(4) {width: 42%}
	.view_consulting td.question {border-bottom: 1px solid #b3b3b3}
	.view_consulting td.tit_answer {font-size: 14px; color: #111111; letter-spacing: -0.01em; }
	.view_consulting td.tit_answer {padding-left: 30px}
	.view_consulting td.tit_answer p {padding-right: 10px; font-weight: 300}
	.view_consulting td.txt_answer {padding: 20px 30px}

	.answer_table {border-top: none}
	.answer_table tr:nth-child(1) td:nth-child(1) {font-weight: 500; color: #111}
	.answer_table tr:nth-child(1) td:nth-child(2) {text-align: right; padding-right: 20px}
	.answer_table td:nth-child(1) {width: auto !important; padding: 25px 27px}
	.answer_table td:nth-child(2) {width: 90px !important}

	.normal_table_wrap {margin-bottom: 60px}
	.normal_table {border-top: 2px solid #2b2b2b; text-align: left; width:100%;}
	.normal_table th,.normal_table td {padding: 20px 0px; border-bottom: 1px solid #d1d1d1}
	.normal_table th {width: 120px; padding-left: 25px; color: #111; text-align:left; font-weight: 500}
	.normal_table td {padding-left: 15px;}
	.normal_table td .wd100 {width: 100%;}
	.normal_table td .subject {width: 230px}
	.normal_table td .user_name {width: 230px}
	.normal_table td .hp1 {width: 90px}
	.normal_table td .hp2 {width: 130px}
	.normal_table td .email1 {width: 158px}
	.normal_table td .email2 {width: 223px; margin-right: 4px}
	.normal_table td .email3 {width: 130px}
	.normal_table td .pw {width: 185px}
	.normal_table td input[type="password"], .normal_table td input[type="text"], .normal_table td select {height: 32px; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle; font-size: 12px; color: #767676}
	.normal_table td label{font-size: 14px; color: #111111}
	.normal_table td textarea {width: 100%; height: 317px; border: 1px solid #d1d1d1}
	.normal_table .file {position:relative;width: 660px;}
	.normal_table .file .file1 {widtH: 412px; margin-right: 4px}
	.normal_table .file .file_wrap {position: relative; display: inline-block; text-align: center; color: #222222; font-size: 14px;  height: 30px; line-height: 30px; width: 106px; border: 1px solid #555555; cursor:pointer; vertical-align: middle}
	.normal_table .file .file_add {position: absolute; top: 0; left: 0; filter:alpha(opacity:0);opacity:0;width: 100%; height: 100%; background: #fff; cursor:pointer}

	.normal_password {width: 600px; margin: 0 auto; border-top: 2px solid #acc2d6 ; border-bottom: 1px solid #dedede; text-align: center; font-size: 15px; padding: 50px 0px; margin-bottom: 30px; }
	.normal_password input[type="password"] {height: 32px; width: 260px; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle; font-size: 12px; color: #767676}
	.normal_password span {vertical-align: middle}
	.normal_password .password_tit {padding: 10px 30px; }

	.normal_list {width: 805px; margin: 0 auto}
	.normal_list p.tit {padding: 9px 30px 9px 68px; margin-bottom: 10px; background: #ddedef url(../images/common/arrow_sub.png) 30px center no-repeat; border-radius: 20px; font-size: 18px; font-weight: 300; color: #585858; line-height: 1.35; letter-spacing: -0.07em; text-align: left}
	.normal_list p.desc {padding: 5px 20px 15px 60px;}
	.normal_list p.desc > span {overflow: hidden; display: block; padding-bottom: 4px; font-size: 16px; font-weight: 300; color: #2b2b2b; letter-spacing: -0.05em; line-height: 1.5; text-align: left}
	.normal_list p.desc > span > i {float: left; width: 20px; font-style: normal}
	.normal_list p.desc > span >  span {float: left; width: calc(100% - 20px)}
	.normal_list.myopia_list p.desc > span >  span {float: none; width: auto}

	.normal_list02 {overflow: hidden; padding-left: 14px; text-align: center}
	.normal_list02 li {display: inline-block; width: 153px; margin-right: 32px; text-align: left; vertical-align: top}
	.normal_list02 li:last-child {margin-right: 0}
	.normal_list02 li .num {font-size: 48px; font-weight: 500; color: #a9c5c8; letter-spacing: -0.1em; }
	.normal_list02 li .num:after {content: ''; display: block; width: 45px; height: 3px; margin-bottom: 17px; background: #a9c5c8}
	.normal_list02 li .tit {display: inline-block; font-size: 16px; font-weight: 500; color: #2b2b2b; letter-spacing: -0.1em; }
	.normal_list02 li .tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 13px; background: #666666 }
	.normal_list02 li .desc {font-size: 14px; font-weight: 300; color: #585858; letter-spacing: -0.05em; line-height: 1.7; word-break: keep-all}
	.normal_list02 li .desc > span:after {content: ''; display: block; clear: both}
	.lens_inner .normal_list02 li .desc > span:after {display: none}
	.normal_list02 li .desc > span > i {float: left; display: block; width: 13px;}
	.normal_list02 li .desc > span > span {float: left; display: block; width: calc(100% - 13px); padding-bottom: 5px; letter-spacing: -0.05em; line-height: 1.3}
	.normal_list02.v2  li{width: 24.5%}

	.prevNext {border-top: 1px solid #ebebeb}
	.prevNext td {padding:12px 0px 12px 17px; border-bottom: 1px solid #ebebeb; background: #f8f8f8; font-size: 13px; font-weight: 300; text-align: left; }
	.prevNext td span {display: inline-block; width: 9px; height: 5px; margin-left: 19px; margin-top: -2px; background: url(../images/sub/arrow_prev.gif) no-repeat; vertical-align: middle}
	.prevNext td.next span {background: url(../images/sub/arrow_next.gif) no-repeat;}
	.prevNext td:nth-child(1) {color: #222}
	.prevNext td:last-child a {color: #666}

	.search {padding: 27px 0; margin-bottom: 33px; border: 1px solid #d6d6d6; background: #f6f6f6; text-align: center}
	.search select {width: 124px; height: 38px; padding: 5px 5px 5px 10px; border: 1px solid #d6d6d6; font-weight: 300; color: #767676; line-height: 38px; vertical-align: middle}
	.search input {width: 277px; height: 38px; padding-left: 10px; margin: 0 5px; line-height: 38px; border: 1px solid #d6d6d6; box-sizing: border-box; vertical-align: middle}
	.search .btn_search {display: inline-block; width: 84px; height: 38px; line-height: 38px; font-weight: 300; background: #2b2b2b; color: #fff; vertical-align: middle}
	.search .btn_search span {display: inline-block; width: 12px; height: 12px; margin-top: -4px; margin-left: 6px; vertical-align: middle}

	.paging {text-align: center; padding-bottom: 92px}
	.paging a {display: inline-block; width: 36px; height: 36px; vertical-align: middle; border: 1px solid #e7e7e7;}
	.paging span {display: inline-block}
	.paging span a {width: 36px; height: 36px; line-height: 36px; font-size: 13px; color: #666 }
	.paging span a.on {background: #2b2b2b; color: #fff }

	.btn_wrap {padding-top: 30px; padding-bottom: 52px; text-align: center; font-size: 0;}
	.btn {display: inline-block; color: #fff; font-weight: 300}
	.btn_wrap a.btn {margin-left: 3px}
	.btn_wrap a.btn:first-child {margin-left: 0}
	.btn_wrap a.btn.btn01 {width: 150px; height: 43px; line-height: 43px; font-size: 16px; background-color: #2b2b2b; color: #fff}
	.btn_write {padding-bottom: 20px}
	.btn_write:after {content: ''; display: block; clear: both}
	.btn_write a {float: right}


@media screen and (min-width: 768px) and (max-width: 1023px){
	html, body {word-break: keep-all}
	.inner {position: relative; padding: 0 15px ; width: 100%; box-sizing: border-box}
	.pc_block {display: block}

	.header {display: none}
	.m_header {display: block; height: 56px; position: fixed;  top: 0; width: 100%;  background: #fff; border-bottom: 1px solid #ddd; z-index:990;}
	.m_header h1 {padding-left: 12px;}
	.m_header h1 a img {width: 86px}
	.m_header .menu_togbtn{display:block; position: absolute; right: 0;  top: 0; width: 56px;height: 56px; background:url('../images/common/btn_toggle.gif') 50% no-repeat; text-indent:-9999px; background-size: 26px}
	.m_header .bg {position:fixed; top:0; left:0; width: 100%; height: 100%; display: none}
	.m_header .m_navi { position: fixed; top: 0; right: -100%; width: 30%; height: 100%; z-index: 999;      -webkit-transform: translate(200%,0%);   transform: translate(200%,0%);   transition: 1s ease;}
	.m_header .m_navi.on { right: 0;  -webkit-transform: translate(0%,0%);  transform: translate(0%,0%);  transition: 0.8s ease;}
	.m_header .bg {position:fixed; top:0; right:-100%; background-color: black; opacity: 0.7; width: 100%; height: 100%; background: rgba(0,0,0,0.3)}
	.m_navi .category { position: absolute; top:0;  right:0; width: 100%; height: 100%; background: #fff; overflow-y: scroll}
	.m_navi .category .top_menu {height: 57px; background-color: #88c1cc}
	.m_navi .category .top_menu p.consulting {float: left; padding-left: 20px; height: 57px}
	.m_navi .category .top_menu p.consulting a {line-height: 57px; color: #fff}
	.m_navi .category .top_menu p.btn_close {float: right; width: 55px; line-height: 55px; background: url(../images/common/btn_close.png) center center no-repeat; background-size: 20px; text-indent: -9999px;}
	.m_navi .category > ul {}
	.m_navi .category > ul > li { overflow: hidden; border-bottom: 1px solid #eaeaea}
	.m_navi .category > ul > li h2 {padding: 17px 20px; text-align: left; font-size: 16px; color: #464646; font-weight: 400; letter-spacing: -0.5px}
	.m_navi .category > ul > li h2 a {display: block; width: 100%}
	.m_navi .category > ul > li h2 span {float: right; display: block; width: 10px; height: 14px}
	.m_navi .category > ul > li h2 span img {vertical-align: middle; width: 100%}
	.m_navi .category > ul > li > ul { }
	.m_navi .category > ul > li > ul > li {padding: 8px 0; overflow: hidden; font-size: 14px; vertical-align: top;  border-top: 1px solid #eaeaea; background: #f9f9f9; text-indent: 19px}
	.m_navi .category > ul > li > ul > li a { display: inline-block; color: #777; text-decoration: none; width: 100%}
	.m_navi .category > ul > li > ul > li > ul { display: inline-block; }
	.m_navi .category > ul > li > ul > li > ul > li { margin-top: 10px; font-size: 13px; color: #888}
	.m_navi .category > ul > li > ul > li > ul > li:first-of-type { margin-top: 3px; }
	.m_navi .category > ul > li > ul > li > ul > li a { color: #888; text-decoration: none; }
	#accordian ul {display: none}

	.footer .utill {background: #404448}
	.footer .utill ul {width: 100%; padding: 11px 0; margin: 0 auto; overflow: hidden}
	.footer .utill ul li {position: relative; float: left; width: 20%; text-align: center}
	.footer .utill ul li:after {position: absolute; right: -2px; top: 0px; content: ""; display: block; width: 1px; height: 18px; background: #66696d}
	.footer .utill ul li:last-child:after {display: none}
	.footer .utill ul li a {display: block; font-size: 12px; font-weight: 300; color: #cdcdcd; letter-spacing: -0.025em; }
	.footer .utill ul li a i {display: none}
	.footer .utill ul li a.utill01 i {width: 21px; background: url(../images/common/f_icon.gif) 0 center no-repeat}
	.footer .utill ul li a.utill02 i {width: 20px; background: url(../images/common/f_icon.gif) -33px center no-repeat}
	.footer .utill ul li a.utill03 i {width: 23px; background: url(../images/common/f_icon.gif) -65px center no-repeat}
	.footer .utill ul li a.utill04 i {width: 24px; background: url(../images/common/f_icon.gif) -100px center no-repeat}
	.footer .utill ul li a.utill05 i {width: 23px; background: url(../images/common/f_icon.gif) -136px center no-repeat}
	.footer .f_txt_wrap {height: auto; text-align: center}
	.footer .f_txt_wrap h2 {float: none; padding: 20px 0 35px; margin: 0 auto}
	.footer .f_txt_wrap h2 a img {width: 110px}
	.footer .f_txt_wrap .f_txt {float: none; width: 100%; padding: 35px 100px 0; line-height: 1.5; box-sizing: border-box}
	.footer .f_txt_wrap .f_txt p {font-size: 12px; color: #a2a2a2; font-weight: 400; letter-spacing: -0.05em}
	.footer .f_txt_wrap .f_txt p.copyright {padding-top: 18px}

	.quick {display: none}

	.list_table {margin-bottom: 45px}
	.list_table th:nth-child(1), .list_table td:nth-child(1) {width: 62px}
	.list_table th:nth-child(2), .list_table td:nth-child(2) {width: auto}
	.list_table th:nth-child(3), .list_table td:nth-child(3) {width: 82px}
	.list_table th:nth-child(4), .list_table td:nth-child(4) {width: 56px}

	.list_table02 li {float: left; width: 24%; margin-right: 1%; padding-bottom: 50px;}
	.list_table02 li a {display: block}
	.list_table02 li:nth-child(4n) {margin-right: 0}
	.list_table02 li span {display: block}
	.list_table02 li span.img {width: 100%; height: auto; border: 1px solid #e7e7e7}
	.list_table02 li span.img img {width: 100%}
	.list_table02 li span.tit {font-size: 15px; font-weight: 300; letter-spacing: -0.05em; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2}
	.list_table02 li span.date {padding-top: 12px; font-size: 13px; color: #666}

	.consulting_table {margin-bottom: 20px}

	.normal_table_wrap {margin-bottom: 40px}
	.normal_table {border-top: 2px solid #2b2b2b; text-align: left; width:100%;}
	.normal_table th,.normal_table td {padding: 20px 0px; border-bottom: 1px solid #d1d1d1}
	.normal_table th {width: 80px; padding-left: 25px; color: #111; text-align:left }
	.normal_table td {padding-left: 15px;}
	.normal_table td .wd100 {width: 100%;}
	.normal_table td .subject {width: 180px}
	.normal_table td .user_name {width: 180px}
	.normal_table td .hp1 {width: 70px}
	.normal_table td .hp2 {width: 110px}
	.normal_table td .email1 {width: 128px}
	.normal_table td .email2 {width: 193px; margin-right: 4px}
	.normal_table td .email3 {width: 120px}
	.normal_table td input[type="text"], .normal_table td select {height: 32px; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle}
	.normal_table td label{font-size: 14px; color: #111111}
	.normal_table td textarea {width: 100%; height: 280px; border: 1px solid #d1d1d1}
	.normal_table .file {position:relative; width: 100% ;}
	.normal_table .file .file1 {width: 300px; margin-right: 4px}
	.normal_table .file .file_wrap {position: relative; display: inline-block; text-align: center; color: #222222; font-size: 14px;  height: 30px; line-height: 30px; width: 106px; border: 1px solid #555555; cursor:pointer; vertical-align: middle}
	.normal_table .file .file_add {position: absolute; top: 0; left: 0; filter:alpha(opacity:0);opacity:0;width: 100%;height: 100%; background: #fff; cursor:pointer}

	.view_table .media_tit {padding-top: 25px; font-size: 18px; font-weight: 500; color: #222222; margin-bottom: 17px; }
	.view_table .media_tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 7px; background: #e2e2e2}

	.view_consulting th:nth-child(1), .view_consulting td:nth-child(1) {width: 8%}
	.view_consulting th:nth-child(2), .view_consulting td:nth-child(2) {width: 42%}
	.view_consulting th:nth-child(3), .view_consulting td:nth-child(3) {width: 8%}
	.view_consulting th:nth-child(4), .view_consulting td:nth-child(4) {width: 42%}
	.view_consulting td.question {border-bottom: 1px solid #b3b3b3}
	.view_consulting td.tit_answer {font-size: 14px; color: #111111; letter-spacing: -0.01em; }
	.view_consulting td.tit_answer {padding: 17px 20px}
	.view_consulting td.tit_answer p {padding-right: 10px; font-weight: 300}
	.view_consulting td.txt_answer {padding: 17px 20px}

	.answer_table {border-top: none}
	.answer_table tr:nth-child(1) td:nth-child(2) {text-align: right; padding: 17px 20px 17px 0}
	.answer_table td:nth-child(1) {width: auto !important; padding: 17px 20px}

	.normal_password {width: 70%; margin: 0 auto;  font-size: 15px; padding: 40px 0px; margin-bottom: 30px; }
	.normal_password input[type="password"] {height: 32px; width: 260px; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle; font-size: 12px; color: #767676}
	.normal_password span {vertical-align: middle}
	.normal_password .password_tit {padding: 10px 30px}

	.normal_list {width: 100%}
	.normal_list p.tit {width: 100%; padding: 9px 30px 9px 43px; margin-bottom: 10px; background: #ddedef url(../images/common/arrow_sub.png) 15px center no-repeat; background-size: 18px; border-radius: 20px; font-size: 16px; line-height: 1.35; box-sizing: border-box}
	.normal_list p.desc {padding: 5px 20px 15px 40px;}
	.normal_list p.desc span {overflow: hidden; display: block; padding-bottom: 4px; font-size: 15px; font-weight: 300; color: #2b2b2b; letter-spacing: -0.1em; line-height: 1.5; text-align: left}

	.normal_list02 {overflow: hidden; padding-left: 20px; text-align: left}
	.normal_list02 li {display: inline-block; width: 30%; min-height: 270px; margin-right: 20px; text-align: left; vertical-align: middle}
	.normal_list02 li:last-child {margin-right: 0}
	.normal_list02 li .num {font-size: 38px; font-weight: 500; color: #a9c5c8; letter-spacing: -0.1em; }
	.normal_list02 li .num:after {content: ''; display: block; width: 38px; height: 3px; margin-bottom: 17px; background: #a9c5c8}
	.normal_list02 li .tit {display: inline-block; font-size: 16px; font-weight: 500; color: #2b2b2b; letter-spacing: -0.1em; }
	.normal_list02 li .tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 13px; background: #666666 }
	.normal_list02 li .desc {font-size: 14px; font-weight: 300; color: #585858; letter-spacing: -0.1em; line-height: 1.7; word-break: keep-all}
	.normal_list02.v2 {padding-left: 24%; padding-top: 20px; text-align: left}
	.normal_list02.v2 li{width: 37%; margin-bottom: 30px;  min-height: auto; vertical-align: top}

	.paging {padding-bottom: 50px}

	.btn_wrap {padding-top: 30px; padding-bottom: 52px; text-align: center; font-size: 0;}
	.btn {display: inline-block; color: #fff; font-weight: 300}
	.btn_wrap a.btn {margin-left: 3px}
	.btn_wrap a.btn:first-child {margin-left: 0}
	.btn_wrap a.btn.btn01 {width: 120px; height: 38px; line-height: 38px; font-size: 16px; background-color: #2b2b2b; color: #fff}
	.btn_write {padding-bottom: 20px}
	.btn_write:after {content: ''; display: block; clear: both}
	.btn_write a {float: right}
}

@media screen and (max-width: 767px){
	html, body {word-break: keep-all}
	.inner {position: relative; padding: 0 15px ; width: 100%; box-sizing: border-box}
	.pc_block {display: none}

	.header {display: none}
	.m_header {display: block; height: 56px; position: fixed;  top: 0; width: 100%;  background: #fff; border-bottom: 1px solid #ddd; z-index:990;}
	.m_header h1 {padding-left: 12px;}
	.m_header h1 a img {width: 86px}
	.m_header .menu_togbtn{display:block; position: absolute; right: 0;  top: 0; width: 56px;height: 56px; background:url('../images/common/btn_toggle.gif') 50% no-repeat; text-indent:-9999px; background-size: 26px}
	.m_header .bg {position:fixed; top:0; left:0; width: 100%; height: 100%; display: none}
	.m_header .m_navi { position: fixed; top: 0; right: -100%; width: 83%; max-width: 270px; height: 100%; z-index: 9999; -webkit-transform: translate(200%,0%);   transform: translate(200%,0%);   transition: 1s ease;}
	.m_header .m_navi.on { right: 0;  -webkit-transform: translate(0%,0%);  transform: translate(0%,0%);  transition: 0.8s ease;}
	.m_header .bg {position:fixed; top:0; right:-100%; background-color: black; opacity: 0.7; width: 100%; height: 100%; ; z-index: 9998}
	.m_navi .category { position: absolute; top:0;  right:0; width: 100%; height: 100%; background: #fff; overflow-y: scroll}
	.m_navi .category .top_menu {height: 57px; background-color: #88c1cc}
	.m_navi .category .top_menu p {float: left; height: 57px}
	.m_navi .category .top_menu p.consulting {padding-left: 26px;  line-height: 57px}
	.m_navi .category .top_menu p.consulting a {font-size: 13px; color: #fff}
	.m_navi .category .top_menu p.btn_close {float: right; width: 55px; background: url(../images/common/btn_close.png) center center no-repeat; background-size: 20px; text-indent: -9999px;}
	.m_navi .category > ul {}
	.m_navi .category > ul > li {overflow: hidden; border-bottom: 1px solid #eaeaea}
	.m_navi .category > ul > li h2 {padding: 15px 0px 15px 20px; text-align: left; font-size: 16px; color: #464646; font-weight: 400; letter-spacing: -0.5px; background: url(../images/common/m_header_arrow.gif) 92% center no-repeat; background-size: 10px}
	.m_navi .category > ul > li h2 a {display: block; width: 100%}
	.m_navi .category > ul > li h2 span {float: right; display: block; width: 10px; height: 14px}
	.m_navi .category > ul > li h2 span img {vertical-align: middle; width: 100%}
	.m_navi .category > ul > li > ul {display: none}
	.m_navi .category > ul > li > ul > li {padding: 8px 0; overflow: hidden; font-size: 14px; vertical-align: top;  border-top: 1px solid #eaeaea; background: #f9f9f9; text-indent: 19px}
	.m_navi .category > ul > li > ul > li a { display: inline-block; color: #777; text-decoration: none; width: 100%}
	.m_navi .category > ul > li > ul > li > ul { display: inline-block; }
	.m_navi .category > ul > li > ul > li > ul > li { margin-top: 10px; font-size: 13px; color: #888}
	.m_navi .category > ul > li > ul > li > ul > li:first-of-type { margin-top: 3px; }
	.m_navi .category > ul > li > ul > li > ul > li a { color: #888; text-decoration: none; }

	.footer .utill {background: #404448}
	.footer .utill ul {width: 100%; padding: 11px 0px; margin: 0 auto; overflow: hidden; text-align: center}
	.footer .utill ul li {position: relative; float: none; display: inline-block; width: auto; text-align: center; line-height: 1.5}
	.footer .utill ul li:after {position: absolute; right: -2px; top: 3px; content: ""; display: block; width: 1px; height: 10px;  background: #66696d}
	.footer .utill ul li:last-child:after {display: none}
	.footer .utill ul li a {display:block; padding: 0 4px; font-size: 11px; font-weight: 300; color: #cdcdcd; letter-spacing: -0.025em}
	.footer .utill ul li a i {display: none}
	.footer .utill ul li a.utill01 i {width: 21px; background: url(../images/common/f_icon.gif) 0 center no-repeat}
	.footer .utill ul li a.utill02 i {width: 20px; background: url(../images/common/f_icon.gif) -33px center no-repeat}
	.footer .utill ul li a.utill03 i {width: 23px; background: url(../images/common/f_icon.gif) -65px center no-repeat}
	.footer .utill ul li a.utill04 i {width: 24px; background: url(../images/common/f_icon.gif) -100px center no-repeat}
	.footer .utill ul li a.utill05 i {width: 23px; background: url(../images/common/f_icon.gif) -136px center no-repeat}
	.footer .f_txt_wrap {height: auto; text-align: center}
	.footer .f_txt_wrap h2 {float: none; width: 110px; padding: 20px 0 35px; margin: 0 auto}
	.footer .f_txt_wrap .f_txt {float: none; width: 100%; padding-top: 25px 50px 0; line-height: 1.5;}
	.footer .f_txt_wrap .f_txt p {font-size: 12px; color: #a2a2a2; font-weight: 400; letter-spacing: -0.05em}

	.quick {display: none}
	
	.list_table {margin-bottom: 35px}
	.list_table th, .list_table td {padding: 14px 0; font-size: 13px}
	.list_table th:nth-child(1), .list_table td:nth-child(1) {width: 39px}
	.list_table th:nth-child(2), .list_table td:nth-child(2) {width: auto}
	.list_table th:nth-child(3), .list_table td:nth-child(3) {width: 63px}
	.list_table th:nth-child(4), .list_table td:nth-child(4) {width: 45px}
	.list_table .tl-left {padding-left: 7px; padding-right: 7px; text-align: left;}

	.consulting_table {margin-bottom: 0}

	.view_table {letter-spacing:-0.5px; width: 100%; text-align: center; border-top: 2px solid #2b2b2b} 
	.view_table th,.view_table td {color: #222; background: #ffffff; border-bottom: 1px solid #ebebeb; text-align: left}
	.view_table th {padding:12px 3px 12px 5px;}
	.view_table th.color_gr {font-weight: 300; color: #767676}
	.view_table th.txt_gr {color: #888}
	.view_table td {padding: 25px 10px; text-align: left; border-bottom: 1px solid #ebebeb;  color: #767676; font-weight: 300; line-height: 1.5}
	.view_table td p.img {padding-bottom: 20px; text-align: center}
	.view_table td p.img img {width: 100%}
	.view_table th:nth-child(1), .view_table td:nth-child(1) {width: 40px}
	.view_table th:nth-child(2), .view_table td:nth-child(2) {width: auto}
	.view_table th:nth-child(3), .view_table td:nth-child(3) {width: 40px}
	.view_table th:nth-child(4), .view_table td:nth-child(4) {width: 35px}
	.view_table .media_tit {padding-top: 24px; font-size: 16px; font-weight: 500; color: #222222; margin-bottom: 15px; }
	.view_table .media_tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 7px; background: #e2e2e2}

	.view_consulting th:nth-child(1), .view_consulting td:nth-child(1) {width: 8%}
	.view_consulting th:nth-child(2), .view_consulting td:nth-child(2) {width: 42%}
	.view_consulting th:nth-child(3), .view_consulting td:nth-child(3) {width: 8%}
	.view_consulting th:nth-child(4), .view_consulting td:nth-child(4) {width: 42%}
	.view_consulting td.question {border-bottom: 1px solid #b3b3b3}
	.view_consulting td.tit_answer {font-size: 14px; color: #111111; letter-spacing: -0.01em; }
	.view_consulting td.tit_answer {padding: 12px 10px}
	.view_consulting td.tit_answer p {padding-right: 10px; font-weight: 300}
	.view_consulting td.txt_answer {padding: 12px 10px}

	.answer_table {border-top: none}
	.answer_table tr:nth-child(1) td:nth-child(2) {text-align: right; padding: 12px 10px 12px 0}
	.answer_table td:nth-child(1) {width: auto !important; padding: 12px 10px}

	.normal_table_wrap {margin-bottom: 30px}
	.normal_table {border-top: 2px solid #2b2b2b; text-align: left; width:100%;}
	.normal_table th,.normal_table td {padding: 12px 0px; border-bottom: 1px solid #d1d1d1}
	.normal_table th {width: 50px; padding-left: 5px; color: #111; text-align:left}
	.normal_table td {padding-left: 15px;}
	.normal_table td .wd100 {width: 100%;}
	.normal_table td .subject {width: 30%; min-width: 140px}
	.normal_table td .user_name {width: 30%; min-width: 140px}
	.normal_table td .hp1 {width: 25.1%}
	.normal_table td .hp2 {width: 25.1%}
	.normal_table td .email1 {width: 40%}
	.normal_table td .email2 {width: 40%; margin-right: 0px}
	.normal_table td .email3 {width: 100%; margin-top: 5px}
	.normal_table td .pw {width: 60%}
	.normal_table td input[type="text"], .normal_table td select {height: 32px; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle; font-size: 13px;}
	.normal_table td label{font-size: 14px; color: #111111}
	.normal_table td textarea {width: 100%; height: 170px; border: 1px solid #d1d1d1}
	.normal_table .file {position:relative; width: 100% ;}
	.normal_table .file .file1 {width: 50%; margin-right: 4px}
	.normal_table .file .file_wrap {position: relative; display: inline-block; text-align: center; color: #222222; font-size: 13px;  height: 30px; line-height: 30px; width: 60px; border: 1px solid #555555; cursor:pointer; vertical-align: middle}
	.normal_table .file .file_add {position: absolute; top: 0; left: 0; filter:alpha(opacity:0);opacity:0;width: 100%;height: 100%; background: #fff; cursor:pointer}

	.normal_password {width: 90%; margin: 0 auto;  font-size: 15px; padding: 20px 0px 30px; margin-bottom: 10px; }
	.normal_password input[type="password"] {height: 32px; width: 70%; padding-left: 10px; border: 1px solid #d1d1d1; box-sizing: border-box; vertical-align: middle; font-size: 12px; color: #767676}
	.normal_password span {display: block; vertical-align: middle}
	.normal_password .password_tit {padding: 10px 30px}

	.normal_list {width: 100%}
	.normal_list p.tit {width: 100%; padding: 9px 30px 9px 43px; margin-bottom: 10px; background: #ddedef url(../images/common/arrow_sub.png) 15px center no-repeat; background-size: 18px; border-radius: 20px; font-size: 14px; line-height: 1.35; box-sizing: border-box}
	.normal_list p.desc {padding: 5px 20px 15px 20px;}
	.normal_list p.desc span {display: block; padding-bottom: 4px; font-size: 14px; font-weight: 300; color: #2b2b2b; letter-spacing: -0.1em; line-height: 1.5; text-align: left}

	.normal_list02 {overflow: hidden; padding-left: 20px}
	.normal_list02 li {width: 100%; min-height: auto; margin-bottom: 15px; margin-right: 10px; text-align: left}
	.normal_list02 li:last-child {margin-right: 0}
	.normal_list02 li .num {font-size: 30px; font-weight: 500; color: #a9c5c8; letter-spacing: -0.1em; }
	.normal_list02 li .num:after {content: ''; display: block; width: 30px; height: 3px; margin-bottom: 17px; background: #a9c5c8}
	.normal_list02 li .tit {display: inline-block; font-size: 15px; font-weight: 500; color: #2b2b2b; letter-spacing: -0.1em; line-height: 1.3}
	.normal_list02 li .tit:after {content: ''; display: block; width: 100%; height: 1px; margin-top: 5px; margin-bottom: 13px; background: #666666 }
	.normal_list02 li .desc {font-size: 14px; font-weight: 300; color: #585858; letter-spacing: -0.1em; line-height: 1.7; word-break: keep-all}
	.normal_list02.v2 {padding-top: 20px;padding-left: 15px}
	.normal_list02.v2 li {widtH: 100%}

	.prevNext {border-top: 1px solid #ebebeb}
	.prevNext td {padding:10px 0px 10px 17px; border-bottom: 1px solid #ebebeb; background: #f8f8f8; font-size: 13px; font-weight: 400; text-align: left; }
	.prevNext td span {display: inline-block; width: 9px; height: 5px; margin-left: 19px; margin-top: -2px; background: url(../images/sub/arrow_prev.gif) no-repeat; vertical-align: middle}
	.prevNext td.next span {background: url(../images/sub/arrow_next.gif) no-repeat;}
	.prevNext td:nth-child(1) {font-weight: 400; color: #222}
	.prevNext td:last-child a {color: #666}

	.search {padding:20px 0; margin-bottom: 33px; background-color: #f6f6f6; border: 1px solid #e8e8e8; text-align: center}
	.search select {width: 75px; height: 30px; padding: 3px 3px 3px 8px; line-height: 27px}
	.search input {width: 32%; height: 30px; line-height: 30px; margin: 0 2px}
	.search .btn_search {width: 55px; height: 30px; line-height: 30px; font-weight: 300}
	.search .btn_search span {width: 12px; height: 12px; margin-top: -4px; margin-left: 6px; vertical-align: middle}

	.paging { padding-bottom: 10px}
	.paging a, .paging span a {width:24px; height:24px; line-height: 24px}

	.btn_wrap {padding-top: 20px; padding-bottom: 32px; text-align: center; font-size: 0;}
	.btn {display: inline-block; color: #fff; font-weight: 300}
	.btn_wrap a.btn {margin-left: 3px}
	.btn_wrap a.btn:first-child {margin-left: 0}
	.btn_wrap a.btn.btn01 {width: 26%; height: 30px; line-height: 30px; font-size: 13px; background-color: #2b2b2b; color: #fff}
	.btn_write {padding-bottom: 20px}

}

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

	.list_table02 li {float: left; width: 49%; margin-right: 2%; padding-bottom: 50px;}
	.list_table02 li a {display: block}
	.list_table02 li:nth-child(4n) {margin-right: 2%}
	.list_table02 li:nth-child(2n) {margin-right: 0} 
	.list_table02 li span {display: block}
	.list_table02 li span.img {width: 100%; height: auto; border: 1px solid #e7e7e7}
	.list_table02 li span.img img {width: 100%}
	.list_table02 li span.tit {font-size: 15px; font-weight: 300; letter-spacing: -0.05em; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2}
	.list_table02 li span.date {padding-top: 12px; font-size: 13px; color: #666}

}

@media screen and (max-width: 600px){
	.sub_inner_tit .m_block {display: block}
}

@media screen and (max-width: 479px){
	.list_table th:after {content: ""; display: none;}

	.list_table02 li {float: left; width: 49%; margin-right: 2%; padding-bottom: 50px;}
	.list_table02 li a {display: block}
	.list_table02 li:nth-child(4n) {margin-right: 2%}
	.list_table02 li:nth-child(2n) {margin-right: 0} 
	.list_table02 li span {display: block}
	.list_table02 li span.img {width: 100%; height: auto; border: 1px solid #e7e7e7}
	.list_table02 li span.img img {width: 100%}
	.list_table02 li span.tit {height: 42px; font-size: 14px; font-weight: 300; letter-spacing: -0.05em; color: #111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2}
	.list_table02 li span.date {padding-top: 12px; font-size: 13px; color: #666}
	
	.consulting_table th {vertical-align: middle}
	.consulting_table th, .consulting_table td {padding: 12px 0;}
	.consulting_table th:nth-child(1), .consulting_table td:nth-child(1) {width: 45px}
	.consulting_table th:nth-child(2), .consulting_table td:nth-child(2) {width: auto}
	.consulting_table th:nth-child(3), .consulting_table td:nth-child(3) {width: 52px}
	.consulting_table th:nth-child(4), .consulting_table td:nth-child(4) {width: 65px}
	.consulting_table th:nth-child(5), .consulting_table td:nth-child(5) {width: 56px}
	.consulting_table .tl-left a {padding-left: 15px; background: url(../images/common/icon_pw.gif) 0 center no-repeat; background-size: 8px}
	.consulting_table td:nth-child(5) {background: url(../images/common/no_answer.gif) center center no-repeat; background-size: 42px}
	.consulting_table td:nth-child(5).on {background: url(../images/common/yes_answer.gif) center center no-repeat; background-size: 42px}

}