@charset "utf-8";
/*------------------------------------------------------------------------------------------------------------
全体
------------------------------------------------------------------------------------------------------------*/
section,article,aside,nav,hgroup,header,footer{display:block;margin:0;padding:0;}
*{margin:0;padding:0;word-break:normal;}
html, body{height:100%;}
body{margin:0px;padding:0px;letter-spacing:0.05em;line-height:1.5;background-color:#fff;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:12px;color:#000;}
.dnone{display:none;}

img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
img.x2img{height:40px;width:130px;}
img.fll{float:left;margin:0 20px 20px 0;border:10px solid #2d2a47;}
img.flr{float:right;margin:0 0 20px 20px;border:10px solid #2d2a47;}

a,a:visited{color:#000;text-decoration:none;opacity:1;}
a:hover{opacity:0.7;}


/*------------------------------------------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------------------------------------------*/
.header{width:100%;height:40px;position:fixed;top:0;z-index:1000;background:rgba(255,255,255,0.8);background-size:cover;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.header h1{float:left;margin:0 0 0 5px;}

/*-----スマホ用メニューボタン-----*/
p#slide{display:none;}

/*-----メインメニュー-----*/
.header ul.mainnav{margin:0 20px 0 0;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:14px;text-align:right;}
.header ul.mainnav li{display:inline;margin:0 20px 0 0;line-height:40px;}
.header ul.mainnav li.workspd{position:relative;z-index:1100;}
.header ul.mainnav li span#worksmenu{cursor:pointer;padding:0 5px 0 0;}
.header ul.mainnav li ul{display:none;position:absolute;top:40px;left:-10px;z-index:1200;width:170px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5);background:rgba(255,255,255,0.8);}
.header ul.mainnav li ul li{display:block;margin:0;padding:0 0 0 25px;background:url(../img/arrow2.png) no-repeat 5px center;text-align:left;}
.header ul.mainnav li.lang{margin:0 5px 0 0;}
.header ul.mainnav li.lang a{font-weight:100;}
.header ul.mainnav li.lang a:hover{background:#000;color:#fff;}
.header ul.mainnav li.lang a.current{background:#000;color:#fff;}


/*------------------------------------------------------------------------------------------------------------
フッター
------------------------------------------------------------------------------------------------------------*/
.footer{width:100%;height:76px;position:absolute;bottom:0;}
p.gtt{width:120px;height:50px;margin:0 auto 0;}
p.gtt a{display:block;width:60px;height:14px;float:left;padding:36px 0 0 0;background:url(../img/gtt.png) no-repeat left top;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:10px;color:#fff;text-align:center;}
p.gtt a.gtm{display:block;width:60px;height:14px;padding:0 0 36px 0;background:url(../img/gtm.png) no-repeat left top;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:10px;color:#fff;text-align:center;}
.footer p.cright{width:96%;height:25px;max-width:1200px;margin:0 auto 0;border-top:1px solid #000;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:10px;line-height:25px;text-align:center;}


/*------------------------------------------------------------------------------------------------------------
フッターマップ
------------------------------------------------------------------------------------------------------------*/
div.mapandinfo{width:100%;height:500px;position:fixed;bottom:0;z-index:50;}
div.mapdiv{width:100%;height:100%;position:relative;z-index:50;}
div#map_canvas label{width: auto; display:inline;}
div#map_canvas img{max-width: none;}
div.cominfo{width:220px;height:120px;position:absolute;right:0;bottom:0;z-index:100;margin:0 -45px -25px 0;padding:10px 50px 50px 10px;background:#fff;box-shadow:0 0 10px #777;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg);}
div.cominfo ul li{margin:0 0 3px 0;}


/*------------------------------------------------------------------------------------------------------------
トップページ
------------------------------------------------------------------------------------------------------------*/
#container{width:100%;height:200%;position:relative;z-index:500;margin:0 0 500px 0;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);}
.docu{width:100%;height:50%;position:relative;text-align:center;}
.docu:before{content: '';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle;}
.docu div.qreazy{display:inline-block;width:90%;max-width:1200px;position:relative;vertical-align:middle;}
.docu div.qreazy p.bk{width:100%;position:relative;z-index:110;}
.docu div.qreazy p.alp{width:100%;position:absolute;top:0;left:0;z-index:120;}
.docu div.qreazy p.bk img,
.docu div.qreazy p.alp img{width:100%;}

/*-----スクロールボタン-----*/
p.scroll{width:40px;height:50px;position:absolute;bottom:5px;left:50%;margin:0 0 0 -20px;}
p.scroll a{display:block;width:40px;height:50px;background:url(../img/scroll.png) no-repeat center top;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:10px;}

/*-----トップページ下部ブロック-----*/
@media screen and (min-width: 640px){
.docu2{width:100%;height:50%;position:relative;text-align:center;}
.docu2:before{content: '';display:inline-block;height:100%;margin-right:-0.25em;vertical-align:middle;}
.docu2 div.topunder{display:inline-block;width:96%;max-width:1000px;position:relative;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;}
}

/*-----トップページ下部ブロック-----*/
div.recently{width:60%;float:left;margin:0 0 0 4%;}
div.rwleft{width:50%;float:left;margin:10px 0 10px 0;padding:10px 0 10px 0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;
box-sizing:border-box;border-right:1px dotted #000;}
div.rwright{width:50%;float:right;margin:10px 0 20px 0;padding:10px 0 10px 0;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div h2{height:40px;line-height:40px;background:url(../img/h2bk.png) no-repeat center top;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";text-align:center;}

/*-----最近のお仕事-----*/
div.rwleft iframe,
div.rwright iframe{width:90%;margin:0 0 10px 0;}
div.rwleft h3,
div.rwright h3{width:90%;margin:0 auto 10px;font-size:14px;font-weight:bold;text-align:left;}
div.rwleft p,
div.rwright p{width:90%;margin:0 auto 10px;text-align:left;}

/*-----お知らせ-----*/
div.infor{width:30%;float:right;margin:0 4% 0 0;}
div.infor h2{margin:0 0 10px 0;}
div.infor p img{border:1px solid #000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
div.infor dl{margin:10px 0 0 0;}
div.infor dl dt{width:70px;float:left;clear:both;padding:6px 5px 5px 5px;border-top:1px dotted #000;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:11px;font-weight:100;text-align:left;}
div.infor dl dd{margin:0 0 0 70px;padding:5px 5px 6px 5px;border-top:1px dotted #000;font-size:11px;text-align:left;}
div.infor dl dt:first-child{border-top:none;}
div.infor dl dt:first-child + dd{border-top:none;}
p.pastinfo{padding:10px 20px 0 0;text-align:right;font-weight:bold;background:url(../img/arrow2.png) no-repeat right 7px;border-top:1px dotted #000;}

dl.pastinfo{margin:10px 0 0 0;padding:60px 0 0 0;}
dl.pastinfo dt{width:100px;float:left;clear:both;padding:9px 5px 8px 5px;border-top:1px dotted #000;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:14px;font-weight:100;text-align:left;}
dl.pastinfo dd{margin:0 0 0 100px;padding:8px 5px 9px 5px;border-top:1px dotted #000;font-size:14px;text-align:left;}
dl.pastinfo dt:first-child{border-top:none;}
dl.pastinfo dt:first-child + dd{border-top:none;}


/*-----推奨環境-----*/
div.sysreq{width:40%;margin:0 auto 0;clear:both;font-size:11px;color:#999;}
div.sysreq h3{margin:0 0 5px 0;border-top:1px solid #999;border-bottom:1px solid #999;text-align:center;}
div.sysreq ul{text-align:center;}
div.sysreq ul li{margin:0 10px 0 0;display:inline;}
div.sysreq ul li:last-child{margin:0;}

/*------------------------------------------------------------------------------------------------------------
セカンドページ
------------------------------------------------------------------------------------------------------------*/
#container2{width:100%;height:auto !important;height:100%;min-height:100%;position:relative;z-index:500;margin:0 0 500px 0;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);}
.docu3{width:100%;padding:0 0 76px 0;}
.docu3 div.maincon{width:96%;max-width:1200px;margin:0 auto 0;padding:100px 0 0 0;overflow:hidden;}

/*-----ページタイトル-----*/
.docu3 h2{width:100%;height:100px;max-width:1200px;margin:0 auto 0;background:none;overflow:hidden;line-height:1;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";text-align:left;font-size:100px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}
.docu3 p.subh2{width:100%;height:40px;max-width:1200px;margin:0 auto 0;background:url(../img/h2bk.png) no-repeat center top;overflow:hidden;line-height:40px;text-align:center;font-size:14px;font-weight:bold;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg);}

/*デザインサンプル*/body.company .docu3{background:url(../img/company.jpg) no-repeat;background-size:contain;}
/*デザインサンプル*/body.cworks .docu3{background:url(../img/cworks.jpg) no-repeat;background-size:contain;}
/*デザインサンプル*/body.oworks .docu3{background:url(../img/oworks.jpg) no-repeat;background-size:contain;}
/*デザインサンプル*/body.recruit .docu3{background:url(../img/recruit.jpg) no-repeat;background-size:contain;}
/*デザインサンプル*/body.voice .docu3{background:url(../img/voice.jpg) no-repeat;background-size:contain;}
/*デザインサンプル*/body.contact .docu3{background:url(../img/contact.jpg) no-repeat;background-size:contain;}


/*-----サブメニュー-----*/
.docu3 ul.subm{margin:0 0 0 30px;position:relative;z-index:200;padding:10px 0 5px 10px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);
-o-transform:rotate(-10deg);transform:rotate(-10deg);}
.docu3 ul.subm li{float:left;padding:5px 20px 5px 30px;background:url(../img/arrow.png) no-repeat left center;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:16px;font-weight:bold;line-height:1;}
.docu3 ul.workssub li{font-weight:100;}
.docu3 ul.workssub li.clientworks{background:none;}

/*-----サブメニュー(スクロール時)-----*/
.docu3 ul.fixed{width:100%;position:fixed;top:40px;left:0;z-index:150;background:rgba(255,255,255,0.8);box-shadow:0 0 10px 0 rgba(0,0,0,0.5);border-radius:0 0 0 10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.docu3 ul.fixed li{font-size:14px;}


/*-----アンカー用ボックス-----*/
p.hdncon{width:100%;margin:0;height:1px;clear:both;}

/*-----コンテンツボックス-----*/
.docu3 p{margin:0 0 20px 0;}
.docu3 p.catch{font-size:36px;font-weight:bold;}
.docu3 p.catch2{font-size:24px;font-weight:bold;}
.docu3 h3{height:50px;clear:both;margin:0 0 10px 0;background:none;border-bottom:1px dotted #000;overflow:hidden;line-height:1;font-size:50px;font-weight:bold;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";}
.docu3 div.conbox:nth-of-type(2n+1){width:66%;float:right;position:relative;z-index:100;padding:0 60px 20px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);clear:both;font-size:16px;}
.docu3 div.conbox:nth-of-type(2n+1) h3{text-align:right;}
.docu3 div.conbox:nth-of-type(2n){width:66%;float:left;clear:both;padding:0 0 20px 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg);
font-size:16px;}
.docu3 div.conbox:nth-of-type(2n) h3{text-align:left;}


/*------------------------------------------------------------------------------------------------------------
会社情報
------------------------------------------------------------------------------------------------------------*/
/*-----事業-----*/
div.comil{width:30%;float:left;margin:0 3% 0 0;font-size:12px;}
p.mtitle{padding:0 0 0 5px;border-left:5px solid #000;font-weight:bold;}
div.comil ul{list-style:circle inside;}
div.comil ul li{margin:0;padding:2px 10px 2px 10px;border-bottom:1px dotted #000;}

/*-----理念-----*/
p span.rinennum{display:block;
width:50px;
height:50px;margin:0 auto 10px;border-radius:25px;background:#000;font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";font-size:80px;color:#fff;line-height:50px;text-align:center;}

/*-----社名とロゴ-----*/
div#namelogo{font-size:12px;}
p span.boldtxt{font-weight:bold;font-size:14px;}
div.nameimage{width:350px;margin:30px auto 10px;}
p.logoorigin img{float:left;margin:0 20px 0 0;}

/*-----概要-----*/
dl.gaiyoutable{margin:0 0 20px 0;font-size:12px;}
dl.gaiyoutable dt{width:140px;float:left;clear:both;padding:10px;border-top:1px dotted #000;text-align:right;}
dl.gaiyoutable dd{margin:0 0 0 160px;padding:10px;border-top:1px dotted #000;border-left:1px dotted #000;}
dl.gaiyoutable dt:first-child,
dl.gaiyoutable dt:first-child+dd{border-top:none;}

/*-----マップ-----*/
p.dlmap a{display:block;width:40%;border-radius:100px;border:5px solid #a41d20;background:#db2226;color:#fff;line-height:50px;text-align:center;font-weight:bold;padding:10px;}
img.x2img2{width:50px; height:50px;}

/*------------------------------------------------------------------------------------------------------------
制作実績
------------------------------------------------------------------------------------------------------------*/
div.worksboxlist{margin:0 0 10px 0;}
div.worksboxlist div:nth-of-type(4n){clear:both;}
div.worksbox{width:33%;float:left;position:relative;padding:10px;border:1px solid #000;background:#fff;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px;}

/*-----吹き出し-----*/
p.fuki{position:fixed;left:-10px;top:100px;width:200px;height:60px;border:5px solid #000;border-right:15px solid #000;background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.5);font-weight:bold;z-index:300;border-radius:0 40px 40px 0;}
p.fuki a{display:block;padding:0 10px 0 0;text-align:right;line-height:60px;}

/*-----実績ボックス-----*/
.wbrotate1{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg);z-index:10;}
.wbrotate2{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg);z-index:20;}
.wbrotate3{-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg);transform:rotate(6deg);z-index:30;}
.wbrotate4{-webkit-transform:rotate(-2deg);-moz-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg);z-index:40;}
.wbrotate5{-webkit-transform:rotate(-4deg);-moz-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg);z-index:50;}
.wbrotate6{-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg);z-index:60;}

div.worksbox p.genre{margin:0;text-align:center;font-size:14px;}
div.worksbox p.genre span{display:block;font-size:10px;}
div.worksbox h4{margin:15px 0 15px 0;font-size:14px;font-weight:bold;}
div.worksbox p.tantou{margin:0 0 10px 0;text-align:center;font-size:14px;}
div.worksbox p.koukai{margin:0 0 10px 0;text-align:center;font-size:12px;}
div.worksbox div.workstxt{margin:0;}
div.worksbox div.workstxt img{margin:0;}
div.worksbox p.ofilink {margin:0;padding:15px 0 0 0;text-align:center;}
div.worksbox p.ofilink a{padding:5px;background:#000;color:#fff;font-size:10px;font-weight:bold;border-radius:5px;}
div.worksbox p.worksclient{margin:20px 0 15px 0;font-size:12px;text-align:center;}
div.worksbox div.workstxt span.ytimgbox{display:block;position:relative;margin:10px 0 10px 0;}
div.boxlink{margin:0;}
.boxlink a{display:block;height:100%;width:100%;position:absolute;left:0;top:0;background:url(../img/youtubewo.png) no-repeat center -100px;overflow:hidden;
text-align:left;text-indent:-9999px;outline:none;transition:all 0.3s ease-in-out;}
.boxlink a:hover{opacity:1;background:url(../img/youtubewo.png) no-repeat center center rgba(0,0,0,0.8);}

/*-----オリジナル実績ボックス-----*/
.cblink a{background:url(../img/imagewo.png) no-repeat center -100px;}
.cblink a:hover{background:url(../img/imagewo.png) no-repeat center center rgba(0,0,0,0.8);}
p.micon{width:40px;height:40px;position:absolute;top:-10px;left:-10px;border-radius:40px;background:#000;font-size:16px;font-weight:bold;text-align:center;line-height:40px;color:#fff;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
div.oriwor div.worksbox div.workstxt{margin:0;}


/*------------------------------------------------------------------------------------------------------------
求人
------------------------------------------------------------------------------------------------------------*/
.docu3 div.recbox{width:80%;clear:both;position:relative;z-index:100;margin:0 auto 0;padding:10px 0 20px 0;font-size:16px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.docu3 div.recbox:nth-of-type(1){padding:50px 0 20px 0;}
div.stepboxlist{margin:20px 0 40px 0;}
div.stepoutbox{width:25%;float:left;margin:0;color:#000;background:#fff;}
div.stepoutbox h3{display:inline;padding:5px 30px 5px 10px;border-bottom:1px dotted #000;background:url(../img/arrow2.png) no-repeat right center;line-height:30px;font-size:16px;font-weight:bold;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";}
span.blackstep{margin:0 5px 0 0;padding:0 5px 0 5px;background:#000;border-radius:3px;font-size:10px;color:#fff;}
div.stepoutbox p{padding:5px 20px 0 10px;font-size:12px;}
div.stepoutbox p.timeflow{padding:0 20px 0 5px;margin:5px 0 5px 10px;font-size:14px;font-weight:bold;border-left:3px solid #000;}
div.remil{width:30%;height:250px;float:left;margin:0 3% 10px 0;padding:20px;border:1px solid #000;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width: 1000px){
div.remil{height:340px;}
}
p span.jobcategory{display:block;margin:0 0 10px 0;font-size:14px;font-weight:bold;color:#000;text-align:center;}

/*-----選考ステップ-----*/
h4.steptitle{display:block;padding:0 0 0 10px;position:relative;border-left:5px solid #000;border-bottom:1px dotted #000;font-size:18px;font-weight:bold;}

/*-----概要-----*/
h4.gaiyoutitle{display:none;}
div.recbox dl.gaiyoutable{display:none;}
table.gaiyoutable{margin:0 0 20px 0;font-size:12px;width:100%;border-spacing:0;}
table.gaiyoutable th{width:20%;padding:10px;text-align:center;border-bottom:3px solid #000;border-left:1px solid #000;font-size:18px;font-weight:bold;}
table.gaiyoutable th:first-child{width:10%;border-left:none;}
table.gaiyoutable th:nth-of-type(2){width:40%;}
table.gaiyoutable td{padding:10px;border-left:1px solid #000;border-bottom:1px solid #000;}
table.gaiyoutable tr td:first-child{text-align:right;border-left:none;}
table.gaiyoutable tr:last-child td{border-bottom:0;}


/*-----スタッフの声-----*/
div.remil2{width:30%;height:330px;float:left;margin:0 3% 10px 0;padding:20px;border:1px solid #000;border-top-width:10px;border-radius:20px;background:#fff;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
@media screen and (max-width: 1000px){
div.remil2{width:47%;height:260px;}
}
h4.steptitle a.voicelink{display:block;margin:0;padding:0 20px 0 0;position:absolute;right:0;bottom:0;font-size:13px;background:url("../img/arrow2.png") no-repeat scroll right center rgba(0, 0, 0, 0);}

/*------------------------------------------------------------------------------------------------------------
問い合わせ
------------------------------------------------------------------------------------------------------------*/
/*-----電話番号-----*/
dl.contacttell{font-family:"Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";}
dl.contacttell dt{width:80px;height:50px;float:left;clear:both;padding:0 10px 10px 0;font-size:30px;line-height:50px;}
dl.contacttell dd{width:auto;height:50px;margin:0 0 0 80px;padding:0 0 10px 0;font-size:50px;line-height:50px;}
dl.contacttell dd span{font-size:30px;}
div#telfax{padding:40px 0 0 0;}
div#telfax2{font-size:12px;}



/*-----メールフォーム-----*/
div#sfm-layout{width:100%;border-bottom:1px dotted #000;font-size:12px;}
div#sfm-layout table{width:100%;position:relative;}
div#sfm-layout th{width:40%;height:30px;padding:0 0px 0 0;line-height:30px;text-align:right;font-weight:bold;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:order-box;-o-box-sizing:border-box;box-sizing:border-box;}
div#sfm-layout td{width:60%;height:40px;position:relative;padding:0 15px 0 15px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
div#sfm-layout td.txta{width:60%;height:auto;position:relative;line-height:auto;}
div#sfm-layout td input,
div#sfm-layout td textarea{width:60%;padding:5px;border:1px solid #000;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;box-shadow:none;transition:all 0.2s ease-in-out;}
div#sfm-layout td textarea{width:80%;}
div#sfm-layout td input:focus,
div#sfm-layout td textarea:focus{width:100%;padding:10px;position:relative;z-index:400;box-shadow:0 0 10px #999;font-size:20px;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg);}
div#sfm-layout td textarea:focus{width:150%;height:200px;}
div#sfm-layout th.border-red:before{content:"＊";color:#F00;font-size:12px;}
p.type-red span{color:#F00;font-size:12px;}
div#sfm-layout th.submit,
div#sfm-layout td.submit{text-align:center;padding:0 0 15px 0;}
div#sfm-layout th.submit p,
div#sfm-layout td.submit p{margin:15px;border-top:1px solid #000;border-bottom:1px solid #000;text-align:center;}
div#sfm-layout th.submit input,
div#sfm-layout td.submit input{padding:5px;border:5px solid #000;border-radius:30px;background:#fff;color:#000;font-size:14px;font-weight:bold;cursor:pointer;}
table.sendcomplete{text-align:center;font-size:16px;}
div#copyright{display:none;}


/*------------------------------------------------------------------------------------------------------------
colorbox
------------------------------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:10px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#000;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:10px; margin-top:-25px; background:url(../img/controls.png) no-repeat top left; width:50px; height:50px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:10px; margin-top:-25px; background:url(../img/controls.png) no-repeat top right; width:50px; height:50px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:10px; right:10px; display:block; background:url(../img/controls.png) no-repeat top center; width:50px; height:50px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}



/*------------------------------------------------------------------------------------------------------------
2020追記
------------------------------------------------------------------------------------------------------------*/

.header ul.language_menu{
    display: flex;
    flex-flow: row wrap;
    justify-content: right;
    align-content: space-between;
	align-items: center;
    float: left;
    margin: 0 10px 0 25px ;
    font-family: "Fredoka One", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "HGｺﾞｼｯｸM", Lucida Sans, Arial, Helvetica, sans-serif, "Osaka", "ＭＳ Ｐゴシック";
    font-size: 14px;
}
.header ul.language_menu li.language{
	display: inline-block;
    min-width: 40px;
    line-height: 1.5;
    word-break: break-all;
    vertical-align: top;
    margin: 0 4px;
    padding: 5px 2px;
    float: none;
    text-align: center;
	margin:0; 
}
.header ul.language_menu li.language a,
.header ul.language_menu li.language p{
	padding: 5px;
}
.header ul.language_menu li.current p{
    background: #000;
    color: #fff;
}
body #container {
	height: auto;
    padding-bottom: 0px;
}
body .docu{
    height: 580px;
    padding-top: 80px;
}
body .footer{
	position: relative;
	bottom: 0;
	margin-top: 30px;
}
body div.sysreq{
	padding-top: 20px;
}

/*------------------------------------------------------------------------------------------------------------
clearfix
------------------------------------------------------------------------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content: ""; display: block;clear: both;}