@charset "utf-8";

/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc {
	display: block;
}

#_device_ta {
	display: none;
}

#_device_mo {
	display: none;
}

.__pc {
	display: block !important;
}

.__ta {
	display: none !important;
}

.__mo {
	display: none;
}

@media screen and (min-width: 750px) and (max-width: 1024px) {
	#_device_pc {
		display: none;
	}

	#_device_ta {
		display: block;
	}

	#_device_mo {
		display: none;
	}

	.__pc {
		display: none !important;
	}

	.__ta {
		display: block !important;
	}

	.__mo {
		display: none;
	}
}

@media screen and (max-width: 750px) {
	#_device_pc {
		display: none;
	}

	#_device_ta {
		display: none;
	}

	#_device_mo {
		display: block;
	}

	.__pc {
		display: none !important;
	}

	.__ta {
		display: none;
	}

	.__mo {
		display: block !important;
	}
}

/**************************************************
	Layout
**************************************************/
@media screen and (min-width: 750px) and (max-width: 1024px) {

	html {
		min-width: 320px;
		padding-top: 45px;
	}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	#header .inner {
		width: auto;
		height: 45px;
	}

	#header .logo {
		top: 0;
		line-height: 45px;
		left: 10px;
	}

	#header .logo img {
		width: auto;
		height: 100%;
		height: 25px;
	}

	.sub #header .logo {
		-webkit-background-size: auto 25px;
		background-size: auto 25px;
		height: 45px;
		background-position: 0 center;
	}

	.gnbWrap {
		display: none;
	}

	#gnb {
		display: none;
	}

	#hd-lan {
		display: none;
	}

	.table1 tr>* {
		font-size: 11px;
		line-height: 15px;
	}

	#tnb {
		display: none;
	}

	#slide-btn {
		top: 15px;
		right: 10px;
		display: block;
	}

	#slide-btn a {
		width: 24px;
		height: 15px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.sub #slide-btn a {
		-webkit-background-size: contain;
		background-size: contain;
	}


	#gotop {
		display: none;
	}

	#slide-menu {
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100%;
		background: #fff;
		z-index: 201;
		overflow-y: auto;
		transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);
	}

	#slide-menu .tit {
		height: 45px;
	}

	#slide-menu.on {
		right: 0;
	}

	#tnb-mo {
		text-align: center;
		line-height: 40px;
		background: #f7f7f7;
	}

	#tnb-mo>li {
		display: inline-block;
		margin: 0 10px;
	}

	#tnb-mo>li a {
		font-size: 12px;
		color: #333;
	}

	#gnb-mo>li {
		border-bottom: 1px solid #e1e1e1;
	}

	#gnb-mo>li>a {
		display: block;
		line-height: 40px;
		padding: 0 15px;
		font-size: 14px;
		letter-spacing: -1px;
		color: #333;
		text-decoration: none;
	}

	#gnb-mo>li>ul {
		padding: 10px 15px;
		border-top: 1px solid #e1e1e1;
		background: #f7f7f7;
		display: none;
	}

	#gnb-mo>li>ul li a {
		line-height: 30px;
		font-size: 14px;
		color: #666;
		text-decoration: none;
	}

	#gnb-mo>li>ul li ul {
		display: none;
	}

	#footer {
		width: auto;
		padding: 10px;
	}

	#footer .inner {
		padding: 20px 0;
		width: auto;
		height: auto;
	}

	#footer address {
		font-size: 11px;
		line-height: 15px;
	}

	#footer .copyright {
		right: 10px;
		font-size: 11px;
	}

	#fnb {
		text-align: center;
	}

	#fnb>li {
		margin-right: 10px;
	}

	#fnb>li a {
		line-height: 40px;
		padding-right: 0px;
		font-size: 12px;
	}

	#ft-sns {
		position: relative;
		top: 10px;
		text-align: center;
	}

	#footer address .box {
		float: inherit;
		margin-right: 0px;
		padding-left: 0px;
	}

	.fnbWrap {
		padding: 0px 0;
	}

	.fnbWrap .inner {
		width: auto;
	}

	.fnbWrap .roll li {
		position: relative;
		white-space: nowrap;
		z-index: 82;
	}

	.fnbWrap .roll li a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.fnbWrap .roll li:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 65px;
		vertical-align: middle;
	}

	.fnbWrap .roll li img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}

	.fnbWrap .roll li p {
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		line-height: 20px;
		color: #000000;
		letter-spacing: -1px;
	}

	.fnbWrap .bx-prev {
		display: block;
		text-indent: -999em;
		width: 19px;
		height: 37px;
		background: url('/images/main/fam-prev.jpg');
		position: absolute;
		top: 50%;
		margin-top: -18px;
		left: -80px;
	}

	.fnbWrap .bx-next {
		display: block;
		text-indent: -999em;
		width: 19px;
		height: 37px;
		background: url('/images/main/fam-next.jpg');
		position: absolute;
		top: 50%;
		margin-top: -18px;
		right: -80px;
	}

}

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

	html {
		min-width: 320px;
		padding-top: 45px;
	}

	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	#header .inner {
		width: auto;
		height: 45px;
	}

	#header .logo {
		top: 0;
		line-height: 45px;
		left: 10px;
	}

	#header .logo img {
		width: auto;
		height: 100%;
		height: 25px;
	}

	.sub #header .logo {
		-webkit-background-size: auto 25px;
		background-size: auto 25px;
		height: 45px;
		background-position: 0 center;
	}

	.gnbWrap {
		display: none;
	}

	#gnb {
		display: none;
	}

	#hd-lan {
		display: none;
	}

	.table1 tr>* {
		font-size: 11px;
		line-height: 15px;
	}

	#tnb {
		display: none;
	}

	#slide-btn {
		top: 15px;
		right: 10px;
		display: block;
	}

	#slide-btn a {
		width: 24px;
		height: 15px;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.sub #slide-btn a {
		-webkit-background-size: contain;
		background-size: contain;
	}


	#gotop {
		display: none;
	}


	#slide-menu .tit {
		height: 45px;
	}

	#hd-lan-mo>a {
		line-height: 45px;
	}

	#slide-close {
		height: 45px;
	}

	#tnb-mo {
		text-align: center;
		line-height: 40px;
		background: #f7f7f7;
	}

	#tnb-mo>li {
		display: inline-block;
		margin: 0 10px;
	}

	#tnb-mo>li a {
		font-size: 12px;
		color: #333;
	}

	#gnb-mo>li {
		border-bottom: 1px solid #e1e1e1;
	}

	#gnb-mo>li>a {
		display: block;
		line-height: 40px;
		padding: 0 15px;
		font-size: 14px;
		letter-spacing: -1px;
		color: #333;
		text-decoration: none;
	}

	#gnb-mo>li>ul {
		padding: 10px 15px;
		border-top: 1px solid #e1e1e1;
		background: #f7f7f7;
		display: none;
	}

	#gnb-mo>li>ul li a {
		line-height: 30px;
		font-size: 14px;
		color: #666;
		text-decoration: none;
	}


	#footer {
		width: auto;
		padding: 10px;
	}

	#footer .inner {
		padding: 20px 0;
		width: auto;
		height: auto;
	}

	#footer address {
		font-size: 11px;
		line-height: 15px;
	}

	#footer .copyright {
		right: 10px;
		font-size: 11px;
	}

	#fnb {
		text-align: center;
		background: #f1f1f1
	}

	#fnb>li {
		margin-right: 10px;
	}

	#fnb>li a {
		line-height: 40px;
		padding-right: 0px;
		font-size: 12px;
	}

	#ft-sns {
		position: relative;
		top: 10px;
		text-align: center;
	}

	#footer address .box {
		float: inherit;
		margin-right: 0px;
		padding-left: 0px;
		font-size: 12px;
	}

	.fnbWrap {
		padding: 0px 0;
	}

	.fnbWrap .inner {
		width: auto;
	}

	.fnbWrap .roll li {
		position: relative;
		white-space: nowrap;
		z-index: 82;
	}

	.fnbWrap .roll li a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.fnbWrap .roll li:before {
		content: '';
		display: inline-block;
		width: 0;
		height: 65px;
		vertical-align: middle;
	}

	.fnbWrap .roll li img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}

	.fnbWrap .roll li p {
		display: inline-block;
		vertical-align: middle;
		font-size: 15px;
		line-height: 20px;
		color: #000000;
		letter-spacing: -1px;
	}

	.fnbWrap .bx-prev {
		display: block;
		text-indent: -999em;
		width: 19px;
		height: 37px;
		background: url('/images/main/fam-prev.jpg');
		position: absolute;
		top: 50%;
		margin-top: -18px;
		left: -80px;
	}

	.fnbWrap .bx-next {
		display: block;
		text-indent: -999em;
		width: 19px;
		height: 37px;
		background: url('/images/main/fam-next.jpg');
		position: absolute;
		top: 50%;
		margin-top: -18px;
		right: -80px;
	}

}

