@charset "utf-8";

/* basic setting */
html, body{ position:relative; width:100%; height:100%; }
body{ -webkit-text-size-adjust: 100%; }
body{
  margin:0;
  padding:0;
  font-size:14px;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1.5;
  color:#000;
  background:#fff;
  word-break:break-all;
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:100%}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
a, a:visited{color:#000; text-decoration:none;}
@media screen and (min-width:769px){
  a, input[type="submit"]{transition-duration:0.2s}
  a:hover, input[type="submit"]:hover{opacity:0.7}
  .fancybox-wrap a:hover{opacity:1}
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
/*.cf{*zoom:1}*/
.cf:after{content:""; display:block; clear:both}
input[type="submit"]{-webkit-appearance: none; cursor:pointer}

/* text style */
.fbold{font-weight:bold !important}
.fnormal{font-weight:bold !important}
.talcnt{text-align:center !important}
.tallf{text-align:left !important}
.talrg{text-align:right !important}


/* header */
header{
  width:100%;
  background:#fff;
  position:relative;
}
header .inner{
  max-width:1100px;
  margin:0 auto;
  padding:35px 15px 32px;
  position:relative;
}
header h1{
  width:346px;
  float:left;
}
header nav{
  width:calc(100% - 370px);
  float:right;
  padding-top:30px;
}
header nav ul{
  text-align:right;
}
header nav li{
  display:inline-block;
  font-weight:bold;
}
header nav li + li{
  margin-left:13.5%;
}
header .menu{
  display:none;
}


/* footer */
footer .company_info{
  color:#fff;
  background:url(../img_comm/bg_footer.jpg) no-repeat 50% 50%;
}
footer .company_info .inner{
  max-width:1100px;
  margin:0 auto;
  padding:55px 15px 30px;
}
footer .company_info h3{
  font-size:24px;
  letter-spacing:0.1em;
  margin-bottom:20px;
}
footer .company_info h3 img{
  display:block;
  margin-bottom:23px;
}
footer .company_info p{
  letter-spacing:0.1em;
  line-height:1.7;
}
footer .company_info ul{
  display:flex;
  justify-content:space-around;
  margin-top:50px;
}
footer .company_info a, footer .company_info a:visited{
  color:#fff;
}
footer .company_info p a{
  text-decoration:underline;
}

footer .privacy_poricy{
  max-width:1100px;
  margin:0 auto;
  padding:24px 15px 12px;
}
footer .privacy_poricy .mark{
  margin-bottom:25px;
}
footer .privacy_poricy .mark figure{
  width: 88px;
  float:left;
  margin-right:30px;
}
footer .privacy_poricy .mark p{
  float:left;
  line-height:2;
  letter-spacing:0.1em;
}
footer .copyright{
  text-align:center;
}


/* container */
.spblock, .spinline{
  display:none;
}

.container{
  max-width:1280px;
  margin:0 auto;
}
.container.under_container{
  margin-bottom:60px;
}

.common_contact_block{
  max-width:735px;
  margin:0 auto 65px;
  padding:65px 15px 0;
}
.common_contact_block h3{
  text-align:center;
  margin-bottom:38px;
}
.common_contact_block .box{
  border:solid 4px #e8e8e8;
  padding:25px 30px 10px;
}
.common_contact_block .box p{
  font-size:18px;
  text-align:center;
  margin-bottom:25px;
}
.common_contact_block .box dl{
  max-width:600px;
  margin:0 auto;
}
.common_contact_block .box dt{
  float:left;
  width:236px;
  font-weight:bold;
  text-align:center;
  letter-spacing:0.1em;
  background:#ededed;
  padding:10px 0;
}
.common_contact_block .box dd{
  margin:0 0 28px;
  padding:7px 0 6px 270px;
}

.under_ttl{
  height:196px;
  margin-bottom:10px;
  position:relative;
}
.under_ttl figure{
  width:100%;
  height:196px;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}
.under_ttl figure img{
  max-width:inherit;
  max-height:100%;
  width:auto;
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
}
.under_ttl h2{
  display:flex;
  height:100%;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  letter-spacing:0.1em;
  position:relative;
}

.bread_crumb{
  max-width:1100px;
  margin:0 auto 20px;
  padding:0 15px;
}
.bread_crumb li{
  float:left;
  letter-spacing:0.1em;
}
.bread_crumb li a{
  text-decoration:underline;
}

.catch_copy_block{
  font-size:24px;
  font-weight:bold;
  text-align:center;
  letter-spacing:0.15em;
  margin-bottom:50px;
  padding:0 15px;
}

.subnavi_block{
  font-size:18px;
  font-weight:normal;
  text-align:center;
  letter-spacing:0.15em;
  margin-bottom:45px;
  padding:20px 15px 0;
}
.subnavi_block a{
  display:inline-block;
  text-decoration:underline;
}
.catch_copy_block .subnavi_block{
  padding-top:40px;
}

.catch_copy_block .btn_navi_box{
  padding:40px 0 10px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
}
.catch_copy_block .btn_navi_box li{
  width:27.7%;
  max-width:305px;
  margin:0 22px 27px;
}
.catch_copy_block .btn_navi_box li a,
.catch_copy_block .btn_navi_box li a:visited{
  display:block;
  padding:19px 0;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:1;
  background:#3066a1;
  border-radius:28px;
  position:relative;
}
.catch_copy_block .btn_navi_box li a::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-left:solid 4px #fff;
  border-bottom:solid 4px #fff;
  position:absolute;
  top:calc(50% - 9px);
  right:9%;
  transform:rotate(-45deg);
}

.content_section{
  max-width:1100px;
  margin:0 auto;
  padding:0 15px;
}
.content_section h3{
  font-size:24px;
  letter-spacing:0.18em;
  margin-bottom:30px;
}


/* トップページ */
.top_main_visual{
  max-width:1280px;
  margin:0 auto;
  padding:63px 0 0;
  position:relative;
}
.top_main_visual .slide{
  max-width:1100px;
  margin:0 auto;
  position:relative;
}
.top_main_visual .cover{
  width:54%;
  position:absolute;
  top:0;
  left:0;
}
.top_main_visual .slide img,
.top_main_visual .cover img{
  position:absolute;
  top:0;
  left:0;
}
.top_main_visual .slide img{
  opacity:0;
}
.top_main_visual .cover img.multi_blend{
  mix-blend-mode: multiply;
}
.top_main_visual .slide::before{
  content:"";
  display:block;
  height:0;
  padding-top:51.8%;
}
.top_main_visual .cover::before{
  content:"";
  display:block;
  height:0;
  padding-top:94.6%;
}

.top_block_01{
  float:right;
  width:49.5%;
  margin-top:-107px;
  position:relative;
}
.top_block_01::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#004895;
  mix-blend-mode: multiply;
  position:absolute;
  top:0;
  left:0;
}
.top_block_01 .inner{
  max-width:500px;
  padding:66px 15px 66px 35px;
  position:relative;
}
.top_block_01 .inner h3{
  color:#fff;
  text-align:right;
  font-weight:normal;
  margin-bottom:23px;
}
.top_block_01 .inner h3 img{
  margin-top:10px;
}
.top_block_01 .inner p{
  font-size:16px;
  font-weight:bold;
  color:#fff;
  letter-spacing:0.2em;
  line-height:2;
}

