@charset "utf-8";

/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.7; color:#000; letter-spacing:0; font-weight:normal; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

* { -webkit-appearance: none; }

html { min-width:1200px; font-size:62.5%; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden scroll;  }
body { min-width:1200px; font-size:1.6rem; width:100%; height:100%; position:relative; -webkit-text-size-adjust:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button,textarea { outline:0; font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; font-size:1.8rem; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:2rem; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }

a { color:#000; line-height:1.5; outline:0; text-decoration:none; transition: all 0.2s ease 0s; }
a:hover { color:#493C31; }
span { transition: all 0.1s ease 0s; }
small { display:block; padding:20px 40px 30px 40px; border:solid #232323; border-width:1px 0 0; text-align:center; color:#949494; background:#2C2C2C; }

.pullMenus { display:none; }
.spMenuList { display:none; }
.spTable { display:none; }

/*--------------------------------------------------
TOP
---------------------------------------------------*/

.headContent { background:#0E5EE2; padding:0 0 10px; }
.headContent:after { clear:both; content:""; display:block; }
.logo { background:#fff; display:inline-block; box-sizing:border-box; float:left; position:relative; }
.logo:after { content:""; position:absolute; right:-34px; top:0; width:0; height:0; border-style:solid; border-color:#fff transparent transparent transparent; border-width:73px 35px 0px 0px; }
.logo a { display:flex; padding:14px 25px; box-sizing:border-box; }
.logo span { display:block; }
.logo img { width:50px; margin:10px 0 0; }
.logoInner { font-size:2.7rem; line-height:1; margin:0 0 0 20px; font-weight:bold; letter-spacing:-1px; }
.logoInner strong { font-size:1.5rem; display:block; line-height:1; margin:0 0 3px; letter-spacing:-1px; }
.headContact { font-style:normal; float:right; display:inline-block; box-sizing:border-box; background:#fff; padding:12px 25px; }
.headContact > div { display:flex; }
.headContact span { font-size:1.3rem; line-height:1; margin:0 0 10px; display:block; text-align:center; }
.headContact a { padding:0 0 0 20px; position:relative; color:#0E5EE2; font-weight:bold; font-size:2.2rem; display:block; line-height:1; box-sizing:border-box; letter-spacing:-1px; }
.headContact a:first-child { margin:0 15px 0 0; }
.headContact a:after { font-family:'icomoon'; font-size:1.6rem; content:"\e942"; color:#0E5EE2; position:absolute; left:2px; top:2px; font-weight:normal; }
.headContact a em { font-size:1.3rem; vertical-align:middle; line-height:1.5; display:inline-block; padding:0 0 2px 3px; font-weight:bold; letter-spacing:-1px; }

.gNav { position:relative; z-index:999; }
.gNav > ul { display:flex; box-sizing:border-box; width:1160px; margin:0 auto 0 auto; }
.gNav > ul li { border:solid #E9E9E9; border-width:0 1px 0 0; box-sizing:border-box; width:calc(100% / 6) }
.gNav > ul li:first-child { border-width:0 1px 0 1px; }
.gNav > ul li a { display:block; box-sizing:border-box; text-align:center; font-weight:bold; line-height:1; font-size:1.8rem; padding:20px 10px; letter-spacing:-1px; }
.gNav > ul li a span { font-size:1.1rem; color:#0D5EE1; font-weight:normal; display:block; line-height:1; margin:7px 0 0; }

.pageTitle { background:transparent url(../img/pagebg.jpg) center top no-repeat; background-size:cover; position:relative; z-index:1; }
.pageTitle:before { content:""; background:#0E5EE2; width:100%; height:100%; position:absolute; left:0; top:0; mix-blend-mode:soft-light; }
.pageTitle div { position:relative; z-index:2; width:1200px; margin:0 auto 0 auto; padding:100px 20px; box-sizing:border-box; }
.pageTitle div h2 { color:#fff; font-weight:bold; font-size:4.9rem; line-height:1; box-sizing:border-box; }
.pageTitle div h2 span { display:block; line-height:1; font-size:2.6rem; color:#fff; margin:14px 0 0; letter-spacing:-1px; box-sizing:border-box; }

.columnBase { display:flex; box-sizing:border-box; }
.columnBase > article { flex:1; }
.sideMenu { overflow:hidden; background:#eee; width:25%; box-sizing:border-box; padding:40px 50px; }
.menus { float:right; max-width:300px; width:300px; }
.menus h3 { background:#0E5EE2; box-sizing:border-box; padding:13px 20px; border-radius:0.4em 0.4em 0 0; font-size:1.8rem; color:#fff; font-weight:bold; }
.menus ul li { background:#fff; border:solid #ddd; border-width:0 0 1px; }
.menus ul li a { display:block; height:100%; box-sizing:border-box; padding:20px; position:relative; }
.menus ul li:last-child { border-width:0; border-radius:0 0 0.4em 0.4em; }
.menus ul li:last-child a { border-radius:0 0 0.4em 0.4em; }
.menus ul li a:hover { color:#0E5EE2; }
.menus ul li a:before { transition: all 0.1s ease 0s; position: absolute; right:30px; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:6px; height:6px; border-top:2px solid #B6B6B6; border-right: 2px solid #B6B6B6; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.menus ul li a:hover:before { border-top:2px solid #0E5EE2; border-right: 2px solid #0E5EE2; }

.menus ul li a.sideAc { color:#0E5EE2; }
.menus ul li a.sideAc:before { border-top:2px solid #0E5EE2; border-right: 2px solid #0E5EE2; }


.contactArea { background:transparent url(../img/contactbg.jpg)left center no-repeat; padding:70px 10px; box-sizing:border-box; background-size:cover; }
.contactWrap { background:#fff; width:900px; margin:0 auto 0 auto; box-sizing:border-box; padding:50px 40px; }
.contactWrapTitle { font-size:3.8rem; letter-spacing:-1px; text-align:center; line-height:1; margin:0 0 2px; }
.contactMes { font-size:1.8rem; text-align:center; margin:0 0 5px; }
.contactTel { text-align:center; margin:0 0 2px; }
.contactTel span { color:#0C5EE0; font-size:2.8rem; font-weight:bold; letter-spacing:-1px; }
.contactTel a { color:#0C5EE0; font-size:3.6rem; font-weight:bold; letter-spacing:-2px; }
.contactTel em { vertical-align:5px; padding:0 0 0 5px; font-style:normal; font-size:2.0rem; display:inline-block; line-height:1; letter-spacing:-1px; font-weight:bold; }
.contactBtn { background:#0E5EE2; display:inline-block; padding:18px 35px; line-height:1; box-sizing:border-box; }
.contactBtn span { position:relative; font-size:1.8rem; color:#fff; font-weight:bold; letter-spacing:-1px; line-height:1; display:inline-block; padding:0 25px 0 30px; background:transparent url(../img/mailicon.jpg) 0 2px no-repeat; background-size:21px; }
.contactBtn span:before { transition: all 0.1s ease 0s; position: absolute; right:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
#kk .lineBtn { border:solid #ddd; border-width:1px; background:none; padding:18px 50px 20px 50px; }

.footContent { display:flex; }

.footContact { background:#0B49B3; width:25%; min-width:400px; }
.footContact h5 { background:#0E5EE2; font-size:1.8rem; font-weight:bold; color:#fff; text-align:center; padding:24px; box-sizing:border-box; margin:0 0 25px; position:relative; }
.footContact h5:after { width:0; height:0; display:inline-block; border-style:solid; border-width:16px; border-color:#0E5EE2 transparent transparent  transparent; bottom:-30px; left:46%; content:""; position:absolute; }

.footlogo { margin:0 auto 0 auto; }
.footlogo img { width:50px; }
.footlogo { display:inline-block; box-sizing:border-box; position:relative; }
.footlogo a { display:flex; padding:14px 25px; box-sizing:border-box; }
.footlogo span { display:block; }
.footlogo img { width:50px; margin:10px 0 0; }
.footlogoInner { font-size:2.7rem; line-height:1; margin:0 0 0 20px; font-weight:bold; letter-spacing:-1px; color:#fff; }
.footlogoInner strong { font-size:1.5rem; display:block; line-height:1; margin:0 0 3px; letter-spacing:-1px; color:#fff; }

.footLinkWrap { flex:1; background:#333333; box-sizing:border-box; }
.footLink { display:flex; padding:50px; box-sizing:border-box; }
.footLink li { width:calc(100% / 4 - 2%); margin:0 2.7% 0 0; box-sizing:border-box; }
.footLink li:last-child { margin:0; }
.footLink li h4 { color:#fff; font-weight:bold; border:solid #232323; border-width:0 0 1px; padding:0 0 15px; font-size:1.6rem; }
.footLink li p { border:solid #636363; border-width:1px 0 0; padding:15px 0 0; font-size:1.4rem; color:#fff; line-height:1.7; }

.content { max-width:1080px; margin:0 auto 70px auto; padding:0 40px; width:100%; box-sizing:border-box; }
.pageNation { margin:0; max-width:1080px; margin:0 auto 0 auto; padding:40px 40px 50px 40px; box-sizing:border-box; }
.pageNation ul { width:1160px; margin:0 auto 0 auto; display:flex; display:-webkit-flex; box-sizing:border-box; -webkit-box-sizing:border-box; }
.pageNation ul li { font-size:1.6rem; cursor:default; padding:0 0 0 30px; margin:0 23px 0 0; position:relative; color:#212121; line-height:1.6; }
.pageNation ul li:before { top:-1px; transition: all 0.1s ease 0s; position: absolute; left:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:5px; height:5px; border-top:1px solid #999; border-right: 1px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pageNation ul li a { display:inline-block; font-size:1.6rem; color:#0E5EE2; font-weight:bold; text-decoration:none; }
.pageNation ul li:first-child { padding:0; }
.pageNation ul li:first-child:before { display:none; }
.pageNation ul li a:hover { color:#c14343; }

.commonTitle { position:relative; font-size:4.2rem; font-weight:bold; margin:0 0 70px; }
.commonTitle:after { position:absolute; left:0; bottom:-22px; height:3px; background:#0E5EE2; z-index:1; width:60px; content:""; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; }

.content p { margin:0 0 25px; font-size:1.8rem; }
.content p img { max-width:100%; }
.topMessage { background:#eee; }
.wm100 { max-width:100%; width:100%; height:400px; }

.subTitle { background:#F6F6F6; border:solid #DDDDDD; border-width:1px; border-radius:0.4em; padding:10px 20px; margin:0 0 25px; box-sizing:border-box; }
.subTitle span { font-size:2.0rem; padding:0 0 0 20px; border:solid #0E5EE2; border-width:0 0 0 3px; display:inline-block; font-weight:bold; }

.policyList { border:solid #ddd; border-width:1px; padding:40px 40px 40px 60px; box-sizing:border-box; border-radius:0.4em; }
.policyList li { list-style:decimal; margin:0 0 20px; font-size:1.8rem; }
.policyList li:last-child { margin:0; }
.policyList li strong { font-weight:bold; font-size:2.4rem; display:block; line-height:1px; margin:0 0 20px; }

.basicTable { border-collapse:collapse; width:100%; margin:0 auto 20px auto; border:solid #d0d0d0; border-width:1px 0 0 1px; }
.basicTable th { width:20%; background:#f3f3f3; padding:10px 15px; font-size:17px; text-align:left; vertical-align:top; line-height:1.7; border:solid #d0d0d0; border-width:0 1px 1px; font-weight:bold; }
.basicTable td { padding:10px 15px; font-size:1.7rem; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; line-height:1.7; }
.basicTable td strong { font-weight:bold; font-size:1.8rem; }
.basicTable .w5 span { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; }

.singleBase { width:1160px; margin:0 auto 0 auto; box-sizing:border-box; }
.singleBase .content { max-width:1160px; }
.singleBase .pageNation { max-width:1160px; }

.aTitle:first-child { padding:0; }
.aTitle { position:relative; margin:0 0 30px; }
.aTitle span { font-weight:bold; position:relative; font-size:2.4rem; display:inline-block; color:#000; letter-spacing:-1px; padding:20px 0 0; line-height:1; }
.aTitle span:after { position:absolute; left:0; top:0; height:3px; background:#0E5EE2; z-index:1; width:100%; content:""; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; }
.aTitle:after { position:absolute; left:0; top:0; height:3px; background:#ddd; content:""; display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; }

.accessWrap { display:flex; padding:0 0 20px; }
.accessWrap > div { width:49%; }
.accessWrap > div:first-child { margin:0 2% 0 0; }
.accessWrap > div:last-child { margin:0; }

.gmap { width:100%; margin:0 0 30px; }
.gmap > div { width: 100%; overflow: hidden; height:400px; }
.gmapInner { border:0; margin-top: -170px; }

#kk .repaieMs { font-size:2.0rem; margin:0 0 80px; }
#kk .repaieMs strong { display:inline-block; line-height:1; color:#0E5EE2; font-weight:bold; font-size:2.8rem; letter-spacing:-1px; position:relative; background:linear-gradient(transparent 95%, #0E5EE2 0%); padding:0 0 10px; margin:0 0 20px; }

.factoryCopy { color:#CCCCCC; font-size:14.0rem; letter-spacing:-5px; font-weight:bold; font-style:italic; opacity:0.24; position:absolute; right:0; top:-15px; line-height:1; z-index:2; }
.factoryTitle { position:relative; display:flex; width:1160px; margin:0 auto  0 auto; box-sizing:border-box; padding:50px 0 60px 0; z-index:100; }
.factoryTitle h3 { color:#fff; font-size:4.9rem; font-weight:bold; margin:0 120px 0 0; line-height:1.5; }
.factoryTitle p { flex:1; color:#fff; font-size:2.6rem; font-weight:bold; line-height:1.5; }

.factoryWrap { background:#F2F3F4; padding:0 0 130px; }

.factoryList { position:relative; padding:0; box-sizing:border-box; z-index:110; width:1160px; margin:0 auto 0 auto; display:flex; }
.factoryList li { width:calc(100% / 3 - 2%); margin:0 4% 0 0; background-size:cover; height:350px; position:relative; }
.factoryList li:last-child { margin:0; }
.factoryList li:nth-child(1) { background:transparent url(../img/rep1.jpg) center center no-repeat; }
.factoryList li:nth-child(2) { background:transparent url(../img/rep2.jpg) center center no-repeat; }
.factoryList li:nth-child(3) { background:transparent url(../img/rep3.jpg) center center no-repeat; }
.factoryBg { background:#0E5EE2; position:relative; }
.factoryBg:before { z-index:3; border-color:#0E5EE2 transparent transparent transparent; border-style:solid; border-width:90px 100vw 0 0; bottom:-90px; content:""; height:0; position:absolute; }
.factoryList h4 { position:absolute; left;0; bottom:0; width:100%; box-sizing:border-box; background:rgba(50,190,163,0.7); padding:20px; line-height:1; text-align:center; color:#fff; font-weight:bold; }

.businessWrap { display:flex; background:#F2F3F4; position:relative; margin:0 0 120px; padding:0 0 70px; }
.businessWrap > div { width:47%; }
.businessWrap > div:first-child { margin:0 6% 0 0; }
.businessWrap > div:last-child { position:relative; margin:0; padding:0 60px 0 0; box-sizing:border-box; }
.businessWrap:after { border-color:#F2F3F4 transparent transparent transparent; border-style:solid; border-width:90px 100vw 0 0; bottom:-90px; content:""; height:0; position:absolute; }
.businessPhoto { background:transparent url(../img/rebg.jpg) center center no-repeat; height:550px; background-size:cover; position:relative; }
.businessPhoto h4 { position:absolute; left;0; bottom:0; width:100%; box-sizing:border-box; background:rgba(50,190,163,0.7); padding:20px; line-height:1; text-align:center; color:#fff; font-weight:bold; }
.businessPoint { font-size:2.6rem; font-weight:bold; line-height:1.5; margin:0 0 20px; }
.businessTxt { font-size:1.8rem; margin:0 0 20px; }
.businessList { display:flex; flex-wrap:wrap; width:550px; margin:0 0 20px; }
.businessList li { width:49%; margin:0 2% 2% 0; }
.businessList li:nth-child(2n) { margin:0 0 2%; }
.businessList li span { text-align:center; letter-spacing:-1px; display:block; border:solid #0D5EE1; border-width:1px; box-sizing:border-box; border-radius:0.4em; font-size:1.8rem; font-weight:bold; color:#0C5EE0; padding:15px 20px; }

.businessTelBtn { background:#0D5EE1; border-radius:0.4em; display:inline-block; padding:25px; color:#fff; font-weight:bold; font-size:2.2rem; box-sizing:border-box; width:550px; text-align:center; }
.businessTelBtn span { color:#fff; font-weight:bold; font-size:2.8rem; line-height:1; display:inline-block; }
.businessTelBtn em { color:#fff; font-weight:bold; font-size:3.2rem; letter-spacing:-1px; line-height:1; display:inline-block; margin:10px 0 0; }
.businessTelBtn:hover { color:#fff; }
.businessTelBtn .smallFont { font-size:1.8rem; display:inline-block; vertical-align:5px; padding:0 0 0 8px; font-weight:bold; }

.businessCopy { color:#CCCCCC; font-size:13.0rem; letter-spacing:-5px; font-weight:bold; font-style:italic; opacity:0.24; position:absolute; right:0; bottom:-50px; line-height:1; z-index:2; 
writing-mode: sideways-lr; white-space: nowrap; }

.repaieWrap { position:relative; padding:60px 0 0; }
.bTitle { font-size:4.9rem; font-weight:bold; position:relative; text-align:center; position:relative; z-index:30; margin:0 0 60px; }
.bTitle:after { content:""; height:3px; background:#0E5EE2; width:80px; position:absolute; left:50%; bottom:-14px; margin:0 0 0 -40px; }
.repaieCopy { color:#ddd; font-size:14.0rem; letter-spacing:-3px; font-style:italic; font-weight:bold; position:absolute; left:50%; top:-60px; z-index:2; margin:0 0 0 -260px; opacity:0.3; }
.repaieTxt { font-size:2.6rem; font-weight:bold; text-align:center; line-height:1.4; margin:0 0 80px; }

.repaieContent { display:flex; flex-wrap:wrap; margin:0 0 120px; }
.repaieContent li { height:400px; width:50%; box-sizing:border-box; border:solid #fff; border-width:0 1px 1px 0; position:relative; }
.repaieContent li:nth-child(2n) { border-width:0 0 1px 0; }
.repaieContent li:nth-child(1) { background:transparent url(../img/repaie1.jpg) center center no-repeat; background-size:cover; }
.repaieContent li:nth-child(2) { background:transparent url(../img/repaie2.jpg) center center no-repeat; background-size:cover; }
.repaieContent li:nth-child(3) { background:transparent url(../img/repaie3.jpg) center bottom no-repeat; background-size:cover; }
.repaieContent li:nth-child(4) { background:transparent url(../img/repaie4.jpg) center center no-repeat; background-size:cover; }
.repaieContent li span { font-size:2.2rem; position:absolute; left;0; bottom:0; width:100%; box-sizing:border-box; background:rgba(50,190,163,0.7); padding:20px; line-height:1; text-align:center; color:#fff; font-weight:bold; }

.leaseCopy { background:transparent url(../img/salesbg1.jpg) center center no-repeat; padding:120px 10px; }
.leaseCopy h3 { text-align:center; font-weight:bold; color:#fff; font-size:2.7rem; line-height:1.6; }
.salesWrap { padding:80px 0 10px 0; background:#F2F3F4; margin:0 0 120px; position:relative; }
.salesWrap:after { border-color:#F2F3F4 transparent transparent transparent; border-style:solid; border-width:90px 100vw 0 0; bottom:-90px; content:""; height:0; position:absolute; }
.leaseBase { position:relative; margin:0 0 150px; }
.leaseBase:before { content:""; width:100%; box-sizing:border-box; background:#F8A407; height:300px; position:absolute; left:0; bottom:0; z-index:1; }
.leaseBase:after { border-color:#F8A407 transparent transparent transparent; border-style:solid; border-width:90px 100vw 0 0; bottom:-90px; content:""; height:0; position:absolute; }

.gLine:after { background:#A3D900; }
.oLine:after { background:#F8A407; }
.oTitle { display:inline-block; background:#A3D900; font-size:2.5rem; font-weight:bold; color:#fff; margin:0 0 30px; padding:20px 20px; line-height:1; letter-spacing:-1px; }
.rTitle { display:inline-block; background:#F8A407; font-size:2.5rem; font-weight:bold; color:#fff; margin:0 0 30px; padding:20px 20px; line-height:1; letter-spacing:-1px; }

.leaseWrap { text-align:center; background:transparent url(../img/sales_leasebg.jpg) center top no-repeat; background-size:contain; width:1160px; box-sizing:border-box; padding:79px 50px 85px 50px; margin:0 auto 80px auto; position:relative; z-index:90; }
.leaseWrap h5 { font-size:2.6rem; color:#fff; font-weight:bold; margin:0 0 20px; }
.leaseWrap p { font-size:1.8rem; color:#fff; font-weight:bold; margin:0 0 30px; }
.wlineBtn a { display:inline-block; border:solid #fff; border-width:1px; box-sizing:border-box; padding:10px 80px; line-height:1; }
.wlineBtn a span { color:#fff; font-weight:bold; font-size:1.8rem; position:relative; display:inline-block; padding:0 25px 0 0; }
.wlineBtn a span:before { transition: all 0.1s ease 0s; position: absolute; right:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top:2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.makerWrap { margin:0 0 70px; }
.makerList { display:flex; flex-wrap:wrap; }
.makerList li { width:calc(100% / 4 - 2%); margin:0 2.6% 2% 0; display:table; box-sizing:border-box; }
.makerList li:nth-child(4n) { margin:0 0 2%; }
.makerList li a { border:solid #ddd; border-width:1px; display:table-cell; text-align:center; vertical-align:middle; height:80px; box-sizing:border-box; padding:10px; }

.salesList { display:flex; width:1160px; margin:0 auto 0 auto; flex-wrap:wrap; }
.salesList li { width:calc(100% / 4 - 2%); margin:0 2.6% 3% 0; box-sizing:border-box; display:table; }
.salesList li:nth-child(4n) { margin:0 0 3%; }
.salesList li a { text-align:center; line-height:1.3; letter-spacing:-1px; display:table-cell; vertical-align:middle; box-sizing:border-box; padding:40px 20px; border:solid #ddd; border-width:1px; border-radius:0.4em; background:#fff; font-weight:bold; height:100%; }
.salesList li a span { display:none; }
.salesList li a img { margin:0 0 15px; }

.topCopyWrap { padding:240px 0 0; background:transparent url(../img/topcopybg.jpg) center center no-repeat; position:relative; background-size:cover; z-index:4; }
.topCopyWrap:before { content:""; background:#0E5EE2; width:100%; height:100%; position:absolute; left:0; top:0; mix-blend-mode:soft-light; }
.topCopyContent { width:1160px; margin:0 auto 0 auto; position:relative; z-index:50; }
.topCopy { background:#fff; padding:40px 50px; display:inline-block; }
.topCopyWrap:after { z-index:3; border-color:transparent transparent #fff #fff; border-style:solid; border-width:150px 0 0 100vw; bottom:0; content:""; height:0; position:absolute; }

.topCopyCopy { color:#CCCCCC; font-size:14.0rem; letter-spacing:-5px; font-weight:bold; font-style:italic; opacity:0.34; position:absolute; right:0; top:-15px; line-height:1; z-index:2; }

.topCopyTitle { position:relative; font-size:3.3rem; font-weight:bold; margin:0 0 50px; }
.topCopyTitle:after { position:absolute; left:0; bottom:-18px; height:3px; background:#0E5EE2; z-index:1; width:60px; content:""; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; }
.topCopyContent p { font-size:1.8rem; }

.blueLineBtn { border:solid #0E5EE2; border-width:1px; display:inline-block; box-sizing:border-box; line-height:1; padding:13px 105px; text-align:center; }
.blueLineBtn span { display:inline-block; line-height:1; font-weight:bold; color:#0E5EE2; position:relative; padding:0 20px 0 0; }
.blueLineBtn span:after { transition: all 0.1s ease 0s; position: absolute; right:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top:1px solid #0E5EE2; border-right: 1px solid #0E5EE2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.topServiceWrap { position:relative; margin:-60px 0 0; }
.topServiceTitle { z-index:60; position:absolute; left:50%; top:290px; color:#fff; font-size:3.8rem; line-height:1; font-weight:bold; text-align:center; margin:0 0 0 -75px; }
.topServiceTitle span { color:#fff; font-weight:bold; line-height:1; padding:20px 0 0; font-size:1.6rem; display:block; }
.topServiceTitle span:after { content:""; width:50px; height:2px; background:#fff; left:50%; bottom:-25px; position:absolute; margin:0 0 0 -25px; }

.topServiceContent { position:relative; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(14, 94, 226, 1) 50%, rgba(14, 94, 226, 1) 100%);}
.topServiceInner { display:flex; clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%); position:relative; z-index:40; }
.topServiceInner > div { width:50%; padding:500px 0; }
.topServiceInner > div:first-child { background:transparent url(../img/top_service1.jpg) center bottom no-repeat; background-size:cover; }
.topServiceInner > div:last-child { background:transparent url(../img/top_service2.jpg) center center no-repeat; background-size:cover; }
.topServiceInner > div h4 { color:#fff; font-weight:bold; font-size:2.8rem; text-align:center; line-height:1; margin:0 0 25px; }
.topServiceInner > div h4 span { color:#fff; line-height:1; display:block; padding:15px 0 0; font-size:1.5rem; }
.topServiceInner > div p { color:#fff; font-size:1.8rem; font-weight:bold; text-align:center; }

.wBtn { border:solid #fff; border-width:1px; display:inline-block; box-sizing:border-box; line-height:1; padding:13px 75px; text-align:center; }
.wBtn span { display:inline-block; line-height:1; font-weight:bold; color:#fff; position:relative; padding:0 20px 0 0; }
.wBtn span:after { transition: all 0.1s ease 0s; position: absolute; right:0; top:0; bottom:0; margin: auto; content: ""; vertical-align: middle; width:8px; height:8px; border-top:1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.topRecruitWrap { background:#0E5EE2; padding:10px 0 70px 0; box-sizing:border-box; }
.topRecruitColumn { display:flex; box-sizing:border-box; overflow:hidden; align-items:center; }
.topRecruitColumn > div { width:50%; position:relative; }
.topRecruitColumn > div:first-child { padding:110px 0 0; }
.topRecruitColumn > div:last-child { z-index:30; }
.topRecruitColumn > div img { max-width:100%; }
.topRecruitContent { background:#fff; box-sizing:border-box; padding:40px 50px; display:inline-block; z-index:10; position:relative; float:right; }
.topRecruitCopy { color:#CCCCCC; font-size:14.0rem; letter-spacing:-5px; font-weight:bold; font-style:italic; opacity:0.34; position:absolute; right:20px; top:-15px; line-height:1; z-index:2; }
.topRecruitContent p { font-size:1.8rem; margin:0 0 40px; }

.newsWrap { padding:70px 0; width:1160px; margin:0 auto 0 auto; display:flex; }
.newsWrap > div:first-child { width:860px; margin:0 50px 0 0; }
.newsWrap > div:last-child { flex:1; }
.newsTitle { line-height:1; border:solid #ddd; border-width:0 0 1px; margin:0 0 18px; }
.newsTitle span { display:inline-block; font-weight:bold; letter-spacing:-1px; font-size:3.2rem; color:#0E5EE2; position:relative; padding:0 0 18px; line-height:1; }
.newsTitle span:after { content:""; width:100%; height:1px; position:absolute; left:0; bottom:-1px; background:#0E5EE2; }
.newsList { margin:0 0 30px; }
.newsList li { border:dotted #ddd; border-width:0 0 1px; }
.newsList li a { position:relative; display:flex; padding:18px 10px; line-height:1.5; }
.newsList li a time { width:110px; display:inline-block; margin:0 10px 0 0; font-size:1.6rem; font-weight:bold; letter-spacing:-1px; line-height:1.5; }
.newsList li a p { padding:0 30px 0 0; flex:1; line-height:1.5; font-size:1.8rem; color:#0E5EE2; }
.newsList a:after { top:0; bottom:0; right:9px; box-sizing: border-box; width:6px; height:6px; border:6px solid transparent; border-left:6px solid #0E5EE2; position:absolute; margin:auto; content:""; vertical-align:middle; }
.newsList li a:hover { background:#f7faff; }
.links { font-size:1.7rem; text-decoration:underline; color:#0E5EE2; font-weight:bold; padding:0 0 0 20px; position:relative; display:inline-block; }
.links:before { top:0; bottom:0; left:0; box-sizing: border-box; width:6px; height:6px; border:6px solid transparent; border-left:6px solid #0E5EE2; position:absolute; margin:auto; content:""; vertical-align:middle; }
.links:hover { color:#0E5EE2; text-decoration:none; }

.stickyTitle { border:solid #0E5EE2; padding:0 0 0 14px; border-width:0 0 0 3px; font-weight:bold; letter-spacing:-1px; line-height:1; margin:0 0 20px; }
.markerTitle { background:#0E5EE2; color:#fff; font-size:1.8rem; font-weight:bold; padding:15px; line-height:1; }
.alphaInfo { background:transparent url(../img/alphaimg.jpg) center bottom no-repeat; background-size:cover; padding:350px 0 0; position:relative; }
.alphaInfo p { line-height:1.5; color:#fff; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:10px; letter-spacing:-1px; background:rgba(14,94,226,0.8); }

#topPageVisual { padding:10px 10px 10px 10px; position:relative; box-sizing:border-box; }
#topPageVisual .logo { float:none; position:absolute; left:0; top:0; z-index:100; }
#topPageVisual .headContact { float:none; position:absolute; right:0; top:0; z-index:100; }
#topPageVisual .movie { background:transparent url(../img/topkv.jpg) center center no-repeat; background-size:cover; width:100%; height:calc(100vh - 20px ); box-sizing:border-box; position:relative; z-index:1; }
#topPageVisual .movie > div { position:absolute; left:0; top:50%; text-align:center; width:100%; box-sizing:border-box; margin:-100px 0 0; }
#topPageVisual .movie > div h2 { font-size:6.8rem; color:#fff; font-weight:bold; margin:0 0 35px; line-height:1; letter-spacing:-1px; }
#topPageVisual .movie > div p { margin:0 0 35px; color:#fff; font-weight:bold; font-size:1.8rem; line-height:1; }

.topmesImg { position:relative; margin:0 0 30px; }
.topmesImg img { max-width:100%; }

.contact { margin:0 0 30px; width:100%;  border-collapse:collapse; border-spacing:0; border:#d0d0d0 solid; border-width:1px 0 0 1px; }
.contact th { font-size:15px; padding:15px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#f3f3f3; width:25%; text-align:left; font-weight:bold; }
.contact th span { font-size:13px; color:#DA3C14; }
.contact td { padding:13px 10px; border:#d0d0d0 solid; border-width:0 1px 1px 0; background:#fff; }
.contact td input { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; margin:0 5px 0 0; }
.contact td textarea { outline:0; border:solid #bbb; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; }
.contact td span { margin:0 10px 0 0; font-size:15px; display:inline-block; }
.contact td em { font-style:normal; font-size:13px; color:#666; display:inline-block; margin:0 0 0 5px; }
.required { color:#DA3C14; }
.contact td input[type=text] { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#kk .contact td input.ssRange { width:5em; }
#kk .contact td input.sRange { width:10em; }
#kk .contact td input.mRange { width:20em; }
#kk .contact td input.lRange { width:30em; }

.formList li { margin:0 0 10px; }
.formList li:last-child { margin:0; }

.recIcon { display:inline-block; color:#fff; font-size:12px; background:#c71c24; -moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; padding:4px 5px 4px 4px; line-height:1; vertical-align:text-top; margin:0 5px 0 0; }

.iconcheckBox { display:block; margin:4px 0 0; font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック Medium","Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif; }
.iconcheckBox:before { display:inline-block; transition: all 0.1s ease 0s; font-family: 'icomoon'; content: "\ea52"; font-size:12px; margin:0 5px 0 0; text-decoration:none; color:#c14343; vertical-align:text-top; }

input[type=radio], input[type=checkbox] { display: none; }
.radio {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer;}
.radio:hover:after {border-color: #bbb;}
.radio:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #bbb;border-radius: 50%;content: '';}
.radio:before {outline: 0; -webkit-transition: opacity 0.1s linear;transition: opacity 0.1s linear;position: absolute;top: 50%;left: 5px;display: block;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #AEBC41;content: '';opacity: 0;}
input[type=radio]:checked + .radio:before {opacity: 1;}
.formList li { margin:0 0 10px; }
.formList li:last-child { margin:0; }

.checkbox {-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;display: inline-block;padding: 0 0 0 28px;vertical-align: middle;cursor: pointer; }
.checkbox:after { -webkit-transition: border-color 0.1s linear;transition: border-color 0.2s linear;position: absolute;top: 50%;left: 0;display: block;margin-top: -10px;width: 18px;height: 18px;border: 1px solid #D9D2BD; content: ''; -moz-border-radius:0.1em; -khtml-border-radius:0.1em; -webkit-border-radius:0.1em; border-radius:0.1em;}
.checkbox:before {-webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%;left: 7px; display: block; margin-top: -7px; width: 4px; height: 8px; border-right: 3px solid #1CB193; border-bottom: 3px solid #6BB836; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
input[type=checkbox]:checked + .checkbox:before { opacity: 1; }

.form-list .custom-select:after { line-height: 137%; }
.custom-select { outline:0; overflow: hidden;display: inline-block;*display: inline;*zoom: 1;position: relative;border: solid #bbb;border-width: 1px;vertical-align: middle;}
.custom-select > select { outline:0; width: 100%;padding: 10px 50px 10px 10px;height: 38px;font-size: 15px;-moz-appearance: none;-webkit-appearance: none;-o-appearance: none;-ms-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;background: #fff;vertical-align: middle;color: #333;-webkit-box-sizing: border-box;box-sizing: border-box;}
.custom-select:after { outline:0; position: absolute;top: 0;right: 0;bottom: 0;display: block;pointer-events: none;border: solid #bbb;border-width: 0 0 0 1px;background: #F9F8F3;content: "\ea50";font-family: 'icomoon';transform: rotateX(180deg);font-size: 18px;padding: 5px 8px;}
.error { border:solid #D9D2BD; border-width:2px; padding:20px; background:#F9F8F3; color:#DA3C14; }

textarea { font-size:16px; outline:0; border:solid #D9D2BD; border-width:1px; padding:8px 7px; min-height:170px; width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize:none; display:block; }
.deciList { padding:0 0 0 20px; margin:0 0 20px; }
.deciList li { list-style:decimal; }

.sBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #093879; border-width:0 0 2px; font-size:16px; display:inline-block; background:#005ad9; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.red { background:#E74C3C; border-color:#DD2F1C; }
.gray:hover { background:#A5A5A5; }
.red:hover { background:#DD2F1C; color:#fff; }
.gray { background:#BBBBBB; border-color:#A5A5A5; }
.aBtn { text-decoration:none !important; color:#fff !important; font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #097e8b; border-width:0 0 2px; font-size:16px; display:inline-block; background:#099cac; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.aBtn:hover { background:#11aebf; }

.commonBtn { font-weight:bold; outline:0; color:#fff; padding:8px 30px; border:solid #341A7E; border-width:0 0 2px; font-size:16px; display:inline-block; background:#4D27BC; cursor:pointer; -moz-border-radius:1.5em; -khtml-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em; transition: all 0.25s ease-in-out 0s; }
.commonBtn:hover { background:#643ED7; color:#fff; }

.history { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; border:dotted #bbb; border-width:1px 0 0; }
.history li { border:dotted #bbb; border-width:0 0 1px; display:table; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:13px 0; }
.history li time { display:table-cell; text-align:left; font-weight:bold; width:130px; color:#0C5EE0; font-size:95%; }
.history li p { display:table-cell; text-align:left; font-size:95%; }

.salesCatch { z-index:100; width:1160px; border:solid #A3D900; border-width:2px; margin:0 auto 50px auto; padding:80px 50px 80px 450px; position:relative; box-sizing:border-box; background:#fff url("../img/salesbg.jpg") left center no-repeat; background-size:contaion; border-radius:0.4em; }
.salesCatch div { text-align:left; }
.salesCatch div p { margin:0 0 25px; font-size:1.7rem; }
.salesCatch div p:last-child { margin:0; }

.leaseCatch { z-index:100; width:1160px; border:solid #F8A407; border-width:2px; margin:0 auto 50px auto; padding:80px 50px 80px 450px; position:relative; box-sizing:border-box; background:#fff url("../img/leasebg.jpg") left center no-repeat; background-size:contaion; border-radius:0.4em; }
.leaseCatch div { text-align:left; }
.leaseCatch div p { margin:0 0 25px; font-size:1.7rem; }
.leaseCatch div p:last-child { margin:0; }

/*--------------------------------------------------
FORMPRESET
---------------------------------------------------*/
.formConfirmWrap { background:#F9F8F3; padding:50px 0 0; min-height:100%; }
.formConfirmContent { width:1100px; margin:0 auto 0 auto; background:#fff; box-sizing:border-box; padding:30px; border-radius:0.3em; border:solid #ddd; border-width:1px; }
.formConfirmTitle { background:#079F87; border-radius:0.3em; color:#fff; font-weight:bold; padding:20px; padding:15px; margin:0 0 20px; }
.error_messe { margin:0 0 6px; color:#ff2727; font-size:1.7rem; }
.error_messe:last-child { margin:0 0 30px; }

.contactConf { border-collapse:collapse; width:100%; margin:0 auto 30px auto; border:solid #d0d0d0; border-width:1px 0 0 1px; }
.contactConf th { background:#f3f3f3; padding:15px 20px; text-align:left; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; width:25%; }
.contactConf td { padding:15px; vertical-align:top; border:solid #d0d0d0; border-width:0 1px 1px; }
.contactConf td strong { color:#85AC21; }


/*--------------------------------------------------
ADJUSTMENT
---------------------------------------------------*/
.frImg { margin:0 0 10px 40px !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
.fl { float:left; }
.fr { float:right; }
.tc { text-align:center !important; }
.rd { border-radius:0.4em; }
.fB { font-weight:bold; }
.tdvm td { vertical-align:middle !important; }
.thvm th { vertical-align:middle !important; }
.of { overflow:hidden; }
.m0 { margin:0 !important; }
.mauto { margin:0 auto 0 auto!important; }
.mr20 { margin:0 20px 0 0 !important; }
.mb10 { margin:0 0 10px 0 !important; }
.mb20 { margin:0 0 20px 0 !important; }
.mb30 { margin:0 0 30px 0 !important; }
.mb40 { margin:0 0 40px 0 !important; }
.mb50 { margin:0 0 50px 0 !important; }
.mb120 { margin:0 0 120px 0 !important; }
.mb60 { margin:0 0 60px 0 !important; }
.mb80 { margin:0 0 80px 0 !important; }
.mt20 { margin:20px 0 0 0 !important; }
.clear:after { content:""; display:block; clear:both; }
.p0 { padding:0 !important; }

#kk .radi { border-radius:0; }
#kk .sFont { font-size:1.5rem; }
#kk .w5 { width:5%; }
#kk .w8 { width:8%; }
#kk .w7 { width:7%; }
#kk .w420 { width:420px; }
#kk .w200 { width:200px; }
#kk .w720 { width:720px; }
#kk .w10 { width:10%; }
#kk .w12 { width:12%; }
#kk .w13 { width:13%; }
#kk .w15 { width:15%; }
#kk .w16 { width:16%; }
#kk .w20 { width:20%; }
#kk .w22 { width:22%; }
#kk .w26 { width:26%; }
#kk .w30 { width:30%; }
#kk .w35 { width:35%; }
#kk .w40 { width:40%; }
#kk .w45 { width:45%; }
#kk .w50 { width:50%; }
#kk .w60 { width:60%; }
#kk .h100 { height:100%; }

#kk .f22 { font-size:2.2rem; line-height:1.5; }
#kk .f28 { font-size:2.8rem; }