@charset "utf-8";
/*
ベース　#7bb6e2
ブルー背景　#e9faff
ゴールド　#ffec3f
var(--hogehoge);

ストライプ
 background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #87bde5), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #87bde5), color-stop(.75, #87bde5), color-stop(.75, transparent), to(transparent));
 background-size: 14px 14px

*/
:root{
 --bgBlue:#e9faff;
 --baseBlue:#7bb6e2;
 --logoBlue:#5eb7e8;
 --accBlue:#0970a7;
 --shadowBlue:#005785;

 --bgYellow:#fffbd8;
 --baseYellow:#ffec3f;
 --shadowYellow:#b8b806;
 --logoYellow:#fac222;

 --bgPink:#fbd8ec;
 --basePink:#e46fa6;
 box-sizing:border-box;
 background:#FFF;
 }
/*reset*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin: 0;padding: 0;border: 0;outline: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}body,table,input,textarea,select,option,h1,h2,h3,h4,h5,h6 {line-height: 1.5;}h1,h2,h3,h4,h5,h6 {font-weight: bold;}ol,ul {list-style: none;}img {vertical-align: top;max-width: 100%; height:auto;}a {text-decoration: none;cursor: pointer; color:#333;}a:hover {transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-ms-transition: all 300ms ease-in;}
*{box-sizing: border-box;}
body{font-family: '游ゴシック体', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
 .step-btn{border:none;}
form{ font-size: 14px;}
/*common*/
/* #lp section {width:100%;} */
#lp section .container{width:96%; max-width:960px; margin:auto auto 3%;}
#lp section .flexcolumn{display:flex; justify-content: space-between;}
#mainimg h2,#reason h3{line-height:1.1;}
.top_margin{margin-top:20px;}
/*フォーム調整*/
#formTop{margin-top: 10px;}
#formTop #formTitle{text-align:center; color:var(--accBlue); background: var(--bgBlue); padding:1.5% 0;}
.two-coltbl{line-height: 1;}