.top_block_02{
  width:43.9%;
  float:left;
  margin-top:133px;
}
.top_block_03{
  width:43.9%;
  float:right;
  margin-top:45px;
}
.top_block_02 .inner{
  float:right;
  width:calc(100% - 15px);
  max-width:472px;
  padding:0 0 0 15px;
}
.top_block_03 .inner{
  width:calc(100% - 15px);
  max-width:472px;
  padding:0 15px 0 0;
}
.top_block_02 h3,
.top_block_03 h3{
  font-size:24px;
  letter-spacing:0.2em;
  margin-bottom:15px;
}
.top_block_02 h3 span,
.top_block_03 h3 span{
  display:block;
  font-size:12px;
  font-weight:normal;
  letter-spacing:0.1em;
}
.top_block_02 figure,
.top_block_03 figure{
  margin-bottom:10px;
}
.top_block_02 p,
.top_block_03 p{
  font-size:15px;
  line-height:1.8;
  letter-spacing:0.08em;
  margin-bottom:15px;
}
.top_block_02 .btn,
.top_block_03 .btn{
  text-align:right;
}

.arrow_mark_btn, a:visited .arrow_mark_btn, a.arrow_mark_btn:visited{
  display:inline-block;
  padding:19px 40px 19px 10px;
  font-size:13px;
  color:#fff;
  text-align:center;
  background:#121212;
  position:relative;
}
.arrow_mark_btn::after{
  content:"";
  display:block;
  width:14px;
  height:11px;
  background:url(../img_comm/arrow.png) no-repeat 50% 50%;
  position:absolute;
  top:calc(50% - 6px);
  right:21px;
}

.top_block_04{
  max-width:1280px;
  margin:0 auto 40px;
  position:relative;
}
.top_block_04 .box{
  width:49.4%;
  position:absolute;
}
.top_block_04 .box::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:#fcb100;
  mix-blend-mode: multiply;
  position:absolute;
  top:0;
  left:0;
}
.top_block_04 .box .box_inner{
  float:right;
  width:calc(100% - 15px);
  max-width:542px;
  padding:19.6% 0 7% 15px;
  position:relative;
}
.top_block_04 .box .box_inner h3,
.top_block_04 .box .box_inner p{
  width:58.3%;
  padding-right:15px;
}
.top_block_04 .box .box_inner h3{
  margin-bottom:25px;
}
.top_block_04 .box .box_inner p{
  font-size:16px;
  font-weight:bold;
  color:#fff;
  line-height:1.8;
  letter-spacing:0.2em;
}
.top_block_04 .block_inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 15px;
}
.top_block_04 .block_inner figure{
  padding:70px 0 0 28.7%;
}
.top_block_04 .block_inner .ssttl{
  padding:0 0 42px;
  margin:-120px 0 15px;
  position:relative;
}
.top_block_04 .block_inner .ssttl h4{
  font-size:21px;
  letter-spacing:0.2em;
}
.top_block_04 .block_inner .ssttl h4 img{
  margin-bottom:25px;
}
.top_block_04 .block_inner .ssttl .btn{
  position:absolute;
  bottom:0;
  right:0;
}
.top_block_04 .block_inner .facility{
  display:flex;
  flex-wrap:wrap;
}
.top_block_04 .block_inner .facility .item{
  width:50%;
  margin-bottom:48px;
}
.top_block_04 .block_inner .facility .item h5{
  font-size:18px;
  margin-bottom:15px;
}
.top_block_04 .block_inner .facility .item p{
  line-height:1.8;
 letter-spacing:0.2em;
}
.top_block_04 .block_inner .facility .item p a{
  text-decoration:underline;
}

.top_block_02 .btn .arrow_mark_btn,
.top_block_03 .btn .arrow_mark_btn,
.top_block_04 .block_inner .ssttl .btn .arrow_mark_btn{
  width:175px;
}

