@charset "UTF-8";
/*margin,paddingリセット*/
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-style: normal;
  font-weight: normal; }

/*font-sizeリセット*/
h1, h2, h3, h4, h5, h6, td, th, p, ul, li, dt, dd {
  font-size: 1em; }

/*リストスタイルリセット*/
ul li {
  list-style: none; }

/*フォントの指定*/
/*色の指定*/
/*breakpoint*/
/*$wideSize: 1400px;
$pcSize: 1278px;
$notepcSize: 1080px;
$tabletSize: 768px;
$mobileSize: 640px;*/
/*メディアクエリ*/
/*clearfix*/
/*font-size*/
/* 初期設定
-------------------------------*/
html {
  color: #000000;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.4; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

a {
  text-decoration: none;
  color: #000000; }
a:hover {
  opacity: 0.6;

}
/* ==========================================================================
   旧main.css
   ========================================================================== */
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

#wrapper {
  overflow: hidden; }

/* 汎用class
-------------------------------*/
.outerContainer {
  width: 75%;
  margin: 0 auto; }
  @media screen and (max-width: 960px) {
    .outerContainer {
      width: 90%; } }

.innerContainer {
  width: 68.75%;
  margin: 0 auto; }
  @media screen and (max-width: 960px) {
    .innerContainer {
      width: 90%; } }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.dis_pc {
  display: block; }
  @media screen and (max-width: 960px) {
    .dis_pc {
      display: none; } }

.dis_sp {
  display: none; }
  @media screen and (max-width: 960px) {
    .dis_sp {
      display: block; } }

.dis_onlyTb {
  display: none; }
  @media screen and (max-width: 960px) {
    .dis_onlyTb {
      display: block; } }
  @media screen and (max-width: 640px) {
    .dis_onlyTb {
      display: none; } }

.dis_onlySp {
  display: none; }
  @media screen and (max-width: 960px) {
    .dis_onlySp {
      display: none; } }
  @media screen and (max-width: 640px) {
    .dis_onlySp {
      display: block; } }

.dis_sp_s {
  display: none; }
  @media screen and (max-width: 400px) {
    .dis_sp_s {
      display: block; } }

/* 全体
-------------------------------*/
body {
  width: 100%; }

/* ヘッダー上段
-------------------------------*/
.header {
  width: 100%;
  position: relative;
  z-index: 0; }

.header__upperBox {
  width: 100%;
  z-index: 0;
  background-color: rgba(5, 63, 153, 0.8);
  height: 40px; }
  @media screen and (max-width: 960px) {
    .header__upperBox {
      height: 80px; } }

.header__upperBoxInnder::before, .header__upperBoxInnder::after {
  content: '';
  display: table; }
.header__upperBoxInnder::after {
  clear: both; }

.header__logoSp {
  display: none; }
  @media screen and (max-width: 960px) {
    .header__logoSp {
      display: block;
      margin-top: 20px;
      width: 34.062%;
      min-width: 230px;
      height: auto;
      float: left;
      line-height: 1.7;
      /*color: $fontColorSub;*/
      font-size: 17px;
      font-size: 1.0625rem; }
      .header__logoSp a {
        color: #ffffff; }
      .header__logoSp img {
        width: 100%;
        height: auto; } }

.contact_btnPc {
  display: block;
  width: auto;
  float: right;
  font-size: 13px;
  font-size: 0.8125rem; }
  @media screen and (max-width: 960px) {
    .contact_btnPc {
      display: none; } }
  .contact_btnPc a {
    display: block;
    height: 20px;
    color: #ffffff;
    background-color: #af2935;
    padding: 10px 10px; }

.sp_nav {
  display: none; }
  @media screen and (max-width: 960px) {
    .sp_nav {
      display: block;
      position: fixed;
      top: 0;
      bottom: 0;
      right: -210px;
      left: auto;
      margin: 0;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 300;
      text-align: left;
      background-color: #ffffff; } }

.nav_btn {
  display: none; }
  @media screen and (max-width: 960px) {
    .nav_btn {
      display: block;
      background: url(../img/common/nav_btn_close.jpg) center center no-repeat;
      background-color: #af2935;
      cursor: pointer;
      position: fixed;
      top: 0;
      width: 70px;
      height: 70px;
      padding: 5px;
      right: 0;
      z-index: 400;
      background-size: 70px auto; } }

#sp_nav {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -210px;
  left: auto;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 300;
  text-align: left;
  background-color: #ffffff; }

#sp_nav ul {
  width: 210px;
  margin-top: 100px; }

#sp_nav ul li {
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 26px;
  color: #666666; }

#sp_nav a {
  font-size: 26px;
  color: #af2935; }

.nav_btn:before {
  content: '';
  background: url(../img/common/nav_btn.jpg) no-repeat center center;
  -moz-background-size: 70px auto;
  -o-background-size: 70px auto;
  -webkit-background-size: 70px auto;
  background-size: 70px auto;
  display: block;
  height: 70px; }

.nav_btn.active:before {
  background-image: url(../img/common/nav_btn_close.jpg); }

.telPc {
  width: auto;
  float: right;
  text-align: right;
  line-height: 40px;
  padding-right: 7px;
  color: #ffffff;
  font-weight: bold; }
  @media screen and (max-width: 960px) {
    .telPc {
      display: none; } }

.telPc__businessHours {
  font-size: 13px;
  font-size: 0.8125rem; }

/* ヘッダー下段
-------------------------------*/
.header__lowerBox {
  width: 100%;
  background-color: rgba(231, 239, 252, 0.8);
  height: 40px; }

.header__lowerBoxInnder::before, .header__lowerBoxInnder::after {
  content: '';
  display: table; }
.header__lowerBoxInnder::after {
  clear: both; }

.header__logoPc {
  width: 34.062%; }
  .header__logoPc img {
    width: 100%;
    margin-top: 2px;
    max-width: 327px;
    height: auto;
    float: left; }
  @media screen and (max-width: 960px) {
    .header__logoPc {
      display: none; } }

.pc_nav {
  width: 45.208%;
  margin-top: 10px;
  float: right; }
  @media screen and (max-width: 960px) {
    .pc_nav {
      display: none; } }
  .pc_nav ul {
    width: 100%; }
    .pc_nav ul::before, .pc_nav ul::after {
      content: '';
      display: table; }
    .pc_nav ul::after {
      clear: both; }
    .pc_nav ul li {
      width: 25%;
      float: left;
      text-align: right; }
      .pc_nav ul li a:hover {
        color: #af2935; }

.nav__current {
  color: #af2935; }

.telSp {
  display: none; }
  @media screen and (max-width: 960px) {
    .telSp {
      display: block;
      line-height: 40px;
      text-align: left;
      font-weight: bold; } }
  .telSp span {
    font-weight: bold; }

/* トップへボタン
-------------------------------*/
.toTopBtn {
  text-align: right; }
  .toTopBtn img {
    width: 80px;
    height: auto; }

/* フッター
-------------------------------*/
.footer {
  width: 100%;
  background-color: #efefef;
  margin-top: -40px;
  padding: 50px 0 80px; }

.footer__inner::before, .footer__inner::after {
  content: '';
  display: table; }
.footer__inner::after {
  clear: both; }

.footer__logoBox {
  width: 50%;
  max-width: 480px;
  float: left;
  margin-right: 1.666%; }
  @media screen and (max-width: 960px) {
    .footer__logoBox {
      float: none;
      width: 100%;
      max-width: 864px;
      margin-bottom: 20px; } }

.footer__logo {
  width: 88.958%;
  height: auto;
  margin-bottom: 20px; }
  .footer__logo img {
    width: 100%;
    height: auto;
    max-width: 427px; }
  @media screen and (max-width: 960px) {
    .footer__logo {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
      .footer__logo img {
        width: 100%;
        height: auto;
        max-width: 864px; } }

.footer__txt {
  font-size: 14px;
  line-height: 1.6; }

.footer__info {
  width: 47%;
  float: right; }
  @media screen and (max-width: 960px) {
    .footer__info {
      float: none;
      width: 100%; } }

.footer__tel {
  font-size: 23px;
  font-size: 1.4375rem;
  color: #af2935;
  font-weight: bold; }

.footer__contact {
  text-align: center;
  margin: 10px 0;
  font-size: 14px;
  font-size: 0.875rem; }
  .footer__contact a {
    display: block;
    color: #ffffff;
    background-color: #af2935;
    padding: 8px;
    box-sizing: border-box; }

.footer__address {
  font-size: 14px;
  font-size: 0.875rem; }

.footer__copyright {
  font-size: 11px;
  padding-top: 4px; }

/*アイキャッチ
-------------------------*/
.top__title {
  width: 100%;
  height: 420px;
  margin: -80px auto 100px;
  padding-top: 180px;
  text-align: center;
  background: url(../img/top/bg_01.jpg) center bottom no-repeat;
  background-size: cover;
  position: relative;
  z-index: -1; }
  @media screen and (max-width: 960px) {
    .top__title {
      margin: -120px auto 60px; } }
  @media screen and (max-width: 640px) {
    .top__title {
      margin-bottom: 30px;
      height: 300px;
      padding-top: 160px; } }

.top__titleHeading {
  width: 85.227%;
  height: auto;
  margin: 0 auto 15px; }
  .top__titleHeading img {
    width: 100%;
    max-width: 750px;
    min-width: 500px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .top__titleHeading {
      width: 60%;
      margin: 0 auto 35px; }
      .top__titleHeading img {
        max-width: 365px;
        min-width: 180px; } }
  @media screen and (max-width: 640px) {
    .top__titleHeading {
      margin-bottom: 20px; } }

.top__titleLogo {
  width: 37.159%;
  height: auto;
  margin: 0 auto 15px; }
  .top__titleLogo img {
    width: 100%;
    max-width: 327px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .top__titleLogo {
      width: 85%; } }

.top__titleTxt {
  width: 42.613%;
  height: auto;
  margin: 0 auto 15px; }
  .top__titleTxt img {
    width: 100%;
    max-width: 407px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .top__titleTxt {
      width: 85%; } }

.top__titleArrow {
  width: 38px;
  height: auto;
  margin: 0 auto 25px; }
  .top__titleArrow img {
    width: 100%;
    max-width: 38px;
    height: auto; }

/*インフォメーション
-------------------------*/
.top__information {
  width: 100%;
  margin-bottom: 100px; }
  @media screen and (max-width: 960px) {
    .top__information {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .top__information {
      margin-bottom: 30px; } }

.top__informationInner::before, .top__informationInner::after {
  content: '';
  display: table; }
.top__informationInner::after {
  clear: both; }

.top__informationHeading {
  width: 35.682%;
  float: left;
  margin-right: 3.409%;
  color: #4d4d4d;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold;
  line-height: 1.6; }
  .top__informationHeading img {
    width: 123px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .top__informationHeading {
      width: 100%;
      float: none;
      margin-right: 0;
      margin-bottom: 10px; } }

.top__informationBox {
  width: 55%;
  float: left; }
  .top__informationBox::before, .top__informationBox::after {
    content: '';
    display: table; }
  .top__informationBox::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .top__informationBox {
      width: 100%; } }

.top__informationItems {
  width: 100%;
  font-size: 14px; }
  .top__informationItems dt {
    width: 12.033%;
    float: left;
    /*clear: left;*/
    margin-right: 4.677%;
    margin-bottom: 12px; }
    @media screen and (max-width: 960px) {
      .top__informationItems dt {
        margin: 5px 10% 5px 0; } }
    @media screen and (max-width: 640px) {
      .top__informationItems dt {
        width: 100%;
        float: none;
        margin: 10px 0 5px 0; } }
  .top__informationItems dd {
    width: 80.497%;
    float: left;
    margin-bottom: 7px; }
    @media screen and (max-width: 960px) {
      .top__informationItems dd {
        margin: 0 0 5px 0; } }
    @media screen and (max-width: 640px) {
      .top__informationItems dd {
        width: 100%;
        float: none;
        margin: 0 0 5px; }
        .top__informationItems dd:last-of-type {
          margin: 0; } }
  .top__informationItems img {
    width: 100%;
    float: left;
    margin-bottom: 7px; }
    @media screen and (max-width: 960px) {
      .top__informationItems img {
        margin-bottom: 12px;
        width: 120%;
        float: none; } }
    @media screen and (max-width: 640px) {
      .top__informationItems img {
        width: 100%;
        float: none;
        margin: 0 0 10px; }
        .top__informationItems img:last-of-type {
          margin: 0; } }
  .top__informationItems .informationItems__insta    {
    margin-top: 10px;
    width: 20%;
  }



/*事業案内　詳しくはこちら
-------------------------*/
.top__toService {
  width: 100%;
  height: 400px;
  padding-top: 200px;
  margin-bottom: 20px;
  background: url(../img/top/bg_02.jpg) center bottom no-repeat;
  background-size: cover; }
  @media screen and (max-width: 960px) {
    .top__toService {
      height: 300px;
      padding-top: 100px;
      background: url(../img/top/bg_02.jpg) right center no-repeat;
      background-size: cover; } }
  @media screen and (max-width: 640px) {
    .top__toService {
      height: 200px;
      padding-top: 50px; } }

.top__toServiceHeading {
  width: 54.772%;
  height: auto; }
  .top__toServiceHeading img {
    width: 100%;
    height: auto;
    max-width: 482px; }
  @media screen and (max-width: 640px) {
    .top__toServiceHeading {
      width: 60%; }
      .top__toServiceHeading img {
        min-width: 250px; } }

/*会社概要
-------------------------*/
.top__vision {
  width: 100%;
  height: 180px;
  padding-top: 420px;
  margin-bottom: 35px;
  background: url(../img/top/bg_03.jpg) center top no-repeat;
  background-size: cover;
  /*position: relative;*/ }
  @media screen and (max-width: 960px) {
    .top__vision {
      height: 170px;
      padding-top: 230px;
      margin-bottom: 25px; } }
  @media screen and (max-width: 640px) {
    .top__vision {
      height: 115px;
      padding-top: 135px; } }

.top__visionHeading {
  width: 57.386%;
  height: auto;
  font-size: 19px;
  line-height: 1.8;
  color: #ffffff; }
  .top__visionHeading img {
    width: 100%;
    height: auto;
    max-width: 505px; }
  @media screen and (max-width: 640px) {
    .top__visionHeading {
      width: 55%; }
      .top__visionHeading img {
        min-width: 200px; } }

.top__toServiceHeading--color_white {
  color: #ffffff; }

.top__visionContent {
  margin-bottom: 100px; }
  @media screen and (max-width: 960px) {
    .top__visionContent {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .top__visionContent {
      margin-bottom: 30px; } }

.top__visionContentHeading {
  font-size: 23px;
  font-size: 1.4375rem;
  color: #053f99;
  font-weight: bold;
  margin-bottom: 20px; }
  @media screen and (max-width: 960px) {
    .top__visionContentHeading {
      margin-bottom: 10px;
      line-height: 1.3;
      font-size: 19px;
      font-size: 1.1875rem; } }

.top__visionContentTxt {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 50px; }
  @media screen and (max-width: 960px) {
    .top__visionContentTxt {
      margin-bottom: 25px; } }

.top__visionContentInfo::before, .top__visionContentInfo::after {
  content: '';
  display: table; }
.top__visionContentInfo::after {
  clear: both; }

.top__visionContentInfoInner {
  width: 60%;
  float: left;
  line-height: 1.6;
  /*z-index: 5;*/ }
  @media screen and (max-width: 960px) {
    .top__visionContentInfoInner {
      width: 100%;
      float: none; } }

.top__visionContentConpanyInfo {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  margin-bottom: 20px; }
  .top__visionContentConpanyInfo::before, .top__visionContentConpanyInfo::after {
    content: '';
    display: table; }
  .top__visionContentConpanyInfo::after {
    clear: both; }
  .top__visionContentConpanyInfo dt {
    width: 19.557%;
    float: left;
    clear: left;
    padding-right: 10px;
    box-sizing: border-box;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .top__visionContentConpanyInfo dt {
        width: 100%;
        float: none;
        margin-bottom: 3px; } }
  .top__visionContentConpanyInfo dd {
    width: auto;
    float: left;
    /*z-index: 5;*/ }
    @media screen and (max-width: 640px) {
      .top__visionContentConpanyInfo dd {
        width: 100%;
        float: none;
        margin-bottom: 8px; }
        .top__visionContentConpanyInfo dd:last-of-type {
          margin-bottom: 0; } }
    @media screen and (max-width: 960px) {
      .top__visionContentConpanyInfo dd {
        line-height: 1.6; } }

.signboard {
  width: 100%;
  height: auto; }
  .signboard img {
    width: 100%;
    height: auto;
    max-width: 400px; }
  @media screen and (max-width: 960px) {
    .signboard {
      margin-bottom: 20px; } }

.googleMap {
  width: 40%;
  float: right;
  /*margin-top: -580px;*/
  /*z-index: 3;*/ }
  .googleMap iframe {
    width: 100%;
    max-width: 400px;
    height: 400px; }
  @media screen and (max-width: 960px) {
    .googleMap {
      width: 100%;
      float: none; }
      .googleMap iframe {
        width: 100%;
        height: 300px; } }

/*リクルート
-------------------------*/
.top__recruit {
  width: 100%;
  height: 180px;
  margin: 0 auto 100px;
  padding-top: 420px;
  text-align: right;
  background: url(../img/top/bg_04.jpg) center bottom no-repeat;
  background-size: cover;
  /*position: relative;*/
  /*z-index: -1; */ }
  @media screen and (max-width: 960px) {
    .top__recruit {
      height: 135px;
      padding-top: 265px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .top__recruit {
      height: 70px;
      padding-top: 180px;
      margin-bottom: 30px; } }

.top__recruitHeading a {
  display: block;
  width: 47.954%;
  margin-left: auto;
  /*@include media($mobileSize){
  	img{
  	min-width: 220px;
  }
  }*/ }
  .top__recruitHeading a img {
    width: 100%;
    max-width: 422px;
    height: auto; }

/*アイキャッチ
-------------------------------*/
.service__title {
  width: 100%;
  height: 170px;
  padding-top: 430px;
  margin-bottom: 80px;
  background: url(../img/service/bg_01.jpg) center bottom no-repeat;
  background-size: cover;
  text-align: left;
  color: #ffffff;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.1875rem; }
  @media screen and (max-width: 960px) {
    .service__title {
      height: 130px;
      padding-top: 270px;
      margin-bottom: 60px;
      background: url(../img/service/bg_01.jpg) right bottom no-repeat;
      background-size: cover; } }
  @media screen and (max-width: 640px) {
    .service__title {
      height: 90px;
      padding-top: 160px;
      margin-bottom: 30px; } }

.service__titleHeading {
  width: 27.954%;
  height: auto;
  margin-right: auto; }
  .service__titleHeading img {
    width: 100%;
    height: auto;
    max-width: 246px; }
  @media screen and (max-width: 640px) {
    .service__titleHeading {
      width: 40%; } }
  .service__titleHeading img {
    max-width: 170px;
    min-width: 130px; }

/*事業案内コンテンツ1
-------------------------------*/
.service__mainContents {
  width: 100%;
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .service__mainContents {
      width: 90%;
      margin: 0 auto 60px; } }
  @media screen and (max-width: 640px) {
    .service__mainContents {
      margin-bottom: 30px; } }

.service__mainContentsHeading {
  text-align: center;
  font-size: 3vw;
  /*@include fontsize(40);*/
  font-weight: bold;
  color: #053f99;
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .service__mainContentsHeading {
      font-size: 30px;
      font-size: 1.875rem;
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .service__mainContentsHeading {
      font-size: 20px;
      font-size: 1.25rem;
      margin-bottom: 30px; } }

.service__mainItem {
  width: 100%; }
  .service__mainItem::before, .service__mainItem::after {
    content: '';
    display: table; }
  .service__mainItem::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .service__mainItem {
      margin-bottom: 30px; } }

.mainItemOdd__figure {
  width: 49.921%;
  float: right; }
  .mainItemOdd__figure img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 640px) {
    .mainItemOdd__figure {
      width: 100%;
      float: none; } }

.mainItemOdd__discription {
  width: 28.953%;
  padding-right: 2.5%;
  float: right; }
  @media screen and (max-width: 960px) {
    .mainItemOdd__discription {
      width: 48%;
      float: left;
      padding-right: 0;
      line-height: 1.3; } }
  @media screen and (max-width: 640px) {
    .mainItemOdd__discription {
      width: 100%;
      float: none; } }

.mainItem__heading {
  margin: 60px 0 20px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold; }
  @media screen and (max-width: 960px) {
    .mainItem__heading {
      margin: 10px 0 8px;
      font-size: 18px;
      font-size: 1.125rem; } }

.mainItem__txt {
  line-height: 21px;
  font-size: 14px;
  font-size: 0.875rem; }

.mainItemEven__figure {
  width: 49.921%;
  float: left; }
  .mainItemEven__figure img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 640px) {
    .mainItemEven__figure {
      width: 100%;
      float: none; } }

.mainItemEven__discription {
  width: 28.953%;
  padding-left: 2.5%;
  float: left; }
  @media screen and (max-width: 960px) {
    .mainItemEven__discription {
      width: 48%;
      float: right;
      padding-left: 0;
      line-height: 1.3; } }
  @media screen and (max-width: 640px) {
    .mainItemEven__discription {
      width: 100%;
      float: none; } }

/*運送会社をお探しならこちら
-------------------------------*/
.contact__box {
  width: 47.968%;
  padding: 12px 18px;
  border: #cccccc 1px solid;
  margin: 0 auto 80px; }
  .contact__box::before, .contact__box::after {
    content: '';
    display: table; }
  .contact__box::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .contact__box {
      width: 90%;
      margin: 50px auto 60px;
      box-sizing: border-box; } }
  @media screen and (max-width: 640px) {
    .contact__box {
      margin-bottom: 30px; } }

.contact__boxHeading {
  width: 29.971%;
  float: left;
  padding-right: 3.745%;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 150%; }
  @media screen and (max-width: 960px) {
    .contact__boxHeading {
      width: 100%;
      float: none;
      font-size: 20px;
      font-size: 1.25rem; } }

.contact__boxInfo {
  width: 70.029%;
  float: right; }
  @media screen and (max-width: 960px) {
    .contact__boxInfo {
      width: 100%;
      float: none; } }

.contact__boxTell {
  font-size: 23px;
  font-size: 1.4375rem; }

.contact__boxBtn {
  text-align: center;
  margin: 10px 0; }
  .contact__boxBtn a {
    display: block;
    padding: 8px 0;
    color: #ffffff;
    background-color: #af2935; }

/*事業案内コンテンツ2
-------------------------------*/
.service__subContents {
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .service__subContents {
      margin-botoom: 60px; } }
  @media screen and (max-width: 640px) {
    .service__subContents {
      margin-bottom: 30px; } }

.service__subContentsHeading {
  width: 100%;
  text-align: center;
  margin: 0px auto 55px;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  color: #053f99; }
  @media screen and (max-width: 960px) {
    .service__subContentsHeading {
      font-size: 25px;
      font-size: 1.5625rem;
      margin-bottom: 30px; } }
  @media screen and (max-width: 640px) {
    .service__subContentsHeading {
      font-size: 19px;
      font-size: 1.1875rem;
      margin-bottom: 20px; } }

.service__subContentsInner {
  width: 100%;
  margin: 0 auto; }
  .service__subContentsInner::before, .service__subContentsInner::after {
    content: '';
    display: table; }
  .service__subContentsInner::after {
    clear: both; }

.service__subContentsItem:nth-of-type(1) {
  width: 47.954%;
  float: left; }
  @media screen and (max-width: 640px) {
    .service__subContentsItem:nth-of-type(1) {
      width: 100%;
      max-width: 350px;
      float: none;
      margin: 0 auto; } }
.service__subContentsItem:nth-of-type(2) {
  width: 47.954%;
  float: right; }
  @media screen and (max-width: 640px) {
    .service__subContentsItem:nth-of-type(2) {
      width: 100%;
      max-width: 350px;
      float: none;
      margin: 0 auto; } }

.service__subContentsItemFigure {
  width: 100%;
  height: auto;
  margin-bottom: 20px; }
  .service__subContentsItemFigure img {
    width: 100%;
    /*max-width: 350px;*/
    height: auto; }

/*↓今回は使用しない*/
/*
.service__subContentsItemHeading{
	margin-bottom: 20px;
	@include fontsize(25);
	font-weight: bold;
	color: $fontColorHeading;
}
*/
/*今回は使用しない　ここまで*/
.service__subContentsItemDiscription_ir {
  clear: both; }

.service__subContentsItemHeading_ir {
  text-align: center;
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: bold;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .service__subContentsItemHeading_ir {
      font-size: 18px;
      font-size: 1.125rem;
      margin-bottom: 10px; } }

.service__subContentsItemTxt_ir {
  text-align: center;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .service__subContentsItemTxt_ir {
      text-align: left; } }

/*アイキャッチ
-------------------------------*/
.recruit__title {
  width: 100%;
  height: 170px;
  padding-top: 430px;
  margin-bottom: 80px;
  background: url(../img/recruit/bg_01.jpg) center bottom no-repeat;
  background-size: cover;
  text-align: right;
  color: #ffffff;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.1875rem; }
  @media screen and (max-width: 960px) {
    .recruit__title {
      height: 130px;
      padding-top: 270px;
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .recruit__title {
      height: 90px;
      padding-top: 160px;
      margin-bottom: 30px;
      background: url(../img/recruit/bg_01.jpg) right bottom no-repeat;
      background-size: cover; } }

.recruit__titleHeading {
  width: 26.363%;
  height: auto;
  margin-left: auto; }
  .recruit__titleHeading img {
    width: 100%;
    height: auto;
    max-width: 232px; }
  @media screen and (max-width: 640px) {
    .recruit__titleHeading {
      width: 40%; } }
  .recruit__titleHeading img {
    max-width: 170px;
    min-width: 100px; }

/*Message
-------------------------------*/
.recruit__message {
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .recruit__message {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .recruit__message {
      margin-bottom: 30px; } }

.recruit__messageHeading {
  width: 19.772%;
  height: auto; }
  .recruit__messageHeading img {
    width: 100%;
    max-width: 174px;
    min-width: 110px;
    height: auto; }

.recruit__messageFrom {
  margin-bottom: 30px; }
  @media screen and (max-width: 640px) {
    .recruit__messageFrom {
      margin-bottom: 20px; } }

.recruit__messageDiscription {
  font-weight: bold;
  line-height: 2.5;
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .recruit__messageDiscription {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .recruit__messageDiscription {
      line-height: 2;
      margin-bottom: 30px; } }

/*採用のご応募はこちら　上
-------------------------------*/
.engagement {
  width: 80%;
  margin: 0 auto 60px; }
  .engagement::before, .engagement::after {
    content: '';
    display: table; }
  .engagement::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .engagement {
      margin: 0 auto 50px; } }
  @media screen and (max-width: 640px) {
    .engagement {
      margin: 0 auto 20px; } }

.engagement__figure {
  width: 36.136%;
  height: auto;
  float: left;
  text-align: center; }
  .engagement__figure img {
    width: 100%;
    max-width: 130px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .engagement__figure {
      width: 100%;
      float: none; } }

.engagement__box {
  width: 62.5%;
  float: left; }
  @media screen and (max-width: 960px) {
    .engagement__box {
      width: 90%;
      float: none;
      margin: 0 auto; } }

.engagement__boxInner::before, .engagement__boxInner::after {
  content: '';
  display: table; }
.engagement__boxInner::after {
  clear: both; }

.engagement__boxHeading {
  width: 50.362%;
  max-width: 356px;
  float: left;
  padding-top: 20px; }
  .engagement__boxHeading img {
    width: 100%;
    max-width: 347px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .engagement__boxHeading {
      width: 100%;
      float: none;
      margin: 0 auto 20px;
      text-align: center; } }

.cengagement__boxClick {
  width: auto;
  float: right;
  margin: 15px 0 0 30px;
  text-align: center;
  color: #ffffff; }
  .cengagement__boxClick a {
    display: block;
    padding: 8px 52px;
    font-size: 18px;
    font-size: 1.125rem;
    color: #ffffff;
    background-color: #af2935; }
  @media screen and (max-width: 960px) {
    .cengagement__boxClick {
      width: 100%;
      float: none;
      margin: 0 0 10px; } }

@media screen and (max-width: 960px) {
  .engagement__info {
    text-align: center; } }

.engagement__tel {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold; }

/*福利厚生
-------------------------------*/
.points__welfareFigure {
  width: 100%;
  margin: 0 auto 15px; }
  .points__welfareFigure::before, .points__welfareFigure::after {
    content: '';
    display: table; }
  .points__welfareFigure::after {
    clear: both; }
  .points__welfareFigure img {
    width: 33%;
    height: auto;
    float: left; }
  @media screen and (max-width: 960px) {
    .points__welfareFigure {
      margin: 0 auto 10px; } }

.points__welfareTxt {
  text-align: center;
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .points__welfareTxt {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .points__welfareTxt {
      margin-bottom: 30px; } }

/*募集要項 項目
-------------------------------*/
.points__frame {
  margin-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .points__frame {
      margin-bottom: 60px;
      width: 100%; } }
  @media screen and (max-width: 640px) {
    .points__frame {
      margin-bottom: 30px; } }

.points__infoBox {
  margin-bottom: 80px; }
  .points__infoBox::before, .points__infoBox::after {
    content: '';
    display: table; }
  .points__infoBox::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .points__infoBox {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .points__infoBox {
      margin-bottom: 30px; } }

.points__infoHeading {
  width: 15.315%;
  float: left;
  font-size: 23px;
  font-size: 1.4375rem;
  color: #053f99;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .points__infoHeading {
      width: 100%;
      float: none;
      font-size: 20px;
      font-size: 1.25rem; } }

.points__info {
  width: 83.413%;
  float: right;
  line-height: 1.8; }
  @media screen and (max-width: 640px) {
    .points__info {
      width: 100%;
      float: none;
      line-height: normal; } }

.points__infoInner dt {
  width: 20.723%;
  float: left;
  /*clear: left;*/
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .points__infoInner dt {
      width: 100%;
      float: none;
      margin-top: 10px;
      margin-left: 15px; } }
.points__infoInner dd {
  width: 77.078%;
  float: left;
  margin-left: 10px; 
  margin-bottom: 10px;
}
  @media screen and (max-width: 640px) {
    .points__infoInner dd {
      width: 90%;
      float: none;
      margin-left: 30px; } }

.points__how {
  margin-bottom: 80px; }
  .points__how::before, .points__how::after {
    content: '';
    display: table; }
  .points__how::after {
    clear: both; }
  @media screen and (max-width: 960px) {
    .points__how {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .points__how {
      margin-bottom: 30px; } }

.points__howHeading {
  width: 15.315%;
  float: left;
  font-size: 23px;
  font-size: 1.4375rem;
  color: #053f99;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .points__howHeading {
      width: 100%;
      float: none;
      font-size: 20px;
      font-size: 1.25rem; } }

.points__howTxt {
  width: 83.413%;
  float: right;
  line-height: 1.8; }
  @media screen and (max-width: 640px) {
    .points__howTxt {
      width: 100%;
      float: none;
      line-height: normal; } }

.points__howTxtInner dd {
  width: 77.078%;
  float: left;
  margin-left: 10px; }
@media screen and (max-width: 640px) {
  .points__howTxtInner dd {
    width: 90%;
    float: none;
    margin-top: 10px;
    margin-left: 30px; } }

/*採用のご応募はこちら 下
-------------------------------*/
.engagementBottom__bigTxt {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 70px; }
  @media screen and (max-width: 960px) {
    .engagementBottom__bigTxt {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .engagementBottom__bigTxt {
      font-size: 19px;
      font-size: 1.1875rem;
      margin-bottom: 30px; } }

.engagementBottom__banner {
  text-align: center;
  margin-bottom: 70px; }
  @media screen and (max-width: 960px) {
    .engagementBottom__banner {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    .engagementBottom__banner {
      margin-bottom: 30px; } }

.engagementBottom__heading {
  width: 40.454%;
  height: auto;
  margin: 0 auto 30px; }
  .engagementBottom__heading img {
    width: 100%;
    max-width: 356px;
    min-width: 250px;
    height: auto; }
  @media screen and (max-width: 960px) {
    .engagementBottom__heading {
      width: 90%;
      margin-bottom: 20px; } }
  @media screen and (max-width: 640px) {
    .engagementBottom__heading {
      margin-bottom: 20px; } }

.engagementBottom__discription {
  margin-bottom: 30px; }
  @media screen and (max-width: 960px) {
    .engagementBottom__discription {
      margin-bottom: 20px; } }
  @media screen and (max-width: 640px) {
    .engagementBottom__discription {
      text-align: left;
      margin-bottom: 20px; } }

.engagementBottom__txt {
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: bold; }
  .engagementBottom__txt span {
    font-weight: bold;
    color: #053f99; }
  @media screen and (max-width: 640px) {
    .engagementBottom__txt {
      text-align: left; } }

/* ============================ コンタクトフォーム ============================ */
#recruit .recruit_form {
  width: 75%;
  margin: 0 auto 80px; }
  @media screen and (max-width: 960px) {
    #recruit .recruit_form {
      margin-bottom: 60px; } }
  @media screen and (max-width: 640px) {
    #recruit .recruit_form {
      text-align: left;
      margin-bottom: 30px; } }

#recruit .recruit_form h2 {
  font-weight: bolder;
  font-size: 22px;
  margin-top: 96px;
  margin-bottom: 25px; }

#recruit .recruit_form .info {
  margin-bottom: 58px; }

#recruit .recruit_form .tel {
  margin-bottom: 77px; }

#recruit .recruit_form .tel span {
  font-weight: bold;
  font-size: 19px; }

#recruit .recruit_form table {
  border-collapse: separate;
  border-spacing: 0 14px; }

#recruit .recruit_form tr {
  padding-bottom: 10px; }

#recruit .recruit_form th {
  text-align: right;
  padding-right: 10px !important; }

#recruit .recruit_form td.bar {
  width: 55.208%;
  padding-right: 10px;
  box-sizing: border-box; }

#recruit .recruit_form .inner {
  width: 100%;
  box-sizing: border-box;
  height: 36px; }

#recruit .recruit_form .ques_tit {
  vertical-align: top; }

#recruit .recruit_form .question {
  height: 257px; }

.submit_btn {
  color: #ffffff;
  background-color: #af2935;
  border: none;
  padding: 6px 0;
  width: 372px;
  font-size: 23px;
  font-weight: bold;
  margin-top: 76px; }
  @media screen and (max-width: 960px) {
    .submit_btn {
      width: 540px;
      margin: 30px auto 0; } }
  @media screen and (max-width: 640px) {
    .submit_btn {
      width: 250px;
      margin: 30px auto 0; } }

.inner_container {
  margin-top: 161px; }

#contact_policy {
  width: 100%;
  max-width: 540px;
  height: 180px;
  font-size: 12px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #acacac;
  box-sizing: border-box;
  margin-bottom: 10px; }

.all_error {
  color: #ea1c24;
  margin-bottom: 20px; }

.mail_add {
  margin-top: 20px; }

.return {
  margin-top: 50px;
  margin-bottom: 20px; }

#recruit .to_top a {
  width: 15%;
  margin: 0 auto;
  display: block;
  color: #ffffff;
  background-color: #af2935;
  padding: 10px 10px; }

.alpha th {
  font-weight: bold; }

.return_btn {
  margin: 0 auto;
  color: #af2935;
  background-color: #ffffff;
  border: #af2935 solid 1px;
  padding: 6px 0;
  width: 180px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px; }

.submit_btn2 {
  color: #ffffff;
  background-color: #af2935;
  border: none;
  padding: 6px 0;
  width: 300px;
  font-size: 23px;
  font-weight: bold;
  margin-top: 30px; }
  @media screen and (max-width: 640px) {
    .submit_btn2 {
      width: 230px; } }

#footer.recruit_top {
  margin-top: 10px; }

/* === コンタクトフォーム _汎用===== */
.font_red {
  color: #ea1c24; }

.font_gray {
  color: #6c6d6e; }

.font_12 {
  font-size: 12px; }

/* スクリーンサイズ960px以下
------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  #recruit .recruit_form {
    width: 90%; }

  #recruit .recruit_form tr {
    width: 100%;
    padding-bottom: 10px; }

  .section {
    width: 100%; }

  #recruit .recruit_form table {
    width: 100%;
    border-spacing: 0; }

  #recruit .recruit_form th {
    padding-right: 5% !important;
    text-align: left;
    display: block;
    margin-top: 20px; }

  #recruit .recruit_form td.bar {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box; }

  #recruit .recruit_form td {
    float: left; }

  #recruit .recruit_form .inner {
    width: 100%; }

  #recruit .recruit_form .question {
    height: 180px; }

  .inner_container {
    margin-top: 50px; }

  #recruit .to_top a {
    width: 50%; } }
#contact_tit {
  color: #666666;
  padding-bottom: 80px; }

#contact_tit .contact_inner {
  width: 75%;
  margin: 0 auto; }

#contact #contact_tit h2 {
  font-weight: bolder;
  font-size: 22px;
  margin-top: 96px;
  margin-bottom: 25px; }

#contact #contact_tit .info {
  margin-bottom: 58px; }

#contact #contact_tit .tel {
  margin-bottom: 77px; }

#contact #contact_tit .tel span {
  font-weight: bold;
  font-size: 19px; }

#contact #contact_tit table {
  border-collapse: separate;
  border-spacing: 0 14px; }

#contact #contact_tit tr {
  padding-bottom: 10px; }

#contact #contact_tit th {
  text-align: right;
  padding-right: 10px !important; }

#contact #contact_tit td.bar {
  width: 55.208%;
  padding-right: 10px;
  box-sizing: border-box; }

#contact #contact_tit .inner {
  width: 100%;
  box-sizing: border-box;
  height: 36px; }

#contact #contact_tit .ques_tit {
  vertical-align: top; }

#contact #contact_tit .question {
  height: 257px; }

.submit_btn {
  color: #ffffff;
  background-color: #af2935;
  border: none;
  padding: 6px 0;
  width: 372px;
  font-size: 23px;
  font-weight: bold;
  margin-top: 76px; }
  @media screen and (max-width: 960px) {
    .submit_btn {
      width: 540px;
      margin: 30px auto 0; } }
  @media screen and (max-width: 640px) {
    .submit_btn {
      width: 250px;
      margin: 30px auto 0; } }

.inner_container {
  margin-top: 161px; }

#contact_policy {
  width: 100%;
  max-width: 540px;
  height: 180px;
  font-size: 12px;
  overflow-y: auto;
  padding: 10px;
  border: 1px solid #acacac;
  box-sizing: border-box;
  margin-bottom: 10px; }

.all_error {
  color: #ea1c24;
  margin-bottom: 20px; }

.mail_add {
  margin-top: 20px; }

.return {
  margin-top: 50px;
  margin-bottom: 20px; }

#contact .to_top a {
  width: 15%;
  margin: 0 auto;
  display: block;
  color: #ffffff;
  background-color: #af2935;
  padding: 10px 10px; }

.alpha th {
  font-weight: bold; }

.return_btn {
  margin: 0 auto;
  color: #af2935;
  background-color: #ffffff;
  border: #af2935 solid 1px;
  padding: 6px 0;
  width: 180px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px; }

.submit_btn2 {
  color: #ffffff;
  background-color: #af2935;
  border: none;
  padding: 6px 0;
  width: 300px;
  font-size: 23px;
  font-weight: bold;
  margin-top: 30px; }
  @media screen and (max-width: 640px) {
    .submit_btn2 {
      width: 230px; } }

#footer.contact_top {
  margin-top: 10px; }

.txt_center {
  text-align: center; }

/* スマホ間用　960px以下
------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  #contact_tit .contact_inner {
    width: 90%; }

  #contact #contact_tit tr {
    width: 100%;
    padding-bottom: 10px; }

  .section {
    width: 100%; }

  #contact #contact_tit table {
    width: 100%;
    border-spacing: 0; }

  #contact #contact_tit th {
    padding-right: 5% !important;
    text-align: left;
    display: block;
    margin-top: 20px; }

  #contact #contact_tit td.bar {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box; }

  #contact #contact_tit td {
    float: left;
    width: 100%; }

  #contact #contact_tit .inner {
    width: 100%; }

  #contact #contact_tit .question {
    height: 180px; }

  .inner_container {
    margin-top: 50px; }

  #contact .to_top a {
    width: 50%; } }

/*# sourceMappingURL=main.css.map */