/*
Theme Name: shinko-jidosya 2025
Theme URI:shinko-jidosya.co.jp
Version: 1.0
*/

@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, img, ins, kbd, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {background: none repeat scroll 0 0 transparent;border: 0 none;font-size: 100%;margin: 0;outline: 0 none;padding: 0;}
body {font: 100%/1.6  YuGothic,'Yu Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Meiryo UI','ＭＳ Ｐゴシック', sans-serif;}
h1, h2, h3, h4, h5, h6 {line-height: 1;}
a {color: inherit;}
ol, ul {list-style: none outside none;}
fieldset, img {vertical-align: bottom;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
br {letter-spacing: 0;}
li, ol {font-size: inherit;}
hr {color: #000;}
select, input, textarea {font-size: 1rem;}
pre, code {font: 100% monospace;}
a {text-decoration: none;color: inherit;}
#visual:after,
#footer:after,#main:after,.g-nav:after,header:after{content:"";display:block;clear:both;}
.second #main section.inthead .spec:before,.recmenu p,
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
em{font-style:normal;}
small,sup{font-size:0.7em;}
a:hover img{opacity:0.5;}
.center{text-align:center;}

#main section#interview_intro .lists.row a > div,footer .gototop a,footer nav ul li a,#main section#interview_intro .lists.row a > div,
#gm nav ul li a{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;opacity: 0.3s;}



header {position: relative;z-index:500;}
header .row{max-width:1000px;margin-left:auto;margin-right:auto;position:relative;}
header .right.corp{position:absolute;right:0px;top:5px;font-weight:bold;font-size:0.9rem;}
header .right.corp img{display: block;width: auto;height: auto;max-width: 160px;}
header .sitename{font-weight:normal;text-align:center;padding:2rem 0px 1.2rem;}
header .sitename small{display:block;font-size:0.86rem;}
header .sitename img{display:block;width:auto;max-width:450px;margin:0px auto;}
header .hbtn{display:none;}

#visual{}
#visual ul li img{display:block;width:100%;height:auto;}

.top_slider{max-height:620px;overflow:hidden;}
.top_slider .imgs img{width:100%;height:auto;display:block;}


#gm{width:100%;box-shadow:0px 3px 9px -3px rgba(0,0,0,0.5);-moz-box-shadow:0px 3px 9px -3px  rgba(0,0,0,0.5);-webkit-box-shadow:0px 3px 9px -3px  rgba(0,0,0,0.5);position:relative;z-index:10;}
#gm nav{width:100%;max-width:1000px;text-align:center;background:#FFF;margin:0px auto;}
#gm nav ul{padding:1.7rem 0px;margin:0px auto;}
#gm nav ul li{display:inline-block;line-height:1em;}
#gm nav ul li+li{border-left:1px solid #000;}
#gm nav ul li a{padding:0px 2rem;font-size:1.1rem;font-weight:bold;}
#gm nav ul li a:hover{opacity:0.5;}


#main {}
#main > section{width:100%;max-width:1000px;margin:0px auto;padding:7rem 0px;}
#main > section.w100{max-width:100%;}
#main > section.w100 img{width:100%;height:auto;max-width:100%;display:block;}
#main section.bg{max-width:100%;}
#main section.bg.gray{background:#F2F2F2;}
#main section.bg.red{background:#E91D25;color:#FFF;}
#main section.bg.dark{background:#929497;color:#FFF;}
#main section > .row{max-width:1000px;margin-left:auto;margin-right:auto;}
#main p+p{margin-top:1rem;}
#main .tbl{display:table;width:auto;margin:1rem auto;}

#main section p.lead{font-weight:bold;font-size:1.6rem;margin-top:2rem;margin-bottom:2rem;}
#main section p.right{text-align:right;}
.second #main section p.right a{color:#E91D25;}

#main > section.recruit_top{padding:0px 0px;}
#main #news_front{}
#main #news_front h3{font-weight:bold;font-size:1.2rem;}
#main #news_front h3 small{font-size:0.9rem;font-weight:normal;margin-left:1rem;}
#main .newslist{margin:1rem auto 1rem;border-top:1px solid #CCCCCC;}
#main .newslist li{padding:1rem;border-bottom:1px solid #CCCCCC;}
#main .newslist li time{display:inline-block;width:7rem;vertical-align:top;}
#main .newslist li a{display:inline-block;vertical-align:top;text-decoration:underline;}
#main .newslist li a:hover{text-decoration:none;}

#main  aside.newscont{padding:3rem 0px;}
#main  aside.newscont > .row{width:100%;max-width:1000px;margin:0px auto;}

.more{text-align:center;}
.more.btn{text-align:center;padding-top:2rem;}
.btn.pdf,
.more.right{text-align:right;}
.more a{display:inline-block;position:relative;padding-right:1em;font-weight:bold;box-sizing:border-box;}
.more a:hover{opacity:0.7;}
.btn.pdf a,
.more.btn a{position:relative;padding:1em 3em 1em 2em;background:#FFF;color:#000;border:1px solid #000;line-height:1.2em;width:24%;font-size:1.2rem;background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(100,100,100,1) 50%);background-position: 0 0;background-size: 200% auto;transition: .3s;}
.more a:after{content:"";display:block;width:0.6em;height:0.6em;border:2px solid #000;border-bottom:0px;border-left:0px;box-sizing:border-box;transform:rotate(45deg);position:absolute;right:0px;top:50%;margin-top:-0.4em;}
.more.btn a:after{right:1em;}
.more.btn a:hover{opacity:1;background-position: -100% 0;color: #fff;}
.more.btn a:hover:after{border-color:#FFF;}

p.btn.pdf{padding:1rem 0px;}
p.btn.pdf a{padding:0.5em 3em 0.5em 1em;font-size:1rem;}
p.btn.pdf a:after{content:"";width:1.5rem;height:1.5rem;display:block;position:absolute;right:0.7rem;top:50%;margin-top:-0.7rem;background:url(./images/ico_blank.png) center center no-repeat;background-size:contain;}

.front #main section > .row > h2{font-size:2.4rem;text-align:center;font-weight:normal;position:relative;letter-spacing:0.1rem;margin-bottom:2rem;}
.front #main section > .row > h2:after{width:254px;height:5px;position:relative;display:block;content:"";margin:1rem auto;background: rgb(233,29,37);background: -moz-linear-gradient(-30deg, rgba(233,29,37,1) 0%, rgba(233,29,37,1) 50%, rgba(146,148,151,1) 50%, rgba(146,148,151,1) 100%);background: -webkit-linear-gradient(-30deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);background: linear-gradient(115deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91d25', endColorstr='#929497',GradientType=1 );}


#main section#product_intro{color:#FFF;background-repeat:repeat,no-repeat;background-position:left top,center center;background-size:2px 2px,cover;background-image:url(./images/dot.png),url(./images/bg1.jpg);}
#main section#product_intro h2{}
#main section#product_intro p.w800{margin-left:auto;margin-right:auto;}
#main section#product_intro p.btn.more{padding:2rem 0px;}

#main section#vehicle_intro{background:url(./images/bg2.jpg) center center no-repeat;background-size:cover;}

#main section#interview_intro h2{margin-bottom:4rem;}
#main section#interview_intro h2:after{background: rgb(255,255,255);background: -moz-linear-gradient(-30deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(146,148,151,1) 50%, rgba(146,148,151,1) 100%);background: -webkit-linear-gradient(-30deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);background: linear-gradient(115deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91d25', endColorstr='#929497',GradientType=1 );}

#main section#interview_intro .lists.row > div{position:relative;margin-bottom:1rem;}
#main section#interview_intro .lists.row a{display:block;position:relative;overflow:hidden;margin:0px 0.2rem;}
#main section#interview_intro .lists.row img{display:block;width:100%;height:auto;position:relative;z-index:1;}
#main section#interview_intro .lists.row a > div{position:absolute;bottom:-34px;left:0px;width:100%;padding:0.7rem 1rem;z-index:2;background:rgba(0,0,0,0.8);text-align:center;box-sizing:border-box;}
#main section#interview_intro .lists.row a > div em{display:block;font-size:1.4rem;}
#main section#interview_intro .lists.row a > div em small{margin-right:1rem;font-size:1rem;margin-top:1rem;}
#main section#interview_intro .lists.row a > div span{display:inline-block;position:relative;padding-right:1rem;text-decoration:underline;}
#main section#interview_intro .lists.row a > div span:after{content:"";display:block;width:0.6em;height:0.6em;border:2px solid #FFF;border-bottom:0px;border-left:0px;box-sizing:border-box;transform:rotate(45deg);position:absolute;right:0px;top:50%;margin-top:-0.4em;}
#main section#interview_intro .lists.row a:hover img{opacity:0.7;}
#main section#interview_intro .lists.row a:hover > div{opacity:1;bottom:0px;}

.second #main > section:not(.bg)+section:not(.bg){padding-top:0px;}
.second .row.col2 > div{margin-bottom:2rem;}
.second .row.col2 > div > img{margin-bottom:1rem;display:block;width:100%;height:auto;}
.second .row.col2 > div.imgs > img{margin-bottom:0rem;}

.second #main section.res{padding-top:0px;}
.second #main section h2{font-size:1.6rem;text-align:center;border-bottom:1px solid #000;padding:1rem 0px;margin-bottom:3rem;font-weight:bold;}
.second #main section h4{font-size:1.4rem;padding:1rem 0px;border-bottom:1px dashed #000;margin-bottom:1rem;}
.second #main section.bg.red h2,
.second #main section.bg.dark h2{border-color:#FFF;}
.second #main p{margin-bottom:1rem;}
.second #main p em{font-weight:bold;font-size:1.1em;display:block;margin-bottom:0.5rem;}
.second #main .gray{background:#F2F2F2;}

.second #visual h1{font-size:3rem;color:#FFF;text-align:center;padding:6rem 0px;font-weight:normal;}
.second #visual{background-position:left top,center center;background-repeat:repeat,no-repeat;background-size:2px 2px,cover;background-image:url(./images/dot.png),url(./images/visual_news.jpg);}
.second #visual.about{background-image:url(./images/dot.png),url(./images/visual_about.jpg);}
.second #visual.product{background-image:url(./images/dot.png),url(./images/visual_product.jpg);}
.second #visual.recuruit{background-image:url(./images/dot.png),url(./images/visual_recuruit.jpg);}
.second #visual.contact{background-image:url(./images/dot.png),url(./images/visual_contact.jpg);}
.second #visual.policy{background-image:url(./images/dot.png),url(./images/visual_news.jpg);}

.second #main .about_tab{margin-bottom:3rem;}
.second #main .about_tab li{margin-bottom:1px;}
.second #main .about_tab li a{display:block;text-align:center;padding:0.3rem 0px;color:#FFF;background:#000;}
.second #main .about_tab li a:hover{opacity:0.5;}
.second #main .about_tab li.current a{background:#E91D25;}
.second #main #corporation dl{padding:1rem;border-bottom:1px solid #FFF;}
.second #main #history li:after,
.second #main #corporation dl:after{content:"";display:block;clear:both;}
.second #main #corporation dl dt{width:13%;float:left;}
.second #main #corporation dl dd{width:83%;float:right;}
.second #main #history li{margin-bottom:0.8rem;}
.second #main #history .w800 li{display:table;}
.second #main #history .w800 li time{display:table-cell;width:115px;vertical-align:top;text-align:justify;text-justify: inter-ideograph;}
.second #main #history .w800 li span{display:table-cell;vertical-align:top;margin-left:2rem;}

/*　20193026　*/
.second #main #history .w800b li{display:table; margin-bottom:1rem;}
.second #main #history .w800b li time{display:table-cell;width:190px;vertical-align:top;text-align:justify;text-justify: inter-ideograph;}
.second #main #history .w800b li span{display:table-cell;vertical-align:top;margin-left:2rem;}




.second #main #greeting .rt.row.col73 img{margin:0px auto;display: block;width:auto;height:auto;max-width:100%;}
.second #main #greeting p.right{margin:1rem 0px;text-align:right;}
.second #main #greeting p.right em{font-size:1.2em;}



.second #main #factory{padding-top:0px;}
.second #main #factory .imgs_bg{margin-bottom:2rem;}
.second #main #factory .imgs_bg img{width:100%;height:auto;max-width:100%;}
.second #main #factory .blk{margin-bottom:2rem;color:#000;}
.second #main #factory .inner{background:#FFF;padding:2rem;}
.second #main #factory img+img{margin-top:0.7rem;}
.second #main #factory dl{display:flex;align-items:flex-start;margin-top:0.7rem;}
.second #main #factory dl dt{lex-shrink:0;margin-right:1rem;font-size:0.85rem;}
.second #main #factory dl dd{padding-left:1rem;border-left:1px solid #000;font-size:0.85rem;}
.second #main #factory h3{text-align:center;font-weight:700;border-bottom:1px solid #000;margin-bottom:1em;padding:0.6rem 0px 0.9rem;font-size:1.75rem;}
.second #main #factory .other h3{text-align:left;}
.second #main #factory small+img{margin-top:1rem;}
.second #main #factory .other > .inner > .row+.row{margin-top:2rem;}

.second #main #factory p.lead{font-family:serif;font-weight:bold;font-size:1.5rem;margin-top:0px;margin-bottom:1em;}
.imgs.row.sp_col2{clear:none;}
@media screen and (max-width: 640px){
.second #main #factory img+img{margin-top:0rem;}
.second #main #factory .imgs > img{width:100%;margin:0px;}
.second #main #factory h3{font-size:1.3rem;padding-top:1rem;}
.second #main #factory .inner{padding:1rem;}
}

.second #main section#vehicle .row.col2{padding:2rem;box-sizing:border-box;}
.second #main section#vehicle .row.col2 > div img{display:block;width:auto;height:auto;max-width:100%;margin:0px 0px;}

.second #main section.interview{padding:5rem 0px 3rem;box-sizing: border-box;}
.second #main section.inthead .spec{position:relative;padding:0px 2rem;}
.second #main section.inthead .spec:before{content:"Interview";font-size:5rem;position:relative;color:rgba(255,255,255,0.4);float:right;line-height:1.2;}
.second #main section.inthead .spec p{border-bottom:1px solid #FFF;padding:0.5rem 0px;margin-bottom:1rem;clear:both;}
.second #main section.inthead .spec h3{font-size:2.1rem;letter-spacing:0.2rem;margin-bottom:1.4rem;}
.second #main section.inthead .spec h3 small{margin-left:1rem;font-size:1rem;letter-spacing:0.05em;font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Meiryo UI','ＭＳ Ｐゴシック', sans-serif;font-weight:normal;}
.second #main section.inthead .spec dl{margin-bottom:0.7rem;}
.second #main section.inthead .spec dl:after{content:"";display:block;clear:both;}
.second #main section.inthead .spec dl dt{display:inline-block;width:4rem;vertical-align:top;margin-right:1rem;}
.second #main section.inthead .spec dl dt:after{content:":";display:block;float:right;}
.second #main section.inthead .spec dl dd{display:inline-block;vertical-align:top;}

.second #main section.interview h2{border-bottom:0px;line-height:1.3em;margin-bottom:3rem;}
.second #main section.interview h3{padding:0.5rem 0px 1rem 1.4rem;font-size:1.2rem;background:url(./images/ico_mic.png) left 0.5rem no-repeat;line-height:1.3em;}
.second #main section.interview .col46{margin:3rem auto;}
.second #main section.interview .message{padding:1.5rem;box-sizing:border-box;background:#998675;color:#FFF;}
.second #main section.interview .message .fk{padding:1.2rem;border-radius:10px;position:relative;background:#FFF;color:#000;margin-bottom:1rem;font-weight:bold;}
.second #main section.interview .message .fk:before{content: "";display: block;width: 0px;height: 0px;border: 0.7rem solid transparent;border-right: 1rem solid #FFF;position: absolute;right: 100%;top: 50%;margin-top: -0.7rem;}
.second #main section.interview .message h3{padding-left:0px;background:none;}

.second #main .int_tmn{text-align:center;margin:2rem auto;}
.second #main .int_tmn li{display:inline-block;margin:0px 1rem 0.5rem;}
.second #main .int_tmn li a{display:block;}
.second #main .int_tmn li a img{margin-bottom:1rem;}
.second #main .int_tmn li span small,
.second #main .int_tmn li span{display:block;}

.second #main .new-graduate h3{background:#E6E6E6;padding:0.5rem;font-size:1.4rem;}
.second #main .new-graduate dl{border-bottom:1px solid #CCCCCC;padding:1rem;}
.second #main .new-graduate dl+h3{margin-top:4rem;}
.second #main .new-graduate dl dt{float:left;width:17%;font-weight:bold;}
.second #main .new-graduate dl dd{float:right;width:80%;}
.second #main .new-graduate dl:after{content:"";display:block;clear:both;}
.second #main .new-graduate .flow{text-align:center;padding:2rem 0px;}
.second #main .new-graduate .flow li{display:inline-block;width:8rem;height:8rem;box-sizing:border-box;border:2px solid #000;font-weight:bold;position:relative;padding-top:3rem;border-radius:50%;}
.second #main .new-graduate .flow li+li{margin-left:2rem;}
.second #main .new-graduate .flow li+li:after{content:"";display:block;width:0.6em;height:0.6em;border:2px solid #000;border-bottom:0px;border-left:0px;box-sizing:border-box;transform:rotate(45deg);position:absolute;left:-1.5rem;top:50%;margin-top:-0.4em;}
.second #main .new-graduate .flow li.finish{color:#FFF;background:#E91D25;border:0px;}

.bg_image{position:relative;}
.bg_image:after{content:"";width:100%;height:100%;display:block;background:url(./images/dot.png) left top repeat;position:absolute;left:0px;top:0px;}
.recmenu{text-align:center;background: rgb(233,29,37);max-width:1000px;margin-bottom:5rem;background: -moz-linear-gradient(-60deg, rgba(233,29,37,1) 0%, rgba(233,29,37,1) 50%, rgba(146,148,151,1) 50%, rgba(146,148,151,1) 100%);background: -webkit-linear-gradient(-60deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);background: linear-gradient(115deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91d25', endColorstr='#929497',GradientType=1 );}
.recmenu > *{padding:1rem;color:#FFF;}
.recmenu.w100{max-width:100%;margin-bottom:0px;
    background: -moz-linear-gradient(-35deg, rgba(233,29,37,1) 0%, rgba(233,29,37,1) 49%, rgba(146,148,151,1) 49%, rgba(146,148,151,1) 100%);
    background: -webkit-linear-gradient(-35deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 49%,rgba(146,148,151,1) 49%,rgba(146,148,151,1) 100%);
    background: linear-gradient(103deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 49%,rgba(146,148,151,1) 49%,rgba(146,148,151,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91d25', endColorstr='#929497',GradientType=1 );}
.second .row.col2.recmenu > div{margin-bottom:0px;}
.second aside.recmenu p{font-size:2rem;}
.second aside.recmenu ul{margin:1rem auto;}
.second aside.recmenu ul li{display:inline-block;padding:0px 0.8rem;}
.second aside.recmenu ul li a:hover{text-decoration:underline;}

.second #main .acc dl dt{background:#F2F2F2;font-weight:bold;font-size:1.4rem;padding:1rem 2rem 1rem 3rem;position:relative;}
.second #main .acc dl dt:before{content:"Q";color:#555;}
.second #main .acc dl dd{font-size:1rem;padding:1.5rem 2rem 1.5rem 3.4rem;position:relative;}
.second #main .acc dl dd:before{content:"A";color:#F06166;}
.second #main .acc dl dt:before,
.second #main .acc dl dd:before{position:absolute;left:1rem;font-size:2rem;top:50%;margin-top:-1rem;line-height:1em;display:block;
font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal}



.second #main .contact_list dl{padding:2rem 0px;border-bottom:1px solid #000;}
.second #main .contact_list dl:after{content:"";display;block;clear:both;}
.second #main .contact_list dl dt,
.second #main .contact_list dl dd{display:inline-block;vertical-align:middle;font-size:1.2rem;}
.second #main .contact_list dl dd.btn.more{float:right;padding:0px;margin:0px;}
.second #main .contact_list dl dd.btn.more a{padding:0.3rem 3rem 0.3rem 2rem;width:auto;text-align:center;}
.second #main tel.lead{font-size:3rem;display:block;font-weight:bold;}

.second #main .contactform{max-width:800px;}
.second #main .contactform dl{border-bottom:1px solid #CCC;padding:1rem;}
.second #main .contactform dl:after{content:"";display:block;clear:both;}
.second #main .contactform dl dt{float:left;width:21%;font-size:1.2rem;font-weight:bold;}
.second #main .contactform dl dt.need:after{content:"*";color:#CC0000;margin-left:0.3rem;}
.second #main .contactform dl dd{float:right;width:77%;}
.second #main .contactform dl dd input[type=text],
.second #main .contactform dl dd input[type=email],
.second #main .contactform dl dd textarea{border:0px;padding:0.7rem;font-size:1.2rem;background:#f1f1f1;width:100%;box-sizing:border-box;}
.second #main .contactform dl dd.w30 input[type=text]{width:30%;}
.second #main .contactform dl dd.w50 input[type=text]{width:50%;}
.second #main .contactform dl dd.w70 input[type=text]{width:70%;}
.second #main .contactform dl dd input[type=text]:focus,
.second #main .contactform dl dd input[type=email]:focus,
.second #main .contactform dl dd textarea:focus{background:#D1FAFF;}
.second #main .contactform .btn{text-align:center;padding:2rem 0px;}
.btn > input[type=submit]{width:50%;max-width:200px;padding:0.7rem;border:1px solid #000;text-align:center;background:#FFF;border-radius:0px;font-weight:bold;}

footer {text-align:center;position:relative;padding:3rem 0px;border-top:1px solid  #000;}
footer .gototop{position:absolute;right:2rem;top:-2rem;z-index:100;}
footer .gototop a{display:block;background:#000;width:5rem;height:5rem;border-radius:50%;text-align:center;color:#FFF;font-weight:bold;padding:1rem;box-sizing:border-box;}
footer .gototop a:before{content:"";display:block;margin:5px auto;width:0.6em;height:0.6em;border:2px solid #FFF;border-bottom:0px;border-left:0px;box-sizing:border-box;transform:rotate(-45deg);position:relative;}
footer .gototop a:hover{background:#999;}
footer h3{font-size:1.2rem;margin-bottom:1rem;}
footer p.address{font-weight:bold;font-size:0.9rem;}
footer nav{padding:1rem 0px;}
footer nav ul li{display:inline-block;line-height:1em;padding:0px 1rem;font-size:0.9rem;}
footer nav ul li a:hover{opacity:0.6;}
footer nav ul li+li{border-left:1px solid #000;}
footer p.copy{margin-top:1rem;}


@media screen and (max-width: 1001px){
.second #main section > .row{width:90%;}
}


@media screen and (min-width: 641px){

#gm nav #menu-hmenu .sub-menu{display: none;position: absolute;background: #000;top: 100%;padding:1.2rem 0px;}
#gm nav #menu-hmenu .sub-menu li{display:inline-block;border-left-color:#FFF;}
#gm nav #menu-hmenu .sub-menu li a{color:#FFF;font-weight:normal;}

}


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

html,body{margin:0px!important;}

header .sitename small{display:none;}
header .sitename{margin-right:4rem;padding:1.5rem 0px 0.5rem;}
header .right.corp{left:0px;right:auto;}
header .right.corp img{max-width:90px;}
header .sitename img{max-width:90%;margin-left:0px;}




header .row{width:96%;min-height: 4rem;}
#main section > .row{width:90%;}
#main > section{padding:2.5rem 0px;}
#main section > .row > h2{font-size:1.8rem;}
#main section > .row > h2:after{width:200px;}
.second #visual h1{font-size:2rem;padding:4rem 0px;}
.second #main section h2{font-size:1.4rem;padding:0.7rem;margin-bottom:2rem;line-height:1.2em;}

#main section p.lead{font-size:1.2rem;}

.front #main section > .row > h2{font-size:1.8rem}

#main section#product_intro{background-image:url(./images/dot.png),url(./images/bg1_sp.jpg);}
#main section#vehicle_intro{background:url(./images/bg2_so.jpg) center center no-repeat;background-size:cover;}
.second #main section.inthead .spec:before{font-size:3rem;}
.second #main section.inthead .spec h3 small{display:block;}
.second #main section.interview{padding-top:3rem;}
.second #main section.interview .message .fk:before{top:-0.7rem;right:0px;left:50%;margin-left:-0.35rem;margin-top:0px;border-right:0.7rem solid transparent;border-bottom-color:#FFF;}
.recmenu.w100,
.recmenu{;background: rgb(233,29,37);width:90%;margin-bottom:3rem;background: -moz-linear-gradient(180deg, rgba(233,29,37,1) 0%, rgba(233,29,37,1) 50%, rgba(146,148,151,1) 50%, rgba(146,148,151,1) 100%);background: -webkit-linear-gradient(1800deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);background: linear-gradient(180deg, rgba(233,29,37,1) 0%,rgba(233,29,37,1) 50%,rgba(146,148,151,1) 50%,rgba(146,148,151,1) 100%);}
.recmenu.w100{width:100%;padding:0px 0px;margin-bottom:0px;}
.row.col2.recmenu.w100 > div{margin:0px 0px;}
.second #main .new-graduate{width:90%;}
.second #main .new-graduate dl dt,
.second #main .new-graduate dl dd{width:100%;float:none;}
.second #main .new-graduate dl dt{margin-bottom:0.5rem;}
.second #main .new-graduate .flow li{margin-bottom:2rem;border-radius:20px;width:100%;padding:0.6rem 0px;height:auto;}
.second #main .new-graduate .flow li+li{margin-left:0px;}
.second #main .new-graduate .flow li+li:after{left:50%;top:-1.5rem;transform:rotate(135deg);margin-top:0px;margin-left:-0.6rem;}

.second #main .contact_list dl{padding:1rem 0px;}
.second #main .contact_list dl dt,
.second #main .contact_list dl dd.btn.more{float:none;width:100%;}
.second #main .contact_list dl dt{margin-bottom:0.6rem;}
.second #main .contact_list dl dd.btn.more{text-align: right;}
.second #main tel.lead{font-size:2rem;}

.second #main .contactform dl{padding:1rem 0px;}
.second #main .contactform dl dt,
.second #main .contactform dl dd{float:none;width:100%;font-size:1rem;}
.second #main .contactform dl dt{margin-bottom:0.5rem;}
.second #main .contactform dl dd.w30 input[type=text],
.second #main .contactform dl dd.w50 input[type=text],
.second #main .contactform dl dd.w70 input[type=text]{width:100%;}

.second #main #history .w800b li{display: block; border-bottom:1px solid #D2D2D2; padding: 10px 0; margin-bottom:0;}
.second #main #history .w800b li time{ font-size:80%; display: block; width: auto;vertical-align:top;text-align:justify;text-justify: inter-ideograph;}
.second #main #history .w800b li span{display: inline-block;vertical-align:top;margin-left:2rem;}



#main > section.recruit_top{display:none;}

footer{padding:0px;}
footer .gototop{position:relative;margin-bottom:2rem;right:auto;top:auto;}
footer .gototop a{width:100%;height:auto;border-radius:0px;}
footer nav{padding-bottom:0px;}
footer nav ul{border-top:1px solid #000;}
footer nav ul li{display:block;line-height:1em;padding:0px;font-size:1rem;border-bottom:1px solid #000;}
footer nav ul li a{text-align:left;display:block;padding:1rem;position:relative;}
footer nav ul li+li{border-left:0px;}
footer p.copy{margin-top:0px;color: #FFF;background: #E91D25;padding: 0.5rem;}

.btn.pdf,
.more.right{text-align:center;}
.btn.pdf a,
.more.right a{padding:1em 3em 1em 2em;border:1px solid #000;width:70%; background:#FFF;}
.more.right a:after{right:1em;}
.more.btn a{width:70%;padding:1em 3em 1em 2em;}

#gm{position: absolute;top: 4rem;z-index: 200;}
#gm nav.hmenu{z-index:11;position:relative;background:#FFF;display:none;}
#gm nav.hmenu ul{padding:0px 0px;border-top:1px solid #CCC;}
#gm nav.hmenu ul li{text-align:left;display:block;border-top:1px solid #CCC;}
#gm nav ul li+li{border-left:0px;}
#gm nav.hmenu ul li a{display:block;padding:1.2rem 0.8rem;position:relative;}
footer nav ul li a:after,
#gm nav.hmenu ul li a:after{content:"";display:block;width: 0.6em;height: 0.6em;border: 2px solid #000;border-bottom: 0px;border-left: 0px;box-sizing: border-box;transform: rotate(45deg);position: absolute;right:0.7rem;top:50%;margin-top:-0.3rem;}

#gm nav.hmenu ul li ul li{padding-left:2rem;background: #f0f0f0;}

#panel-bg{background:rgba(0,0,0,0.8);position:fixed;height:100%;width:100%;display:none;z-index:10;}
#panel-btn{font-size:0.7em;text-align:center;color:#FFF;font-weight:600;padding-top:0px;box-sizing:border-box;display: block;position:absolute;right:0.5rem;top:0.5rem;width: 3rem;height: 3rem;margin: 0px 0 0px;float:right;background: #000;z-index:1000;}
#panel-btn:hover{background: #999;}
#panel-btn-icon{display: block;position: absolute;top: 50%;left: 50%;width: 30px;height: 3px;margin: -2px 0 0 -15px;background: #FFF;transition: .2s;}
#panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 50%;left: 0;width: 30px;height: 3px;background: #FFF;transition: .3s;}
#panel-btn-icon:before{margin-top: -10px;}
#panel-btn-icon:after{ margin-top: 7px;}
#panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after{margin-top: 0;}
#panel-btn .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#panel-btn .close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.fixed {position: fixed;width: 100%;height: 100%;}

.second #main #factory .flex_col73 .imgs+.imgs{margin-top:4vw;}
.second #main #factory .inner .row.col2 > div{margin-bottom:0.5em;}

#main  aside.newscont > .row{width:90%;}
}