.top_block_05{
  padding:55px 15px 48px;
  margin-bottom:5px;
  background:url(../img/bg_top_recruit.jpg) no-repeat 50% 50%;
}
.top_block_05 h3{
  text-align:center;
  margin-bottom:30px;
}
.top_block_05 p{
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-spacing:0.2em;
  margin-bottom:50px;
}
.top_block_05 ul{
  display:flex;
  max-width:896px;
  margin:0 auto;
}
.top_block_05 li{
  width:calc(50% - 2px);
  margin:0 1px;
  background:#0e091f;
}
.top_block_05 li a, .top_block_05 li a:visited{
  display:block;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  color:#fff;
  padding:12.7% 0;
}


/* 業務請負 */
.contract_block + .contract_block{
  margin-top:80px;
}
.contract_block h3{
  margin-bottom:10px;
}
.contract_block .fig{
  text-align:center;
  margin-bottom:50px;
  padding-left:50px;
}
.contract_block p{
  font-size:15px;
  line-height:1.86;
  letter-spacing:0.2em;
}
.contract_block .largetxt{
  font-size:24px;
  font-weight:bold;
  line-height:1.5;
  margin-bottom:20px;
}
.contract_block .work_flow{
  margin-top:40px;
}
.contract_block .work_flow li{
  float:left;
  width:31.9%;
  margin-right:2.15%;
  margin-bottom:30px;
  font-size:24px;
  font-weight:bold;
  line-height:1;
}
.contract_block .work_flow li:nth-child(3n){
  margin-right:0;
}
.contract_block .work_flow li span{
  margin-right:10px;
}
.contract_block .work_flow li figure{
  margin-top:28px;
}
.contract_block .area_working{
  display:flex;
  flex-wrap:wrap;
  margin:35px 0 20px;
}
.contract_block .area_working li{
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(49% - 20px);
  min-height:42px;
  margin:0 2% 33px 0;
  padding:10px;
  color:#fff;
  font-size:16px;
  font-weight:bold;
  background:#121212;
  border-radius:50px;
}
.contract_block .area_working li:nth-child(2n){
  margin-right:0;
}
.contract_block .btn{
  padding-top:15px;
  text-align:center;
}
.contract_block .largetxt_list{
  float:left;
  width:calc(42.9% - 35px);
  padding-left:35px;
  margin-top:30px;
}
.contract_block .largetxt_list li{
  font-size:22px;
  font-weight:bold;
  letter-spacing:0.15em;
  margin-bottom:4px;
}
.contract_block .pic_box{
  float:right;
  width:57.09%;
  margin-top:35px;
  position:relative;
}
.contract_block .pic_box::before{
  content:"";
  display:block;
  height:0;
  padding-top:62.4%;
}
.contract_block .pic_box figure{
  width:62.7%;
  position:absolute;
}
.contract_block .pic_box figure:nth-of-type(1){
  top:0;
  left:0;
}
.contract_block .pic_box figure:nth-of-type(2){
  bottom:0;
  right:0;
}
.contract_block .working_list{
  float:left;
  width:49.2%;
  margin-top:80px;
}
.contract_block .pic_box_2{
  float:right;
  width:35.8%;
  margin-top:80px;
}
.contract_block .working_list dt{
  margin-bottom:10px;
}
.contract_block .working_list dt span{
  display:inline-block;
  padding:14px 35px;
  font-size:18px;
  letter-spacing:0.15em;
  border:solid 1px #9b9b9b;
}
.contract_block .working_list dd{
  padding-left:35px;
  margin:0;
  font-size:15px;
  line-height:2.4;
  letter-spacing:0.18em;
}
.contract_block .working_list dd + dt{
  margin-top:47px;
}
.contract_block .pic_box_2 img + img{
  margin-top:40px;
}
.contract_block .pic_box_3{
  float:left;
  width:48.27%;
  margin-right:32px;
}
.contract_block .txt_box p{
  line-height:2.4;
}
.contract_block .txt_box p + p{
  margin-top:35px;
}


/* 物流加工 */
.logistics_block + .logistics_block{
  margin-top:80px;
}
.logistics_block h3{
  margin-bottom:20px;
}
.logistics_block p{
  font-size:15px;
  line-height:1.86;
  letter-spacing:0.2em;
}
.logistics_block .logist_list{
  margin:26px 0 45px;
}
.logistics_block .logist_list li{
  float:left;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30%;
  height:134px;
  margin:0 1.5%;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  position:relative;
}
.logistics_block .logist_list li::before{
  content:"";
  display:block;
  width:134px;
  height:134px;
  background:#dde9f5;
  border-radius:50%;
  position:absolute;
  top:0;
  left:calc(50% - 67px);
}
.logistics_block .logist_list li span{
  position:relative;
}
.logistics_block .txt_box{
  float:left;
  width:54.5%;
}
.logistics_block .pic_box{
  float:right;
  width:42.54%;
}
.logistics_block .logist_list_2{
  margin-top:30px;
}
.logistics_block .logist_list_2 li{
  float:left;
  margin:0 30px 24px 0;
  padding:18px 29px;
  border:solid 1px #9b9b9b;
  font-size:18px;
  line-height:1;
  letter-spacing:0.2em;
}
.logistics_block .pic_box_2 img{
  display:block;
  float:left;
  width:31.9%;
}
.logistics_block .pic_box_2 img + img{
  margin-left:2.15%;
}
.logistics_block .logist_list_2 + .pic_box_2{
  margin-top:15px;
}
.logistics_block .pic_box_2 + .logist_list_2{
  margin-top:65px;
}
.logistics_block p + .pic_box_2{
  margin-top:25px;
}
.logistics_block .logist_list_3{
  float:left;
  width:calc(42.7% - 35px);
  padding-left:35px;
  margin-top:50px;
}
.logistics_block .logist_list_3 li{
  font-size:22px;
  font-weight:bold;
  letter-spacing:0.15em;
  margin-bottom:4px;
}
.logistics_block .pic_box_3{
  float:right;
  width:57.27%;
  margin-top:25px;
  position:relative;
}
.logistics_block .pic_box_3::before{
  content:"";
  display:block;
  height:0;
  padding-top:62.2%;
}
.logistics_block .pic_box_3 figure{
  width:62.5%;
  position:absolute;
}
.logistics_block .pic_box_3 figure:nth-of-type(1){
  top:0;
  left:0;
}
.logistics_block .pic_box_3 figure:nth-of-type(2){
  bottom:0;
  right:0;
}


