@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, bd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;background: transparent;border: 0;outline: 0;font-size: 1em;}

body {font-size: 62.5%;}
body, table, input, textarea, select, option {font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
img {vertical-align: top;}
a, a:link {color: #000;	text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}
a:active {color: #000;text-decoration: underline;}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {min-width: 1240px;color: #000;font-size: 13px;line-height: 1.5;-webkit-text-size-adjust: none;text-size-adjust:none;background-color:#FFF;letter-spacing: 0.1em;}
#container {position: relative;text-align: left;padding: 76px 0 0;}
#main { padding-bottom: 100px;}
#home #main { padding-bottom: 0;}
a[href^="tel:"] {cursor: default;pointer-events: none;}
#main a {color: #e60012;}
#main a:hover {text-decoration: underline;}

.sp {display: none !important;}
.mb-unit { margin-bottom:150px;}
.serif { font-weight: bold;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ 明朝", serif;}

.box-mention {background: #e6fafa;font-size: 40px;text-align: center;color: #52656e;padding: 20px 30px;position: relative;}

@media (max-width: 767px) {
	.box-mention {font-size: 20px;text-align: left;}
}

.box-mention:before, .box-mention:after {position: absolute;content: "";background: url(../images/quotationmark.png) no-repeat;width: 78px;height: 68px;font-size: 50px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: .8;}
.box-mention:before {left: -10px;top: -30px;}
.box-mention:after {right: -10px;bottom: -30px;-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}


@media all and (min-width: 0) and (max-width: 767px) {
	body {min-width: inherit;}
	#container {padding-top: 55px;}
	a:hover, a:hover img {opacity: 1 !important;}
	a[href^="tel:"] {cursor: pointer;pointer-events: auto;}
	#main { padding: 0 15px 0 15px;}
	#home #main { padding: 0 0 0 0;}

	.sp {display: block !important;	}
	.pc {display: none !important;}
	.mb-unit { margin-bottom:50px;}
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader .hBox { max-width: 1200px; margin: 0 auto;}
#gHeader .hBoxLogo {max-width: 510px;padding: 24px 0 0 0;float: left;}
#gHeader .hBoxLogo a {text-decoration: none;}
#gHeader .hBoxLogo a img {display: block;float: left;}
#gHeader .hInner {max-width: 1104px;min-width: 73.3%;float: right;}
#gHeader .hInner .hContactBox {max-width: 146px;min-width: 18%;float: right;}
#gHeader .hInner .hContactBox .hLinkBox {width: 100%;float: right;}
#gHeader .hInner .hContactBox .hLinkBox a {padding: 22px 5px 28px;display: block;color: #FFF;font-size:12px;font-weight: bold;text-align: center;letter-spacing: 1px;word-break: break-all;text-decoration: none;background-color: #e60012;}
#gHeader .hInner .hContactBox .hLinkBox a:hover {background-color: #ff1100;}
#gHeader .hInner .hContactBox .hLinkBox a .en {margin-bottom: 1px;display: block;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 700;}
#gHeader .menuBox {display: none;}

@media all and (min-width: 768px) and (max-width: 1399px) {
	#gHeader .hBoxLogo {padding: 30px 0 0 12px;}
	#gHeader .hInner {min-width: 70.3%;}
	#gHeader .hInner .hContactBox .hText {width: 62%;}
	#gHeader .hInner .hContactBox .hText .tel {padding-left: 30px;font-size: 20px;background-size: 24px auto;}
	#gHeader .hInner .hContactBox .hText .time {font-size: 10px;}
	#gHeader .hBoxLogo a img {width: 140px;height: auto;}
	#gHeader .hBoxLogo .text {padding-left: 150px;font-size: 12px;margin-top: 11px;}
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {width: 100%;position: absolute;left: 0;top: 0;z-index: 2000;background-color: #FFF;}
	#gHeader.on {height: 100vh;overflow: auto;position: fixed;margin-top: -16px;}
	#gHeader .hBoxLogo {padding: 33px 0 0 15px;max-width: 250px;overflow: hidden;}
	#gHeader .hBoxLogo a img {display: block;float: left;width: 96px;}
	#gHeader .hBoxLogo .text {margin: 5px 0 0;padding-left: 106px;font-size: 10px;line-height: 1.2;}
	#gHeader .hBox {height: 71px;position: relative;z-index: 2500;background-color: #FFF;}
	#gHeader .hInner {min-width: inherit;float: none;}
	#gHeader .hInner .hContactBox {display: none;}
	#gHeader .menuBtn {width: 55px;height: 55px;position: fixed;top: 0;right: 0;}
	#gHeader .menuBtn img {width: 55px;}
	#gHeader .menuBtn.on {background: url(../images/menu_close.png) no-repeat center center;background-size: 55px 55px;}
	#gHeader .menuBtn.on img {visibility: hidden;}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {margin-top: 15px;max-width: 958px;min-width: 82%;float: left;}
#gNavi li {width: 20%;position: relative;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
#gNavi li:before {width: 1px;height: 80%;position: absolute;background-color: #EDEDED;left: 0;top: 0;content: " ";}
#gNavi li:last-child:after {width: 1px;height: 80%;position: absolute;background-color: #EDEDED;right: 0;top: 0;content: " ";}
#gNavi li a {padding:12px 5px 30px;position: relative;display: block;color: #101010;font-size: 12px;font-weight: bold;text-align: center;line-height: 1;text-decoration: none;letter-spacing: 1px;}
#gNavi li a:before {width: 100%;height: 5px;position: absolute;background-color: #e60012;left: 0;bottom: 0;content: " ";display: none;}
#gNavi li a:hover {color: #e60012;}
#gNavi li a:hover:before {display: block;}
#gNavi li a .en {margin-bottom: 9px;display: block;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 700;word-break: break-all;}

@media all and (min-width: 768px) and (max-width: 1399px) {
	#gNavi li a {letter-spacing: normal;font-size: 11px;padding: 17px 5px 25px;}
	#gNavi li a .en {font-size: 14px;}
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi {display: none;}
	#gHeader .menuBox {padding-top: 0;width: 100%;height: auto;position: relative;left: 0;top: inherit;z-index: 1000;box-sizing: border-box;background-color: #FFF;}
	#gHeader .menuBox .menuInner {padding-bottom: 30px;min-height: 600px;box-sizing: border-box;}
	#gHeader .menuBox .menuNavList li {border-bottom: 1px solid #E5E5E5;}
	#gHeader .menuBox .menuNavList li a {padding: 11px 15px 12px;display: block;color: #101010;font-size: 12px;line-height: 1.4;text-decoration: none;background:url(../images/sp_icon07.png) no-repeat right 15px center;background-size: 18px 5px;}
	#gHeader .menuBox .menuNavList .more > a {background: url(../images/sp_icon09.png) no-repeat right 18px center;background-size: 14px 14px;}
	#gHeader .menuBox .menuNavList .more.on > a {background-image: url(../images/sp_icon10.png);}
	#gHeader .menuBox .menuNavList li a .en {display: block;font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 700;}
	#gHeader .menuBox .menuNavList .subList {display: none;border-top: 1px solid #E5E5E5;background-color: #e60012;}
	#gHeader .menuBox .menuNavList .subList li {border-bottom: 1px solid #ff1100;}
	#gHeader .menuBox .menuNavList .subList li:last-child {border-bottom: none;}
	#gHeader .menuBox .menuNavList .subList li a {padding: 20px 15px 17px;color: #FFF;font-size: 12px;background-image: url(../images/sp_icon08.png);}
	#gHeader .menuBox .menuNavList .subList li a .text {padding-left: 14px;display: inline-block;background: url(../images/line01.png) no-repeat left top 6px;background-size: 7px 1px;}
	#gHeader .menuBox .menuNavList {margin-bottom: 30px;border-top: 1px solid #E5E5E5;}
	#gHeader .menuBox .menuTelBox {margin: 0 15px 15px;}
	#gHeader .menuBox .menuTelBox a {padding: 20px 10px 18px;display: block;text-decoration: none;text-align: center;background-color: #F4F4F4;}
	#gHeader .menuBox .menuTelBox a img {width: 217px;}
	#gHeader .menuBox .menuTelBox a .text {margin-top: 9px;display: block;font-size: 12px;font-weight: bold;}
	#gHeader .menuBox .menuLink {margin: 0 15px;}
	#gHeader .menuBox .menuLink a {padding: 12px 10px 16px;display: block;color: #fff;font-size: 12px;font-weight: bold;text-align: center;text-decoration: none;background: #e60012 url(../images/sp_icon08.png) no-repeat right 15px center;background-size: 18px 5px;}
	#gHeader .menuBox .menuLink a .en {margin-bottom: 2px;display: block;font-family: 'Open Sans', sans-serif;font-size: 18px;font-weight: 700;}
}

@media all and (min-width: 768px) {
	#gNavi {display: block !important;}
	#gHeader .menuBox {display: none !important;}
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {	margin: 0 auto 63px;max-width: 1196px;}
#pagePath li {margin-right: 0;display: inline;color: #000;font-size: 14px;letter-spacing: 0.5px;}
#pagePath li a {padding-right: 6px;color: #e60012;text-decoration: underline;}
#pagePath li a:hover {text-decoration: none;}

@media all and (min-width: 0) and (max-width: 767px) {
	#pagePath {	margin: 0 15px 20px;max-width: inherit;}
	#pagePath li {font-size: 13px;letter-spacing: normal;}
	#pagePath li a:hover {text-decoration: underline;}
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {margin: -281px auto 0;padding: 97px 10px 0;width: 1000px;box-sizing: border-box;background-color: #fff;}
/*#consulting #conts, { width: 1200px;}*/
#conts .mainInnerBox {margin: 0 auto;max-width: 1000px;}
#conts.contsBox {margin: 0 auto;padding: 0;}
#conts ol { list-style: decimal; margin-left: 2rem; font-size: 16px; margin-bottom: 80px;}
#conts ol li {margin-bottom: 10px;}
#conts dl { margin-bottom: 80px; font-size: 16px;}
#conts dl dt {font-size: 26px; color: #BB171A;}
#conts dl dd { margin-bottom: 10px;}
#conts h3 {margin-bottom: 33px;font-size: 27px;}
#conts h4 {margin-bottom: 19px;padding-left: 30px;font-size: 22px;background: url(../images/icon24.png) no-repeat left 2px top 7px;}
#conts p {margin-bottom: 36px;font-size: 16px;line-height: 2.25;letter-spacing: 0.8px;}
#conts .ttl {margin-bottom: 36px;}
#conts .noteList li {margin-bottom: 36px;font-size: 16px;line-height: 2.25;letter-spacing: 1px;}
#conts .noteList li:last-child {margin-bottom: 0;}
#conts .noteList li .text {padding-left: 22px;display: block;background: url(../images/icon25.png) no-repeat left top 9px;}
#conts .noteList li .txt01 {margin-bottom: 36px;display: block;}
#conts .noteList li .txt02 {margin-top: 36px;display: block;}
#conts .noteList .textList li {margin-bottom: 0;padding-left: 14px;background: url(../images/icon20.png) no-repeat left 2px top 15px;}
#conts .noteList {margin-bottom: 46px;}
#conts .line {margin-bottom: 50px;min-height: 1px;box-sizing: border-box;-webkit-box-sizing: border-box;border-bottom: 1px solid #E5E5E5;}
#conts .h4Ttl {margin-bottom: 28px;}
#conts .none {margin-bottom: 0;}

@media all and (min-width: 0) and (max-width: 767px) {
	#conts {padding-bottom: 30px;}
	#conts {width: 100%;margin: -100px auto 0;padding: 30px 10px 0;max-width: inherit;	}
	#conts .mainInnerBox {max-width: inherit;}
	#conts h3 {margin-bottom: 16px;font-size: 20px;}
	#conts h4 {margin-bottom: 12px;padding-left: 18px;font-size: 16px;background-size: 9px 9px;}
	#conts p {margin-bottom: 15px;font-size: 14px;line-height: 1.8;letter-spacing: normal;}
	#conts ol { margin-left: 1rem; font-size: 14px; margin-bottom: 50px;}
	#conts ol li {margin-bottom: 10px;}
	#conts dl { margin-bottom: 50px; font-size: 14px;}
	#conts dl dt {font-size: 16px;}
	#conts dl dd { margin-bottom: 10px;}
	#conts .ttl {margin-bottom: 15px;}
	#conts .noteList li {margin-bottom: 15px;font-size: 14px;line-height: 1.8;letter-spacing: normal;}
	#conts .noteList li .text {margin-bottom: 5px;padding-left: 14px;background-size: 8px 8px;background-position: left top 8px;}
	#conts .noteList li .txt01 {margin-bottom: 10px;}
	#conts .noteList li .txt02 {margin-top: 10px;}
	#conts .noteList .textList li {padding-left: 12px;background: url(../images/icon20.png) no-repeat left 2px top 9px;}
	#conts .noteList {margin-bottom: 20px;}
	#conts .line {margin-bottom: 25px;}
	#conts .h4Ttl {margin-bottom: 12px;}
}

@media all and (min-width: 0) and (max-width: 374px) {
	#conts .pageTitle01 h2 {font-size: 13px;}
	#conts .pageTitle01 h2 .en {font-size: 34px;}
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {padding-top: 52px;background-color: #52656e;}
#gFooter .fBox {margin: 0 auto;max-width: 1400px;padding-left: 5.5%;box-sizing: border-box;	-webkit-box-sizing: border-box;}
#gFooter .fBox .fBoxL {padding-right: 5px;width: 38%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
#gFooter .fBox .fBoxL .fLogo .text {margin-top: 10px;display: block;color: #FFF;font-size: 14px;}
#gFooter .fBox .fBoxL .fLogo {margin-bottom: 18px;padding-top: 5px;}
#gFooter .fBox .fBoxL .fAddress {color: #FFF;font-size: 14px;word-break: break-all;}
#gFooter .fBox .fBoxL .fAddress h4 { font-size: 16px; margin-top: 20px}
#gFooter .fBox .fBoxL .fAddress a {color: #FFF;	text-decoration: none;}
#gFooter .fBox .fBoxR {padding-left: 1.5%;width: 60%;position: relative;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
#gFooter .fBox .fBoxR:before {width: 1px;height: 242px;position: absolute;/*background-color: #176185;*/left: 0;top: 5px;content: " ";}
#gFooter .fBox .fBoxR .fNavList { padding-top: 83px/*25px*/;}
#gFooter .fBox .fBoxR .fNavList > li {padding-right: 5px;width: 36%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;}
#gFooter .fBox .fBoxR .fNavList > li:nth-child(2) {width: 38%;}
#gFooter .fBox .fBoxR .fNavList > li:nth-child(3) {width: 25.9%;}
#gFooter .fBox .fBoxR .fNavList .fSubList li {margin-bottom: 25px;}
#gFooter .fBox .fBoxR .fNavList .fSubList li:last-child {margin-bottom: 0;}
#gFooter .fBox .fBoxR .fNavList .fSubList li a {color: #FFF;font-size: 16px;font-weight: bold;}
#gFooter .fBox .fBoxR .fNavList .fInnerList {padding: 11px 0 4px;}
#gFooter .fBox .fBoxR .fNavList .fInnerList li {margin-bottom: 9px;}
#gFooter .fBox .fBoxR .fNavList .fInnerList li a {padding-left: 14px;position: relative;display: inline-block;font-size: 14px;font-weight: normal;}
#gFooter .fBox .fBoxR .fNavList .fInnerList li a:before {margin-top: -2px;width: 8px;height: 1px;position: absolute;background-color: #bbc5ca;left: 0;top: 50%;content: " ";}
#gFooter .fInnerBox {margin-top: 72px;padding: 21px 0 24px;background-color: #52656e;border-top: 1px solid #bbc5ca;}
#gFooter .fInnerBox .fBox {padding-left: 0;position: relative;}
#gFooter .fInnerBox .copyright {color: #FFF;font-family: 'Open Sans', sans-serif;font-size: 10px;text-align: center;}

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter {padding-top: 30px; text-align: center;}
	#gFooter .fBox {max-width: inherit;padding: 0;}
	#gFooter .fBox .fBoxL {margin-bottom: 28px;padding-right: 0;width: auto;float: none;}
	#gFooter .fBox .fBoxL .fLogo .text {margin-top: 18px;}
	#gFooter .fBox .fBoxL .fLogo {margin-bottom: 8px;padding-top:0;}
	#gFooter .fBox .fBoxL .fAddress {padding: 0 15px;font-size: 12px;}
	#gFooter .fBox .fBoxR {padding-left: 0;width: auto;float: none;}
	#gFooter .fBox .fBoxR:before {display: none;}
	#gFooter .fBox .fBoxR .fNavList > li {width: auto;float: none;}
	#gFooter .fBox .fBoxR .fNavList > li:nth-child(2) {width: auto;}
	#gFooter .fBox .fBoxR .fNavList > li:nth-child(3) {width: auto;}
	#gFooter .fBox .fBoxR .fNavList .fSubList li {margin-bottom: 0;border-top: 1px solid #bbc5ca;}
	#gFooter .fBox .fBoxR .fNavList .fSubList li:last-child {margin-bottom: 0;border-bottom: none;}
	#gFooter .fBox .fBoxR .fNavList .fSubList li a {padding: 10px 15px;position: relative;display: block;font-size: 12px;text-decoration: none;}
	#gFooter .fBox .fBoxR .fNavList .fSubList li a:before {margin-top: -3px;width: 18px;height: 5px;position: absolute;background: url(../images/icon02.png) no-repeat left top;		background-size: 18px 5px;right: 10px;top: 50%;content: " ";}
	#gFooter .fBox .fBoxR .fNavList .fInnerList {display: none;}
	#gFooter .fInnerBox {margin-top: 0;padding: 14px 0 12px;}
	#gFooter .fInnerBox .fBox {padding: 0 15px;}
	#gFooter .fInnerBox .fBox:after {content: "";display: block;clear: both;}
	/*#gFooter .fInnerBox .copyright {float: left; padding: 2px 0;}*/
}

@media all and (min-width: 0) and (max-width: 320px) {
  #gFooter .fInnerBox .copyright {float: none; display: block;text-align: center;}
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {zoom: 1;}
	*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";	display: block;	clear: both;}

.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {width: 68px;height: 68px;position: fixed;	right: 16px;bottom: 73px;}
.pageTop a {display: block;}
.pageTop a:hover img {visibility: hidden;}
.pageTop a:hover {background: url(../images/page_top_on.png) no-repeat center center;}

/*------------------------------------------------------------
	pageTitle01
------------------------------------------------------------*/
.pageTitle01 {/*margin-bottom: -5px;*/height: 450px;}
.pageTitle01 .pageBox {/*padding-right: calc(50% - 460px);*/}

#news .pageTitle01 .pageInner {background: url(../images/ttl-news.jpg) no-repeat left top; background-size: cover;}
#service .pageTitle01 .pageInner {background: url(../images/ttl-service.jpg) no-repeat right top; background-size: cover;}
#consulting .pageTitle01 .pageInner {background: url(../images/ttl-consulting.jpg) no-repeat right top; background-size: cover;}
#design .pageTitle01 .pageInner {background: url(../images/ttl-design.jpg) no-repeat right top; background-size: cover;}
#kitting .pageTitle01 .pageInner {background: url(../images/ttl-kitting.jpg) no-repeat right top; background-size: cover;}
#support .pageTitle01 .pageInner {background: url(../images/ttl-support.jpg) no-repeat right top; background-size: cover;}
#works .pageTitle01 .pageInner {background: url(../images/ttl-works.jpg) no-repeat right top; background-size: cover;}
#company .pageTitle01 .pageInner {background: url(../images/ttl-company.jpg) no-repeat center top; background-size: cover;}
#contact .pageTitle01 .pageInner {background: url(../images/ttl-contact.jpg) no-repeat right top; background-size: cover;}
#guideline .pageTitle01 .pageInner {background: url(../images/ttl-guideline.jpg) no-repeat center top; background-size: cover;}
#privacy .pageTitle01 .pageInner {background: url(../images/ttl-privacy.jpg) no-repeat left top; background-size: cover;}
.pageTitle01 .pageInner {min-height: 440px;box-sizing: border-box;-webkit-box-sizing: border-box;background: url(../images/demo-ttl.jpg) no-repeat right top;background-size: cover;}

.pageTitle01 h2 {margin: -300px auto 0;max-width: 1200px;color: #fff;font-size: 18px;font-weight: normal;line-height: 1.2;text-align: left;}
.pageTitle01 h2 .en {margin-bottom: 2px;display: block;color: #fff;font-family: 'Open Sans', sans-serif;font-size: 80px;font-weight: 700;letter-spacing: 0.6px;}
.pageTitle01 h2 .en .colTxt {color: #e60012;}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#main .headLine01 {margin-bottom: 43px;border-top: 1px solid #E5E5E5;}
#main .headLine01 .jp {margin-top: -1px;padding: 50px 35px 0 0;display: inline-block;position: relative;font-size: 38px;}
#company #main .headLine01 .jp {letter-spacing: 15px;}
#main .headLine01 .jp:before {width: 200px;height: 1px;position: absolute;left: 0;top: 0;background-color: #e60012;content: "";}

/*------------------------------------------------------------
	comLinkList
------------------------------------------------------------*/
#main .comLinkList {margin: -2px auto 35px;width: 1200px;}
#main .comLinkList li {margin-top: 2px;position: relative;float: left;}
#main .comLinkList li:nth-child(2n) {float: right;}
#main .comLinkList li a {display: block;overflow: hidden;}
#main .comLinkList li a img {transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;}
#main .comLinkList li a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);}
#main .comLinkList li .txtBox {width: 100%;height: 100%;position: absolute;left: 0;	top: 0;}
#main .comLinkList li .txtBox .inner {padding: 0 30px;width: 100%;height: 100%;display: table;table-layout: fixed;box-sizing: border-box;}
#main .comLinkList li .txtBox .inner .subInn {display: table-cell;vertical-align: middle;}
#main .comLinkList li .txtBox p {color: #fff;font-size: 14px;letter-spacing: 1px;}
#main .comLinkList li .txtBox .ttl {margin-bottom: 11px;}
#main .comLinkList li .txtBox .ttl .en {margin-bottom: 1px;display: block;font-size: 12px;font-family: 'Open Sans', sans-serif;font-weight: 700;}
#main .comLinkList li .txtBox .ttl .jp {padding-right: 35px;display: inline-block;font-size: 24px;font-weight: bold;background: url(../images/icon08.png) no-repeat right center;}

/*------------------------------------------------------------
	comContactBox
------------------------------------------------------------*/
#main .comContactBox {padding: 87px 10px 100px;background: url(../images/bg-contact.jpg) no-repeat center top;background-size: cover;}
#main .comContactBox h3 {margin-bottom: 42px;font-size: 18px;font-weight: normal;text-align: center;}
#main .comContactBox h3 .en {margin-bottom: 3px;display: block;font-size: 60px;}
#main .comContactBox p {margin: 0 auto 34px;max-width: 1100px;font-size: 16px;text-align: center;}
#main .comContactBox ul {margin: 0 auto;width: 1000px;box-shadow: 0 10px 35px rgba(8,0,0,0.2);background-color: #fff;}
#main .comContactBox li {width: 50%;float: left;text-align: center;box-sizing: border-box;}
#main .comContactBox li a {padding: 42px 5px 46px;display: block;}
#main .comContactBox li:last-child a {padding: 46px 5px 44px; -webkit-transition: .3s; transition: .3s;}
#main .comContactBox li:first-child {border-right: 1px solid #E5E5E5;}
#main .comContactBox li .txt {display: block;font-size: 14px;font-weight: bold;}
#main .comContactBox li:last-child a .txt {margin-bottom: 4px;}
#main .comContactBox li a img {margin: 0 auto;padding: 11px 0 13px;	display: block;}
#main .comContactBox li a:hover {color: #fff;text-decoration: none;background-color: #e60012;}
#main .comContactBox li a .pho {display: block;}
#main .comContactBox li a:hover img {visibility: hidden;}

@media all and (min-width: 0) and (max-width: 767px) {
	/*------------------------------------------------------------
		pageTop
	------------------------------------------------------------*/
	.pageTop {width: auto;height: auto;position: static;right: auto;bottom: auto;border-top: 1px solid #E5E5E5;}
	.pageTop a {padding: 15px 0 20px;}
	.pageTop a img {margin: 0 auto;width: 20px;}
	.pageTop a:hover img {visibility: visible;}
	.pageTop a:hover {background: none;}

	/*------------------------------------------------------------
		pageTitle01
	------------------------------------------------------------*/
	.pageTitle01 {height: 200px;margin-bottom: 12px;}
	.pageTitle01 .pageBox {/* padding-right: 55px; */ padding-right: 0;}
	.pageTitle01 .pageInner {min-height: 200px;}
	.pageTitle01 h2 {margin: -120px auto 0;padding: 0 15px;max-width: inherit;font-size: 14px;}
	.pageTitle01 h2 .en {font-size: 40px;}

	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#main .headLine01 {margin-bottom: 20px;}
	#main .headLine01 .jp {padding: 15px 35px 0 0;font-size: 20px;}
	#main .headLine01 .jp:before {width: 110px;}

	/*------------------------------------------------------------
		comLinkList
	------------------------------------------------------------*/
	#main .comLinkList {/*margin: 36px 15px 30px;*/width: auto;}
	#main .comLinkList li {margin-top: 0;float: none;height: 160px;border-bottom: 1px solid #FFF;background: url(../images/bn-consulting.jpg) no-repeat center center;background-size: cover;}
	#main .comLinkList li:last-child {border-bottom: none;}
	#main .comLinkList li:nth-child(2) {background-image: url(../images/bn-kitting.jpg);}
	#main .comLinkList li:nth-child(3) {background-image: url(../images/bn-design.jpg);}
	#main .comLinkList li:nth-child(4) {background-image: url(../images/bn-support.jpg);}
	#main .comLinkList li:nth-child(5) {background-image: url(../images/com_photo05_out.jpg);}
	#main .comLinkList li:last-child {/*background-image: url(com_photo06_out.jpg);*/}
	#main .comLinkList li img {display: none;}
	#main .comLinkList li a {width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-decoration: none;}
	#main .comLinkList li a:before {width: 15px;height: 5px;position: absolute;background: url(../images/icon08.png) no-repeat left top;background-size: 15px 5px;right: 10px;top: 50%;content: " ";}
	#main .comLinkList li:nth-child(2n) {float: none;}
	#main .comLinkList li .txtBox {padding: 0 35px 0 15px;position: static;left: auto;top: auto;display: table;table-layout: fixed;box-sizing: border-box;-webkit-box-sizing: border-box;}
	#main .comLinkList li .txtBox .inner {padding: 0;display: table-cell;text-align: left;vertical-align: middle;}
	#main .comLinkList li .txtBox .inner .subInn {display: block;}
	#main .comLinkList li .txtBox .ttl {margin-bottom: 5px;}
	#main .comLinkList li .txtBox .ttl .en {font-size: 12px;}
	#main .comLinkList li .txtBox .ttl .jp {padding-right: 18px;font-size: 16px;background: none;}

	/*------------------------------------------------------------
		comContactBox
	------------------------------------------------------------*/
	#main .comContactBox {padding: 44px 15px 50px;}
	#main .comContactBox h3 {margin-bottom: 24px; font-size: 13px;}
	#main .comContactBox h3 .en {margin-bottom: 0;font-size: 34px;line-height: 1.3;letter-spacing: 1px;}
	#main .comContactBox p {margin: 0 0 22px;max-width: inherit;font-size: 14px;line-height: 1.85;}
	
	/*------------------------------------------------------------
		mainBox
	------------------------------------------------------------*/
	#main .mainBox {padding-left: 0;}

	/*------------------------------------------------------------
		comLinkItem
	------------------------------------------------------------*/
	#main .comLinkItem {margin: -10px auto 30px;padding: 0 10px;width: auto;}
	#main .comLinkItem li {margin: 10px 0 0;float: none;}
	#main .comLinkItem li a {padding: 10px;height: auto;width: 100%;}
	#main .comLinkItem li a .txt {font-size: 15px;}
	#main .comLinkItem .ttl a .en {font-size: 25px;}
	#main .comLinkItem .ttl a .sizeTxt {font-size: 14px;}
	#main .comLinkItem li a:hover {color: #000;text-decoration: none;border-color: #E5E5E5;background-color: #FFF;}
	#main .comLinkItem .ttl a:hover {color: #FFF;text-decoration: none;background-color: #00537A;}
	#main .comLinkItem li a:hover .inner {background-image: url(../images/icon05.png);}
}


/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#home .mainVisual {position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;/*margin-bottom: 79px;padding-right: calc(50% - 340px);min-height: 688px;*/}
#home .mainVisual .bgList {width: auto;height: 800px;position: relative;z-index: 100;}
#home .mainVisual .bgList .slick-slide {width: 100%;height: 800px;background: url(../images/bg-slide01.jpg) no-repeat right top;background-size: cover;}
#home .mainVisual .bgList .bg01 {background-image: url(../images/bg-slide02.jpg);}
#home .mainVisual .bgList .bg02 {background-image: url(../images/bg-slide03.jpg);}
#home .mainVisual .mainSub {margin-left: -700px;padding-top: 50px;width: 1400px;position: absolute;left: 50%;top: 0;z-index: 200;}
.mainInner {margin: 0 auto;max-width: 1200px;}
#home .mainVisual .mainInner {color:#fff;margin:-41px 50px 35px 100px;width: 640px;min-height: 540px;/*float: right;*/box-sizing: border-box;-webkit-box-sizing: border-box;}
#home .mainVisual .mainInner h2 {padding: 0;width: 100%;height: 540px;display: table;font-size: 21px;table-layout: fixed;word-break: break-all;box-sizing: border-box;-webkit-box-sizing: border-box; letter-spacing: 0.5rem;}
#home .mainVisual .mainInner h2 .cellTxt {display: table-cell;text-align: left;vertical-align: middle;/*letter-spacing: 3px;*/}
#home .mainVisual .mainInner h2 .en {font-size: 90px;font-weight: 700;line-height:1;margin-bottom: 20px;position: relative;display: block;font-family:'Open Sans', sans-serif;}
/*#home .mainVisual .mainInner h2 .en:before {width: 100px;height: 8px;	position: absolute;background-color: #e60012;left: 10px;bottom: 0;content: " ";}*/
#home .mainVisual .slick-dots {	width: 210px;clear: both;position: absolute;right: -240px;bottom: -5px;text-align: center;}
#home .mainVisual .slick-dots li button {display: none;}
#home .mainVisual .slick-dots li {margin: 0 5px;width: 40px;height: 5px;cursor: pointer;display: inline-block;background: url(../images/icon12.png) no-repeat center center;	background-size: cover;}
#home .mainVisual .slick-dots .slick-active {background-image: url(../images/icon12_on.png);}
/*AOMEI / */
#home .mainVisual .aomei-pc {width: 342px; padding: 20px; position: absolute; right: 100px;bottom: -100px; background:rgba(255,255,255,0.9); }
#home .mainVisual .aomei-pc h3 { font-size: 16px; font-weight: bold; margin: 10px 0;}
#home .mainVisual .aomei-pc p { font-size: 14px; font-weight: bold;}
#home .aomei-sp { display: none;}
/* / AOMEI*/
#home .sec01 {padding: 20px 0 55px 0; /*margin-top: -96px;*/background: #dfdfdf;}
#home .sec01 ul { padding: 20px 0 0 0; width: 100%; font-size: 16px;}
#home .sec01 ul li { border-bottom: 1px solid #ccc; padding: 10px 0;}
#home .newsbox-l{float:left; width: 320px;}
#home .newsbox-r{float:right; width: 880px;}
#home .newsbox-r span { font-weight: bold;margin-right: 10px;}
#home .sec01 .linkBox { margin: 0;}

.h3Ttl {margin-bottom: 50px;font-size: 18px;font-weight: normal;}
.h3Ttl .en {margin-bottom: 4px;padding-top: 10px;position: relative;display: block;color: #000;font-family: 'Open Sans', sans-serif;font-size: 60px;font-weight: 700;	letter-spacing:0.6px;word-break: break-all;}
.h3Ttl .en .colTxt {color: #e60012;}

#home .linkBox {margin: 0 auto;width: 250px;}
#home .linkBox a {padding: 21px 5px 20px;display: block;color: #fff;font-size: 16px;font-weight: bold;text-align: center;text-decoration: none;box-shadow: 0 10px 15px rgba(153,153,153,0.3);background-color: #e60012; -webkit-transition: .2s; transition: .2s;}
#home .linkBox a span {padding-right: 44px;display: inline-block;background: url(../images/icon08.png) no-repeat right center;}
#home .linkBox a:hover {color: #e60012;background-color: #FFF;}
#home .linkBox a:hover span {background-image: url(../images/icon07.png);}
#home .sec02 {padding: 121px 0 104px;background: url(../images/bg-sec02.png) no-repeat right top;}
#home .sec02 .h3Ttl .en .note { font-size: 30px; margin:25px 0 0 50px;}
.h3Ttl .en .note {margin: 36px 0 0 50px;display: inline-block;color: #000;font-size: 16px;font-weight: normal;letter-spacing: normal;vertical-align: top;}
#home .banner-wrap{display: flex;justify-content: space-between;margin-bottom: 60px;}
#home .banner-item{background: #fff;}
#home .banner-item:hover {opacity: 0.5;box-shadow: -5px 10px 20px rgba(21,0,1,0.1); -webkit-box-shadow: -3px 10px 20px rgba(21,0,1,0.1);}
#home .mainInner {margin: 0 auto;max-width: 1200px;}

@media all and (min-width: 0) and (max-width: 767px) {
    #home .banner-wrap{display: block;margin-bottom: 30px;}
    #home .banner-item{width: 100%;}
    #home .banner-item + .banner-item{margin-top: 10px;}
    #home .banner-item img{width: 100%;}
	#home .sec02 .h3Ttl .en .note { font-size: 16px; margin:23px 0 0 0;}
}

#home .sec03 {padding: 0;min-height: 500px;}
#home .sec03in {min-height: 500px;background: url(../images/bg-sec03.jpg) no-repeat center top;background-size: cover;}
#home .sec03 .content {margin: 0 auto;max-width: 1400px;}
#home .sec03 .content .innerBox {margin-top: -70px;width: 530px;min-height: 530px;float: right;box-sizing: border-box;-webkit-box-sizing: border-box;background-color:#FFF;}
#home .sec03 .content .innerBox .subBox {padding: 0 80px 0 100px;width: 100%;height: 530px;display: table;table-layout: fixed;box-sizing: border-box;-webkit-box-sizing: border-box;}
#home .sec03 .content .innerBox .subBox .cellBox {display: table-cell;text-align: left;vertical-align: middle;}
#home .sec03 .content .innerBox .h3Ttl {margin-bottom: 27px;}
#home .sec03 .content .innerBox p {margin-bottom: 24px;color: #101010;font-size: 16px;line-height: 1.95;}
#home .sec03 .content .innerBox .linkBox {margin: 0;}
#home .sec03 .content .innerBox .linkBox a span {padding-right: 78px;}

#home .sec04 {padding: 0;min-height: 500px;}
#home .sec04in {min-height: 500px;background: url(../images/bg-sec04.jpg) no-repeat center top;background-size: cover;}
#home .sec04 .content {margin: 0 auto;max-width: 1400px;}
#home .sec04 .content .innerBox {margin-top: -70px;width: 530px;min-height: 530px;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;background-color:#FFF;}
#home .sec04 .content .innerBox .subBox {padding: 0 80px 0 100px;width: 100%;height: 530px;display: table;table-layout: fixed;box-sizing: border-box;-webkit-box-sizing: border-box;}
#home .sec04 .content .innerBox .subBox .cellBox {display: table-cell;text-align: left;vertical-align: middle;}
#home .sec04 .content .innerBox .h3Ttl {margin-bottom: 27px;}
#home .sec04 .content .innerBox p {margin-bottom: 24px;color: #101010;font-size: 16px;line-height: 1.95;}
#home .sec04 .content .innerBox .linkBox {margin: 0;}
#home .sec04 .content .innerBox .linkBox a span {padding-right: 78px;}

@media all and (min-width: 768px) and (max-width: 1400px) {
	#home .mainVisual .mainSub {margin-left: -600px;width: 1200px;}
}

@media all and (min-width: 0) and (max-width: 767px) {
	#home {padding: 0 15px;}
	#home .mainVisual {margin: 0 -15px 30px;/*padding-right: 25px;*//*min-height: 485px;*/}
	#home .mainVisual .bgList {height: 320px;position: relative;}
	#home .mainVisual .bgList .slick-slide {height: 320px;background-image: url(../images/bg-slide01-sp.jpg);background-position: center center;}
	#home .mainVisual .bgList .bg01 {background-image: url(../images/bg-slide02-sp.jpg);}
	#home .mainVisual .bgList .bg02 {background-image: url(../images/bg-slide03-sp.jpg);}
	#home .mainVisual .mainSub {margin-left: 0;padding: 0;width: 100%;height: 100%;position: static;left: auto;top: auto;box-sizing: border-box;-webkit-box-sizing: border-box;}
	#home .mainVisual .mainInner {margin:0;width: 296px;min-height: 250px;position: absolute;left: 15px;top: 30px;z-index: 300;}
	#home .mainVisual .mainInner h2 {/*padding: 0 14px 0 34px;*/width: 100%;height: 250px;font-size: 14px; letter-spacing: 0.01em;}
	#home .mainVisual .mainInner h2 .en {margin-bottom: 10px;/*padding-bottom: 16px;*/font-size: 44px; letter-spacing: 0.09em; line-height: 0.97;}
	#home .mainVisual .mainInner h2 .en:before {width: 50px;height: 4px;left: 5px;}
	#home .mainVisual .mainInner h2 .cellTxt { vertical-align: top;}
	#home .mainVisual .slick-dots {width: 106px;position: absolute;left: 11px;bottom: -25px;right: auto;}
	#home .mainVisual .slick-dots li {margin: 0 3px;width: 20px;height: 2px;background-size: 20px 2px;}
	#home .mainVisual .link {right: auto;left: 10px;}
	#home .mainVisual .link a img {width: 10px;}
    /*AOMEI / */
    #home .mainVisual .aomei-pc {display: none;}
    #home .aomei-sp { display: block; background: #dfdfdf; padding:20px; margin-bottom: 50px; text-align: center;}
    #home .aomei-sp .logo-aomei {width: 200px; margin:0 auto 15px; }
    #home .aomei-sp .aomei-unit {}
    /* / AOMEI*/
	#home .sec01 {padding: 0 0 50px 0;/*margin-top: -96px;*/background: #fff;}
	#home .sec01 .h3Ttl { margin-bottom: 0;}
	#home .sec01 ul { padding: 30px 0 0 0; width: 100%;}
	#home .sec01 ul li { border-bottom: 1px solid #ededed; padding: 8px 0;}
	#home .newsbox-l{float:none;width: 100%;}
	#home .newsbox-r{float:none; width: 100%;}
	#home .newsbox-r span { margin-right: 10px; font-size: 12px;}
	#home .newsbox-r a {display: block; font-size: 14px;}
	#home .sec01 .linkBox { margin: 0 auto; padding-top: 50px;}
	#home .sec01 .imgBox .phoBox {margin-top: 0;width: auto;min-height: inherit;float: none;}
	#home .sec01 .imgBox .phoBoxIn {background: none;min-height: inherit;}
	#home .sec01 .imgBox .phoBox img {width: 100%;}
	#home .sec01 .imgBox .textBox {margin: 0 -15px 23px 0;padding: 0 15px 0 0;width: auto;float: none;background: url(../images/sp_bg01.png) no-repeat right top 75px;background-size: 200px 300px;}
	#home .sec01 .imgBox .textBox .inner {width: auto;float: none;}
	#home .sec01 .imgBox .textBox h3 .text {margin-top: 9px;font-size: 25px;line-height: 1.45;}
	#home .sec01 .imgBox .textBox h3 .en {padding-left: 30px;font-size: 12px;}
	#home .sec01 .imgBox .textBox h3 .en:before {width: 21px;}
	#home .sec01 .imgBox .textBox h3 {margin-bottom: 15px;}
	#home .sec01 .imgBox .textBox p {font-size: 14px;font-weight: normal;line-height: 1.85;}
	.h3Ttl {margin-bottom: 72px;font-size: 13px;font-weight: normal;letter-spacing: 2px;}
	.h3Ttl .en {margin-bottom: -1px;padding-top: 5px;font-size: 34px;letter-spacing: 1px;}
	.h3Ttl .en:before {width: 25px;height: 3px;}
	#home .sec02 {padding: 30px 0 50px 0;background: url(../images/bg-sec02.png) no-repeat;background-position: bottom 0 right -300px;}
	/*#home .sec02 .h3Ttl {margin-bottom: 36px;}*/
	#home .linkBox a {padding: 23px 5px 21px;font-size: 14px;box-shadow: 0 10px 10px rgba(153,153,153,0.2);}
	#home .linkBox a span {padding-right: 30px;}
	#home .linkBox a:hover {color: #fff;background-color: #e60012;}
	#home .linkBox a:hover span {background-image: url(../images/icon08.png);}
	
	.h3Ttl .en .note {margin: 0;display: block;position: absolute;left: 0;bottom: -88px;/*bottom: -71px;*/font-size: 14px;}
	.h3Ttl {margin-bottom: 79px;position: relative;}
	
	#home .sec03 {margin: 0 -15px;padding: 0 15px 50px; min-height: inherit;}
	#home .sec03in { min-height: inherit;background: none;}
	#home .sec03 .photo {margin: 0 -15px 28px;}
	#home .sec03 .photo img {width: 100%;}
	#home .sec03 .content {max-width: inherit;}
	#home .sec03 .content .innerBox {margin-top: 0;width: auto;min-height: inherit;float: none;}
	#home .sec03 .content .innerBox .subBox {padding: 0;width: auto;height: auto;display: block;table-layout: auto;}
	#home .content .innerBox .subBox .cellBox {display: block;}
	#home .sec03 .content .innerBox .h3Ttl {margin-bottom: 23px;}
	#home .sec03 .content .innerBox p {margin-bottom: 24px;font-size: 13px;}
	#home .sec03 .content .innerBox .linkBox {margin: 0 auto;}
	#home .sec03 .content .innerBox .linkBox a span {padding-right: 30px;}
	#home .sec04 {margin: 0 -15px;padding: 0 15px 50px; min-height: inherit;}
	#home .sec04in { min-height: inherit;background: none;}
	#home .sec04 .photo {margin: 0 -15px 28px;}
	#home .sec04 .photo img {width: 100%;}
	#home .sec04 .content {max-width: inherit;}
	#home .sec04 .content .innerBox {margin-top: 0;width: auto;min-height: inherit;float: none;}
	#home .sec04 .content .innerBox .subBox {padding: 0;width: auto;height: auto;display: block;table-layout: auto;}
	#home .sec04 .content .innerBox .h3Ttl {margin-bottom: 23px;}
	#home .sec04 .content .innerBox p {margin-bottom: 24px;font-size: 13px;}
	#home .sec04 .content .innerBox .linkBox {margin: 0 auto;}
	#home .sec04 .content .innerBox .linkBox a span {padding-right: 30px;}
	#home .comContactBox {margin: 0 -15px;}
}

@media all and (min-width: 0) and (max-width: 374px) {
	#home .mainVisual .mainInner {/*width: 200px;*/min-height: 200px;}
	#home .mainVisual .mainInner h2 {padding: 0 20px;height: 200px;font-size: 11px;}
	#home .mainVisual .mainInner h2 .en {font-size: 30px;}
	#home .mainVisual .mainSub .dotsList {width: 96px;}
	#home .mainVisual .mainSub .dotsList li {width: 18px;background-size: 18px 2px;}
    /*AOMEI / */
    #home .mainVisual .aomei-pc {display: none;}
    /* / AOMEI*/
}

/*------------------------------------------------------------
	news
------------------------------------------------------------*/
#news #main ul { font-size: 16px; padding: 0; width: 100%;}
#news #main ul li { border-bottom: 1px solid #ccc; padding: 1em 0;}
#news #main ul li span { margin-right: 1rem; font-weight: bold;}

@media all and (min-width: 0) and (max-width: 767px) {
	#news #main ul { font-size: 14px; /*padding: 30px 0 0 0; */width: 100%;}
	#news #main ul li { border-bottom: 1px solid #ededed; padding: 8px 0;}
	#news #main ul li span { font-size: 12px; margin-right: 10px;}
	#news #main ul li a {display: block;}
}

/*------------------------------------------------------------
	service
------------------------------------------------------------*/
#service .comLinkList {clear: both; padding-top: 50px;}
.imgBox .photoBox {margin: 8px -1px 0 0;width: 400px;float: right;}
.imgBox .textBox {/*width: 690px;*/ width: 700px; float: left;}
.imgBox .textBox h3 {font-weight: normal;margin: 0 0 33px 0;padding: 3px 0 2px 15px;color: #e60012;border-left: 4px solid #e60012;font-size: 40px;letter-spacing: 3px;line-height: 1.46;letter-spacing: 1.5px;}
.imgBox .textBox .txt {margin: 0 0 40px 2px;font-size: 16px;letter-spacing: 1px;line-height: 2;}
.imgBox .textBox .note {font-size: 16px;letter-spacing: 1.4px;text-align: right;}
.imgBox .textBox .note .sizeTxt {margin-left: 16px;font-size: 22px;font-weight: bold;}
.textBox h4{ font-size: 22px; color:#e60012;margin: 0 0 10px;}

@media all and (min-width: 0) and (max-width: 767px) {
	#service .comLinkList {padding-top: 30px;}
	.imgBox .photoBox {margin: 0 auto 15px;width: 75%;float: none;text-align: center;}
	#kitting .imgBox .photoBox {width: 100%;}
	.imgBox .photoBox img {max-width: 100%;width: auto;}
	.imgBox .textBox {width: auto;/*padding: 0 10px;*/float: none;}
	.imgBox .textBox h3 {margin-bottom: 20px;font-size: 24px;letter-spacing: 0;}
	.imgBox .textBox .txt {margin: 0 0 12px;font-size: 14px;}
	.imgBox .textBox .note {font-size: 14px;}
	.imgBox .textBox .note .sizeTxt {font-size: 19px;}
	.textBox h4{ font-size: 16px;margin: 0 0 10px;}
}

/*------------------------------------------------------------
	kitting
------------------------------------------------------------*/
#kitting .headLine01.h3s .jp { font-size:34px;}
#kitting .lead { font-size: 16px; background: #ededed; border: 1px solid #dfdfdf; margin-bottom: 20px; padding: 10px;}
#kitting .scroll { margin-bottom: 50px; }
#kitting .scroll table { width: 100%; border-collapse: collapse;border-spacing: 0;}
#kitting caption { font-size: 18px; padding: 10px; border: 1px solid #ccc;font-weight: bold;background:#dfdfdf;}
#kitting th, #kitting td { padding: 10px; border: 1px solid #ccc; letter-spacing: 1px;}
#kitting th { background: #ededed; text-align: center; font-size: 16px;}
#kitting th.cap { background: #fff;}
#kitting .t01 { width: 17%;}
#kitting .t02 { width: 25%;}
#kitting .t03 { width: 58%;}
#kitting #pricebox .price-l { float: left; width: 48%;}
#kitting #pricebox .price-r { float: right; width: 48%;}
#kitting #pricebox table { width: 100%; border-collapse: collapse;border-spacing: 0; margin-bottom:20px;}
#kitting #pricebox p.m-b30 { margin-bottom:30px;}
#kitting #pricebox th, #kitting #pricebox td { width:33%;}
#kitting #pricebox td { text-align: center;}
#kitting .box-mention { font-size:23px; text-align: left;}

@media screen and (max-width: 640px) {
	#kitting .headLine01.h3s .jp { font-size:17px;}
 	#kitting .scroll {overflow-x: auto;}
	#kitting .scroll table {min-width: 640px;margin: 0 10px 50px;}
	#kitting #pricebox table { width: 100% !important;}
	#kitting #pricebox .price-l { float: none; width: 100%;}
	#kitting #pricebox .price-r { float: none; width: 100%;}
	#kitting .box-mention { font-size:16px; padding: 15px; margin-top: 40px;}
}

/*------------------------------------------------------------
	WORKS
------------------------------------------------------------*/
#works h4 {margin-bottom: 19px;	padding-left: 30px;	font-size: 22px;background: url(../images/icon24.png) no-repeat left 2px top 7px;}
#works table { width: 100%; border-collapse: collapse;border-spacing: 0;}
#works th, #works td { padding: 10px; border: 1px solid #ccc; letter-spacing: 1px;}
#works th { background: #dfdfdf; text-align: center; font-size: 16px;}
#works th.cap { background: #ededed;}
#works .t01 { width: 10%;}
#works .t02 { width: 23%;}
#works .t03 { width: 10%;}
#works .t04 { width: 57%;}

@media screen and (max-width: 640px) {
	#works .scroll {overflow-x: auto;}
	#works table { min-width: 640px; margin: 0 0 20px;table-layout: fixed;overflow-wrap: break-word;word-wrap: break-word;}
	#works .t01 {/* width: 100px !important;*/}
}

/*------------------------------------------------------------
	Company
------------------------------------------------------------*/
.com02 .box-mention {margin: 30px 0 30px 0;}
.com02 p { font-size: 26px;}
.com03 p { font-size: 26px; line-height: 2.2;}
.comTab {margin-bottom: 59px;width: 100%;border-collapse: collapse;}
.comTab:last-child {margin-bottom: 0;}
.comTab th, .comTab td {padding: 13px 14px 11px 22px;width: 80%;font-size: 16px;letter-spacing: 1px;line-height: 1.8;vertical-align: middle;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;	box-sizing: border-box;}
.comTab th {padding: 19px 10px 16px 30px;width: 20%;line-height: 1.5;vertical-align: top;background-color: #F6FAFB;}
.comTab01 {	margin-bottom: 56px;}
.comTab01 th, .comTab01 td {padding: 24px 10px 24px 22px;line-height: 1.5;}
.comTab01 th {padding: 25px 10px 25px 31px;}
.comTab td a {margin-left: 12px;color: #e60012;text-decoration: underline;}
.comTab td a.tel, .comTab td a.tel:hover {margin-left: 0;color:#000;text-decoration: none;}
.comTab td a:hover {text-decoration: none;}
.comTab li {margin-bottom: 2px;}
.comTab li:last-child {margin-bottom: 0;}

@media all and (min-width: 0) and (max-width: 767px) {
	.com02 .box-mention {margin: 50px 0 30px 0;}
	.com02 p { font-size: 16px;}
	.com03 p { font-size: 14px; line-height: 2.2; letter-spacing:0.01em;}
	.comTab {margin-bottom: 30px !important;border-bottom: none;}
	.comTab th, .comTab td { border: none;padding: 7px !important;width: 100% !important;display: block;font-size: 14px;border-bottom: none;}
	.comTab th {padding: 7px;width: 100%;}
	.comTab td a {margin-left: 0;}
	.comTab td a:hover {text-decoration: underline;}
}

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
.mailForm .red{ color: #fff; background: #e60012; padding:2px 8px; margin-right: 5px; font-size: 12px; vertical-align: middle;}
.mailForm {margin-bottom: 100px;}
.mailForm table {margin-bottom: 25px;width: 100%;border-collapse: collapse;}
.mailForm table th, .mailForm table td {/*padding: 8px 0;*/display: block;font-size: 16px;text-align: left;vertical-align: top;}
.mailForm table th {/*font-weight: normal;*/}
.mailForm table td {padding: 8px 0 20px;}
.mailForm table td input[type="text"], .mailForm table td input[type="tel"], .mailForm table td input[type="email"] {padding: 5px 10px;width: 100%;height: 46px;font-size: 16px;line-height: 46px;border-radius: 0;-webkit-appearance: none;border: 1px solid #E7E7E7;box-sizing: border-box;background-color: #F7F7F7;}
.mailForm table td .txt {margin-top: 9px;display: block;font-size: 14px;}
.mailForm table td textarea {padding: 10px;width: 100%;height:200px;font-size: 16px;line-height: 1.7;border-radius: 0;-webkit-appearance: none;border: 1px solid #E7E7E7;box-sizing: border-box;background-color: #F7F7F7;}
.mailForm .txtArea {/*padding: 73px 10px 74px;color: #fff;background-color: #0397E1;*/text-align: center;}
.mailForm .txtArea p {margin-bottom: 24px;font-size: 16px;letter-spacing: 1.5px;}
.mailForm .txtArea p a {color: #fff;display: inline-block;text-decoration: underline;}
.mailForm .txtArea p a:hover {text-decoration: none;}
.mailForm .txtArea .submit {text-align: center;}
.mailForm .txtArea .submit li {display: inline-block;}
.mailForm .txtArea .submit li input {padding: 22px 40px 18px 8px;width: 250px;font-size: 16px;color:#fff;font-weight: bold;border-radius: 0;cursor: pointer;-webkit-appearance: none;border: none;box-shadow: 0 10px 15px rgba(153,153,153,0.3);background: #e60012 url(../images/icon08.png) no-repeat 158px center; -webkit-transition: .2s; transition: .2s;}
.mailForm .txtArea .submit li input:hover {color: #e60012;background: #fff url(../images/icon07.png) no-repeat 158px center;}
.mailForm .txtArea .btn-return {padding: 22px 8px 18px 40px;width: 250px;font-size: 16px;color:#fff;font-weight: bold;border-radius: 0;cursor: pointer;-webkit-appearance: none;border: none;box-shadow: 0 10px 15px rgba(153,153,153,0.3);background: #000 url(../images/icon09.png) no-repeat 58px center; -webkit-transition: .2s; transition: .2s;}
.mailForm .txtArea .btn-return:hover {color: #000;background: #fff url(../images/icon10.png) no-repeat 58px center;}
.mailForm .txtArea .btn-submit {padding: 22px 40px 18px 8px;width: 250px;font-size: 16px;color:#fff;font-weight: bold;border-radius: 0;cursor: pointer;-webkit-appearance: none;border: none;box-shadow: 0 10px 15px rgba(153,153,153,0.3);background: #e60012 url(../images/icon08.png) no-repeat 158px center; -webkit-transition: .2s; transition: .2s;}
.mailForm .txtArea .btn-submit:hover {color: #e60012;background: #fff url(../images/icon07.png) no-repeat 158px center;}

@media all and (min-width: 0) and (max-width: 767px) {
	.mailForm {margin-bottom: 50px;}
	.mailForm table {margin-bottom: 10px;}
	.mailForm table th, .mailForm table td {padding: 5px 0;font-size: 14px;}
	.mailForm table td {padding: 5px 0 10px;}
	.mailForm table td input[type="text"], .mailForm table td input[type="tel"], .mailForm table td input[type="email"] {padding: 5px 8px;height: 36px;font-size: 14px;line-height: normal;}
	.mailForm table td .txt {margin-top: 10px;display: block;font-size: 14px;}
	.mailForm table td textarea {padding: 5px 16px;height: 200px;font-size: 14px;}
	.mailForm .txtArea {padding: 30px 5px;}
	.mailForm .txtArea p {margin-bottom: 24px;font-size: 14px;}
	.mailForm .txtArea p a:hover {text-decoration: underline;}
	.mailForm .txtArea .submit li input { color: #fff; padding: 22px 5px;width: 250px;font-size: 14px;background: #e60012 url(../images/icon08.png) no-repeat right 15px center;}
	.mailForm .txtArea .submit li input:hover {color: #e60012; background: #fff;}
	.mailForm .txtArea .btn-return { display: block; margin:0 auto;}
	.mailForm .txtArea .btn-submit { display: block; margin:0 auto;}
}

/*------------------------------------------------------------
	privacy
------------------------------------------------------------*/

#gHeader {width: 100%;height: 96px;background: #fff;position: fixed;top: 0;z-index: 900;}

@media all and (min-width: 0) and (max-width: 767px) {
  #container { padding: 0;margin: -16px 0 0;}
  #gHeader {height: 55px;position: relative;}
}

.loading {display: none;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #e60012;z-index: 1000;}
.loader {display: none;position: fixed;top: 50%;left: 50%;width: 377px;height: 80px;margin-top: -40px;margin-left: -188.5px;text-align: center;z-index: 1000;font-weight: bold;}

@media all and (min-width: 0) and (max-width: 767px) {
  .loader {width: 188.5px; height: 40px;margin-top: -20px;margin-left: -94.25px;}
  .loader img {width: 100%; height: auto;}
}

@media all and (min-width: 769px) and (max-width: 1080px) {
  #gHeader .hInner {min-width: 40.3%;}
  #gNavi {display: none !important;}
}

.columns404 {padding: 60px 0 80px;text-align: center;}
.columns404 p {font-size: 1.2rem;}