@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"CommonCSS"

Cascading Style Sheet Setting File

Ver.20191115

------------------------------------------------------------------------------------------------------------------------

01. Reset
02. Common
03. Recruit

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}body {line-height:1;}ol,ul {list-style:none}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Common | >> ********************************************************************************* >> START **/

html,body{margin:0;padding:0;height:100%;background:transparent;}
body{font:13px/1.231 Helvetica,verdana,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Lucida Grande","メイリオ","Osaka",sans-serif;*font-size:small;*font:x-small;color:#333333;text-align:left;line-height:1.6;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
table{font-size:inherit;font:100%;width:100%;border-collapse:collapse;border:0;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
img{vertical-align:bottom;}
strong{font-weight:bold;}
object{margin:0;padding:0;}
html,body{background:#f7f7f7;font-size:12px;color:#333333;line-height:1.4;}
a{color:#0f1c30;text-decoration:none;outline:none;}
a:hover{color:#0f1c30;text-decoration:none;outline:none;}
a:link{color:#0f1c30;}
a:visited{color:#0f1c30;}
a:hover{color:#0f1c30;}
a:active{color:#0f1c30;}
.flex-item{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;}
.pc-block{display:block;}
.sp-block{display:none;}
.pc-inline{display:inline;}
.sp-inline{display:none;}
#main_bottom .row{margin:auto;padding:0;width:auto;}
#contents .usr-page-title{position: relative;padding:0 0 30px;margin:100px 0 70px;letter-spacing: -0.4em;text-align:center;font-size: 30px;}
#contents .usr-page-title.related{padding:100px 0 30px;margin:0 0 70px;}
#contents .usr-page-title.feature{margin:50px 0 70px;}
#contents .usr-page-title .large{display: block;line-height: 1;letter-spacing: 0.2em;font-family: sofia-pro,sans-serif;font-weight: 700;font-style: normal;}
#contents .usr-page-title::after{content:" ";position: absolute;bottom:0;left: 50%;margin: 0 0 0 -20px;display: block;width: 40px;height: 1px;background:#333333;}
#site-content{min-height:100vh;position: relative;width:900px;box-sizing: border-box;margin:auto;}
@media screen and (max-width:800px) {
  .pc-block{display:none;}
  .sp-block{display:block;}
  .pc-inline{display:none;}
  .sp-inline{display:inline;}
  #contents .usr-page-title{padding:0 0 20px;margin:60px 0 30px;font-size: 18px;}
  #contents .usr-page-title.related{padding:60px 0 20px;margin:0 0 30px;}
  #contents .usr-page-title.feature{margin:30px 0 30px;}
  #site-content{width:auto;}
}

/** |02. Common | << ********************************************************************************* << END **/

/** |03. Recruit | >> ********************************************************************************* >> START **/
.hed-sec{text-align:center;padding:80px 50px;}
.hed-logo{width:150px;height:auto;}
.company-sec{padding:0 50px;}
.com-tit{padding:50px 0;text-align: center;}
.com-tit-en{font-size: 28px;display: block;font-weight: bold;}
.com-tit-jp{font-size:14px;display: block;}
.com-list{border-top:1px #ddd solid;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;}
.com-list dt{width:25%;padding:25px 0 25px 20px;border-bottom:1px #ddd solid;font-size:14px;box-sizing: border-box;}
.com-list dd{width:75%;padding:25px 0;border-bottom:1px #ddd solid;font-size:14px;box-sizing: border-box; line-height: 1.8em;}
.com-list dd a{text-decoration: underline;}
.com-list dd a:hover{text-decoration:none;}
.com-log-list{text-align: center;letter-spacing:-0.4em;padding:80px 0;}
.com-log-list li{display: inline-block;letter-spacing:0;padding:0 25px;}
.com-log-wtaps{width:133px;height:auto;}
.com-log-fpar{width:168px;height:auto;}
.com-log-dsc{width:86px;height:auto;}
.form-sec{padding:0 30px;}
.form-box{padding:0 80px 20px;background:#fff;}
.form-tit{padding:80px 0 60px;text-align: center;font-size:24px;font-weight: bold;}
.form-flo{position: relative;width:280px;margin:0 auto 100px;border-top:3px #cccccc solid;}
.form-flo li{position: absolute;top:0;width:1px;}
.form-flo li:nth-child(1){left:0;}
.form-flo li:nth-child(2){left:50%;}
.form-flo li:nth-child(3){left:100%;}
.form-flo-num{text-align: center;position: absolute;top:0;left:50%;width:28px;height:28px;border-radius: 14px;background:#cccccc;line-height:28px;font-size:16px;color:#fff;font-weight: bold;margin:-14px 0 0 -14px;}
.form-flo-tit{white-space: nowrap;position: absolute;top:25px;left:50%;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0);color:#cccccc;font-size:14px;}
.form-sec.input .form-flo li:nth-child(1) .form-flo-num{background:#333333;}
.form-sec.input .form-flo li:nth-child(1) .form-flo-tit{color:#333333;}
.form-sec.confirm .form-flo li:nth-child(2) .form-flo-num{background:#333333;}
.form-sec.confirm .form-flo li:nth-child(2) .form-flo-tit{color:#333333;}
.form-sec.complete .form-flo li:nth-child(3) .form-flo-num{background:#333333;}
.form-sec.complete .form-flo li:nth-child(3) .form-flo-tit{color:#333333;}
.form-list{display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-ms-flex-direction: row;-webkit-flex-direction: row;flex-direction: row;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;}
.form-list dt{position: relative;width:45%;padding:30px 0 30px 90px;border-top:1px #ddd solid;font-size:15px;box-sizing: border-box;}
.form-list dt small{font-size:11px;display: block;}
.form-list dd{position: relative;width:55%;padding:20px 0;border-top:1px #ddd solid;font-size:14px;box-sizing: border-box;}
.form-sec.confirm .form-list dd{padding:30px 0;}
.form-list-tag{display: block;width:40px;height:20px;background:#f22f46;color:#fff;line-height:21px;text-align: center;border-radius:2px;position: absolute;top:30px;left:25px;font-size: 11px;}
.form-list-tag--gray{background:#b7b7b7;color:#fff;}
.form-list input[type="text"],.form-list input[type="email"]{background:#eeeeee;border:1px #ddd solid;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size: 15px;width: 100%;box-sizing: border-box;}
.form-list textarea{background:#eeeeee;border:1px #ddd solid;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size: 15px;width: 100%;box-sizing: border-box;}
.form-list input#age{width:95px;}
.form-list .form-list-toshi{position: absolute;top: 45px;left: 100px;padding:0 0 0 2px;}
.form-sec.confirm .form-list .form-list-toshi{position: relative;top:auto;left:auto;vertical-align: bottom;display: inline-block;padding:0;}
.form-list .mwform-radio-field.horizontal-item{display: inline-block;padding:10px 20px 0 0;vertical-align:top;}
.form-list .resume{margin:10px 0 0;}
.form-list .mw-wp-form_file{margin:5px 0 0;font-size: 12px;}
.form-list select{margin:10px 0 0;}
.form-list .error{padding:5px 0 0 0;}
.form-cnv{padding:60px 0;text-align: center;}
.form-cnv .conversion{display: block;box-sizing: border-box;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;border:none;margin:0 auto;padding:25px 0;width:320px;font-size:16px;color:#ffffff;background-color:#263664;cursor: pointer;}
.form-cnv .conversion:hover{opacity:0.7;border-bottom:none;}
.form-cnv .back{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;border:none;padding:30px 0 0 0;text-decoration: underline;background-color: transparent;cursor: pointer;}
.form-cnv .back:hover{text-decoration: none;}
.form-comp-txt{font-size:18px;line-height:1.8;padding:40px 0 80px;}
.form-comp{text-align: center;}
.form-comp-mail{padding:0 0 50px;}
.form-comp-mail a{text-decoration:none;color:#333;}
.form-comp-mail a:hover{text-decoration:underline;color:#333;}
@media screen and (max-width:800px) {
  .hed-sec{text-align:center;padding:30px 20px;}
  .company-sec{padding:0 20px;}
  .com-tit{padding:30px 0;}
  .com-tit-en{font-size: 24px;}
  .com-tit-jp{font-size:12px;}
  .com-list dt{width:37%;padding:15px 10px 15px 10px;font-size:13px;}
  .com-list dd{width:63%;padding:15px 0;font-size:13px;}
  .com-log-list{padding:50px 0;}
  .com-log-list li{padding:0 10px;}
  .com-log-wtaps{width:92px;height:auto;}
  .com-log-fpar{width:117px;height:auto;}
  .com-log-dsc{width:60px;height:auto;}
  .form-sec{padding:0 20px;}
  .form-box{padding:0 20px 20px;}
  .form-tit{padding:40px 0 30px;font-size:20px;}
  .form-flo{width:70%;margin:0 auto 60px;}
  .form-flo-num{width:24px;height:24px;border-radius: 12px;line-height:24px;font-size:14px;margin:-12px 0 0 -12px;}
  .form-flo-tit{top:22px;font-size:13px;}
  .form-list dt{width:100%;padding: 15px 0 0 0;}
  .form-list dd{width:100%;padding: 5px 0 15px;border-top:none;font-size:16px;}
  .form-sec.confirm .form-list dd{padding: 5px 0 15px;}
  .form-list-tag{margin:0 3px 0 0;top:auto;left:auto;width: 35px;height: 16px;line-height: 17px;font-size: 11px;display: inline-block;position: relative;vertical-align: top;}
  .form-list input[type="text"],.form-list input[type="email"]{padding:10px;font-size:16px;}
  .form-list input.post[type="text"]{width:32%;}
  .form-list input.tel[type="text"]{width:29%;}
  .form-list .form-list-toshi{top: 30px;left: 100px;}
  .form-sec.confirm .form-list .form-list-toshi{position: relative;top:auto;left:auto;vertical-align: bottom;display: inline-block;}
  .form-list .mwform-radio-field.horizontal-item{padding:5px 0 0 0;}
  .form-list select{margin:5px 0 0;font-size:16px;}
  .form-list .mw-wp-form_file{font-size:11px;}
  .form-cnv{padding:30px 0;}
  .form-cnv .conversion{padding:20px 0;width:100%;border-radius:3px;}
  .form-cnv .back{padding:20px 0 0 0;}
  .form-comp-txt{font-size:16px;padding:30px 0 40px;}
  .form-comp-mail{padding:0 0 20px;}
}


/** |03. Recruit | << ********************************************************************************* << END **/