/* 会社概要 */
.about_block{
  margin-bottom:0;
}
.about_block + .about_block{
  margin-top:60px;
}
.about_block .tbl_about{
  max-width:922px;
  margin:0 auto;
  border-collapse:collapse;
}
.about_block .tbl_about th,
.about_block .tbl_about td{
  padding:20px 0;
  border-top:dotted 1px #111;
  border-bottom:dotted 1px #111;
  font-size:15px;
  letter-spacing:0.15em;
  text-align:left;
  line-height:1.8;
}
.about_block .tbl_about th{
  width:10em;
}
.about_block .tbl_about .history dt{
  float:left;
}
.about_block .tbl_about .history dd{
  margin:0;
}
.about_block .tbl_about .struct{
  display:flex;
  flex-wrap:wrap;
}
.about_block .tbl_about .struct p{
  width:calc(50% - 20px);
  padding-right:20px;
  margin-bottom:40px;
}
.about_block .tbl_about .struct p a{
  text-decoration:underline;
}
.about_block .tbl_about ul.photo li{
  width:99px;
  margin:0 13px 10px 0;
  float:left;
}
.about_block .tbl_about ul.photo li:last-child{
  margin-right:0;
}
.about_block .tbl_about ul.photo li p{
  display:none;
}
.about_block .tbl_about .fsmall{
  font-size:12px;
  line-height:1;
  letter-spacing:0.05em;
}
.about_block .about_logomark_box{
  display:flex;
  align-items:center;
  max-width:982px;
  margin:0 auto;
}
.about_block .about_logomark_box figure{
  margin-right:5.6%;
}
.about_block .about_logomark_box p{
  font-size:15px;
  line-height:2.4;
  letter-spacing:0.15em;
}


/* プライバシーポリシー */
.policy_block{
  margin-bottom:0;
}
.policy_block + .policy_block{
  margin-top:70px;
}
.policy_block h4{
  font-size:18px;
  margin-bottom:10px;
  letter-spacing:0.15em;
}
.policy_block p,
.policy_block .contact_box figure figcaption{
  font-size:15px;
  line-height:1.86;
  padding:0 5px;
  letter-spacing:0.2em;
}
.policy_block p + p{
  margin-top:15px;
}
.policy_block p + h4{
  margin-top:30px;
}
.policy_block .contact_box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:50px;
  padding:30px 70px;
  border:solid 1px #c3c3c3;
}
.policy_block .contact_box p{
  width:calc(100% - 273px);
  padding:0 25px 0 30px;
}
.policy_block .contact_box figure{
  width:218px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.policy_block .policy_mark {
  width:88px;
}
.policy_block .contact_box figure figcaption{
  padding:20px 0 0;
}
.policy_block .contact_box figure figcaption a{
  text-decoration:underline;
}


/* 採用情報 - 仕事内容のご紹介 */
.recruit_block + .recruit_block{
  margin-top:40px;
}
.recruit_block h3{
  margin-bottom:15px;
}
.recruit_block p{
  font-size:15px;
  line-height:2.4;
  letter-spacing:0.2em;
}
.recruit_block p + p{
  margin-top:25px;
}
.recruit_block .largetxt{
  font-size:22px;
  font-weight:bold;
  line-height:1.86;
  padding:15px 0 0 30px;
}
.recruit_block .leftposi{
  float:left;
  width:calc(53.6% - 30px);
}
.recruit_block .rightposi{
  float:right;
  width:calc(44.1% - 12px);
  padding-right:12px;
}
.recruit_block li{
  font-size:15px;
  line-height:2.4;
  letter-spacing:0.2em;
  text-indent:-1.8em;
  padding-left:1.8em;
}
.recruit_block .photo{
  margin:25px 0;
}
.recruit_block .photo img{
  display:block;
  width:31.9%;
  float:left;
}
.recruit_block .photo img + img{
  margin-left:2.15%;
}
.recruit_block .faq{
  padding-top:10px;
}
.recruit_block .faq dt, .recruit_block .faq dt{
  color:#004895;
}
.recruit_block .faq dt, .recruit_block .faq dd{
  font-size:22px;
  font-weight:bold;
  line-height:1.86;
  letter-spacing:0.15em;
  padding:18px 0 0 97px;
  margin:0 0 30px;
  position:relative;
}
.recruit_block .faq dd{
  margin-bottom:60px;
}
.recruit_block .faq dt .cap, .recruit_block .faq dd .cap{
  font-size:60px;
  font-family: "游ゴシック", YuGothic, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo;
  line-height:1;
  letter-spacing:0;
  position:absolute;
  top:0;
  left:0;
}
.recruit_block .faq dt .cap.que{
  color:#004895;
}
.recruit_block .faq dd .cap.ans{
  color:#fcb100;
}
.recruit_btn{
  margin-top:120px;
  text-align:center;
}


/* 採用情報 - インタビュー */
.interview_block + .interview_block{
  margin-top:63px;
}
.interview_block h3{
  margin-bottom:12px;
}
.interview_block figure{
  float:right;
  width:55%;
  margin:0 0 10px 28px;
}
.interview_block .person_info{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  padding:30px 30px;
  margin-bottom:25px;
  background:#ededed;
  letter-spacing:0.18em;
  white-space:nowrap;
}
.interview_block .person_info p{
  font-size:18px;
  font-weight:bold;
  line-height:1;
  margin:5px 25px 5px 0;
}
.interview_block .person_info p span{
  font-size:24px;
  color:#004895;
}
.interview_block .person_info dl{
  display:flex;
  align-items:center;
  margin:5px 0;
}
.interview_block .person_info dt,
.interview_block .person_info dd{
  display:inline-block;
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:0;
}
.interview_block .person_info dt{
  color:#fff;
  line-height:28px;
  text-align:center;
  width:80px;
  background:#004895;
  border-radius:5px;
  margin-right:10px;
}
.interview_block .person_info dd + dt{
  margin-left:15px;
}
.interview_block > p{
  font-size:15px;
  line-height:1.86;
  letter-spacing:0.18em;
  margin-bottom:25px;
}
.interview_block .cap{
  font-size:24px;
  font-weight:bold;
  color:#004895;
  line-height:1.5;
  margin-bottom:15px;
}
.interview_btn{
  margin-top:75px;
  text-align:center;
}
.recruit_btn a, .recruit_btn a:visited,
.interview_btn a, .interview_btn a:visited{
  display:inline-block;
  font-size:18px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  letter-spacing:0.15em;
  width:336px;
  padding:40px 0;
  background:#0e091f;
}










/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:850px){
/* ------------------------------------------------------------------------------------------- */

header nav{
  width:100%;
  max-height:0;
  padding:0;
  background:rgba(50,50,80,0.9);
  position:absolute;
  top:100%;
  left:0;
  z-index:800;
  overflow:hidden;
  transition-duration:0.3s;
}
header nav.open{
  max-height:280px;
}
header nav ul{
  display:block;
  width:calc(100% - 40px);
}
header nav ul{
  padding:25px 20px;
}
header nav li{
  display:block;
  text-align:center;
}
header nav li + li{
  margin:20px 0 0 0;
}
header nav li a,
header nav li a:visited{
  color:#fff;
}

header .menu{
  display:block;
  position:absolute;
  top:calc(50% - 12px);
  right:20px;
}
header .menu a{
  display:block;
  width:36px;
  height:24px;
  text-indent:-400px;
  position:relative;
  overflow:hidden;
}
header .menu a:hover{
  opacity:1;
}
header .menu a::before,
header .menu a::after{
  content:"";
}
header .menu a span,
header .menu a::before,
header .menu a::after{
  display:block;
  width:100%;
  height:2px;
  background:#004795;
  position:absolute;
  left:0;
  transition-duration:0.3s;
}
header .menu a span{
  top:calc(50% - 1px);
}
header .menu a::before{
  top:0;
}
header .menu a::after{
  top:calc(100% - 2px);
}
header .menu.open a span{
  opacity:0;
}
header .menu.open a::before{
  width:36px;
  top:calc(50% - 1px);
  left:0;
  transform:rotate(135deg);
}
header .menu.open a::after{
  width:36px;
  top:calc(50% - 1px);
  left:0;
  transform:rotate(-135deg);
}


}/* max-width:850px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:768px){
/* ------------------------------------------------------------------------------------------- */