/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1024px) {

	#main {}

	#main .visual {
		height: 620px;
		overflow: hidden;
	}

	#main .vis-tit {
		top: 45px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#main .vis-tit .t1 {
		font-size: 20px;
		margin-top: 10px;
		-ms-word-break: keep-all;
		word-break: keep-all;
	}

	#main .vis-tit .t1 br {
		display: none;
	}

	#main .vis-tit .t2 {
		display: block;
		margin-top: 10px;
		font-size: 15px;
		letter-spacing: -1px;
		color: #fff;
		-ms-word-break: keep-all;
		word-break: keep-all;
	}

	#main .vis-mn {
		top: 300px;
	}

	#main .vis-mn li {
		width: 90px;
		height: 90px;
	}

	#main .vis-mn .ico {
		margin-top: -10px;
		height: 40px;
	}

	#main .vis-mn .tit {
		font-size: 14px;
	}

	#main .vis-scr {
		margin-left: -10px;
	}

	#main .vis-scr img {
		width: 20px;
	}

	#main .visual .bx-controls {
		right: 20px;
	}



	#main #mainWrap {
		width: auto;
		margin: 30px 10px;
	}

	#main #bsn {
		margin: 10px 0;
		padding: 0 20px;
	}

	#main #bsn h4 {
		margin-bottom: 20px;
	}

	#main #bsn h4 img {
		height: 15px;
	}

	#main #bsn .roll .info:after {
		width: 62px;
		height: 20px;
		background-size: cover;
	}

	#main #bsn .roll .info .tit {
		font-size: 15px;
	}

	#main #bsn .roll .info .txt {
		font-size: 14px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#main #bsn .roll .info .txt br {
		display: none
	}

	#main #bsn .bx-prev {
		width: 13px;
		height: 26px;
		background-size: auto 26px;
		left: -20px;
		margin-top: -13px;
	}

	#main #bsn .bx-next {
		width: 13px;
		height: 26px;
		background-size: auto 26px;
		right: -20px;
		margin-top: -13px;
	}

	#main #bn>* {
		float: inherit;
		width: auto;
		max-width: 517px;
		margin: 10px auto;
		overflow: hidden;
	}

	#main #bn>*:after {
		width: 30px;
		height: 30px;
		background-size: 15px auto;
		;
	}

	#main #bn {
		margin: 10px 0px;
	}

	#main #bn .inner {
		padding: 20px;
	}

	#main #bn .tit {
		font-size: 15px;
	}

	#main #bn .txt {
		font-size: 14px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#main .latbox>* {
		float: inherit;
	}

	#main #gate {
		width: auto;
		margin: 10px 0;
	}

	#main #gate li {
		width: 25%;
		height: 120px;
	}

	#main #gate li .tit {
		font-size: 15px;
	}

	#main #gate li img {
		height: 55px;
	}

	#main #cust {
		width: auto;
		margin: 10px -1%;
	}

	#main #cust li {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: 1%;
		padding: 20px;
	}

	#main #cust .contact {
		height: 140px;
	}

	#main #cust li .tit {
		font-size: 15px;
	}

	#main #cust li .txt {
		font-size: 14px;
	}

	#main #cust .contact p.tel {
		font-size: 15px;
	}

	#main #cust .contact p.fax {
		font-size: 14px;
	}

	#main #notice {
		width: auto;
		padding: 20px;
		height: auto;
	}

	#main #notice .tit {
		margin-bottom: 10px;
	}

	#main #notice .tit h4 {
		font-size: 18px;
	}

	#main #notice .tit .more {
		width: 25px;
		height: 25px;
		background-size: cover;
	}

	#main #notice .list li {
		padding-right: 80px;
	}

	#main #notice .list li .sbj {
		font-size: 12px;
	}

	#main #notice .list li .date {
		font-size: 12px;
	}

	.br {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: middle;
		width: auto;
		height: auto;
		overflow: visible;
	}

}

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

	#main #gate li {
		width: 50%;
	}

	#main #cust li {
		width: 98%;
	}

	#main .vis-mn li {
		width: 80px;
		height: 80px;
		margin: -18px 35px;
	}

	#main .vis-mn .ico {
		height: 30px;
	}

	#main .vis-mn .tit {
		margin-top: 0;
	}

	#main #bsn .roll .info {
		padding-left: 0;
		padding-right: 0;
	}

	#main #bsn .roll .info .txt {
		margin-bottom: 10px;
	}

	#main #bn .txt br {
		display: none;
	}

	#main #cust li {
		padding: 15px;
		height: auto;
	}

	#main #cust li .ico {
		height: 50px;
		margin-top: -25px;
		right: 15px;
	}

	#main #cust .contact {
		height: auto;
	}

	.br {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: middle;
		width: auto;
		height: auto;
		overflow: visible;
	}

}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1024px) {

	.tab1 {
		margin-bottom: 20px;
	}

	.tab1>li a {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}

	.tab1.fix {
		width: 100%;
		left: 0;
		margin-left: 0px;
		top: 45px;
	}

	#sub {}

	#sub #content {
		width: auto;
		margin: 30px 10px
	}

	#sub #content img {
		max-width: 100%;
		height: auto !important;
	}

	#lnb {
		width: auto;
	}

	#lnb>li ul li a {
		font-size: 12px;
		line-height: 35px;
		padding: 0 10px;
	}

	#sub .sub-vis {
		height: 180px;
	}

	#sub .sub-vis h2 em {
		font-size: 12px;
	}

	#sub .sub-vis h2 p {
		font-size: 30px;
	}

	#sub .sub-tit {
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: 24px;
	}

	#sub .sub-tit h3 {
		font-size: 24px;
	}

	#navi .in {
		width: 100%;
	}

	#navi span button {
		min-width: 160px;
		height: 40px;
		line-height: 40px;
		padding: 0 30px 0 15px;
		font-size: 14px;
		background-position: 95% center;
	}

	#navi span.home {
		width: 40px;
		height: 40px;
		line-height: 40px;
		-webkit-background-size: auto 35%;
		background-size: auto 35%;
	}

	#navi span ul {
		top: 40px;
	}

	#navi span ul li a {
		padding: 10px 15px;
		font-size: 14px;
	}

	.mt30 {
		margin-top: 15px !important
	}

	.mt40 {
		margin-top: 30px !important
	}

	.mt70 {
		margin-top: 30px !important
	}

	.mt80 {
		margin-top: 30px !important
	}

	.cboxWrap .cbox {
		width: auto;
		float: inherit;
		margin-left: 0px;
		margin: 10px 0;
	}

	.cbox {
		padding: 20px;
		border-width: 5px;
	}

	.cbox h4 {
		margin-bottom: 8px;
		padding-bottom: 8px;
		font-size: 18px;
	}

	.cbox ul li {
		padding-left: 0px;
		margin-bottom: 10px;
	}

	.cbox ul li>strong {
		position: relative;
		font-size: 15px;
		margin-bottom: 5px;
		display: block;
	}

	.cbox ul li p {
		font-size: 14px;
		line-height: 2em;
	}

	.cbox h5 {
		font-size: 15px;
	}

	.cbox .cont {
		font-size: 14px;
		line-height: 2em;
		margin-bottom: 5px;
		min-height: auto;
	}


	.ctit {
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 5px;
		background-size: 12px auto;
	}

	.ctit2 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.ctit3 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.ctxt {
		font-size: 14px;
		line-height: 2em;
	}

	.ctxt .red {
		font-size: 14px;
		line-height: 2em;
	}

	.ctxt2 {
		font-size: 14px;
		line-height: 2em;
	}

	.clist {
		padding-left: 10px;
	}

	.clist li {
		font-size: 14px;
		padding-left: 10px;
		line-height: 2em;
		padding-top: 0;
		padding-bottom: 0;
	}

	.clist li:before {
		width: 3px;
		height: 3px;
		top: 11px;
	}

	.pf-list>li {
		width: 31.33%;
		margin: 1%;
		box-sizing: border-box;
	}

	.pf-list>li:before {
		margin-left: -3%;
	}

	.pf-list>li:nth-child(4n+1):before {
		display: block;
	}

	.pf-list>li:nth-child(3n+1):before {
		display: none;
	}

	.pf-list .info {
		padding-left: 0;
		padding-right: 0;
	}

	.aboutus {
		padding-right: 0px;
		min-height: auto;
	}

	.aboutus .image {
		position: relative;
	}

	.aboutus h3 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 10px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.aboutus p {
		margin: 20px 0;
		font-size: 14px;
		line-height: 2em;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.aboutus p strong {
		font-size: 14px;
		line-height: 2em;
	}

	.aboutus p span {
		font-size: 14px;
		line-height: 2em;
	}

	#sub #content .aboutus .sign img {
		height: 20px !important;
	}

	.greetings .image p {
		margin-top: 10px;
		font-size: 14px;
	}

	.greetings .image p strong {
		font-size: 14px;
	}

	.greetings .image {
		position: relative;
		left: 0;
		top: 0;
		margin-bottom: 10px;
		text-align: center;
	}

	.greetings .info table th {
		font-size: 14px;
		line-height: 2em;
		padding: 15px;
	}

	.greetings .info table td {
		padding: 15px;
	}

	.greetings .info li {
		font-size: 14px;
		line-height: 2em;
	}

	#history .top {
		margin-bottom: 20px;
	}

	#history .top>div {
		float: inherit;
		width: auto;
		height: auto;
	}

	#history .top .left {
		padding: 20px;
	}

	#history .top .left h3 {
		font-size: 20px;
	}

	#history .top .left h4 {
		font-size: 14px;
	}

	#history dl {
		padding-left: 65px;
		min-height: auto;
		padding-bottom: 20px;
	}

	#history dl:before {
		width: 16px;
		height: 16px;
		top: 6px;
		left: 69px;
		-webkit-background-size: contain;
		background-size: contain;
	}

	#history dl:after {
		left: 77px;
	}

	#history dt {
		font-size: 20px;
		top: 3px;
	}

	#history dd {
		font-size: 14px;
		padding-left: 80px;
		line-height: 2em;
	}

	#history dd strong {
		font-size: 13px
	}

	.location iframe {
		height: 300px !important
	}

	.location .info {
		text-align: left;
	}

	.location .info li {
		position: relative;
		display: block;
		padding-left: 90px;
		margin: 5px 0;
		font-size: 14px;
		box-sizing: border-box;
	}

	.location .info li strong {
		position: absolute;
		left: 0;
		top: 3px;
		font-size: 14px;
	}

	.cad-list {
		position: relative;
		z-index: 2;
	}

	.cad-list:after {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		background: #f5f5f5;
		z-index: -1;
	}

	.cad-list li {
		width: 50%;
		padding: 20px 10px;
		height: auto;
	}

	.cad-list li strong {
		font-size: 15px;
		margin: 5px 0;
	}

	.cad-list li p {
		font-size: 14px;
		line-height: 20px;
	}

	.cad-list li p br {
		display: none;
	}

	.cad-info {
		padding: 0px 10px 10px 10px;
		background-size: auto 42px;
		background-repeat: repeat-x
	}

	.cad-info em {
		display: block;
		width: 170px;
		margin: 0 auto 10px;
		padding: 10px 10px 10px 20px;
		font-size: 15px;
		background-position: 15px 50%;
		background-size: auto 20px;
	}

	.cad-info ul {
		display: block;
		width: auto;
	}

	.cad-info li {
		display: block;
		font-size: 15px;
		margin: 0px;
		padding: 0px;
	}

	.cad-info li:before {
		display: none
	}

	.cad-info .more {
		position: relative;
		right: 0;
		top: 0;
		display: block;
		margin: 10px auto;
		font-size: 14px;
	}

	.cust2-list li strong span {
		font-size: 11px;
		line-height: 1.5em;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-list li strong {
		width: 100%;
		height: 50px;
		margin: 0px;
	}

	.cust2-list li p {
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-list li p br {
		display: none;
	}

	.cust2-process ul li {
		display: block;
		padding-left: 30px;
		background-size: 20px auto;
		padding-top: 0;
		background-position: 0 5px;
	}

	.cust2-process ul li.w50 {
		width: auto;
	}

	.cust2-process ul li h5 {
		margin-bottom: 5px;
	}

	.cust2 .btn-down {
		text-align: center;
	}

	.cust2 .btn-down a {
		width: 200px;
		margin: 1%;
		padding-left: 30px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-position: 15px 50%;
		background-size: 25px auto;
	}

	.cust2 .btn-down a.download {
		-webkit-background-size: contain;
		background-size: contain;
		padding: 0 5px 0 30px;
		background-position: -5px 50%;
		text-indent: 0;
	}


	#bsn_popup .center {
		width: 90%;
		padding: 20px;
	}

	#bsn_popup .desc dl dt {
		font-size: 20px;
		padding: 10px 0;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	#bsn_popup .desc dl dt em {
		font-size: 14px;
	}

	#bsn_popup .desc dl dd ul li {
		font-size: 14px;
		margin: 5px 0px;
		padding-left: 0px;
	}

	#bsn_popup .desc dl dd ul li strong {
		font-size: 14px;
	}

	.ml20 {
		margin-left: 15px !important;
	}




	.eng #main .vis-mn .ico {
		margin-top: -20px;
	}

	.eng #main .vis-mn .tit {
		font-size: 13px;
	}

	.eng .cbox>ul.opt li {
		padding-left: 0;
	}

	.eng .cad-info em {
		background-position: 0 50%;
	}

	.eng .cust2-list li strong {
		width: 100%;
		height: 80px;
	}

	.eng .cust2-list li p {
		margin: 0 5px;
	}


}

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

	.pf-list>li {
		width: 48%;
	}

	#bsn_popup .desc .img {
		float: inherit;
		width: auto;
	}

	#bsn_popup .desc .img img {
		margin: 0 auto;
		max-width: 250px !important
	}

	#bsn_popup .desc dl {
		float: inherit;
		width: auto;
	}

	#navi span button {
		min-width: 112px;
		background-position: 90% center;
	}

	#navi span.home {
		display: none;
	}

	/* #navi span.dep1 {display: none;} */

	#gnb-mo>li>ul li ul {
		display: none;
	}

	#sub .sub-tit h3 {
		font-size: 18px;
		line-height: 1.4em;
		color: #000;
		font-weight: 300;
	}

	.aboutus h3 {
		font-size: 18px;
		line-height: 1.8em;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.aboutus h3 br {
		display: none;
	}

	.aboutus p {
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.aboutus p br {
		display: none;
	}

	.greetings .info table colgroup {
		display: none;
	}

	.greetings .info table th {
		padding: 5px 2px;
		width: 40px;
		text-align: center;
	}

	.greetings .info table td {
		padding: 5px 2px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#history dl {
		padding-left: 50px;
	}

	#history dl:after {
		left: 57px;
	}

	#history dl:before {
		left: 50px;
	}

	#history dt {
		font-size: 14px;
	}

	#history dd {
		padding-left: 70px;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#history dd strong {
		padding-left: 25px;
	}

	.ctit {
		font-size: 16px;
		color: #000;
		font-weight: 300;
	}

	.ctit3 {
		font-size: 18px;
		color: #000;
		font-weight: 300;
	}

	.ctxt {
		font-size: 12px;
		line-height: 1.6em;
		padding-left: 0;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.ctxt2 {
		font-size: 13px;
		line-height: 1.6em;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-process .ctxt2 {
		font-size: 13px;
	}

	.clist li {
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cbox {
		padding: 10px;
		border-width: 2px;
	}

	.cbox ul li p {
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
		font-size: 11px;
		line-height: 1.6em;
	}

	.cbox h4 {
		padding-bottom: 0;
	}

	.cbox h5 {
		font-size: 14px;
		margin-bottom: 0;
		color: #000;
		line-height: 2em;
	}

	.cbox .cont {
		margin-bottom: 10px;
		min-height: auto;
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-list li strong span {
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-list li strong span br {
		display: none;
	}

	.cust2-list li p {
		word-break: keep-all !important;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.cust2-process .process {
		padding-top: 2px;
	}

	.cust2-process ul li h5 {
		margin-bottom: 0;
	}

	.cust2-process .dot>li {
		font-size: 12px;
		line-height: 1.6em;
		padding-left: 15px;
	}

	.cust2-process .dot>li:after {
		width: 4px;
		height: 4px;
		border-width: 2px;
		top: 5px;
	}

	.ml20 {
		margin-left: 10px !important;
	}

	#subCont .sb-btn {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
	}




	.eng #main .vis-mn .ico {
		margin-top: -20px;
	}

	.eng #main .vis-mn .tit {
		font-size: 13px;
	}

	.eng .cbox>ul.opt li {
		padding-left: 0;
	}

	.eng .cust2-list li strong {
		width: 100%;
		height: 80px;
	}

	.eng .cust2-list li p {
		margin: 0 5px;
	}

}

@media screen and (max-width: 1024px) {
	.mo-only {
		display: block !important;
	}

	.pc-only {
		display: none !important;
	}

	.mo-br {
		display: inline !important;
	}
}