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,l,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{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,table,input,textarea,select,option,button{font-size:100%}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,main{display:block}
input,textarea{margin:0;padding:0}
ol,ul{list-style:none;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
:focus{outline:0}
img,a img{border:none}
a{outline:0;cursor:pointer}
html{height:100%;line-height:1.8;background:#fff}
body{position:relative;min-height:100%;color:#333;-webkit-text-size-adjust:none}
@media only screen and (max-width: 767px){body{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
}
@media only screen and (min-width: 768px){body{font-family:"ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Hiragino Kaku Gothic Pro"}
}
a{text-decoration:none;color:#000}
@media only screen and (min-width: 768px){a:hover{color:#666}
}
table th{vertical-align:top}
table td{vertical-align:top}
.rootContainer{overflow:hidden}
@media only screen and (min-width: 1600px){
.rootContainer{width:1600px;margin:auto}
}
@media only screen and (max-width: 767px){
.homeContentContainer{padding:40px 0 0 0}
}
@media only screen and (min-width: 768px){
.homeContentContainer{padding:80px 0 0 0}
}
@media only screen and (max-width: 767px){
.lowerContentContainer{padding:40px 6%}
}
@media only screen and (min-width: 768px){
.lowerContentContainer{padding:80px 6%}
}
@media only screen and (min-width: 980px){
.lowerContentContainer{padding:80px 0;width:800px;margin:auto}
}
@media only screen and (min-width: 980px){
.asideContainer{display:table;width:100%}
}
@media only screen and (max-width: 767px){
.sectionBlock{margin:35px 0 0 0}
}
@media only screen and (min-width: 768px){
.sectionBlock{margin:84px 0 0 0}
}
.sectionBlock:first-child{margin:0}
@media only screen and (max-width: 767px){
.sectionInnerBlock{margin:25px 0 0 0}
}
@media only screen and (min-width: 768px){
.sectionInnerBlock{margin:54px 0 0 0}
}
@media only screen and (min-width: 768px){
.header{box-sizing:border-box;height:50px;padding:0 0 0 6%}
}
@media only screen and (min-width: 980px){
.header{height:auto;min-height:70px;padding:18px 6%}
.header:after{content:"";clear:both;display:block;overflow:hidden}
}
@media only screen and (max-width: 767px){
.header.type-home{position:absolute;top:8px;right:8px;z-index:100}
}
@media only screen and (max-width: 767px){
.header.type-lower{height:50px;padding:0 0 0 6%}
}
.siteLogo{float:left;padding:6px 0 0 0}
@media only screen and (min-width: 980px){
.siteLogo{height:34px;padding:0}
}
.siteLogo a{display:block}
.siteLogo.siteLogo-lowerHeader{padding:12px 0 0 0}
@media only screen and (min-width: 980px){
.siteLogo.siteLogo-lowerHeader{padding:0}
}
.siteLogo.siteLogo-lowerHeader img{display:block;height:auto;width:140px}
@media only screen and (min-width: 980px){
.siteLogo.siteLogo-lowerHeader img{width:200px}
}
.siteLogo.siteLogo-fixedHeader img{display:block;width:160px;height:auto}
.navigationList{display:table;float:left;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";padding:1px 0 0 0;font-size:14px;font-size:.875rem}
@media only screen and (min-width: 768px){
.navigationList>li{display:table-cell}
}
@media only screen and (min-width: 980px){
.navigationList>li{padding:0 8px}
}
.navigationList>li a{font-weight:bold}
.navigationList>li a:hover{color:#666}
.navigationList>li.current a{color:#ff0000}
.ie-all .navigationList{padding:7px 0 0 0}
.globalNavigation{float:right;display:none}
.globalNavigation:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 980px){
.globalNavigation{display:block;padding:3px 0 0 200px}
}
@media only screen and (min-width: 980px){
.globalNavigation.globalNavigation-lower{padding:3px 0 0 0}
}
.globalNavigation.globalNavigation-fixedHeader{padding:3px 0 0 0}
.menuIcon{box-sizing:border-box;width:50px;height:50px;padding:12px 0 0 0}
@media only screen and (min-width: 980px){
.menuIcon{display:none}
}
.menuIcon:hover{cursor:pointer}
.menuIcon .inner{position:relative}
.menuIcon.menuIcon-home{position:absolute;top:0;right:0;z-index:1200;transition:background 0.6s 0s ease}
.menuIcon.menuIcon-home .line{position:relative;top:0;margin:auto;height:2px;height:2px;width:18px;transition:all 0.6s 0s ease;-webkit-transform:rotate(0);transform:rotate(0)}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-home .line{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-home .line{background:#000}
}
.menuIcon.menuIcon-home .line .before{position:absolute;left:0;display:block;height:2px;top:6px;width:18px;transition:opacity 0.2s 0s ease}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-home .line .before{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-home .line .before{background:#000}
}
.menuIcon.menuIcon-home .line .after{position:absolute;display:block;height:2px;top:12px;width:18px;transition:-webkit-transform 0.6s 0s ease;transition:transform 0.6s 0s ease;transition:transform 0.6s 0s ease, -webkit-transform 0.6s 0s ease;-webkit-transform:rotate(0);transform:rotate(0)}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-home .line .after{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-home .line .after{background:#000}
}
.menuIcon.menuIcon-home .text{font-weight:bold;text-align:center;padding:15px 0 0 0;font-size:9px;font-size:.5625rem}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-home .text{color:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-home .text{color:#000}
}
.menuIcon.menuIcon-home.showMenu .line{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff}
.menuIcon.menuIcon-home.showMenu .line .before{opacity:0;background:#fff}
.menuIcon.menuIcon-home.showMenu .line .after{background:#fff;top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.menuIcon.menuIcon-home.showMenu .text{color:#fff}
.menuIcon.menuIcon-lower{position:absolute;top:0;right:0;background:#ff0000;z-index:1200;transition:background 0.6s 0s ease}
.menuIcon.menuIcon-lower .line{position:relative;top:0;margin:auto;height:2px;height:2px;width:18px;transition:all 0.6s 0s ease;-webkit-transform:rotate(0);transform:rotate(0)}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-lower .line{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-lower .line{background:#fff}
}
.menuIcon.menuIcon-lower .line .before{position:absolute;left:0;display:block;height:2px;top:6px;width:18px;transition:opacity 0.2s 0s ease}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-lower .line .before{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-lower .line .before{background:#fff}
}
.menuIcon.menuIcon-lower .line .after{position:absolute;display:block;height:2px;top:12px;width:18px;transition:-webkit-transform 0.6s 0s ease;transition:transform 0.6s 0s ease;transition:transform 0.6s 0s ease, -webkit-transform 0.6s 0s ease;-webkit-transform:rotate(0);transform:rotate(0)}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-lower .line .after{background:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-lower .line .after{background:#fff}
}
.menuIcon.menuIcon-lower .text{font-weight:bold;text-align:center;padding:15px 0 0 0;font-size:9px;font-size:.5625rem}
@media only screen and (max-width: 767px){
.menuIcon.menuIcon-lower .text{color:#fff}
}
@media only screen and (min-width: 768px){
.menuIcon.menuIcon-lower .text{color:#fff}
}
.menuIcon.menuIcon-lower.showMenu{background:none}
.menuIcon.menuIcon-lower.showMenu .line{top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.menuIcon.menuIcon-lower.showMenu .line .before{opacity:0}
.menuIcon.menuIcon-lower.showMenu .line .after{top:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fixedHeader{position:fixed;top:-4px;left:0;box-sizing:border-box;width:100%;background:#fff;box-shadow:0px 4px 2px -2px rgba(0,0,0,0.1);z-index:2000;transition:all 0.4s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(-100%);transform:translateY(-100%)}
.fixedHeader .inner{padding:9px 6% 7px 6%;box-sizing:border-box}
.fixedHeader .inner:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 1600px){
.fixedHeader .inner{width:1600px;margin:auto}
}
@media only screen and (min-width: 980px){
.fixedHeader.show{top:0;-webkit-transform:translateY(0);transform:translateY(0)}
}
@media only screen and (max-width: 767px){
.footerSiteMap{padding:40px 6% 32px 6%}
}
@media only screen and (min-width: 768px){
.footerSiteMap{padding:80px 6%}
}
@media only screen and (min-width: 980px){
.footerSiteMap{padding:80px 10%}
}
@media only screen and (min-width: 1280px){
.footerSiteMap{padding:80px 15%}
}
.footerSiteMap:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock{float:left;box-sizing:border-box;padding:0 15px 0 0}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock.footerBlock-01{width:18%}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock.footerBlock-02{width:18%}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock.footerBlock-03{width:18%}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock.footerBlock-04{width:26%}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock.footerBlock-05{width:20%;padding:0}
}
.footerSiteMap .footerBlock .menu-lv1>li{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.footerSiteMap .footerBlock .menu-lv1>li{margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock .menu-lv1>li{font-size:14px;font-size:.875rem}
}
.footerSiteMap .footerBlock .menu-lv1>li a{display:inline-block;margin:0 0 8px 0}
.footerSiteMap .footerBlock .menu-lv1>li a:hover{color:#666}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock .menu-lv1.menu-home{margin:28px 0 0 0}
}
.footerSiteMap .footerBlock .menu-lv1.menu-home a{display:inline-block;padding:0 14px 0 0;background:url("../img/icon_blank_black.svg") no-repeat 100%}
@media only screen and (min-width: 768px){
.footerSiteMap .footerBlock .menu-lv1.menu-recruitHome{margin:0 0 28px 0}
}
@media only screen and (max-width: 767px){
.footerSiteMap .footerBlock .menu-lv2{display:none}
}
.footerSiteMap .footerBlock .menu-lv2>li{font-weight:normal;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-size:12px;font-size:.75rem}
.footerSiteMap .footerBlock .menu-lv2>li a{display:inline-block;margin:0 0 4px 0}
.footerCopy{border-top:1px solid #d9d9d9}
@media only screen and (max-width: 767px){
.footerCopy{font-size:12px;font-size:.75rem;padding:20px 6%}
}
@media only screen and (min-width: 768px){
.footerCopy{padding:15px 0 15px 0;text-align:center}
}
.localNavigation::-webkit-scrollbar{display:none}
.localNavigation{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-weight:bold;background:#f2f2f2;width:100%;font-size:12px;font-size:.75rem;overflow:hidden;white-space:nowrap;height:36px}
@media only screen and (min-width: 768px){
.localNavigation{position:absolute;z-index:1000;overflow:visible;text-align:center;font-size:14px;font-size:.875rem;width:100%;padding:0;height:auto}
}
@media only screen and (min-width: 980px){
.localNavigation{z-index:1000}
}
@media only screen and (min-width: 1600px){
.localNavigation{width:1600px}
}
.localNavigation.show{position:fixed;top:0}
@media only screen and (max-width: 767px){
.localNavigation .inner{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-scrollbar:none}
}
.localNavigation .slider:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (max-width: 767px){
.localNavigation .slider{position:absolute;padding:0 6%;top:0;left:0;opacity:0;-webkit-transform:translateX(-250px);transform:translateX(-250px)}
}
@media only screen and (min-width: 768px){
.localNavigation .slider{width:auto;display:inline-block;vertical-align:top;font-size:14px;font-size:.875rem}
}
.localNavigation .slider.show{transition:all 0.5s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.localNavigation .slider .hide{display:none}
@media only screen and (min-width: 768px){
.localNavigation .slider .hide{display:block}
}
.localNavigation .slider>li{float:left;padding:0 10px;white-space:nowrap}
@media only screen and (min-width: 768px){
.localNavigation .slider>li{padding:0}
}
.localNavigation .slider>li a{display:block;color:#666;padding:8px 0 7px 0;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (min-width: 768px){
.localNavigation .slider>li a{padding:12px 20px 10px 20px;font-size:13px;font-size:.8125rem;line-height:1.4}
}
@media only screen and (min-width: 980px){
.localNavigation .slider>li a:hover{background:#999;color:#fff}
}
.localNavigation .slider>li.current a{position:relative}
@media only screen and (max-width: 767px){
.localNavigation .slider>li.current a{color:#ff0000}
}
@media only screen and (min-width: 768px){
.localNavigation .slider>li.current a{background:#ff0000;color:#fff}
}
.localNavigation .slider>li.current a:after{content:'';position:absolute;left:0;bottom:0;height:4px;width:100%;background:#ff0000}
.fixedLocalNav{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-weight:bold;background:#f2f2f2;width:100%;font-size:12px;font-size:.75rem;overflow:hidden;white-space:nowrap;height:36px}
@media only screen and (min-width: 768px){
.fixedLocalNav{z-index:1000;overflow:visible;text-align:center;font-size:14px;font-size:.875rem;width:100%;padding:0;height:auto}
}
.fixedLocalNav .list:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 768px){
.fixedLocalNav .list{width:auto;display:inline-block;vertical-align:top;font-size:14px;font-size:.875rem}
}
.fixedLocalNav .list .hide{display:none}
@media only screen and (min-width: 768px){
.fixedLocalNav .list .hide{display:block}
}
.fixedLocalNav .list>li{float:left;padding:0 10px;white-space:nowrap}
@media only screen and (min-width: 768px){
.fixedLocalNav .list>li{padding:0}
}
.fixedLocalNav .list>li a{display:block;color:#666;padding:8px 0 7px 0;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (min-width: 768px){
.fixedLocalNav .list>li a{padding:12px 20px 10px 20px;font-size:13px;font-size:.8125rem;line-height:1.4}
}
@media only screen and (min-width: 980px){
.fixedLocalNav .list>li a:hover{background:#999;color:#fff}
}
.fixedLocalNav .list>li.current a{position:relative}
@media only screen and (min-width: 768px){
.fixedLocalNav .list>li.current a{background:#ff0000;color:#fff}
}
.fixedLocalNav .list>li.current a:after{content:'';position:absolute;left:0;bottom:0;height:4px;width:100%;background:#ff0000}
.pageTopLink{position:fixed;right:30px;bottom:70px;opacity:0;z-index:-1;transition:all 0.4s 0s ease;border:1px solid #000;overflow:hidden}
@media only screen and (max-width: 767px){
.pageTopLink{display:none}
}
.pageTopLink a{position:relative;text-indent:-9999px;width:44px;height:44px;display:block;background-size:16px auto;border-radius:5px;z-index:2}
.pageTopLink a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/arrow_top_black.svg") no-repeat center center;background-size:14px auto;z-index:2}
.pageTopLink a:after{content:'';position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:#000;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:1}
.pageTopLink a:hover:before{background:url("../img/arrow_top_white.svg") no-repeat center center;background-size:14px auto}
.pageTopLink a:hover:after{bottom:0}
.pageTopLink.show{opacity:1;z-index:1000}
.modalMenu{display:none;z-index:1000;padding:55px 0;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box}
@media only screen and (max-width: 767px){
.modalMenu{font-size:14px;font-size:.875rem}
}
.modalMenu .overLay{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;box-sizing:border-box;background:rgba(0,0,0,0.8);transition:all 0.4s 0s ease}
.modalMenu .modalMenuInner{position:relative;z-index:1000;opacity:0;transition:opacity 0.4s 0s ease,-webkit-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);transition:transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s 0s ease;transition:transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.4s 0s ease,-webkit-transform 1s 0s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform:translateY(-100px);transform:translateY(-100px);padding:0 6%}
.modalMenu .modalNavigation{display:block;width:100%;box-sizing:border-box;float:none;margin:0 0 20px 0;font-weight:bold;background:#fff}
.modalMenu .modalNavigation:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (max-width: 767px){
.modalMenu .modalNavigation>li{float:left;width:50%;box-sizing:border-box;border-bottom:1px solid #d9d9d9}
}
@media only screen and (min-width: 768px){
.modalMenu .modalNavigation>li{border-top:1px solid #d9d9d9}
}
@media only screen and (min-width: 768px){
.modalMenu .modalNavigation>li:first-child{border-top:none}
}
@media only screen and (max-width: 767px){
.modalMenu .modalNavigation>li:nth-child(2n+1){border-right:1px solid #d9d9d9}
}
@media only screen and (max-width: 767px){
.modalMenu .modalNavigation>li:last-child{border-bottom:none}
}
.modalMenu .modalNavigation>li a{position:relative;padding:12px 20px 10px;display:block;background:#fff}
.modalMenu .modalNavigation>li a:after{content:'';position:absolute;top:50%;margin:-9px 0 0 0;right:20px;display:block;width:9px;height:18px;background:url("../img/arrow_right_black.svg") no-repeat 0 0;background-size:9px auto}
.modalMenu .modalEntryButton{display:block;box-sizing:border-box;width:100%;text-align:center;font-weight:bold}
.modalMenu .modalEntryButton a{display:block;width:100%;padding:10px 0;border:none;background:#ff0000;color:#fff}
.modalMenu .modalEntryButton a span{padding:0 16px 0 0;background:url("../img/arrow_right_white_bold.svg") no-repeat 100% 50%;background-size:8px auto}
.modalMenu.anistart .overLay{opacity:1}
.modalMenu.anistart .modalMenuInner{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.ghostButton{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
.ghostButton>a{position:relative;text-align:center;display:block;font-weight:bold;overflow:hidden;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);box-sizing:border-box}
.ghostButton>a span{display:inline-block;position:relative;padding:0 14px 0 0;z-index:2}
.ghostButton>a:after{content:'';position:absolute;top:0;left:-100%;display:block;width:100%;height:100%;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:1}
@media only screen and (min-width: 980px){
.ghostButton>a:hover:after{left:0}
}
.ghostButton.ghostButton-headerEntry{float:right;font-size:12px;font-size:.75rem;margin:0 0 0 20px}
@media only screen and (max-width: 767px){
.ghostButton.ghostButton-headerEntry{display:none}
}
.ghostButton.ghostButton-headerEntry>a{float:left;padding:3px 8px 1px 10px;border:1px solid #ff0000;color:#ff0000}
.ghostButton.ghostButton-headerEntry>a span{padding:0 10px 0 0;background:url("../img/arrow_right_purple.svg") no-repeat 100% 50%;background-size:6px auto}
.ghostButton.ghostButton-headerEntry>a:after{background:#ff0000}
.ghostButton.ghostButton-headerEntry>a:hover{color:#fff}
.ghostButton.ghostButton-headerEntry>a:hover span{background:url("../img/arrow_right_white.svg") no-repeat 100% 50%;background-size:6px auto}
.ghostButton.ghostButton-headerEntry>a+a{margin-left:10px}
.ie-all .ghostButton.ghostButton-headerEntry a{padding:6px 8px 0 10px}
.ie-all .ghostButton.ghostButton-headerEntry a span{background-position:100% 0.28em;background-size:6px 11px}
.ie-all .ghostButton.ghostButton-headerEntry a:hover span{background-position:100% 0.28em;background-size:6px 11px}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-contentEntry{font-size:20px;font-size:1.25rem}
}
.ghostButton.ghostButton-contentEntry>a{width:100%;border:2px solid #fff;color:#fff}
@media only screen and (max-width: 767px){
.ghostButton.ghostButton-contentEntry>a{padding:8px 10px}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-contentEntry>a{padding:16px 20px 14px  20px}
}
.ghostButton.ghostButton-contentEntry>a+a{margin-top:20px}
.ghostButton.ghostButton-contentEntry>a span{background:url("../img/arrow_right_white_bold.svg") no-repeat 100% 50%;background-size:9px auto}
.ghostButton.ghostButton-contentEntry>a:after{background:#fff}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contentEntry>a:hover{color:#ff0000}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contentEntry>a:hover span{background:url("../img/arrow_right_purple_bold.svg") no-repeat 100% 50%;background-size:9px auto}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contentEntry.ghostButton-small{display:table;margin:auto}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contentEntry.ghostButton-small>a{float:left;width:400px}
.ghostButton.ghostButton-contentEntry.ghostButton-small>a+a{margin-top:0;margin-left:20px}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contentEntry.ghostButton-large>a{margin-right:auto;margin-left:auto;width:400px}
}
.ie-all .ghostButton.ghostButton-contentEntry a{padding:8px 0 0 0}
.ie-all .ghostButton.ghostButton-contentEntry a span{background-position:100% 0.28em;background-size:9px 16px}
@media only screen and (min-width: 980px){
.ie-all .ghostButton.ghostButton-contentEntry a:hover span{background-position:100% 0.28em;background-size:9px 16px}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-guidelineEntry{font-size:16px;font-size:1rem}
}
.ghostButton.ghostButton-guidelineEntry>a{color:#ff0000;border:1px solid #ff0000;display:block;padding:9px 15px 7px 15px;margin:auto}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-guidelineEntry>a{width:400px}
}
.ghostButton.ghostButton-guidelineEntry>a span{padding:2px 18px 0 0;background:url("../img/arrow_right_purple.svg") no-repeat 100% 50%;background-size:6px auto}
.ghostButton.ghostButton-guidelineEntry>a:after{background:#ff0000}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-guidelineEntry>a:hover{color:#fff}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-guidelineEntry>a:hover span{background:url("../img/arrow_right_white.svg") no-repeat 100% 50%;background-size:6px auto}
}
.ie-all .ghostButton.ghostButton-guidelineEntry a{padding:11px 15px 5px 15px}
.ie-all .ghostButton.ghostButton-guidelineEntry a span{line-height:1.25;background-position:100% .18em;background-size:6px 11px}
@media only screen and (min-width: 980px){
.ie-all .ghostButton.ghostButton-guidelineEntry a:hover span{background-position:100% .18em;background-size:6px 11px}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-pageNavigation{font-size:16px;font-size:1rem}
}
@media only screen and (max-width: 767px){
.ghostButton.ghostButton-pageNavigation>a{text-align:left}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-pageNavigation>a{color:#262626;border:1px solid #262626;display:block;padding:9px 15px 7px 15px;width:400px;margin:auto;box-sizing:border-box}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-pageNavigation>a span{display:inline-block;padding:2px 15px 0 0;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:6px auto}
}
.ghostButton.ghostButton-pageNavigation>a:after{background:#262626}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-pageNavigation>a:hover{color:#fff}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-pageNavigation>a:hover span{background:url("../img/arrow_right_white.svg") no-repeat 100% 50%;background-size:6px auto}
}
@media only screen and (min-width: 768px){
.ie-all .ghostButton.ghostButton-pageNavigation a{padding:11px 0 5px 0}
}
.ie-all .ghostButton.ghostButton-pageNavigation a span{line-height:1.25;background-position:100% 0.18em;background-size:6px 11px}
@media only screen and (min-width: 980px){
.ie-all .ghostButton.ghostButton-pageNavigation a:hover span{background-position:100% 0.18em;background-size:6px 11px}
}
.ghostButton.ghostButton-contact>a{margin:auto;border:2px solid #fff;color:#fff}
@media only screen and (max-width: 767px){
.ghostButton.ghostButton-contact>a{padding:8px 0}
}
@media only screen and (min-width: 768px){
.ghostButton.ghostButton-contact>a{width:320px;padding:10px 15px}
}
.ghostButton.ghostButton-contact>a span{background:url("../img/arrow_right_white_bold.svg") no-repeat 100% 50%;background-size:9px auto}
.ghostButton.ghostButton-contact>a:after{background:#fff}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contact>a:hover{color:#ff0000}
}
@media only screen and (min-width: 980px){
.ghostButton.ghostButton-contact>a:hover span{background:url("../img/arrow_right_purple_bold.svg") no-repeat 100% 50%;background-size:9px auto}
}
.inactive .ghostButton.ghostButton-contact{opacity:.2;filter:alpha(opacity=20)}
.inactive .ghostButton.ghostButton-contact>a:hover{cursor:default}
@media only screen and (min-width: 980px){
.inactive .ghostButton.ghostButton-contact>a:hover{color:#fff}
}
@media only screen and (min-width: 980px){
.inactive .ghostButton.ghostButton-contact>a:hover span{background:url("../img/arrow_right_white_bold.svg") no-repeat 100% 50%;background-size:9px auto}
}
.inactive .ghostButton.ghostButton-contact>a:hover:after{left:-100%}
@media only screen and (min-width: 768px){
.ie-all .ghostButton.ghostButton-contact>a{padding:14px 15px 6px 15px}
}
@media only screen and (min-width: 768px){
.ie-all .ghostButton.ghostButton-contact>a span{background-position:100% .25em}
}
@media only screen and (min-width: 980px){
.ie-all .ghostButton.ghostButton-contact>a:hover span{background-position:100% .25em}
}
.homeVisualArea{position:relative;display:block}
.homeSiteTitle{position:absolute;text-indent:-9999px;z-index:5;left:6%}
@media only screen and (max-width: 767px){
.homeSiteTitle{top:10px;left:-360px;width:150px;height:29px;background: url(../../img/logo_wt.png) no-repeat center center;}
}
@media only screen and (min-width: 768px){
.homeSiteTitle{top:15px;width:200px;height:39px;background:url("../img/img_logo_pc.png") no-repeat center center}
}
@media only screen and (min-width: 980px){
.homeSiteTitle{top:15px}
}
.homeMainVisualWrap{position:relative;overflow:hidden}
@media only screen and (min-width: 768px){
.homeMainVisualWrap{height:630px}
}
.homeMainVisual{position:absolute;top:0;left:0;width:100%;-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);transition:opacity 1.2s ease-out, -webkit-transform 7s linear;transition:opacity 1.2s ease-out, transform 7s linear;transition:opacity 1.2s ease-out, transform 7s linear, -webkit-transform 7s linear;opacity:0;z-index:0}
@media only screen and (max-width: 767px){
.homeMainVisual{padding:75% 0 0 0}
}
@media only screen and (min-width: 768px){
.homeMainVisual{height:630px}
}
.homeMainVisual.current{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);z-index:1}
.homeMainVisual.hide{opacity:0;-webkit-transform:scale(1, 1);transform:scale(1, 1);z-index:0}
.homeMainVisual.def{opacity:0;-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);transition:opacity 0s ease-out, -webkit-transform 0s linear;transition:opacity 0s ease-out, transform 0s linear;transition:opacity 0s ease-out, transform 0s linear, -webkit-transform 0s linear}
@media only screen and (max-width: 767px){
.homeMainVisual.homeMainVisual-01{background:#000 url("../../img/img_main-visual-01_sp.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (min-width: 768px){
.homeMainVisual.homeMainVisual-01{background:url("../../img/img_main-visual-01_pc.jpg") no-repeat 10% center;background-size:cover}
}
@media only screen and (min-width: 980px){
.homeMainVisual.homeMainVisual-01{background-position:center center}
}
@media only screen and (max-width: 767px){
.homeMainVisual.homeMainVisual-02{background:#000 url("../../img/img_main-visual-02_sp.jpg") no-repeat center top;background-size:cover}
}
@media only screen and (min-width: 768px){
.homeMainVisual.homeMainVisual-02{background:url("../../img/img_main-visual-02_pc.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (max-width: 767px){
.homeMainVisual.homeMainVisual-03{background:#000 url("../../img/img_main-visual-03_sp.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (min-width: 768px){
.homeMainVisual.homeMainVisual-03{background:url("../../img/img_main-visual-03_pc.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (max-width: 767px){
.homeMainVisual.homeMainVisual-04{background:#000 url("../../img/img_main-visual-04_sp.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (min-width: 768px){
.homeMainVisual.homeMainVisual-04{background:url("../../img/img_main-visual-04_pc.jpg") no-repeat 20% top;background-size:cover}
}
@media only screen and (min-width: 980px){
.homeMainVisual.homeMainVisual-04{background-position:center center}
}
@media only screen and (max-width: 767px){
.homeMainVisual.homeMainVisual-05{background:#000 url("../../img/img_main-visual-05_sp.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (min-width: 768px){
.homeMainVisual.homeMainVisual-05{background:url("../../img/img_main-visual-05_pc.jpg") no-repeat center center;background-size:cover}
}
@media only screen and (max-width: 767px){
.homeMainVisualCopyArea{position:relative;margin:75% 0 0 0;padding:33px 6% 60px 6%;background:#000;z-index:2}
}
@media only screen and (min-width: 768px){
.homeMainVisualCopyArea{position:absolute;z-index:10;left:6%;bottom:70px}
}
@media only screen and (max-width: 767px){
.homeMainVisualCopyArea br{display:none}
}
.homeMainVisualCopyArea .catchCopy{color:#fff;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-weight:bold;line-height:1.25}
@media only screen and (max-width: 767px){
.homeMainVisualCopyArea .catchCopy{font-size:18px;font-size:1.125rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 768px){
.homeMainVisualCopyArea .catchCopy{margin:0 0 40px 0;font-size:32px;font-size:2rem}
}
.homeMainVisualCopyArea .text{color:#fff;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-weight:bold}
@media only screen and (max-width: 767px){
.homeMainVisualCopyArea .text{font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 768px){
.homeMainVisualCopyArea .text{font-size:16px;font-size:1rem}
}
.homeVisualNavigation{position:absolute;z-index:1000;height:20px}
@media only screen and (max-width: 767px){
.homeVisualNavigation{right:50%;bottom:25px;-webkit-transform:translate(50%, 0);transform:translate(50%, 0)}
}
@media only screen and (min-width: 768px){
.homeVisualNavigation{right:30px;bottom:30px}
}
.homeVisualNavigation>li{position:relative;width:14px;height:14px;margin:0 2px;display:inline-block}
.homeVisualNavigation>li:hover{cursor:pointer}
.homeVisualNavigation>li:after{opacity:0.5;content:'';position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#fff}
.homeVisualNavigation>li.current:after{opacity:1;background:#ff0000}
.homeHedding01.homeHedding01-work{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#000;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-work{font-size:12px;font-size:.75rem;margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-work{font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-work{text-align:center}
}
.homeHedding01.homeHedding01-work span{position:relative}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-work span{padding:0 40px 0 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-work span{padding:0 40px 0 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-work span{padding:0 40px}
}
.homeHedding01.homeHedding01-work span:before{content:'';position:absolute;top:50%;left:0;display:none;width:30px;height:1px;background:#bfbfbf}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-work span:before{display:inline-block}
}
.homeHedding01.homeHedding01-work span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-work span:after{background:#000}
}
.homeHedding01.homeHedding01-recruitment{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#fff;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-recruitment{font-size:12px;font-size:.75rem;margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-recruitment{font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-recruitment{text-align:center}
}
.homeHedding01.homeHedding01-recruitment span{position:relative}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-recruitment span{padding:0 40px 0 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-recruitment span{padding:0 40px 0 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-recruitment span{padding:0 40px}
}
.homeHedding01.homeHedding01-recruitment span:before{content:'';position:absolute;top:50%;left:0;display:none;width:30px;height:1px;background:#bfbfbf}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-recruitment span:before{display:inline-block}
}
.homeHedding01.homeHedding01-recruitment span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-recruitment span:after{background:#fff}
}
.homeHedding01.homeHedding01-form{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#fff;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-form{font-size:12px;font-size:.75rem;margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-form{font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-form{text-align:center}
}
.homeHedding01.homeHedding01-form span{position:relative}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-form span{padding:0 40px 0 0}
}
@media only screen and (min-width: 768px){
.homeHedding01.homeHedding01-form span{padding:0 40px 0 0}
}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-form span{padding:0 40px}
}
.homeHedding01.homeHedding01-form span:before{content:'';position:absolute;top:50%;left:0;display:none;width:30px;height:1px;background:#bfbfbf}
@media only screen and (min-width: 980px){
.homeHedding01.homeHedding01-form span:before{display:inline-block}
}
.homeHedding01.homeHedding01-form span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.homeHedding01.homeHedding01-form span:after{background:#fff}
}
.homeHedding02{position:absolute;bottom:-20px;background:#ff0000;box-sizing:border-box;color:#fff;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";text-align:center}
@media only screen and (max-width: 767px){
.homeHedding02{left:6%;width:80px;height:80px;padding:28px 0 0 0;font-size:11px;font-size:.6875rem;line-height:1.36}
}
@media only screen and (min-width: 768px){
.homeHedding02{left:4%;width:120px;height:120px;padding:32px 0 0 0}
}
.homeHedding02 .sub{font-family:"Open Sans","sans-serif";display:block}
@media only screen and (max-width: 767px){
.homeHedding02 .sub{font-size:9px;font-size:.5625rem;font-weight:normal}
}
@media only screen and (min-width: 768px){
.homeHedding02 .sub{font-size:12px;font-size:.75rem}
}
.homeLeadText.homeLeadText-work{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#000}
@media only screen and (max-width: 767px){
.homeLeadText.homeLeadText-work{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.homeLeadText.homeLeadText-work{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-work{text-align:center}
}
.homeLeadText.homeLeadText-work br{display:none}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-work br{display:block}
}
.homeLeadText.homeLeadText-recruitment{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#fff}
@media only screen and (max-width: 767px){
.homeLeadText.homeLeadText-recruitment{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.homeLeadText.homeLeadText-recruitment{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-recruitment{text-align:center}
}
.homeLeadText.homeLeadText-recruitment br{display:none}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-recruitment br{display:block}
}
.homeLeadText.homeLeadText-vision{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#000}
@media only screen and (max-width: 767px){
.homeLeadText.homeLeadText-vision{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.homeLeadText.homeLeadText-vision{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-vision{text-align:left}
}
.homeLeadText.homeLeadText-vision br{display:none}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-vision br{display:block}
}
.homeLeadText.homeLeadText-message{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#000}
@media only screen and (max-width: 767px){
.homeLeadText.homeLeadText-message{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.homeLeadText.homeLeadText-message{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-message{text-align:left}
}
.homeLeadText.homeLeadText-message br{display:none}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-message br{display:block}
}
.homeLeadText.homeLeadText-form{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#fff}
@media only screen and (max-width: 767px){
.homeLeadText.homeLeadText-form{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.homeLeadText.homeLeadText-form{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-form{text-align:center}
}
.homeLeadText.homeLeadText-form br{display:none}
@media only screen and (min-width: 980px){
.homeLeadText.homeLeadText-form br{display:block}
}
.homeSubText.homeSubText-work{color:#333;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.homeSubText.homeSubText-work{margin:0 0 15px 0}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-work{margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-work{text-align:center}
}
.homeSubText.homeSubText-work br{display:none}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-work br{display:block}
}
.homeSubText.homeSubText-vision{color:#333;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.homeSubText.homeSubText-vision{margin:0 0 15px 0}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-vision{margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-vision{text-align:left}
}
.homeSubText.homeSubText-vision br{display:none}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-vision br{display:block}
}
.homeSubText.homeSubText-message{color:#333;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.homeSubText.homeSubText-message{margin:0 0 15px 0}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-message{margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-message{text-align:left}
}
.homeSubText.homeSubText-message br{display:none}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-message br{display:block}
}
.homeSubText.homeSubText-recruitment{color:#fff;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.homeSubText.homeSubText-recruitment{margin:0 0 15px 0}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-recruitment{margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-recruitment{text-align:center}
}
.homeSubText.homeSubText-recruitment br{display:none}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-recruitment br{display:block}
}
.homeSubText.homeSubText-lowerRecruitment{color:#fff;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.homeSubText.homeSubText-lowerRecruitment{margin:0 0 15px 0}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-lowerRecruitment{margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-lowerRecruitment{text-align:center}
}
.homeSubText.homeSubText-lowerRecruitment br{display:none}
@media only screen and (min-width: 980px){
.homeSubText.homeSubText-lowerRecruitment br{display:block}
}
@media only screen and (min-width: 768px){
.homeSubText.homeSubText-lowerRecruitment{margin:0 0 30px 0}
}
.sectionHomePickup{padding:0 6%;transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
.sectionHomePickup.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 767px){
.sectionHomePickup{margin:0 0 40px 0}
}
@media only screen and (min-width: 768px){
.sectionHomePickup{margin:0 0 80px 0}
}
.sectionHomePickup>a{color:#ff0000;display:block;position:relative;overflow:hidden;width:100%;box-sizing:border-box;text-align:center;border:1px solid #ff0000;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (max-width: 767px){
.sectionHomePickup>a{padding:8px 10px}
}
@media only screen and (min-width: 768px){
.sectionHomePickup>a{padding:16px 20px 14px  20px}
}
.sectionHomePickup>a:after{background:#ff0000;content:'';position:absolute;top:0;left:-100%;display:block;width:100%;height:100%;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:1}
@media only screen and (min-width: 980px){
.sectionHomePickup>a:hover{color:#fff}
}
@media only screen and (min-width: 980px){
.sectionHomePickup>a:hover:after{left:0}
}
@media only screen and (min-width: 768px){
.sectionHomePickup>a:hover .link:after{right:-6px}
}
@media only screen and (min-width: 980px){
.sectionHomePickup>a:hover .link:after{background:url("../img/arrow_right_white.svg") no-repeat 100% 50%;background-size:6px auto}
}
.homePickup{position:relative;z-index:2;display:inline-block;vertical-align:bottom}
.homePickup .title{display:inline-block;position:relative;padding:0 0 3px 0;font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (min-width: 980px){
.homePickup .title{float:left;padding:0 41px 0 0}
}
@media only screen and (min-width: 980px){
.homePickup .title:after{content:"";display:inline-block;background:#ccc;position:absolute;right:21px;bottom:50%;height:1rem;width:1px;margin:0 0 -0.45rem 0}
}
.homePickup .text{margin:0 0 1px 0}
@media only screen and (max-width: 767px){
.homePickup .text{line-height:1.5}
}
@media only screen and (min-width: 980px){
.homePickup .text{display:inline-block;margin:0;padding:0 20px 0 0;float:left}
}
@media only screen and (min-width: 768px){
.homePickup .text .hide{display:none}
}
.homePickup .link{position:relative;display:inline-block;padding:0 9px 0 0;font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (min-width: 980px){
.homePickup .link{float:left;padding:0 18px 0 0}
}
.homePickup .link:after{content:'';display:block;position:absolute;top:50%;right:0;width:6px;height:12px;margin:-6px 0 0 0;background:url("../img/arrow_right_purple.svg") no-repeat 100% 50%;background-size:6px auto}
@media only screen and (min-width: 768px){
.homePickup .link:after{transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
}
@media only screen and (min-width: 980px){
.homePickup .link:after{margin:-7px 0 0 0}
}
.ie-all .homePickup .link:after{margin:-10px 0 0 0}
.sectionHomeWork{padding:0 6%;transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
.sectionHomeWork.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 767px){
.sectionHomeWork{margin:0 0 40px 0}
}
@media only screen and (min-width: 768px){
.sectionHomeWork{margin:0 0 80px 0}
}
.homeWorkBlock{margin:0 -1% 0 -1%}
.homeWorkBlock:after{content:"";clear:both;display:block;overflow:hidden}
.homeWorkItem{box-sizing:border-box;position:relative}
@media only screen and (max-width: 767px){
.homeWorkItem{width:100%;border-bottom:1px solid #d9d9d9;padding:0 0 0 80px}
}
@media only screen and (min-width: 768px){
.homeWorkItem{width:100%;border-bottom:1px solid #d9d9d9;padding:0 0 0 80px}
}
@media only screen and (min-width: 980px){
.homeWorkItem{float:left;width:23%;margin:0 1%;text-align:center;padding:1px;border:none}
}
.homeWorkItem.homeWorkItem-feature{background:url("../../img/icon_feature.svg") no-repeat center 20px}
@media only screen and (max-width: 767px){
.homeWorkItem.homeWorkItem-feature{background-size:60px auto;background-position:8px center}
}
@media only screen and (min-width: 768px){
.homeWorkItem.homeWorkItem-feature{background-size:60px auto;background-position:8px center}
}
@media only screen and (min-width: 980px){
.homeWorkItem.homeWorkItem-feature{background-size:80px auto;background-position:center 30px}
}
.homeWorkItem.homeWorkItem-brand{background:url("../../img/icon_brand.svg") no-repeat}
@media only screen and (max-width: 767px){
.homeWorkItem.homeWorkItem-brand{background-position:8px center;background-size:60px auto}
}
@media only screen and (min-width: 768px){
.homeWorkItem.homeWorkItem-brand{background-position:8px center;background-size:60px auto}
}
@media only screen and (min-width: 980px){
.homeWorkItem.homeWorkItem-brand{background-size:80px auto;background-position:center 35px}
}
.homeWorkItem.homeWorkItem-merit{background:url("../../img/icon_merit.svg") no-repeat}
@media only screen and (max-width: 767px){
.homeWorkItem.homeWorkItem-merit{background-position:10px center;background-size:60px auto}
}
@media only screen and (min-width: 768px){
.homeWorkItem.homeWorkItem-merit{background-position:10px center;background-size:60px auto}
}
@media only screen and (min-width: 980px){
.homeWorkItem.homeWorkItem-merit{background-size:80px auto;background-position:center 40px}
}
.homeWorkItem.homeWorkItem-jobs{background:url("../../img/icon_jobs.svg") no-repeat}
@media only screen and (max-width: 767px){
.homeWorkItem.homeWorkItem-jobs{background-position:4px center;background-size:60px auto}
}
@media only screen and (min-width: 768px){
.homeWorkItem.homeWorkItem-jobs{background-position:4px center;background-size:60px auto}
}
@media only screen and (min-width: 980px){
.homeWorkItem.homeWorkItem-jobs{background-size:80px auto;background-position:center 30px}
}
.homeWorkItem.homeWorkItem-gallery{background:url("../../img/icon_gallery.svg") no-repeat}
@media only screen and (max-width: 767px){
.homeWorkItem.homeWorkItem-gallery{background-position:4px center;background-size:60px auto}
}
@media only screen and (min-width: 768px){
.homeWorkItem.homeWorkItem-gallery{background-position:4px center;background-size:60px auto}
}
@media only screen and (min-width: 980px){
.homeWorkItem.homeWorkItem-gallery{background-size:80px auto;background-position:center 30px}
}
.homeWorkItem:first-child{border-top:1px solid #d9d9d9}
@media only screen and (max-width: 767px){
.homeWorkItem:first-child{border-top:1px solid #d9d9d9}
}
@media only screen and (min-width: 768px){
.homeWorkItem:first-child{border-top:1px solid #d9d9d9}
}
@media only screen and (min-width: 980px){
.homeWorkItem:first-child{border:none}
}
.homeWorkItem .line{display:none;position:absolute;background:#d9d9d9;transition:all 0.3s 0s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
@media only screen and (min-width: 980px){
.homeWorkItem .line{display:block;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
}
.homeWorkItem .line.line-top{top:0;left:0;width:100%;height:1px}
.homeWorkItem .line.line-left{top:0;left:0;height:100%;width:1px}
.homeWorkItem .line.line-bottom{bottom:0;left:0;width:100%;height:1px}
.homeWorkItem .line.line-right{right:0;top:0;height:100%;width:1px}
.homeWorkItem a{display:block;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:9px auto;padding:15px 15px 15px 0}
@media only screen and (min-width: 980px){
.homeWorkItem a{position:relative;padding:105px 5px 30px 5px;box-sizing:border-box;background:none}
}
@media only screen and (min-width: 768px){
.homeWorkItem a:hover{color:#ff0000}
}
.homeWorkItem a:hover .line{background:#ff0000}
.homeWorkItem a:hover .line.line-top{height:4px}
.homeWorkItem a:hover .line.line-left{width:4px}
.homeWorkItem a:hover .line.line-bottom{height:4px}
.homeWorkItem a:hover .line.line-right{width:4px}
.homeWorkItem a:hover .title span:after{right:-6px}
.homeWorkItem .subTitle{font-weight:bold;color:#ff0000;font-size:12px;font-size:.75rem;font-family:"Open Sans","sans-serif"}
@media only screen and (min-width: 980px){
.homeWorkItem .subTitle{margin:0 0 12px 0}
}
.homeWorkItem .title{font-weight:bold;line-height:1.4;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.homeWorkItem .title{margin:0 0 5px 0}
}
@media only screen and (min-width: 768px){
.homeWorkItem .title{font-size:20px;font-size:1.25rem}
}
@media only screen and (min-width: 980px){
.homeWorkItem .title{font-size:20px;font-size:1.25rem;margin:0 0 18px 0}
}
.homeWorkItem .title span{position:relative;padding:0 18px 0 0;display:inline-block}
.homeWorkItem .title span:after{content:'';display:none;position:absolute;top:50%;right:0;width:6px;height:12px;margin:-6px 0 0 0;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:6px auto;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (min-width: 980px){
.homeWorkItem .title span:after{display:block}
}
.ie-all .homeWorkItem .title span:after{margin:-10px 0 0 0}
@media only screen and (max-width: 767px){
.homeWorkItem .text{font-size:12px;font-size:.75rem}
}
@media only screen and (min-width: 768px){
.homeWorkItem .text{font-size:14px;font-size:.875rem}
}
.homeWorkItem .text br{display:none}
@media only screen and (min-width: 980px){
.homeWorkItem .text br{display:block}
}
@media only screen and (min-width: 768px){
.homeSection2colWrap{margin:0 0 80px 0;padding:0 6%}
.homeSection2colWrap:after{content:"";clear:both;display:block;overflow:hidden}
}
.sectionHomeVision{transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
.sectionHomeVision.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 767px){
.sectionHomeVision{margin:0 0 40px 0}
}
@media only screen and (min-width: 768px){
.sectionHomeVision{float:left;width:47%;margin:0 3% 0 0}
}
.sectionHomeMessage{transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}
.sectionHomeMessage.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 767px){
.sectionHomeMessage{margin:0 0 40px 0}
}
@media only screen and (min-width: 768px){
.sectionHomeMessage{float:right;width:47%;margin:0 0 0 3%}
}
.homeHeddingVisual{position:relative}
@media only screen and (max-width: 767px){
.homeHeddingVisual{margin:0 0 31px 0}
}
@media only screen and (min-width: 768px){
.homeHeddingVisual{margin:0 0 44px 0}
}
.homeHeddingVisual img{display:block;width:100%;height:auto}
@media only screen and (max-width: 767px){
.homeVisionTextBlock{padding:0 6%}
}
@media only screen and (min-width: 768px){
.homeVisionTextBlock{padding:0 4%}
}
@media only screen and (min-width: 768px){
.home2colLinkWrap{margin:0 -2%}
.home2colLinkWrap:after{content:"";clear:both;display:block;overflow:hidden}
}
@media only screen and (min-width: 980px){
.homeLinkBlock{float:left;width:46%;padding:0 2%}
}
.homeLinkBlock>li{border-bottom:1px solid #d9d9d9}
@media only screen and (max-width: 767px){
.homeLinkBlock>li{font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 768px){
.homeLinkBlock>li{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
}
@media only screen and (min-width: 980px){
.homeLinkBlock>li:nth-child(1){border-top:1px solid #d9d9d9}
}
.homeLinkBlock>li a{position:relative;padding:10px 18px 10px 0;display:block}
@media only screen and (max-width: 767px){
.homeLinkBlock>li a{background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:7px auto}
}
@media only screen and (min-width: 768px){
.homeLinkBlock>li a{background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:9px auto}
}
@media only screen and (min-width: 980px){
.homeLinkBlock>li a{background:none}
}
.homeLinkBlock>li a:after{content:'';display:none;position:absolute;top:50%;right:0;width:6px;height:12px;margin:-6px 0 0 0;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:6px auto;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (min-width: 980px){
.homeLinkBlock>li a:after{display:block}
}
@media only screen and (min-width: 768px){
.homeLinkBlock>li a:hover{color:#ff0000}
}
.homeLinkBlock>li a:hover:after{right:6px}
.ie-all .homeLinkBlock>li a{padding:14px 0 6px 0}
@media only screen and (max-width: 767px){
.homeLinkBlock:first-child>li:nth-child(1){border-top:1px solid #d9d9d9}
}
@media only screen and (min-width: 768px){
.homeLinkBlock:first-child>li:nth-child(1){border-top:1px solid #d9d9d9}
}
.sectionHomeRecruitment{transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;position:relative;overflow:hidden}
.sectionHomeRecruitment.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (min-width: 768px){
.sectionHomeRecruitment{margin:0;}
}
.sectionHomeRecruitment .visual{position:absolute;width:100%;height:100%;z-index:1;background:#000 url("../../img/img_home_recruitment_visual.jpg") repeat-y 50% 0;background-size:cover}
@media only screen and (max-width: 767px){
.sectionHomeRecruitment .visual{background-image:url("../../img/img_home_recruitment_visual_sp.jpg");background-size:100% auto;background-repeat:no-repeat}
}
@media only screen and (min-width: 768px){
.sectionHomeRecruitment .visual{height:150%}
}
.sectionHomeRecruitmentInner{position:relative;z-index:2}
@media only screen and (max-width: 767px){
.sectionHomeRecruitmentInner{padding:40px 6% 25px 6%}
}
@media only screen and (min-width: 768px){
.sectionHomeRecruitmentInner{padding:80px 6%}
}
.homeRecruitmentBlockWrap:after{content:"";clear:both;display:block;overflow:hidden}
.homeRecruitmentBlock{background:#fff}
@media only screen and (max-width: 767px){
.homeRecruitmentBlock{width:100%;margin:0 0 15px 0}
.homeRecruitmentBlock:after{content:"";clear:both;display:block;overflow:hidden}
}
@media only screen and (min-width: 768px){
.homeRecruitmentBlock{width:100%;margin:0 0 15px 0}
.homeRecruitmentBlock:after{content:"";clear:both;display:block;overflow:hidden}
}
@media only screen and (min-width: 980px){
.homeRecruitmentBlock{width:47%;float:left}
}
@media only screen and (min-width: 980px){
.homeRecruitmentBlock.homeRecruitmentBlock-fullTime{margin:0 3% 0 0}
}
@media only screen and (min-width: 980px){
.homeRecruitmentBlock.homeRecruitmentBlock-partTime{margin:0 0 0 3%}
}
.homeRecruitmentBlock .title{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#ff0000}
@media only screen and (max-width: 767px){
.homeRecruitmentBlock .title{padding:10px 20px;font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 768px){
.homeRecruitmentBlock .title{padding:13px 20px}
}
@media only screen and (min-width: 980px){
.homeRecruitmentBlock .title{text-align:center}
}
.homeRecruitmentBlock .linkBlock{overflow:hidden;border-top:1px solid #d9d9d9;padding:15px 20px 8px 20px;text-align:center;font-size:0}
.homeRecruitmentBlock .linkBlock>li{position:relative;border-top:1px solid #d9d9d9;display:inline-block;margin-bottom:6px;margin-right:31px;border:none;box-sizing:border-box;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-weight:bold}
@media only screen and (max-width: 767px){
.homeRecruitmentBlock .linkBlock>li{font-size:14px;font-size:.875rem;margin-right:21px}
}
@media only screen and (min-width: 768px){
.homeRecruitmentBlock .linkBlock>li{font-size:16px;font-size:1rem}
}
.homeRecruitmentBlock .linkBlock>li:after{content:'';display:block;position:absolute;top:50%;right:-16px;margin:-0.5rem 0 0 0;background:#ccc;width:1px;height:1rem;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (max-width: 767px){
.homeRecruitmentBlock .linkBlock>li:after{margin:-0.36rem 0 0 0;height:0.8rem;right:-11px}
}
.homeRecruitmentBlock .linkBlock>li a{display:block}
@media only screen and (min-width: 768px){
.homeRecruitmentBlock .linkBlock>li a:hover{color:#ff0000}
}
.sectionHomeForm{transition:all 0.8s 0s cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;background:#ff0000}
.sectionHomeForm.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 767px){
.sectionHomeFormInner{padding:40px 6%}
}
@media only screen and (min-width: 768px){
.sectionHomeFormInner{padding:50px 6%}
}
.sentenceHeadding01{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.6}
@media only screen and (max-width: 767px){
.sentenceHeadding01{font-size:18px;font-size:1.125rem;margin:0 0 18px}
}
@media only screen and (min-width: 768px){
.sentenceHeadding01{font-size:28px;font-size:1.75rem;margin:0 0 40px 0}
}
.sentenceHeadding01 .hide{display:none}
@media only screen and (min-width: 768px){
.sentenceHeadding01 .hide{display:block}
}
.sentenceHeadding02{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.sentenceHeadding02{margin:0 0 6px 0}
}
@media only screen and (min-width: 768px){
.sentenceHeadding02{line-height:1.25;font-size:20px;font-size:1.25rem;margin:0 0 22px 0}
}
@media only screen and (max-width: 767px){
.sentenceText{margin:0 0 6px 0;line-height:1.75}
}
@media only screen and (min-width: 768px){
.sentenceText{margin:0 0 20px 0;line-height:2}
}
@media only screen and (max-width: 767px){
.sentenceImg{margin:0 0 6px 0}
}
@media only screen and (min-width: 768px){
.sentenceImg{margin:0 0 20px 0}
}
.sentenceImg img{width:100%;height:auto}
.sentenceList{margin:0 0 20px 0}
.sentenceList li{margin:0 0 4px 0}
.sentenceList.sentenceList-disc>li{padding:0 0 0 14px;background:url("../img/icon_list-style_disc_gray.svg") no-repeat 0 0.6em}
.sentenceList.sentenceList-link>li{padding:0 0 0 14px;background:url("../img/arrow_right_black.svg") no-repeat 0 .45em;background-size:6px auto}
.sentenceList.sentenceList-child{margin:0}
.sentenceList.sentenceList-child>li{margin:0}
.sentenceTable{width:100%;table-layout:fixed;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.sentenceTable{margin:0 0 6px 0;border-bottom:1px solid #d9d9d9;font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 768px){
.sentenceTable{margin:0 0 20px 0}
}
@media only screen and (max-width: 767px){
.sentenceHeadding02+.sentenceTable{margin:0 0 6px 0}
}
@media only screen and (min-width: 768px){
.sentenceHeadding02+.sentenceTable{margin:26px 0 20px 0}
}
@media only screen and (max-width: 767px){
.sentenceTable tr{display:block;padding:14px 0 10px 0;border-top:1px solid #d9d9d9}
}
@media only screen and (max-width: 767px){
.sentenceTable th{display:block;line-height:1.25}
}
@media only screen and (min-width: 768px){
.sentenceTable th{padding:10px 0;width:20%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;word-break:break-all}
}
@media only screen and (max-width: 767px){
.sentenceTable th .hide{display:none}
}
@media only screen and (max-width: 767px){
.sentenceTable td{display:block}
}
@media only screen and (min-width: 768px){
.sentenceTable td{padding:10px 0 10px 20px;width:80%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
}
@media only screen and (min-width: 768px){
.sentenceTable td .hide{display:none}
}
.profileBlock{border:1px solid #ccc;font-size:14px;font-size:.875rem}
@media only screen and (max-width: 767px){
.profileBlock{padding:15px 20px;margin:20px 0 0 0}
}
@media only screen and (min-width: 768px){
.profileBlock{padding:25px 30px;margin:48px 0 0 0}
}
.profileBlock dt{font-weight:bold;margin:0 0 5px 0}
.guidelineEntryHeading{text-align:center;font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";margin:0 0 18px 0}
@media only screen and (max-width: 767px){
.guidelineEntryHeading{font-size:16px;font-size:1rem}
}
@media only screen and (min-width: 768px){
.guidelineEntryHeading{font-size:18px;font-size:1.125rem}
}
@media only screen and (min-width: 768px){
.guidelineEntryHeading .hide{display:none}
}
.contactHeader{box-shadow:0px 4px 2px -2px rgba(0,0,0,0.1);padding:0 0 12px 0}
@media only screen and (min-width: 980px){
.contactHeader{height:70px;padding:0}
}
.contactHeader .inner{padding:0 6%}
.contactHeader .inner:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 980px){
.contactHeader .inner{width:700px;margin:auto;padding:16px 0}
}
.contactContentsArea{padding:30px 0 0 0}
@media only screen and (min-width: 768px){
.contactContentsArea{width:700px;margin:auto;padding:60px 0 0 0}
}
.contactPageTitle{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.contactPageTitle{font-weight:bold;font-size:18px;font-size:1.125rem;margin:0 6% 20px 6%}
}
@media only screen and (min-width: 768px){
.contactPageTitle{font-size:32px;font-size:2rem;margin:0 0 45px 0}
}
@media only screen and (max-width: 767px){
.contactLeadText{margin:0 6% 40px 6%}
}
@media only screen and (min-width: 768px){
.contactLeadText{margin:0 0 50px 0}
}
.contactBlock{margin:0 0 50px 0}
@media only screen and (max-width: 767px){
.contactBlock{margin:0 6% 50px 6%}
}
.contactRequired{display:inline-block;padding:1px 5px;color:#fff;background:#c70007;font-size:11px;font-size:.6875rem}
.contactRequired.contactRequired-leadText{margin:0 5px 0 0;vertical-align:middle}
.contactRequired.contactRequired-input{margin:0 0 0 15px;vertical-align:middle}
.errorMessage{display:none;font-weight:normal;color:#e60000;font-size:14px;font-size:.875rem;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";padding:0 0 0 14px;margin:0 0 0 15px;background:url("../../entry/img/icon_caution.svg") no-repeat 0 center}
.inputItemBlock-error .errorMessage{display:inline-block}
.iconComplete{display:none;vertical-align:middle;margin:0 0 0 15px}
.inputItemBlock-complete .iconComplete{display:inline-block}
.iconComplete img{display:block}
.contactHedding01{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.contactHedding01{font-size:18px;font-size:1.125rem;margin:0 0 18px}
}
@media only screen and (min-width: 768px){
.contactHedding01{font-size:28px;font-size:1.75rem;margin:0 0 25px 0}
}
.contactHedding02{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"}
@media only screen and (max-width: 767px){
.contactHedding02{margin:0 0 5px 0}
}
@media only screen and (min-width: 768px){
.contactHedding02{font-size:20px;font-size:1.25rem;margin:0 0 10px 0}
}
.contactHedding03{padding:0 0 8px 0;font-size:14px;font-size:.875rem}
.inputItemBlock{margin:0 0 40px 0}
@media only screen and (max-width: 767px){
.inputGenderList>li{float:left;margin:0 20px 0 0}
}
@media only screen and (max-width: 767px){
.inputExperienceList>li{float:left;margin:0 20px 0 0}
}
@media only screen and (min-width: 768px){
.inputLocationList>li{float:left;width:50%;margin:0}
}
.inputLocationList>li:nth-child(even){padding:0}
@media only screen and (min-width: 768px){
.inputJobsList>li{float:left;width:50%;margin:0}
}
.inputJobsList>li:nth-child(even){padding:0}
.inputText{background:#f2f2f2;border:1px solid #ccc;padding:10px;box-sizing:border-box;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);width:100%;-webkit-appearance:none;-webkit-border-radius:0;-webkit-tap-highlight-color:transparent}
@media only screen and (min-width: 768px){
.inputText:hover{background:#fff}
}
.inputText:focus{background:#fff}
.inputItemBlock-error .inputText{background:#fae1e1;border:1px solid #f5aeae}
.inputItemBlock-error .inputText:focus{background:#fff;border:1px solid #ccc}
.inputItemBlock-complete .inputText{background:#fff}
@media only screen and (min-width: 768px){
.inputAddressBlock-code .inputText{float:left;width:200px}
}
.textarea{background:#f2f2f2;border:1px solid #ccc;padding:10px;box-sizing:border-box;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);width:100%;height:300px;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0;-webkit-tap-highlight-color:transparent}
@media only screen and (min-width: 768px){
.textarea:hover{background:#fff}
}
.textarea:focus{background:#fff}
.inputItemBlock-error .textarea{background:#fae1e1;border:1px solid #f5aeae}
.inputItemBlock-error .textarea:focus{background:#fff;border:1px solid #ccc}
.inputItemBlock-complete .textarea{background:#fff}
.selectText{cursor:pointer;display:block;position:relative;background:#f2f2f2;border:1px solid #D0D0D0;width:100%}
@media only screen and (min-width: 768px){
.selectText:hover{background:#fff}
}
.selectText:focus{background:#fff}
.inputItemBlock-error .selectText{background:#fae1e1;border:1px solid #f5aeae}
.inputItemBlock-error .selectText:focus{background:#fff;border:1px solid #ccc}
.inputItemBlock-complete .selectText{background:#fff}
.selectText:after{position:absolute;content:"";top:50%;right:15px;margin:-2px 0 0 0;border-top:5px solid #000000;border-right:5px solid transparent;border-left:5px solid transparent}
.selectText .select{position:relative;z-index:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;width:100%;padding:7px 14px;background:transparent;font-size:16px;font-size:1rem;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.5;border:none}
.inputAddressBlock{margin:0 0 20px 0}
.postalCodeModal .inputAddressBlock:last-child{margin:0}
@media only screen and (min-width: 768px){
.addressBlock{display:table;width:100%;margin:0 0 20px 0}
}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock{display:table-cell;vertical-align:middle;margin:0}
}
.addressBlock .inputAddressBlock.inputAddressBlock-code{width:100%}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock.inputAddressBlock-code{width:200px}
}
.addressBlock .inputAddressBlock.inputAddressBlock-state{width:100%}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock.inputAddressBlock-state{padding:0 10px 0 0;width:50%}
}
.addressBlock .inputAddressBlock.inputAddressBlock-city{width:100%}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock.inputAddressBlock-city{padding:0 0 0 10px;width:50%;box-sizing:border-box}
}
.addressBlock .inputAddressBlock.inputAddressBlock-line01{width:100%}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock.inputAddressBlock-line01{padding:0 10px 0 0;width:50%}
}
.addressBlock .inputAddressBlock.inputAddressBlock-line02{width:100%}
@media only screen and (min-width: 768px){
.addressBlock .inputAddressBlock.inputAddressBlock-line02{padding:0 0 0 10px;width:50%}
}
.addressBlock .postalCodeLink{padding:0 0 0 12px;font-size:14px;font-size:.875rem;background:url("../img/arrow_right_black.svg") no-repeat 0 50%;background-size:4px auto}
@media only screen and (min-width: 768px){
.addressBlock .postalCodeLink{float:left;display:block;margin:8px 0 0 20px}
}
.returnLink{margin:0 0 40px 0}
@media only screen and (max-width: 767px){
.returnLink{margin:0 6% 40px 6%}
}
.returnLink a{padding:0 0 0 12px;font-size:14px;font-size:.875rem;display:inline-block;line-height:1.25;background:url("../img/arrow_left_black.svg") no-repeat 0 50%;background-size:6px auto}
.ie-all .returnLink a{background-position:0 .15em}
@media only screen and (min-width: 768px){
.returnLink a:hover{color:#ff0000;background:url("../img/arrow_left_purple.svg") no-repeat 0 50%;background-size:6px auto}
}
@media only screen and (min-width: 768px){
.ie-all .returnLink a:hover{background-position:0 .15em}
}
@media only screen and (min-width: 768px){
.returnLink.returnLink-complete{margin:0 0 115px 0}
}
.contactCompleteMessage{background:#ff0000;color:#fff;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";text-align:center;font-weight:bold;padding:35px 6%;margin:0 0 18px}
@media only screen and (min-width: 768px){
.contactCompleteMessage{padding:35px 0;font-size:20px;font-size:1.25rem;margin:0 0 35px 0}
}
.contactCompleteTextArea{margin:0 0 25px 0}
@media only screen and (max-width: 767px){
.contactCompleteTextArea{margin:0 6% 25px 6%}
}
.contactCompleteTextArea>p{margin:0 0 10px 0}
.contactButtonArea{background:#ff0000;text-align:center;color:#fff}
@media only screen and (max-width: 767px){
.contactButtonArea{padding:45px 6%}
}
@media only screen and (min-width: 768px){
.contactButtonArea{padding:50px}
}
.contactButtonArea.contactButtonArea-input{margin:0 0 60px 0}
.contactButtonArea.contactButtonArea-confirm{margin:0 0 40px 0}
.contactButtonArea .text{font-size:14px;font-size:.875rem;font-weight:bold;margin:0 0 12px 0}
.contactButtonArea .text a{color:#fff;background:url("../img/icon_blank_white.svg") no-repeat 7px 0.4em/9px 7px;padding:0 0 0 20px;text-decoration:underline}
@media only screen and (max-width: 568px){
.contactButtonArea .text a{background-position:7px .2em}
}
.contactButtonArea .text span{color:#c70007}
.contactButtonArea .checkbox{font-size:14px;font-size:.875rem;margin:0 0 14px 0}
.contactButtonArea .checkbox input{display:none}
.contactButtonArea .checkbox input:checked+label{color:#fff}
.contactButtonArea .checkbox input:checked+label:before{color:#fff}
.contactButtonArea .checkbox input:checked+label:after{color:#fff;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}
.contactButtonArea .checkbox label{display:inline-block;cursor:pointer;position:relative;padding:0 0 0 26px}
.contactButtonArea .checkbox label:before{content:"";position:absolute;left:0;width:18px;height:18px;border:2px solid currentColor;box-sizing:border-box;transition:all 0.2s ease;top:4px}
.contactButtonArea .checkbox label:after{content:"";position:absolute;display:block;color:transparent;transition:all 0.2s ease;top:12px;width:3px;height:7px;left:6px;border:solid 3px currentColor;border-left:0;border-top:0;-webkit-transform:translateY(-40%) rotate(30deg);transform:translateY(-40%) rotate(30deg)}
.inputRadioList{margin:0 0 -5px 0}
.inputRadioList:after{content:"";clear:both;display:block;overflow:hidden}
.inputRadioList>li{box-sizing:border-box}
@media only screen and (min-width: 768px){
.inputRadioList>li{margin:0 0 5px 0;padding:0 35px 0 0;float:left}
}
.inputRadioList>li input{display:none}
.inputRadioList>li input:checked+label{color:#ff0000}
.inputRadioList>li input:checked+label:before{color:#ff0000}
.inputRadioList>li input:checked+label:after{color:#ff0000}
.inputRadioList>li label{display:inline-block;cursor:pointer;position:relative;padding:0 0 0 26px}
.inputRadioList>li label:before{content:"";position:absolute;left:0;width:18px;height:18px;background:#fff;border:2px solid currentColor;box-sizing:border-box;color:#D0D0D0;transition:all 0.2s ease;border-radius:50%;top:4px}
.inputRadioList>li label:after{content:"";position:absolute;display:block;color:transparent;transition:all 0.2s ease;left:4px;width:10px;height:10px;background:currentColor;border-radius:50%;box-sizing:border-box;top:8px}
.postalCodeModal{display:none;position:absolute;top:1500px;right:0;left:0;width:88%;margin:auto;z-index:1000}
@media only screen and (min-width: 768px){
.postalCodeModal{width:700px}
}
.postalCodeModal.show{opacity:1;z-index:1000}
.modalBlock{background:#fff}
@media only screen and (max-width: 767px){
.modalBlock{padding:20px}
}
@media only screen and (min-width: 768px){
.modalBlock{padding:40px}
}
.modalButtonArea{padding:20px;background:#f2f2f2}
.modalClose{position:absolute;cursor:pointer;background-image:url("../img/icon_close_black.svg");background-position:0 50%;background-size:14px;background-repeat:no-repeat;color:#000}
@media only screen and (max-width: 767px){
.modalClose{top:20px;right:20px;padding:0 0 0 15px;font-size:14px;font-size:.875rem;background-size:12px}
}
@media only screen and (min-width: 768px){
.modalClose{top:40px;right:40px;padding:0 0 0 20px}
}
@media only screen and (min-width: 768px){
.modalClose:hover{background-image:url("../img/icon_close_purple.svg");color:#ff0000}
}
.postalCodeModalBg{display:none;position:absolute;top:0;left:0;z-index:500;height:100%;width:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.requiredCounter{position:fixed;min-width:120px;box-sizing:border-box;z-index:2000;font-size:14px;font-size:.875rem;text-align:center;font-weight:bold;top:0;left:0;width:100%;margin:0;padding:5px 0;color:#fff;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}
@media only screen and (min-width: 980px){
.requiredCounter{-webkit-transform:none;transform:none;width:auto;background:#f2f2f2;top:130px;left:auto;margin:0 0 0 730px;padding:20px 20px 15px 20px;color:#333;white-space:nowrap}
}
.requiredCounter:before{content:"";position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:#4d4741;opacity:0.8}
@media only screen and (min-width: 980px){
.requiredCounter:before{background:none;width:auto;height:auto;opacity:1;top:50%;left:-10px;margin:-3px 0 0 0;border-right:10px solid transparent;border-bottom:10px solid #f2f2f2;border-left:10px solid transparent}
}
.requiredCounter.show{-webkit-transform:translateY(0);transform:translateY(0)}
.requiredCounter br{display:none}
@media only screen and (min-width: 980px){
.requiredCounter br{display:block}
}
.requiredCounter .text{position:relative;z-index:1000;line-height:1.5}
.requiredCounter .number{font-size:18px;font-size:1.125rem;font-weight:bold}
@media only screen and (min-width: 980px){
.requiredCounter .number{color:#ff0000}
}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type="number"]{-moz-appearance:textfield}
.pageTitleArea{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";box-sizing:border-box}
@media only screen and (max-width: 767px){
.pageTitleArea{text-align:center}
}
@media only screen and (min-width: 768px){
.pageTitleArea{height:400px;padding:140px 0 100px 0}
}
.pageTitleArea.pageTitleArea-feature{background:url("../../about/img/img_title-area-feature.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-feature{background-size:cover;background-position:left 0}
}
.pageTitleArea.pageTitleArea-brand{background:url("../../img/com_main.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-brand{background-size:cover}
}
.pageTitleArea.pageTitleArea-merit{background:url("../../about/img/img_title-area-merit.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-merit{background-size:cover}
}
.pageTitleArea.pageTitleArea-jobs{background:url("../../about/img/img_title-area-jobs.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-jobs{background-size:cover;background-position:right 0}
}
.pageTitleArea.pageTitleArea-gallery{background:url("../../about/img/img_title-area-gallery.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-gallery{background-size:cover}
}
.pageTitleArea.pageTitleArea-state{background:url("../../vision/img/img_title-area-state.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-state{background-size:cover}
}
.pageTitleArea.pageTitleArea-future{background:url("../../vision/img/img_title-area-future.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-future{background-size:cover}
}
.pageTitleArea.pageTitleArea-applicant{background:url("../../message/img/img_title-area-applicant.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-applicant{background-size:cover;background-position:left 0}
}
.pageTitleArea.pageTitleArea-interview{background:url("../../message/img/img_title-area-interview.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-interview{background-size:cover}
}
.pageTitleArea.pageTitleArea-guideline{background:url("../../guideline/img/img_title-area-guideline.jpg") no-repeat center 0}
@media only screen and (max-width: 767px){
.pageTitleArea.pageTitleArea-guideline{background-size:cover}
}
@media only screen and (max-width: 767px){
.pageTitleArea .inner{padding:100px 6%;width:100%;box-sizing:border-box}
}
@media only screen and (min-width: 768px){
.pageTitleArea .inner{padding:0 6%}
}
@media only screen and (min-width: 980px){
.pageTitleArea .inner{width:800px;margin:0 auto}
}
.pageTitleArea .categryTitle{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#fff;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.pageTitleArea .categryTitle{font-size:12px;font-size:.75rem;margin:0 0 5px 0}
}
@media only screen and (min-width: 768px){
.pageTitleArea .categryTitle{text-align:center;font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
.pageTitleArea .categryTitle span{position:relative}
@media only screen and (max-width: 767px){
.pageTitleArea .categryTitle span{padding:0 40px}
}
@media only screen and (min-width: 768px){
.pageTitleArea .categryTitle span{padding:0 40px}
}
.pageTitleArea .categryTitle span:before{content:'';position:absolute;top:50%;left:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.pageTitleArea .categryTitle span:before{background:#fff}
}
.pageTitleArea .categryTitle span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.pageTitleArea .categryTitle span:after{background:#fff}
}
.pageTitleArea .pageTitle{color:#fff}
@media only screen and (max-width: 767px){
.pageTitleArea .pageTitle{font-size:18px;font-size:1.125rem;margin:0 0 5px 0}
}
@media only screen and (min-width: 768px){
.pageTitleArea .pageTitle{font-size:32px;font-size:2rem;text-align:center;margin:0 0 40px 0}
}
.pageTitleArea .pageTitle .hide{display:none}
@media only screen and (max-width: 568px){
.pageTitleArea .pageTitle .hide{display:block}
}
.pageTitleArea .leadText{color:#fff}
@media only screen and (max-width: 767px){
.pageTitleArea .leadText{font-size:14px;font-size:.875rem;line-height:1.5}
}
@media only screen and (min-width: 768px){
.pageTitleArea .leadText{text-align:center;font-weight:bold;font-size:16px;font-size:1rem}
}
.pageTitleArea .leadText .hide{display:none}
@media only screen and (max-width: 568px){
.pageTitleArea .leadText .hide{display:block}
}
.pagingNavigation{border-top:1px solid #d9d9d9}
@media only screen and (max-width: 767px){
.pagingNavigation{padding:0 6%}
}
@media only screen and (min-width: 768px){
.pagingNavigation{padding:0 6%;margin:0 0 80px 0}
}
@media only screen and (max-width: 767px){
.pagingNavigation .inner{padding:12px 0;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:9px auto}
}
@media only screen and (min-width: 768px){
.pagingNavigation .inner{padding:55px 0 0 0;text-align:center}
}
@media only screen and (min-width: 980px){
.pagingNavigation .inner{width:800px;margin:0 auto}
}
.pagingNavigation .inner .hedding{color:#ff0000;font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";font-size:18px;font-size:1.125rem;margin:0 0 6px 0}
@media only screen and (max-width: 767px){
.pagingNavigation .inner .hedding{font-size:12px;font-size:.75rem}
}
.pagingNavigation .inner .text{margin:0 0 18px 0}
@media only screen and (max-width: 767px){
.pagingNavigation .inner .text{display:none}
}
.lowerRecruitmentArea{background:#262626}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea{display:table-cell;vertical-align:top;width:50%;box-sizing:border-box}
}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .inner{padding:40px 6% 25px 6%;background:#000 url("../../img/img_home_recruitment_visual_sp.jpg") no-repeat 50% 0;background-size:100% auto}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .inner{background:#000 url("../../img/img_home_recruitment_visual.jpg") no-repeat 50% 0;background-size:100% auto;padding:50px 30px}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .inner{background:none}
}
.lowerRecruitmentArea .headding{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#fff;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .headding{font-size:12px;font-size:.75rem;margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .headding{font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .headding{text-align:center}
}
.lowerRecruitmentArea .headding span{position:relative}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .headding span{padding:0 40px 0 0}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .headding span{padding:0 40px 0 0}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .headding span{padding:0 40px}
}
.lowerRecruitmentArea .headding span:before{content:'';position:absolute;top:50%;left:0;display:none;width:30px;height:1px;background:#bfbfbf}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .headding span:before{display:inline-block}
}
.lowerRecruitmentArea .headding span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .headding span:after{background:#fff}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .headding{margin:0 0 20px 0}
}
.lowerRecruitmentArea .leadText{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#fff}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .leadText{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .leadText{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .leadText{text-align:center}
}
.lowerRecruitmentArea .leadText br{display:none}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .leadText br{display:block}
}
.lowerRecruitmentArea .recruitmentBlock{width:100%;margin:0 0 15px 0;background:#fff}
.lowerRecruitmentArea .recruitmentBlock:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock{text-align:center;background:none;width:auto;font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock.recruitmentBlock-fullTime{margin:0 0 22px 0}
}
.lowerRecruitmentArea .recruitmentBlock .title{font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";padding:13px 20px;color:#ff0000}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .recruitmentBlock .title{font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .title{padding:0;margin:0 0 10px 0;color:#fff}
}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .recruitmentBlock .linkblock{font-size:14px;font-size:.875rem}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock{display:inline-block;text-align:center}
}
.lowerRecruitmentArea .recruitmentBlock .linkblock>li{box-sizing:border-box;border-top:1px solid #d9d9d9}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li{width:auto;float:none;display:inline-block;border-top:none;border-left:1px solid #535353;line-height:1.25;padding:0 8px 0 15px}
}
.lowerRecruitmentArea .recruitmentBlock .linkblock>li:nth-child(2n+1){border-right:1px solid #d9d9d9}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li:nth-child(2n+1){border-right:none}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li:first-child{border-left:none}
}
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a{position:relative;display:block;padding:12px 38px 12px 20px}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a{color:#b2b2b2;padding:0}
}
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a:after{content:'';display:block;position:absolute;background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:9px auto;top:50%;right:20px;margin:-9px 0 0 0;width:9px;height:18px}
@media only screen and (max-width: 767px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a:after{background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:7px auto}
}
@media only screen and (min-width: 768px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a:after{background:url("../img/arrow_right_black.svg") no-repeat 100% 50%;background-size:9px auto}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a:after{display:none}
}
@media only screen and (min-width: 980px){
.lowerRecruitmentArea .recruitmentBlock .linkblock>li a:hover{color:#fff}
}
.lowerFormArea{background:#ff0000}
@media only screen and (min-width: 980px){
.lowerFormArea{display:table-cell;vertical-align:top;width:50%;box-sizing:border-box}
}
@media only screen and (max-width: 767px){
.lowerFormArea .inner{padding:40px 6%}
}
@media only screen and (min-width: 768px){
.lowerFormArea .inner{padding:50px 30px}
}
.lowerFormArea .headding{position:relative;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";color:#fff;line-height:1.25;font-weight:bold}
@media only screen and (max-width: 767px){
.lowerFormArea .headding{font-size:12px;font-size:.75rem;margin:0 0 8px 0}
}
@media only screen and (min-width: 768px){
.lowerFormArea .headding{font-size:16px;font-size:1rem;margin:0 0 34px 0}
}
@media only screen and (min-width: 980px){
.lowerFormArea .headding{text-align:center}
}
.lowerFormArea .headding span{position:relative}
@media only screen and (max-width: 767px){
.lowerFormArea .headding span{padding:0 40px 0 0}
}
@media only screen and (min-width: 768px){
.lowerFormArea .headding span{padding:0 40px 0 0}
}
@media only screen and (min-width: 980px){
.lowerFormArea .headding span{padding:0 40px}
}
.lowerFormArea .headding span:before{content:'';position:absolute;top:50%;left:0;display:none;width:30px;height:1px;background:#bfbfbf}
@media only screen and (min-width: 980px){
.lowerFormArea .headding span:before{display:inline-block}
}
.lowerFormArea .headding span:after{content:'';position:absolute;top:50%;right:0;display:inline-block;width:30px;height:1px;background:#bfbfbf}
@media only screen and (max-width: 767px){
.lowerFormArea .headding span:after{background:#fff}
}
@media only screen and (min-width: 768px){
.lowerFormArea .headding{margin:0 0 20px 0}
}
.lowerFormArea .leadText{font-weight:bold;font-family:"Yu Gothic","YuGothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";line-height:1.4;color:#fff}
@media only screen and (max-width: 767px){
.lowerFormArea .leadText{margin:0 0 15px 0;font-size:15px;font-size:.9375rem}
}
@media only screen and (min-width: 768px){
.lowerFormArea .leadText{font-size:24px;font-size:1.5rem;margin:0 0 20px 0}
}
@media only screen and (min-width: 980px){
.lowerFormArea .leadText{text-align:center}
}
.lowerFormArea .leadText br{display:none}
@media only screen and (min-width: 980px){
.lowerFormArea .leadText br{display:block}
}
.lowerContentsNav ul:after{content:"";clear:both;display:block;overflow:hidden}
@media only screen and (min-width: 768px){
.lowerContentsNav ul{margin:0 0 20px}
}
@media only screen and (min-width: 768px){
.lowerContentsNav .lowerContentsNav__list{float:left;padding:0 17px 0 20px;line-height:1.25;border-left:1px solid #ccc}
}
.lowerContentsNav .lowerContentsNav__list:first-child{border:none}
@media only screen and (min-width: 768px){
.lowerContentsNav .lowerContentsNav__list:first-child{padding:0 17px 0 0}
}
.lowerContentsNav .lowerContentsNav__list a{position:relative;padding:0 0 0 18px;display:inline-block;line-height:1.25}
.lowerContentsNav .lowerContentsNav__list a:before{display:inline-block;content:'';position:absolute;top:.45em;left:0;width:9px;height:7px;background:url("../img/arrow_anchor_black.svg") no-repeat 0 50%;background-size:9px auto;transition:all 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1)}







@media screen and (min-width:480px) {
.boxitem5 {display:block;margin:0px auto 80px auto;overflow:hidden;padding: 0 6%;}
.itembox5 {width:48.5%;position:relative;margin:1% 0.5%;overflow:hidden;display:inline-block;vertical-align:top;}
.itembox5 img {width:100%;}
.itembox5 a {text-decoration:none;color:#aaa;}
.itembox5 p {text-align:left;margin:0;padding:15px 0;color:#fff;font-size:12px;overflow:hidden;}
.itembox5 .brand {text-align:center;margin:0;padding:6px 0;color:#fff;font-size:14px;overflow:hidden;font-weight:bold;}
.itembox5 .price2 {color:#666;font-size:12px;text-align:center;margin:0;}
.itembox5 .price {text-align:center;margin:0;padding:0px;font-size:130%;color:#f00;letter-spacing:1px;overflow:hidden;}
}

@media screen and (max-width:479px) {
.boxitem5 {padding:0;margin:0;font-size:0;}
.itembox5 {width:92%;position:relative;margin:4%;overflow:hidden;display:inline-block;vertical-align:top;}
.itembox5 img {width:100%;}
.itembox5 a {text-decoration:none;color:#fff;}
.itembox5 p {text-align:left;margin:0;padding:15px 0;color:#fff;font-size:14px;overflow:hidden;line-height:2;}
.itembox5 .brand {text-align:center;margin:0;padding:0;color:#fff;font-size:16px;overflow:hidden;font-weight:bold;}
.itembox5 .price2 {color:#fff;font-size:12px;text-align:center;margin:0;}
.itembox5 .price {text-align:center;margin:0;padding:0px;font-size:24px;color:#fff;overflow:hidden;}
}