/* header */
header .inner{
  padding:20px 15px 18px;
}

/* container */
.catch_copy_block .btn_navi_box li{
  width:30%;
  margin:0 1.5% 19px;
  letter-spacing:0.1em;
}
.catch_copy_block .btn_navi_box li a,
.catch_copy_block .btn_navi_box li a:visited{
  padding:19px 0;
  font-size:16px;
}
.catch_copy_block .btn_navi_box li a::after{
  width:7px;
  height:7px;
  border-left:solid 4px #fff;
  border-bottom:solid 4px #fff;
  top:calc(50% - 8px);
  right:7%;
}


/* トップページ */
.top_block_04 .box .box_inner{
  padding:60px 0 25px 15px;
}
.top_block_04 .box .box_inner h3,
.top_block_04 .box .box_inner p{
  width:75%;
}
.top_block_04 .box .box_inner h3{
  margin-bottom:15px;
}
.top_block_04 .box .box_inner p{
  font-size:14px;
}
.top_block_04 .block_inner figure{
  padding:40px 0 0 28.7%;
}
.top_block_04 .block_inner .ssttl{
  padding:0 0 42px;
  margin:-20px 0 15px;
}
.top_block_04 .block_inner .ssttl h4{
  font-size:20px;
}
.top_block_04 .block_inner .ssttl h4 img{
  margin-bottom:10px;
}


/* 業務請負 */
.contract_block .work_flow{
  margin-top:40px;
}
.contract_block .work_flow li{
  margin-bottom:25px;
  font-size:20px;
}
.contract_block .work_flow li:nth-child(3n){
  margin-right:0;
}
.contract_block .work_flow li span{
  display:inline-block;
  height:35px;
}
.contract_block .work_flow li span img{
  max-height:100%;
  width:auto;
}
.contract_block .work_flow li figure{
  margin-top:15px;
}
.contract_block .area_working li{
  width:calc(49% - 40px);
  margin:0 2% 20px 0;
  padding:10px 20px;
  font-size:15px;
}
.contract_block .btn{
  padding-top:15px;
}
.contract_block .largetxt_list{
  float:none;
  width:auto;
  padding-left:20px;
  margin-top:20px;
}
.contract_block .pic_box{
  float:none;
  width:auto;
  max-width:580px;
  margin:40px auto 0;
}
.contract_block .working_list{
  width:57%;
  margin-top:50px;
}
.contract_block .pic_box_2{
  width:40%;
  margin-top:50px;
}
.contract_block .working_list dt span{
  padding:12px 20px;
  font-size:16px;
  letter-spacing:0.1em;
}
.contract_block .working_list dd{
  padding-left:20px;
  line-height:2;
}
.contract_block .working_list dd + dt{
  margin-top:30px;
}
.contract_block .pic_box_2 img + img{
  margin-top:20px;
}
.contract_block .pic_box_3{
  margin-right:20px;
}
.contract_block .txt_box p{
  line-height:1.8;
}
.contract_block .txt_box p + p{
  margin-top:17px;
}