/*レイアウト*/
.content_wrap{width:100%;max-width:960px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:auto;}
.content_wrap .ls-xs-6 {  width:49.5%;}
.content_wrap .ls-xs-6 a{background:#fff;}

.title_blue{color:var(--baseBlue); text-align:center; stroke:var(--baseBlue);}

/*ボタン*/
.btn_wrapper{width:96%; max-width:500px; margin:3% auto;}
.linkbtn a{width: 100%; display: block; font-size: 18px; color: #000; background: var(--baseYellow); text-align: center; letter-spacing: 3px; padding: 9px 10px; border-bottom: 4px solid var(--shadowYellow); border-radius: 5px; font-weight: bold;}
.linkbtn a:hover{ color:#FFF; background: var(--accBlue); border-bottom: 4px solid var(--shadowBlue);}
.entry_btn{width:96%; max-width:500px; margin:20px auto;text-align: center;	display: block;}

/*強調*/
.marker{background:linear-gradient(transparent 70%,var(--baseYellow) 0%); display: inline; }


/* 余白 */
.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt50 {
  margin-top: 50px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}




/*ヘッダーフッター*********************************************************************************************/

/*ヘッダー*/

#lp header{ width:100%; max-width:960px; margin:auto; padding:5px;}
#lp header#LpHeader{ margin:auto; padding:5px; display:flex; box-sizing:border-box; align-items: center;}
#lp header#LpHeader h1{width:85%; font-size:1.2em; color:var(--baseBlue);}
#lp header#LpHeader figure{width:15%;}
#lp header#LpHeader figure img{width:100%;}


/*フッター*/
#lp footer{width:100%; color:#555; font-size:.7em; margin:0 auto; align-items: center; padding-top: 30px; background-color: #e9faff; padding-bottom:8px;}
#lp footer #CompanyProfile{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; max-width:960px; margin:auto;}

#lp footer h3{font-size:1.5em; }

#lp footer dl{display:flex; max-width:600px; flex-wrap:wrap; font-size: 1.2em;}
#lp footer dt{width:14%; border-left: 5px solid var(--baseBlue); padding-left: 5px; margin-bottom:10px; margin-left:1%; }
#lp footer dd{width:85%; margin-bottom:10px;}
#lp footer .ssl_image{width: 100%; text-align: center;}

#lp footer ul{ width: 100%; display: flex; justify-content: space-around; border-top: 3px solid var(--baseBlue); }
#lp footer li{}


/*メインイメージ*********************************************************************************************/

#mainimg{background:var(--baseBlue);}

#mainimg .container{background:url(/images/common/lp/mainimg_type.png) no-repeat right; background-size: contain;}
#mainimg .maintitle{display:flex; margin:2% 0;}
#mainimg .flexcolumn{align-items: flex-end;}
#mainimg .jpgroup{background:var(--bgBlue); font-weight: bold; color:var(--accBlue); border-radius:15px; margin-right: 15px; padding: 2%; display: flex; align-items: center; text-align:center;}

#mainimg #topcontent{width:65%; margin:2% 1%; position:relative;}
#mainimg h2{color:#FFF; font-size:2.6em; flex: 0 0 auto;}
#mainimg h2 strong{display:block;line-height: 1; font-size: 1.5em; color:var(--baseYellow);}
#mainimg h3{ color:#FFF; background:var(--accBlue); color: var(--baseYellow); text-align:center; margin: 8px 0 0; padding: 5px; font-size: 1.4em;}
#mainimg .parH3{font-size: 2.4em;}
#mainimg .main_copy{display: flex; justify-content: space-between; margin-top:8px;}
#mainimg .main_copy.main_copy_rows{flex-direction: column;}
#mainimg .main_copy.main_copy_rows p{ text-align: center; color: #fff; stroke: #fff; font-size: 1.5em;}
#mainimg .main_copy.main_copy_rows dl{width: 100%; padding:2%;}
#mainimg .main_copy dl{width: 49%; background:rgba(255,255,255,0.9); border-radius:5px; padding:2% 5%; text-align: center; color:var(--accBlue); font-weight:bold;}
#mainimg .main_copy dt{font-size: 1.8em; border-bottom:1px solid;}
#mainimg .main_copy dd{font-size: 1.4em;}
#mainimg .main_copy dd span{ font-size: 0.8em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#mainimg .main_copy dd strong{font-size: 1.8em; color:var(--basePink);}
#mainimg .main_copy mark{background:none; color:var(--basePink);}
#mainimg figure img{height:100%;}
#mainimg .linkbtn {flex:1 1 auto; margin:auto auto 7px;}

#mainimg .main_copy.parContener{background:rgba(255,255,255,0.8); display:block; padding:1%; margin-top:0;}
#mainimg .main_copy.parContener dl{ background:#fff;}

#mainimg .main_copy .parMain{padding:1%; margin:1%; width:98%; display:flex; align-items: center;}
#mainimg .main_copy .parMain dt{font-size: 1.2em; margin-right:.5em; padding-right:.5em; border-bottom:none; border-right:1px solid;}
#mainimg .main_copy .parMain dd{font-size: 1.1em; color:#0a4565;}
#mainimg .main_copy .parMain dd ul{display:flex;}
#mainimg .main_copy .parMain dd span{display:block;}

#parText{font-size:1.2em; color:var(--accBlue); text-align: center; font-weight: bold;}

/*求人カルーセル*********************************************************************************************/

.amp-carousel-button-prev{margin-left:-16px;}
.amp-carousel-button-next{margin-right:-16px;}
#job_slider{ width:98%; max-width:960px; margin:15px auto; font-size:14px;}
#job_slider h2{font-size:5.6vw; color:#035F7F; margin-bottom:4px;}
#job_slider p{text-align:center; font-size:1.2em;}
#job_slider p.note{font-size: .8em; text-align:left; width:90%; margin:auto;}
#job_slider .job_wrapper{ display:flex; justify-content: center;}
#job_slider dl{width:100%; box-sizing:border-box; border:1px solid #CCC; border-radius:1px; margin:1% 0.5%; padding:5px 15px; box-shadow:0 4px 3px #EEE; position:relative;}
#job_slider dl:after{content:"詳細のお問い合わせはこちら"; text-decoration:underline; color:#00b6f2; position:absolute; right:2%; bottom:2%;}

#job_slider dt{ font-size:1.5em; font-weight:bold; margin:15px auto; display: flex; justify-content: space-between; align-items: center;}
#job_slider dt span{font-size: 0.7em; display: inline-block; padding: 3px 10px; background:var(--baseBlue); color: #fff; border-radius: 15px;text-align:center; box-sizing:border-box;}
#job_slider dd strong{font-weight:bold; text-align:center;}
#job_slider dd ul{ width: 90%; margin: 15px auto; padding: 3px; color:#FFF;}

#job_slider .nensyu{text-align:center; font-weight:bold; color:#FFF; font-size:1.4em; border-radius:3px;}

#job_slider .seisyain{background:var(--bgYellow);}
#job_slider .seisyain dt{color:var(--baseBlue); border-bottom:1px solid;}
#job_slider .seisyain .nensyu{background:var(--baseYellow); color:#333;}

#job_slider .part{background:var(--bgBlue);}
#job_slider .part dt{color:var(--baseBlue); border-bottom:1px solid;}
#job_slider .part .nensyu{background:var(--baseBlue);}




#job_slider .qualvaBtn{margin:0 0.5%;}
#job_slider small{display: block; width: 90%; font-size:.7em; line-height: 1.2em; margin:auto auto auto 1.5em; text-indent: -1em;}


 @media screen and (min-width:600px){
 #job_slider h2{ font-size:1.8em;}
 #job_slider a{display: flex; width: 47%;}
 #job_slider .nensyu{padding:0 0 8px;}
 #job_slider strong{display:block; margin:10px auto 5px; font-size:1.1em;}
 #job_slider dl{ padding:5px 15px 2em;}
 #job_slider dd {font-size:1.1em;}

 }
 @media screen and (max-width:599px){
 #job_slider h2 span{display:block;}
 #job_slider .job_wrapper{flex-direction:column;}
 #job_slider dl{width:90%; margin:0 auto 8px; padding-bottom: 2em;}
 #job_slider dt{margin:5px auto; font-size:5.5vw;}
 #job_slider dd{font-size:font-size:4vw; margin:5px auto;}
 #job_slider .nensyu{font-size:5vw;}
 #job_slider .nensyu amp-img{display:none;}
 }


/*転職者の声*********************************************************************************************/
.voice{display: flex; flex-wrap: wrap; justify-content: space-between;}
.voice .voicecontent{display: flex; margin: 2% auto;}
.voice .voicecontent dl{min-width: 120px;text-align: center;}
.voice .voicecontent dd{font-size: .8em;}
.voice .voicecontent p{position:relative; padding:2%; border-radius:10px; background: var(--bgBlue);}
#voice .voicecontent p{margin-right: inherit;}
.voice .voicecontent p:before{content: ""; position: absolute;top: 50%; transform: translateY(-50%);left: calc(-2% - 12px); border:10px solid; border-color: transparent  var(--bgBlue) transparent transparent;}
.voice .about-btn{flex:1 1 100%; cursor: pointer; margin-bottom:35px;}
.hide{display: none;}
@media screen and (min-width:600px){
  #voice .voicecontent{margin: 2% 0;}
}
/*選ばれる理由*********************************************************************************************/

#reason{background:var(--baseBlue); padding:2%;}
#reason .container{background:#FFF; border-radius:5px; text-align:center; padding:2%;}
#reason .flexcolumn{ flex-direction: row-reverse;}
#reason .point-box{background:var(--bgBlue); color:var(--baseBlue); border: 1px solid var(--baseBlue);padding: 3px 18px; letter-spacing: 1.5px; font-style: italic;}
#reason h3{ font-size: 32px; letter-spacing: 2.5px; margin: 2% 0; color: #333;}
#reason .subtitle{letter-spacing: 0.8px; color: var(--baseBlue); font-weight: bold;}
#reason .flexcolumn{ align-items: center;}
#reason .flexcolumn p{font-size:.95em; text-align: justify; margin: 1%;}
#reason .flexcolumn img{box-shadow:5px 5px 0 var(--baseBlue);}


/*PICKUP求人*********************************************************************************************/

#pickup_joblist h4{line-height: 1.2em;}
#pickup_joblist .ttl-catch{text-align:center;}
#pickup_joblist .ls-a04inner a:before{content:none;}



/*相談*********************************************************************************************/

#soudan{width:96%; max-width:960px; margin:20px auto; color:#666;}
#soudan .wrap {display:flex; align-items:center; max-width: 750px; margin:10px auto 0;}
#soudan .wrap div{}
#soudan picture{margin: 0 5px;}
#soudan li:before{font-family: FontAwesome; content:"\f00c"; color:var(--basePink);}
#soudan p{color: var(--accBlue); margin:10px auto;}
#soudan dl{display:flex; align-items: center; margin:0 auto 10px; padding: 10px; border:2px solid #DDD; border-radius:5px; max-width:750px;}
#soudan dt{margin: 0 8px;}
#soudan dd{font-size:.8em;}


/*tab以下*********************************************************************************************/
 @media only screen and (max-width: 768px){
 /*ヘッダー*/
 #lp header#LpHeader h1{width:75%; font-size:.75em; font-weight:normal;}
 #lp header#LpHeader figure{width:25%;}
 /*フッター*/
 #lp footer h3{margin-bottom:30px;}
 #lp footer dl{width:96%; margin:auto;}
 #lp footer dt{width:24%; }
 #lp footer dd{width:75%;}
 #lp footer .ssl_image p img{width: 30%; margin-bottom: 5px;}
 #lp footer ul{flex-direction: column; text-align: center;}

 /*フォーム*/
 #formTop #formTitle{ font-size: 5vw;}

 /*メインイメージ*/
 #mainimg .container{background-position: 115% 0px;}
 #mainimg #topcontent{width:100%; margin:0;}
 #mainimg .maintitle{flex-direction: column; margin-top: 0;}
 #mainimg .jpgroup{font-size: 3.2vw; width: 100%; border-radius: 0; justify-content: center; margin: 0; padding: 2px;}
 #mainimg h2{font-size: 5vw; margin: 2% 0 0 3%;}
 #mainimg h3{ font-size: 3.5vw;  margin:10px 3% 0; border-radius:3px;}
 #mainimg .parH3{ font-size: 1.4em; line-height: 1.1; width: 65%; border-radius:3px 3px 0 0;}
 #mainimg .parH3 span{display:block;}
 #mainimg .harfH3{width: 60%; padding: 0;}
 #mainimg .main_copy.main_copy_rows p{font-size: 5.5vw;color:var(--accBlue); stroke: var(--accBlue);}
 #mainimg .main_copy.main_copy_rows .col_wh{color:#fff; stroke:#fff; filter:drop-shadow(0 0 2px var(--accBlue));}
 #lp section .flexcolumn{width: 100%; flex-direction: column;}
 #mainimg .main_copy dl{padding: 1% 3%;}
 #mainimg .main_copy dt{font-size: 4vw;}
 #mainimg .main_copy dd{font-size: 3.5vw;}
 #mainimg .main_copy {    margin: .5% 3% 2%;}
 #mainimg .main_copy .parMain dt{font-size: 3vw;}
 #mainimg .main_copy .parMain dd{font-size: 2.5vw;}
 #mainimg .main_copy.parContener{width:65%; margin:0 3% 2%; display:block;}
 #parText{font-size:.8em;}
 #mainimg .main_copy .parMain dd ul{flex-wrap:wrap; justify-content:space-around; font-size: 1.2em;}
 #mainimg .main_copy .parMain dd li{}


 /*求人カルーセル*/
 #job_slider dt span{ font-size: 13px;}


 /*選ばれる理由*/
 #reason h3{font-size: 5.5vw;letter-spacing:inherit}
 #reason .flexcolumn img{box-shadow:none;}

/*PICKUP求人*/
#pickup_joblist picture{display:none;}
#pickup_joblist .pickup-txt{width:100%; padding:10px;}
#pickup_joblist .pickup-txt ul { margin-top:5px;}
#pickup_joblist .content_wrap .ls-xs-6 { margin-top:1%;}




 }

/*SP*********************************************************************************************/
@media only screen and (max-width: 640px){

/*相談*/
#soudan h2{font-size: 1em;}
#soudan .wrap {flex-direction: column;}
#soudan dl{flex-wrap:wrap; width:96%; padding:5px;}
#soudan dt{margin:5px 0; width:15%;}
#soudan dd{ width:84%; font-size:.7em;}
#soudan ul{margin: 0 8%;}
#soudan picture{display:none;}
#soudan p{background:url(/images/common/lp/fig_consultant.png) no-repeat; background-size:contain; background-position: 5%; padding-left:20%; margin-bottom:0;}

/*転職者の声*/

#voice .voicecontent{width: 96%}
#voice .voicecontent dl{min-width: 80px;text-align: center;}
#voice .voicecontent dd{font-size: .7em;}
#voice .voicecontent p{font-size: .8em;}
}

/*ie11*********************************************************************************************/
@media all and (-ms-high-contrast: none) {
 #mainimg .jpgroup {
 }
 }