/* 物流加工 */
.logistics_block .logist_list{
  margin:20px 0 25px;
}
.logistics_block .logist_list li{
  font-size:16px;
}
.logistics_block .txt_box,
.logistics_block .pic_box{
  float:none;
  width:auto;
}
.logistics_block .txt_box{
  margin-bottom:30px;
}
.logistics_block .pic_box{
  text-align:center;
}
.logistics_block .logist_list_2{
  margin-top:20px;
}
.logistics_block .logist_list_2 li{
  margin:0 25px 20px 0;
  padding:16px 22px;
  font-size:17px;
  letter-spacing:0.15em;
}
.logistics_block .pic_box_2 + .logist_list_2{
  margin-top:50px;
}
.logistics_block .logist_list_3{
  float:none;
  width:auto;
  padding-left:20px;
  margin-top:20px;
}
.logistics_block .pic_box_3{
  float:none;
  width:auto;
  max-width:580px;
  margin:40px auto 0;
}


/* 会社概要 */
.about_block .about_logomark_box p{
  line-height:1.8;
}


/* プライバシーポリシー */
.policy_block .contact_box{
  padding:30px 30px;
}
.policy_block .contact_box p{
  width:calc(100% - 243px);
  padding:0 15px 0 10px;
}


/* 採用情報 - 仕事内容のご紹介 */
.recruit_block .leftposi{
  float:none;
  width:auto;
}
.recruit_block .rightposi{
  float:none;
  width:auto;
  padding-right:0;
  margin-top:20px;
  text-align:center;
}


/* 採用情報 - インタビュー */
.interview_block figure{
  float:none;
  width:auto;
  margin:0 0 20px;
  text-align:center;
}
.interview_block .person_info{
  padding:20px 30px;
}


}/* max-width:768px */


/* ------------------------------------------------------------------------------------------- */
@media screen and (max-width:480px){
/* ------------------------------------------------------------------------------------------- */

/* header */
header .inner{
  padding:13px 10px 18px;
}
header h1{
  width:calc(100% - 70px);
  max-width:250px;
}


/* footer */
footer .company_info .inner{
  padding:30px 15px;
}
footer .company_info h3{
  font-size:18px;
  margin-bottom:15px;
}
footer .company_info h3 img{
  display:block;
  margin-bottom:12px;
}
footer .company_info p{
  font-size:13px;
}
footer .company_info ul{
  display:block;
  margin-top:30px;
  border-top:solid 1px #999;
}
footer .company_info li{
  text-align:center;
  border-bottom:solid 1px #999;
}
footer .company_info li a{
  display:block;
  padding:10px 15px;
}

footer .privacy_poricy{
  padding:20px 15px 12px;
}
footer .privacy_poricy .mark{
  margin-bottom:20px;
}
footer .privacy_poricy .mark figure{
  float:none;
  margin-right:0;
  margin-bottom:15px;
  text-align:center;
}
footer .privacy_poricy .mark p{
  float:none;
  line-height:1.8;
  font-size:13px;
}


/* container */
.spblock{
  display:block;
}
.spinline{
  display:inline;
}
.pcinline{
  display:none;
}

.container.under_container{
  margin-bottom:30px;
}

.common_contact_block{
  margin:0 auto 40px;
  padding:50px 15px 0;
}
.common_contact_block h3{
  margin-bottom:20px;
}
.common_contact_block .box{
  padding:20px 15px 10px;
}
.common_contact_block .box p{
  font-size:14px;
  text-align:left;
  margin-bottom:15px;
}
.common_contact_block .box dt{
  float:none;
  width:100%;
  margin-bottom:15px;
}
.common_contact_block .box dd{
  margin:0 0 25px;
  padding:0;
  text-align:center;
}

.under_ttl{
  height:120px;
  margin-bottom:5px;
}
.under_ttl figure{
  height:120px;
}
.under_ttl h2{
  font-size:18px;
}

.bread_crumb li{
  font-size:13px;
}

.catch_copy_block{
  font-size:18px;
  letter-spacing:0.1em;
  margin-bottom:35px;
}

.subnavi_block{
  font-size:16px;
  text-align:left;
  letter-spacing:0.1em;
  margin-bottom:30px;
  padding:10px 15px 0;
}
.catch_copy_block .subnavi_block{
  padding:20px 0 0;
}
.catch_copy_block .btn_navi_box{
  padding:10px 0 0;
  justify-content:left;
}
.catch_copy_block .btn_navi_box li{
  width:49%;
  margin:10px 0 0;
}
.catch_copy_block .btn_navi_box li:nth-child(2n){
  margin-left:2%;
}
.catch_copy_block .btn_navi_box li a,
.catch_copy_block .btn_navi_box li a:visited{
  padding:12px 0;
  font-size:13px;
  letter-spacing:0;
}
.catch_copy_block .btn_navi_box li a::after{
  width:6px;
  height:6px;
  border-left:solid 2px #fff;
  border-bottom:solid 2px #fff;
  top:calc(50% - 6px);
}

.content_section{
  margin-bottom:30px;
}
.content_section h3{
  font-size:18px;
  letter-spacing:0.1em;
  margin-bottom:20px;
}


/* トップページ */
.top_main_visual{
  padding:24px 0 0;
}
.top_main_visual .cover{
  width:100%;
}
.top_main_visual .slide img,
.top_main_visual .cover img{
  max-height:100%;
  width:auto;
}
.top_main_visual .slide::before{
  content:"";
  display:block;
  height:0;
  padding-top:142.67%;
}
.top_main_visual .cover::before{
  content:"";
  display:block;
  height:0;
  padding-top:75.4%;
}

.top_block_01{
  float:none;
  width:100%;
  margin-top:-34.4%;
}
.top_block_01 .inner{
  max-width:inherit;
  padding:18px 15px 25px 15px;
}
.top_block_01 .inner h3{
  text-align:left;
  margin-bottom:15px;
}
.top_block_01 .inner h3 img{
  margin-top:8px;
  height:30px;
  width:auto;
}
.top_block_01 .inner p{
  font-size:12px;
}

.top_block_02{
  width:100%;
  float:none;
  margin-top:20px;
}
.top_block_03{
  width:100%;
  float:none;
  margin-top:20px;
}
.top_block_02 .inner{
  float:none;
  width:auto;
  max-width:inherit;
  padding:0 15px;
}
.top_block_03 .inner{
  width:auto;
  max-width:inherit;
  padding:0 15px;
}
.top_block_02 h3,
.top_block_03 h3{
  font-size:20px;
  margin-bottom:10px;
}
.top_block_02 h3 span,
.top_block_03 h3 span{
  font-size:10px;
}
.top_block_02 p,
.top_block_03 p{
  font-size:12px;
}

.arrow_mark_btn, a:visited .arrow_mark_btn, a.arrow_mark_btn:visited{
  padding:15px 30px 15px 15px;
  font-size:12px;
}
.arrow_mark_btn::after{
  width:12px;
  height:10px;
  right:18px;
}

.top_block_04{
  margin:30px auto 40px;
}
.top_block_04 .box{
  width:100%;
}
.top_block_04 .box .box_inner{
  float:none;
  width:auto;
  max-width:inherit;
  padding:30px 15px 40px;
}
.top_block_04 .box .box_inner h3,
.top_block_04 .box .box_inner p{
  width:auto;
  padding-right:0;
}
.top_block_04 .box .box_inner h3{
  height:30px;
  margin-bottom:15px;
}
.top_block_04 .box .box_inner h3 img{
  height:100%;
  width:auto;
}
.top_block_04 .box .box_inner p{
  font-size:12px;
}
.top_block_04 .block_inner{
  margin:0 auto;
  padding-top:150px;
}
.top_block_04 .block_inner figure{
  padding:0;
}
.top_block_04 .block_inner .ssttl{
  padding:0;
  margin:15px 0;
}
.top_block_04 .block_inner .ssttl h4{
  font-size:18px;
  margin-bottom:10px;
}
.top_block_04 .block_inner .ssttl h4 img{
  margin-bottom:10px;
}
.top_block_04 .block_inner .ssttl .btn{
  position:static;
  text-align:right;
}
.top_block_04 .block_inner .facility .item{
  width:100%;
  margin-bottom:25px;
}
.top_block_04 .block_inner .facility .item h5{
  font-size:16px;
  margin-bottom:10px;
}
.top_block_04 .block_inner .facility .item p{
 font-size:12px;
}

.top_block_02 .btn .arrow_mark_btn,
.top_block_03 .btn .arrow_mark_btn,
.top_block_04 .block_inner .ssttl .btn .arrow_mark_btn{
  width:125px;
}

.top_block_05{
  padding:48px 15px 40px;
}
.top_block_05 h3{
  height:30px;
  margin-bottom:20px;
}
.top_block_05 h3 img{
  height:100%;
  width:auto;
}
.top_block_05 p{
  font-size:14px;
  margin-bottom:35px;
}
.top_block_05 li a, .top_block_05 li a:visited{
  font-size:14px;
  padding:9% 0;
}


/* 業務請負 */
.contract_block + .contract_block{
  margin-top:40px;
}
.contract_block h3{
  margin-bottom:10px;
}
.contract_block .fig{
  margin-bottom:20px;
  padding-left:0;
}
.contract_block p{
  font-size:14px;
  line-height:1.8;
  letter-spacing:0.1em;
}
.contract_block .largetxt{
  font-size:18px;
  line-height:1.5;
  margin-bottom:15px;
}
.contract_block .work_flow{
  margin-top:25px;
}
.contract_block .work_flow li{
  float:none;
  width:auto;
  max-width:351px;
  margin:0 auto 20px;
  font-size:18px;
}
.contract_block .work_flow li:nth-child(3n){
  margin-right:auto;
}
.contract_block .work_flow li span{
  height:24px;
}
.contract_block .work_flow li figure{
  margin-top:15px;
}
.contract_block .area_working{
  margin:25px 0 15px;
}
.contract_block .area_working li{
  width:calc(100% - 20px);
  margin:0 0 13px;
  font-size:14px;
}
.contract_block .largetxt_list li{
  font-size:18px;
  letter-spacing:0.1em;
}
.contract_block .pic_box{
  margin-top:25px;
}
.contract_block .working_list{
  float:none;
  width:auto;
  margin-top:35px;
}
.contract_block .pic_box_2{
  float:none;
  width:auto;
  margin-top:30px;
}
.contract_block .working_list dt span{
  padding:12px 10px;
  font-size:16px;
  letter-spacing:0.05em;
}
.contract_block .working_list dd{
  padding-left:0;
  font-size:14px;
  line-height:1.8;
}
.contract_block .working_list dd + dt{
  margin-top:25px;
}
.contract_block .pic_box_2 img + img{
  margin-top:20px;
}
.contract_block .pic_box_3{
  float:none;
  width:auto;
  margin:0 0 20px;
}
.contract_block .txt_box p{
  line-height:1.8;
}
.contract_block .txt_box p + p{
  margin-top:20px;
}


/* 物流加工 */
.logistics_block + .logistics_block{
  margin-top:40px;
}
.logistics_block h3{
  margin-bottom:15px;
}
.logistics_block p{
  font-size:14px;
  line-height:1.8;
  letter-spacing:0.1em;
}
.logistics_block .logist_list{
  margin:22px 0 25px;
}
.logistics_block .logist_list li{
  float:none;
  width:auto;
  height:120px;
  margin:0 0 15px;
}
.logistics_block .logist_list li::before{
  width:120px;
  height:120px;
  left:calc(50% - 60px);
}
.logistics_block .logist_list_2 li{
  margin:0 15px 15px 0;
  padding:13px 20px;
  font-size:15px;
  letter-spacing:0.1em;
}
.logistics_block .pic_box_2 img{
  float:none;
  width:auto;
  margin:0 auto;
}
.logistics_block .pic_box_2 img + img{
  margin:10px auto 0;
}
.logistics_block .pic_box_2 + .logist_list_2{
  margin-top:45px;
}
.logistics_block p + .pic_box_2{
  margin-top:15px;
}
.logistics_block .logist_list_3 li{
  font-size:18px;
  letter-spacing:0.1em;
}
.logistics_block .pic_box_3{
  margin-top:25px;
}


/* 会社概要 */
.about_block .tbl_about{
  border-top:dotted 1px #111;;
}
.about_block .tbl_about th,
.about_block .tbl_about td{
  display:block;
  width:100%;
  font-size:14px;
  letter-spacing:0.1em;
}
.about_block .tbl_about th{
  padding:18px 0 0;
  border-top:0;
  border-bottom:0;
}
.about_block .tbl_about td{
  padding:5px 0 18px;
  border-top:0;
}
.about_block .tbl_about .history dt{
  float:none;
}
.about_block .tbl_about .history dd{
  margin:0 0 0.5em 1em;
}
.about_block .tbl_about .struct p{
  width:100%;
  padding-right:0;
  margin-bottom:25px;
}
.about_block .tbl_about ul.photo li{
  width:99px;
  margin:0 10px 7px 0;
  float:left;
}
.about_block .about_logomark_box{
  display:block;
}
.about_block .about_logomark_box figure{
  margin:0 0 20px;
  text-align:center;
}
.about_block .about_logomark_box p{
  font-size:14px;
  line-height:1.8;
  letter-spacing:0.1em;
}


/* プライバシーポリシー */
.policy_block{
  margin-bottom:0;
}
.policy_block + .policy_block{
  margin-top:40px;
}
.policy_block h4{
  font-size:16px;
  margin-bottom:7px;
  letter-spacing:0.08em;
}
.policy_block p,
.policy_block .contact_box figure figcaption{
  font-size:14px;
  line-height:1.8;
  padding:0 5px;
  letter-spacing:0.08em;
}
.policy_block p + p{
  margin-top:12px;
}
.policy_block p + h4{
  margin-top:20px;
}
.policy_block .contact_box{
  display:block;
  margin-top:30px;
  padding:18px 20px;
}
.policy_block .contact_box p{
  width:auto;
  padding:0;
  margin-bottom:20px;
}
.policy_block .contact_box figure{
  width:auto;
}
.policy_block .contact_box figure figcaption{
  padding:10px 0 0;
}


/* 採用情報 - 仕事内容のご紹介 */
.recruit_block + .recruit_block{
  margin-top:40px;
}
.recruit_block h3{
  margin-bottom:10px;
}
.recruit_block p{
  font-size:14px;
  line-height:2;
  letter-spacing:0.1em;
}
.recruit_block p + p{
  margin-top:15px;
}
.recruit_block .largetxt{
  font-size:16px;
  line-height:1.8;
  padding:0 0 0 5px;
}
.recruit_block li{
  font-size:14px;
  line-height:2;
  letter-spacing:0.1em;
  text-indent:-1.65em;
  padding-left:1.65em;
}
.recruit_block .photo{
  margin:25px 0;
}
.recruit_block .photo img{
  width:auto;
  float:none;
  margin:0 auto;
}
.recruit_block .photo img + img{
  margin-left:auto;
  margin-top:10px;
}
.recruit_block .faq dt, .recruit_block .faq dd{
  font-size:16px;
  line-height:1.8;
  letter-spacing:0.1em;
  padding:2px 0 0 40px;
  margin:0 0 18px;
}
.recruit_block .faq dd{
  margin-bottom:40px;
}
.recruit_block .faq dt .cap, .recruit_block .faq dd .cap{
  font-size:30px;
}
.recruit_btn{
  margin-top:80px;
}


/* 採用情報 - インタビュー */
.interview_block + .interview_block{
  margin-top:40px;
}
.interview_block h3{
  margin-bottom:7px;
}
.interview_block .person_info{
  padding:15px 18px;
  margin-bottom:20px;
  letter-spacing:0.1em;
}
.interview_block .person_info p{
  font-size:16px;
  margin:5px 10px 5px 0;
}
.interview_block .person_info p span{
  font-size:20px;
}
.interview_block .person_info dt,
.interview_block .person_info dd{
  font-size:13px;
}
.interview_block .person_info dt{
  line-height:24px;
  border-radius:4px;
  margin-right:7px;
}
.interview_block .person_info dd + dt{
  margin-left:10px;
}
.interview_block > p{
  font-size:14px;
  line-height:1.8;
  letter-spacing:0.1em;
  margin-bottom:20px;
}
.interview_block .cap{
  font-size:18px;
  line-height:1.5;
  margin-bottom:10px;
}
.interview_btn{
  margin-top:55px;
}
.recruit_btn a, .recruit_btn a:visited,
.interview_btn a, .interview_btn a:visited{
  font-size:16px;
  letter-spacing:0.1em;
  width:260px;
  padding:25px 0;
}


}/* max-width:480px */