@charset 'UTF-8';
/* --------------------------------------------------------------------------------
*
*   layout
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   color
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
/*
*
*   web font
*
*/
/* --------------------------------------------------------------------------------
*
*   easing
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   prefix
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   font-size対応表
*
-------------------------------------------------------------------------------- */
/*  ================================================================================
Base font = 12px
================================================================================ */
/* ================================================================================
Base font = 13px
================================================================================ */
/* ================================================================================
Base font = 15px
================================================================================ */
/* ================================================================================
Base font = 16px
================================================================================ */
/* --------------------------------------------------------------------------------
*
*   mixin
*
-------------------------------------------------------------------------------- */
/*
  *
  *   how to
  *
  */
/* --------------------------------------------------------------------------------
*
*   transform
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   transition
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   animation
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
/*
    *
    *   how to   
    *
    */
/* --------------------------------------------------------------------------------
*
*   portrait,landscape
*
-------------------------------------------------------------------------------- */
/*
  *
  *   how to
  *
  */
/* --------------------------------------------------------------------------------
*
*   function
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   common
*
-------------------------------------------------------------------------------- */
/*
*
*   how to
*
*/
/*
*
*   font
*
*/
/*
 *
 *   web font   
 *
 */
body
{
    margin: 0;
    padding: 0;

    border: none;
}

/* image */
img,
div,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
textarea
{
    font-size: 100%;
    font-weight: normal;
    font-style: normal;

    margin: 0;
    padding: 0;

    list-style: none;

    text-decoration: none;

    border: 0;
}

a
{
    cursor: pointer;
}

table
{
    font-size: 100%;
}

hr.separator
{
    display: none;
}

input,
button,
select,
textarea
{
    resize: none;

    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;

    -webkit-appearance: none;
}

img
{
    vertical-align: bottom;
}

/* --------------------------------------------------------------------------------
*
*   html,body
*
-------------------------------------------------------------------------------- */
html
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 16px;

    letter-spacing: 0;

    color: #2c2c2c;
    background-color: #fff;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

/* --------------------------------------------------------------------------------
*
*   wrapper,inner
*
-------------------------------------------------------------------------------- */
#wrapper
{
    overflow-x: hidden;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*
*   link
*
-------------------------------------------------------------------------------- */
a
{
    text-decoration: none;

    color: #fff;
}

a:hover
{
    text-decoration: none;

    color: #fff;
}

a:visited
{
    text-decoration: none;

    color: #fff;
}

a:active
{
    text-decoration: none;

    color: #fff;
}

/* --------------------------------------------------------------------------------
*
*   hover
*
-------------------------------------------------------------------------------- */
/*
    *
    *   img hovers
    *
    */
.op
{
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) 0s;
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
}

.op:hover
{
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);

    opacity: .4 !important;
}

.scale
{
    transition: -webkit-transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
    transition:         transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
    transition:         transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s, -webkit-transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
}

.scale:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.scale_img
{
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

.scale_img:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

/*
    *
    *   text hover
    *   広がる、色が変わる(背景色と文字色)
    */
.under
{
    text-decoration: underline !important;
}

.under:hover
{
    text-decoration: none !important;
}

._under
{
    text-decoration: none !important;
}

._under:hover
{
    text-decoration: underline !important;
}

.under__red
{
    border-bottom: none;
}

.under__red:hover
{
    border-bottom: 1px solid #c30000;
}

/*
    *
    *   cursor
    *
    */
.cp
{
    cursor: pointer;
}

/*
    *
    *   linkarea
    *
    */
.linkArea:hover .link
{
    border-bottom: 1px solid #1c426d;
}

.linkArea img
{
    transition: all .25s cubic-bezier(.25, .46, .45, .94) 0s;
}

.linkArea:hover img
{
    opacity: .5;
}

/* --------------------------------------------------------------------------------
*
*   title
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   p
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   header
*
-------------------------------------------------------------------------------- */
#header
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;

    opacity: 0;
}

#header .applicationMid
{
    position: absolute;
    top: 77px;
    right: 223px;
}

#header .applicationMid .midBg
{
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;

    width: 165px;
    height: 165px;

    border-radius: 50%;
    box-shadow: 0 7px 30px #666;
}

#header .applicationMid img
{
    position: relative;
    z-index: 2;
}

#header .applicationNew
{
    position: absolute;
    top: 153px;
    right: 48px;
}

#header .applicationNew .newBg
{
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;

    width: 165px;
    height: 165px;

    border-radius: 50%;
    box-shadow: 0 7px 30px #666;
}

#header .applicationNew img
{
    position: relative;
    z-index: 2;
}

#staff #header
{
    opacity: 0;
}

/* --------------------------------------------------------------------------------
*
*   nav
*
-------------------------------------------------------------------------------- */
/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   contents
*
-------------------------------------------------------------------------------- */
/*
*
*   top visual
*
*/
/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   footer
*
-------------------------------------------------------------------------------- */
#footer
{
    border-top: 1px solid #f1f1f1;
}

#footer .logo
{
    padding: 11px 0 0 167px;

    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
}

#footer #pagetop
{
    float: right;

    width: 340px;
    height: 100px;

    background-color: #f1f1f1;
}

#footer #pagetop p
{
    font-size: 14px;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#footer .arrowWrap
{
    position: absolute;
    top: -3px;
    right: -25px;

    width: 19px;
    height: 19px;

    border-radius: 50%;
    background-color: #000;
}

#footer .arrowWrap img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 9px;
    height: auto;

    -webkit-transform: translate(-49%, -57%) scaleY(-1);
        -ms-transform: translate(-49%, -57%) scaleY(-1);
            transform: translate(-49%, -57%) scaleY(-1);
}

.footer_block02
{
    padding: 50px 0;
    padding-left: 266px;

    background-color: #000;
}

.footer_block02 h2
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: -99px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    letter-spacing: .1em;

    color: #fff;
}

.footer_block02 .item:nth-child(1)
{
    margin-right: 125px;
}

.footer_block02 .item:nth-child(1) .op
{
    display: block;

    padding: 26px 0;

    color: #000;
}

.footer_block02 .item:nth-child(1) .box
{
    font-size: 20px;
    font-weight: bold;

    width: 360px;
    margin: 0 auto;

    text-align: center;
    letter-spacing: .1em;

    color: #000;
    border-radius: 100px;
    background-color: #fff;
}

.footer_block02 .item:nth-child(2) .op
{
    display: block;

    padding: 22px 0;

    color: #000;
}

.footer_block02 .item:nth-child(2) .box
{
    font-size: 20px;

    width: 360px;
    margin: 0 auto;

    text-align: center;
    letter-spacing: .1em;

    color: #000;
    border-radius: 100px;
    background-color: #fff;
}

.footer_block03
{
    margin-bottom: 30px;
}

.footer_block03 .tit
{
    width: 360px;
    margin: 50px auto 61px;
}

.footer_block03 .tit path
{
    fill: #f0f0f0;
    stroke: none;
}

.footer_block03 .tit img
{
    position: absolute;
    z-index: 1;
    bottom: -32px;
    left: 50%;

    display: none;

    -webkit-transform: translateX(-56%);
        -ms-transform: translateX(-56%);
            transform: translateX(-56%);
}

.footer_block03 .item
{
    font-size: 12px;

    width: 470px;

    letter-spacing: .1em;

    background-color: #f1f1f1;
}

.footer_block03 .item:first-child
{
    margin-right: 20px;
}

.footer_block03 a
{
    display: block;

    padding: 16px 0;

    color: #5a5a5a;
}

/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   landscape
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   bg
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   menu
*
-------------------------------------------------------------------------------- */
#menu
{
    font-size: 15px;

    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    min-width: 900px;
    padding: 15px 0;
    padding: 15px 30px;

    letter-spacing: .08em;

    opacity: 0;
    /*
  *
  *   media query
  *
  */
}

#menu .box01
{
    box-sizing: border-box;
    width: 19%;
    height: 90px;
    padding: 18px 30px 19px;

    text-align: center;

    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
}

#menu .box01 a
{
    display: block;

    height: 100%;
}

#menu .box01 svg
{
    position: absolute;
    top: 23px;
    right: -54px;

    width: 90px;
    height: 45px;

    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);

    fill: #009b59;
}

#menu .box01 svg path
{
    fill: #009b59;
}

#menu .box01 img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 65%;
    min-width: 132px;
    max-width: 190px;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#menu .box02
{
    box-sizing: border-box;
    width: 81%;
    height: 90px;

    color: #fff;
    border-radius: 0 6px 6px 0;
    background-color: #009b59;
}

#menu .box02 > ul
{
    position: absolute;
    top: 50%;

    width: 100%;
    height: 90px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#menu .box02 > ul > .item
{
    display: table;

    box-sizing: border-box;
    width: 16%;
    height: 90px;

    text-align: center;
}

#menu .box02 > ul > .item span
{
    display: inline-block;

    padding: 9px 0;
}

#menu .box02 > ul > .item:nth-child(1)
{
    width: 12%;
}

#menu .box02 > ul > .item:nth-child(2)
{
    width: 19%;
}

#menu .box02 > ul > .item:nth-child(3)
{
    width: 20%;
}

#menu .box02 > ul > .item:nth-child(4)
{
    width: 17%;
}

#menu .box02 > ul > .item:first-child
{
    padding: 28px 0;
}

#menu .box02 > ul > .item a
{
    display: table-cell;

    vertical-align: middle;
}

#menu .box02 .shareWrap
{
    position: relative;
}

#menu .box02 .shareWrap > a
{
    cursor: default;
}

#menu .box02 .shareWrap .fbShare,
#menu .box02 .shareWrap .twShare,
#menu .box02 .shareWrap .goShare
{
    cursor: pointer;
}

#menu .box02 .bar
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;

    width: 1px;
    height: 18px;

    -webkit-transform: translate3d(0, -50%, 1px);
            transform: translate3d(0, -50%, 1px);

    background-color: #fff;
}

#menu .box02 .bar03
{
    top: 52px;
    left: 9px;

    width: 110px;
    height: 1px;

    background-color: #d1d1d1;
}

#menu .box02 .barBg
{
    z-index: 1;
    left: -3px;

    width: 5px;
    height: 100%;

    background-color: #009b59;
}

#menu .box02 .sns
{
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 50%;

    display: none;

    box-sizing: border-box;
    width: 127px;
    height: 111px;
    padding-top: 66px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    opacity: 0;
    border-radius: 5px;
    background-color: #fff;
}

#menu .box02 .sns .item
{
    margin-right: 10px;
}

#menu .box02 .sns .item:nth-child(2)
{
    margin-right: 8px;
}

#menu .box02 img
{
    position: relative;
    z-index: 2;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1300px)
{
    #menu
    {
        padding: 15px 100px;
    }
}

#top #menu .box02 > ul > .item:nth-child(1) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company #menu .box02 > ul > .item:nth-child(2) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#work #menu .box02 > ul > .item:nth-child(3) span
{
    box-sizing: border-box;
    padding: 9px 11px;

    border-radius: 50px;
    background-color: #008544;
}

#staffIndex #menu .box02 > ul > .item:nth-child(4) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#staff #menu .box02 > ul > .item:nth-child(4) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#info #menu .box02 > ul > .item:nth-child(5) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

/* --------------------------------------------------------------------------------
*
*   row
*
-------------------------------------------------------------------------------- */
.row
{
    font-size: 0;

    text-align: center;
}

.row .item
{
    display: inline-block;
}

.row.row_col2 > .item
{
    width: 50%;
}

.row.row_col3 > .item
{
    width: 33.3333%;
}

.row.row_col4 > .item
{
    width: 25%;
}

.row .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* --------------------------------------------------------------------------------
*
*   loading
*
-------------------------------------------------------------------------------- */
#loading
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#loading .spinnerWrap
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#loading .spinner
{
    width: 60px;
    height: 60px;
    margin: 100px auto;

    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
            animation: sk-scaleout 1.0s infinite ease-in-out;

    border-radius: 100%;
    background-color: #009a5a;
}

@-webkit-keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: scale(0);
    }
    100%
    {
        -webkit-transform: scale(1);

        opacity: 0;
    }
}

@keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 0;
    }
}

/* --------------------------------------------------------------------------------
*
*   table
*
-------------------------------------------------------------------------------- */
.table
{
    width: 100%;
    margin-bottom: 30px;

    border-spacing: 0;
    border-collapse: collapse;
}

.table .tr
{
    position: static;
}

.table .td
{
    line-height: 24px;

    position: static;

    padding: 9px 20px 8px;

    border: 1px solid #ccc;
}

.table .map
{
    padding: 15px 20px;
}

.table #map
{
    margin-top: 5px;
    margin-bottom: 10px;
}

.table .td:nth-child(1)
{
    width: 25%;

    background-color: #f6f6f6;
}

.table__wrap
{
    max-width: 990px;
    margin: 0 auto;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1100px)
{
    .table__wrap
    {
        padding: 0 30px;
    }
}

.table__wrap .businessOurs p
{
    line-height: 20px;

    margin-bottom: 20px;
}

.table__wrap .businessOurs p:last-child
{
    margin-bottom: 0;
}

.table__wrap .price
{
    padding-right: 40px;
}

/* --------------------------------------------------------------------------------
*
*   sp Menu
*
-------------------------------------------------------------------------------- */
.menu_button
{
    position: absolute;
    top: 19px;
    left: 25px;

    display: none;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}

.menu_button .menu_button_inner
{
    top: 20px;
    left: 10px;
}

.type-1 span
{
    top: 50%;

    display: block;

    width: 20px;
    height: 2px;

    transition: all .3s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);

    background: #fff;
}

.type-1 .top
{
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

.type-1 .bottom
{
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
}

.type-1.is-open .middle
{
    background: rgba(255, 255, 255, 0);
}

.type-1.is-open .top
{
    -webkit-transform: rotate(-45deg) translateY(0);
        -ms-transform: rotate(-45deg) translateY(0);
            transform: rotate(-45deg) translateY(0);
}

.type-1.is-open .bottom
{
    -webkit-transform: rotate(45deg) translate(-1px, -1px);
        -ms-transform: rotate(45deg) translate(-1px, -1px);
            transform: rotate(45deg) translate(-1px, -1px);
}

/* --------------------------------------------------------------------------------
*
*   error
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   copy
*
-------------------------------------------------------------------------------- */
#copy
{
    line-height: 1;

    text-align: center;
}

/* --------------------------------------------------------------------------------
*
*   bread
*
-------------------------------------------------------------------------------- */
.bread
{
    font-size: 13px;

    position: absolute;
    z-index: 5;
    top: 56px;
    left: 27px;
}

.bread a
{
    color: #fff;
}

.bread .arrow
{
    position: relative;
    top: -1px;
}

/* --------------------------------------------------------------------------------
*
*   overlay
*
-------------------------------------------------------------------------------- */
.overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .6);
}

/* --------------------------------------------------------------------------------
*
*   checkbox
*
-------------------------------------------------------------------------------- */
[type='checkbox']:not(:checked),
[type='checkbox']:checked
{
    position: absolute;
    left: -9999px;
}

[type='checkbox']:not(:checked) + label,
[type='checkbox']:checked + label
{
    position: relative;

    padding-left: 25px;

    cursor: pointer;
}

[type='checkbox']:not(:checked) + label:before,
[type='checkbox']:checked + label:before
{
    position: absolute;
    top: 1px;
    left: 1px;

    box-sizing: border-box;
    width: 16px;
    height: 16px;

    content: '';

    border: 1px solid #aaa;
    background: #fff;
}

/* checked mark aspect */
[type='checkbox']:not(:checked) + label:after,
[type='checkbox']:checked + label:after
{
    font-size: 14px;

    position: absolute;
    top: 0;
    left: 4px;

    content: '✔';
    transition: all .2s;

    color: #00cdff;
}

/* checked mark aspect changes */
[type='checkbox']:not(:checked) + label:after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    opacity: 0;
}

[type='checkbox']:checked + label:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

/* disabled checkbox */
[type='checkbox']:disabled:not(:checked) + label:before,
[type='checkbox']:disabled:checked + label:before
{
    border-color: #bbb;
    background-color: #ddd;
    box-shadow: none;
}

[type='checkbox']:disabled:checked + label:after
{
    color: #999;
}

[type='checkbox']:disabled + label
{
    color: #aaa;
}

[type='checkbox']:checked:focus + label:before,
[type='checkbox']:not(:checked):focus + label:before
{
    border: 1px dotted blue;
}

/* --------------------------------------------------------------------------------
*
*   select box
*
-------------------------------------------------------------------------------- */
.selectBox
{
    display: none;
}

.selectBoxArea
{
    box-sizing: border-box;
    width: 410px;
    height: 30px;

    border: 1px solid #bebebe;
}

.selectBoxArea .selectBoxArea__display
{
    line-height: 30px;

    height: 100%;
    padding-left: 20px;
}

.selectBoxArea .selectBoxArea__listWrap
{
    position: relative;
    z-index: 99999;
    left: -1px;

    display: none;
    overflow-y: scroll;

    box-sizing: border-box;
    width: calc(100% + 2px);
    height: 140px;

    border: 1px solid #bebebe;
    background-color: #fff;
}

.selectBoxArea .selectBoxArea__list
{
    height: 100%;
    padding-top: 3px;
}

.selectBoxArea .selectBoxArea__listItem
{
    line-height: 25px;

    padding: 2px 0;
}

.selectBoxArea .selectBoxArea__listItem .item
{
    display: block;

    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
}

.selectBoxArea .selectBoxArea__listItem .item:hover
{
    background-color: #eee;
}

/* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
/*
*
*  transition 無効化s
*
*/
.preload *
{
    transition: none !important;
}

/*
*
*   triangle
*
*/
.triangle
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    border-width: 7px 7px 7px 0;
    border-style: solid;
    border-color: transparent #eee transparent transparent;
}

.triangle.over
{
    z-index: 2;
}

/*
*
*   shadow
*
*/
.shadow
{
    box-shadow: 4px 2px 10px 1px #ccc inset;
}

/*
*
*   design(見本)
*
*/
.sample
{
    position: absolute;
    z-index: 2;
    top: 0;

    display: none;

    opacity: .7;
}

/* --------------------------------------------------------------------------------
*
*   font-size
*
-------------------------------------------------------------------------------- */
/* Font-Size */
.fz10
{
    font-size: 10px;
    font-size: .625rem;
}

.fz12
{
    font-size: 12px;
    font-size: .75rem;
}

.fz14
{
    font-size: 14px;
    font-size: .875rem;
}

.fz16
{
    font-size: 16px;
    font-size: 1rem;
}

.fz18
{
    font-size: 18px;
    font-size: 1.125rem;
}

.fz20
{
    font-size: 20px;
    font-size: 1.25rem;
}

.fz22
{
    font-size: 22px;
    font-size: 1.375rem;
}

.fz30
{
    font-size: 30px;
    font-size: 1.875rem;
}

.fz40
{
    font-size: 40px;
    font-size: 2.5rem;
}

.fz50
{
    font-size: 50px;
    font-size: 3.125rem;
}

.fz60
{
    font-size: 60px;
    font-size: 3.75rem;
}

.fz70
{
    font-size: 70px;
    font-size: 4.375rem;
}

.fz80
{
    font-size: 80px;
    font-size: 5rem;
}

.fz90
{
    font-size: 90px;
    font-size: 5.625rem;
}

/* Margin-Top & Padding-Top */
.mt00
{
    margin-top: 0 !important;
}

.pt00
{
    padding-top: 0 !important;
}

.mt05
{
    margin-top: 5px !important;
}

.pt05
{
    padding-top: 5px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.pt10
{
    padding-top: 10px !important;
}

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

.pt15
{
    padding-top: 15px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.mt25
{
    margin-top: 25px !important;
}

.pt25
{
    padding-top: 25px !important;
}

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

.pt30
{
    padding-top: 30px !important;
}

.mt35
{
    margin-top: 35px !important;
}

.pt35
{
    padding-top: 35px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.pt40
{
    padding-top: 40px !important;
}

.mt45
{
    margin-top: 45px !important;
}

.pt45
{
    padding-top: 45px !important;
}

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

.pt50
{
    padding-top: 50px !important;
}

.mt55
{
    margin-top: 55px !important;
}

.pt55
{
    padding-top: 55px !important;
}

.mt60
{
    margin-top: 60px !important;
}

.pt60
{
    padding-top: 60px !important;
}

.mt65
{
    margin-top: 65px !important;
}

.pt65
{
    padding-top: 65px !important;
}

.mt70
{
    margin-top: 70px !important;
}

.pt70
{
    padding-top: 70px !important;
}

.mt75
{
    margin-top: 75px !important;
}

.pt75
{
    padding-top: 75px !important;
}

.mt80
{
    margin-top: 80px !important;
}

.pt80
{
    padding-top: 80px !important;
}

.mt85
{
    margin-top: 85px !important;
}

.pt85
{
    padding-top: 85px !important;
}

.mt90
{
    margin-top: 90px !important;
}

.pt90
{
    padding-top: 90px !important;
}

.mt95
{
    margin-top: 95px !important;
}

.pt95
{
    padding-top: 95px !important;
}

.mt100
{
    margin-top: 100px !important;
}

.pt100
{
    padding-top: 100px !important;
}

/* Margin-Right & Padding-Right */
.mr00
{
    margin-right: 0 !important;
}

.pr00
{
    padding-right: 0 !important;
}

.mr05
{
    margin-right: 5px !important;
}

.pr05
{
    padding-right: 5px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.pr10
{
    padding-right: 10px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.pr15
{
    padding-right: 15px !important;
}

.mr20
{
    margin-right: 20px !important;
}

.pr20
{
    padding-right: 20px !important;
}

.mr25
{
    margin-right: 25px !important;
}

.pr25
{
    padding-right: 25px !important;
}

.mr30
{
    margin-right: 30px !important;
}

.pr30
{
    padding-right: 30px !important;
}

.mr35
{
    margin-right: 35px !important;
}

.pr35
{
    padding-right: 35px !important;
}

.mr40
{
    margin-right: 40px !important;
}

.pr40
{
    padding-right: 40px !important;
}

.mr45
{
    margin-right: 45px !important;
}

.pr45
{
    padding-right: 45px !important;
}

.mr50
{
    margin-right: 50px !important;
}

.pr50
{
    padding-right: 50px !important;
}

.mr55
{
    margin-right: 55px !important;
}

.pr55
{
    padding-right: 55px !important;
}

.mr60
{
    margin-right: 60px !important;
}

.pr60
{
    padding-right: 60px !important;
}

.mr65
{
    margin-right: 65px !important;
}

.pr65
{
    padding-right: 65px !important;
}

.mr70
{
    margin-right: 70px !important;
}

.pr70
{
    padding-right: 70px !important;
}

.mr75
{
    margin-right: 75px !important;
}

.pr75
{
    padding-right: 75px !important;
}

.mr80
{
    margin-right: 80px !important;
}

.pr80
{
    padding-right: 80px !important;
}

.mr85
{
    margin-right: 85px !important;
}

.pr85
{
    padding-right: 85px !important;
}

.mr90
{
    margin-right: 90px !important;
}

.pr90
{
    padding-right: 90px !important;
}

.mr95
{
    margin-right: 95px !important;
}

.pr95
{
    padding-right: 95px !important;
}

.mr100
{
    margin-right: 100px !important;
}

.pr100
{
    padding-right: 100px !important;
}

/* Margin-Bottom & Padding-Bottom */
.mb00
{
    margin-bottom: 0 !important;
}

.pb00
{
    padding-bottom: 0 !important;
}

.mb05
{
    margin-bottom: 5px !important;
}

.pb05
{
    padding-bottom: 5px !important;
}

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

.pb10
{
    padding-bottom: 10px !important;
}

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

.pb15
{
    padding-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.mb25
{
    margin-bottom: 25px !important;
}

.pb25
{
    padding-bottom: 25px !important;
}

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

.pb30
{
    padding-bottom: 30px !important;
}

.mb35
{
    margin-bottom: 35px !important;
}

.pb35
{
    padding-bottom: 35px !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.pb40
{
    padding-bottom: 40px !important;
}

.mb45
{
    margin-bottom: 45px !important;
}

.pb45
{
    padding-bottom: 45px !important;
}

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

.pb50
{
    padding-bottom: 50px !important;
}

.mb55
{
    margin-bottom: 55px !important;
}

.pb55
{
    padding-bottom: 55px !important;
}

.mb60
{
    margin-bottom: 60px !important;
}

.pb60
{
    padding-bottom: 60px !important;
}

.mb65
{
    margin-bottom: 65px !important;
}

.pb65
{
    padding-bottom: 65px !important;
}

.mb70
{
    margin-bottom: 70px !important;
}

.pb70
{
    padding-bottom: 70px !important;
}

.mb75
{
    margin-bottom: 75px !important;
}

.pb75
{
    padding-bottom: 75px !important;
}

.mb80
{
    margin-bottom: 80px !important;
}

.pb80
{
    padding-bottom: 80px !important;
}

.mb85
{
    margin-bottom: 85px !important;
}

.pb85
{
    padding-bottom: 85px !important;
}

.mb90
{
    margin-bottom: 90px !important;
}

.pb90
{
    padding-bottom: 90px !important;
}

.mb95
{
    margin-bottom: 95px !important;
}

.pb95
{
    padding-bottom: 95px !important;
}

.mb100
{
    margin-bottom: 100px !important;
}

.pb100
{
    padding-bottom: 100px !important;
}

/* Margin-Left & Padding-Left */
.ml00
{
    margin-left: 0 !important;
}

.pl00
{
    padding-left: 0 !important;
}

.ml05
{
    margin-left: 5px !important;
}

.pl05
{
    padding-left: 5px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.pl10
{
    padding-left: 10px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.ml20
{
    margin-left: 20px !important;
}

.pl20
{
    padding-left: 20px !important;
}

.ml25
{
    margin-left: 25px !important;
}

.pl25
{
    padding-left: 25px !important;
}

.ml30
{
    margin-left: 30px !important;
}

.pl30
{
    padding-left: 30px !important;
}

.ml35
{
    margin-left: 35px !important;
}

.pl35
{
    padding-left: 35px !important;
}

.ml40
{
    margin-left: 40px !important;
}

.pl40
{
    padding-left: 40px !important;
}

.ml45
{
    margin-left: 45px !important;
}

.pl45
{
    padding-left: 45px !important;
}

.ml50
{
    margin-left: 50px !important;
}

.pl50
{
    padding-left: 50px !important;
}

.ml55
{
    margin-left: 55px !important;
}

.pl55
{
    padding-left: 55px !important;
}

.ml60
{
    margin-left: 60px !important;
}

.pl60
{
    padding-left: 60px !important;
}

.ml65
{
    margin-left: 65px !important;
}

.pl65
{
    padding-left: 65px !important;
}

.ml70
{
    margin-left: 70px !important;
}

.pl70
{
    padding-left: 70px !important;
}

.ml75
{
    margin-left: 75px !important;
}

.pl75
{
    padding-left: 75px !important;
}

.ml80
{
    margin-left: 80px !important;
}

.pl80
{
    padding-left: 80px !important;
}

.ml85
{
    margin-left: 85px !important;
}

.pl85
{
    padding-left: 85px !important;
}

.ml90
{
    margin-left: 90px !important;
}

.pl90
{
    padding-left: 90px !important;
}

.ml95
{
    margin-left: 95px !important;
}

.pl95
{
    padding-left: 95px !important;
}

.ml100
{
    margin-left: 100px !important;
}

.pl100
{
    padding-left: 100px !important;
}

/* line-height */
div,
p,
h1,
h2,
h3,
h4
{
    line-height: 1;
}

/* Float */
.fl
{
    float: left;
}

.fr
{
    float: right;
}

.cl
{
    clear: both;
}

.fList > li,
.fList > dt,
.fList > dd,
.fList > .item
{
    float: left;
}

.fBoth > li:first-child
{
    float: left;
}

.fBoth > li:last-child
{
    float: right;
}

.fBoth > dt,
.fBoth > .item:nth-child(1)
{
    float: left;
}

.fBoth > dd,
.fBoth > .item:nth-child(2)
{
    float: right;
}

/* Clearfix*/
.cf,
.wrap,
.fList
{
    zoom: 1;
}

.cf:after,
.wrap:after,
.fList:after,
.fBoth:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* TextAlign */
.al
{
    text-align: left;
}

.ar
{
    text-align: right;
}

.ac
{
    text-align: center;
}

/* TextAlign */
.vb
{
    vertical-align: baseline;
}

/* position relative */
div,
section,
article,
ul,
header,
footer,
tr,
td
{
    position: relative;
}

/* Nav*/
.nav
{
    zoom: 1;
}

.nav:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
.captalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.lowercase
{
    text-transform: lowercase;
}

/* --------------------------------------------------------------------------------
*
*   responsive
*
-------------------------------------------------------------------------------- */
img.fitted
{
    width: 100% !important;
    height: auto !important;
}

img.flex
{
    width: 100% !important;
    height: auto !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow hidden
*
-------------------------------------------------------------------------------- */
.oh
{
    overflow: hidden;
}

/* --------------------------------------------------------------------------------
*
*   word breadk
*
-------------------------------------------------------------------------------- */
.wb
{
    word-break: break-all;
}

/* --------------------------------------------------------------------------------
*
*   font-weight
*
-------------------------------------------------------------------------------- */
.fwb
{
    font-weight: bold;
}

/* --------------------------------------------------------------------------------
*
*   opacity
*
-------------------------------------------------------------------------------- */
.is-unvisible
{
    opacity: 0 !important;
}

.is-visible
{
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------------
*
*   display
*
-------------------------------------------------------------------------------- */
.is-block
{
    display: block !important;
}

.is-none
{
    display: none !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow
*
-------------------------------------------------------------------------------- */
.is-scroll
{
    overflow: scroll !important;
}

.is-scroll-x
{
    overflow-x: scroll !important;
}

.is-scroll-y
{
    overflow-y: scroll !important;
}

.is-hidden
{
    overflow: hidden !important;
}

.is-hidden-x
{
    overflow-x: hidden !important;
}

.is-hidden-y
{
    overflow-y: hidden !important;
}

/* --------------------------------------------------------------------------------
*
*   position
*
-------------------------------------------------------------------------------- */
.is-fixed
{
    position: fixed !important;
}

.is-absolute
{
    position: absolute !important;
}

.is-relative
{
    position: relative !important;
}

.is-static
{
    position: static !important;
}

/* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 305px;
    margin: 0;
    padding: 0;
    padding-left: 11px;
}

.slick-list:focus
{
    outline: none;
}

.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: block;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}

.slick-slide img
{
    display: block;
}

.slick-slide.slick-loading img
{
    display: none;
}

.slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized .slick-slide
{
    display: block;
}

.slick-loading .slick-slide
{
    visibility: hidden;
}

.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden
{
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -80px !important;

    width: 60px;
    height: 270px;

    background: url(/recruit2017/assets/img/staff/btn_prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px 270px;
}

[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}

.slick-next
{
    right: -80px !important;

    width: 60px;
    height: 270px;

    background: url(/recruit2017/assets/img/staff/btn_next.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px 270px;
}

[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before
{
    color: #000;
}

/*左右の矢印の位置を変える*/
.slick-next
{
    z-index: 99;
    right: 20px;
}

.slick-prev
{
    z-index: 100;
    left: 15px;
}

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before
{
    color: #fff;
}

/*スライド画像の横幅可変*/
#company
{
    /* --------------------------------------------------------------------------------
*
*   section01
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section02
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section03
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section04
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section05
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section06
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   section07
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   layout
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   color
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
    /*
*
*   web font
*
*/
    /* --------------------------------------------------------------------------------
*
*   easing
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   prefix
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   font-size対応表
*
-------------------------------------------------------------------------------- */
    /*  ================================================================================
Base font = 12px
================================================================================ */
    /* ================================================================================
Base font = 13px
================================================================================ */
    /* ================================================================================
Base font = 15px
================================================================================ */
    /* ================================================================================
Base font = 16px
================================================================================ */
    /* --------------------------------------------------------------------------------
*
*   mixin
*
-------------------------------------------------------------------------------- */
    /*
  *
  *   how to
  *
  */
    /* --------------------------------------------------------------------------------
*
*   transform
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   transition
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   animation
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
    /*
    *
    *   how to   
    *
    */
    /* --------------------------------------------------------------------------------
*
*   portrait,landscape
*
-------------------------------------------------------------------------------- */
    /*
  *
  *   how to
  *
  */
    /* --------------------------------------------------------------------------------
*
*   function
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   common
*
-------------------------------------------------------------------------------- */
    /*
*
*   how to
*
*/
    /*
*
*   font
*
*/
    /*
 *
 *   web font   
 *
 */
    /* image */
    /* --------------------------------------------------------------------------------
*
*   html,body
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   wrapper,inner
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   link
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   hover
*
-------------------------------------------------------------------------------- */
    /*
    *
    *   img hovers
    *
    */
    /*
    *
    *   text hover
    *   広がる、色が変わる(背景色と文字色)
    */
    /*
    *
    *   cursor
    *
    */
    /*
    *
    *   linkarea
    *
    */
    /* --------------------------------------------------------------------------------
*
*   title
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   p
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   header
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   nav
*
-------------------------------------------------------------------------------- */
    /*
*
*   media query   
*
*/
    /* --------------------------------------------------------------------------------
*
*   contents
*
-------------------------------------------------------------------------------- */
    /*
*
*   top visual
*
*/
    /*
*
*   media query   
*
*/
    /* --------------------------------------------------------------------------------
*
*   footer
*
-------------------------------------------------------------------------------- */
    /*
*
*   media query   
*
*/
    /* --------------------------------------------------------------------------------
*
*   landscape
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   bg
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   menu
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   row
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   loading
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   table
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   sp Menu
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   error
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   copy
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   bread
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   overlay
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   checkbox
*
-------------------------------------------------------------------------------- */
    /* checked mark aspect */
    /* checked mark aspect changes */
    /* disabled checkbox */
    /* --------------------------------------------------------------------------------
*
*   select box
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
    /*
*
*  transition 無効化s
*
*/
    /*
*
*   triangle
*
*/
    /*
*
*   shadow
*
*/
    /*
*
*   design(見本)
*
*/
    /* --------------------------------------------------------------------------------
*
*   font-size
*
-------------------------------------------------------------------------------- */
    /* Font-Size */
    /* Margin-Top & Padding-Top */
    /* Margin-Right & Padding-Right */
    /* Margin-Bottom & Padding-Bottom */
    /* Margin-Left & Padding-Left */
    /* line-height */
    /* Float */
    /* Clearfix*/
    /* TextAlign */
    /* TextAlign */
    /* position relative */
    /* Nav*/
    /* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   responsive
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   overflow hidden
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   word breadk
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   font-weight
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   opacity
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   display
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   overflow
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   position
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
    /* Slider */
    /* Slider */
    /* Icons */
    /* Arrows */
    /* Dots */
    /*左右の矢印の色を変える*/
    /*左右の矢印の位置を変える*/
    /*スライド数のドットの色を変える*/
    /*スライド画像の横幅可変*/
    /* --------------------------------------------------------------------------------
*
*   for IE
*
-------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *
  *   loading
  *
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *
  *   for IE
  *
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *
  *   for IE!!
  *
  -------------------------------------------------------------------------------- */
}

#company .section01 .mv
{
    overflow: hidden;

    width: 1300px;
    height: 480px;
    min-height: 369px;
    max-height: 1000px;
}

#company .section01 .mv img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company .section01 .block
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;

    width: 460px;
    height: 101%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#company .section01 .block .inner
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company .section01 .block .bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(255, 255, 255, .8);
}

#company .section01 .block h2
{
    position: absolute;
    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}

#company .section01 .block h2 svg
{
    position: absolute;
    left: 50%;

    width: 240px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#company .section01 .block h2 path
{
    fill: #009a59;
}

#company .section01 .block .text
{
    font-size: 15px;
    font-weight: bold;
    line-height: 2.53;

    width: 100%;

    text-align: center;
    letter-spacing: 0;
}

#company .section01 .block .text01
{
    position: absolute;
    top: calc(50% - -8px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    /* for modan browser */

    text-shadow: 0 1px 1px #fff,0 0 1px #fff,1px 0 1px #fff,0 -1px 1px #fff,-1px -1px 1px #fff,-1px 0 1px #fff;
    /* for IE */

    -webkit-filter: dropshadow(color=#fff, offx=0, offy=1, positive=1), dropshadow(color=#fff, offx=0, offy=0, positive=1), dropshadow(color=#fff, offx=0, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=0, positive=1);
            filter: dropshadow(color=#fff, offx=0, offy=1, positive=1), dropshadow(color=#fff, offx=0, offy=0, positive=1), dropshadow(color=#fff, offx=0, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=0, positive=1);
}

#company .section01 .block .text02
{
    position: absolute;
    top: calc(50% - -138px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    /* for modan browser */

    text-shadow: 0 1px 1px #fff,0 0 1px #fff,1px 0 1px #fff,0 -1px 1px #fff,-1px -1px 1px #fff,-1px 0 1px #fff;
    /* for IE */

    -webkit-filter: dropshadow(color=#fff, offx=0, offy=1, positive=1), dropshadow(color=#fff, offx=0, offy=0, positive=1), dropshadow(color=#fff, offx=0, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=0, positive=1);
            filter: dropshadow(color=#fff, offx=0, offy=1, positive=1), dropshadow(color=#fff, offx=0, offy=0, positive=1), dropshadow(color=#fff, offx=0, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=-1, positive=1), dropshadow(color=#fff, offx=-1, offy=0, positive=1);
}

#company .section01 .border
{
    position: absolute;
    z-index: 2;
    bottom: -107px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}

#company .section01 .border svg
{
    width: 270px;
}

#company .section01 .border svg path
{
    fill: #fff;
}

#company .section01 .border .arrowWrap
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 28px;
    height: 28px;

    -webkit-transform: translate(-61%, 57px);
        -ms-transform: translate(-61%, 57px);
            transform: translate(-61%, 57px);

    border-radius: 50%;
    background-color: #008c3b;
}

#company .section01 .border .arrowWrap img
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company .section02 .block01
{
    height: 279px;

    text-align: center;
}

#company .section02 .block01 h2
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 18px;
    font-weight: bold;
    line-height: 2.3em;

    padding-top: 70px;
}

#company .section03
{
    height: 382px;
    margin-bottom: 100px;

    background-color: #ebf8f3;
}

#company .section03 h3
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';

    position: absolute;
    top: 60px;
    left: 555px;
}

#company .section03 h3 p
{
    font-size: 30px;

    display: inline-block;

    padding: 10px 8px;

    color: #fff;
    background-color: #009a5a;
}

#company .section03 h3 p:first-child
{
    margin-bottom: 12px;
}

#company .section03 .des
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 18px;
    line-height: 1.8em;

    position: absolute;
    top: 200px;
    left: 555px;
}

#company .section03 .svgWrap
{
    position: relative;
}

#company .section03 .svgWrap .balloonWrap01
{
    position: absolute;
    z-index: 1;
    top: -42px;
    left: 188px;
}

#company .section03 .svgWrap .svg01
{
    position: relative;
    z-index: 10;

    width: 100%;
    margin-top: 153px;
}

#company .section03 .svgWrap .svg01 .st0
{
    fill: none;
    stroke: #148c55;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section03 .svgWrap .svg01 .st01
{
    fill: #fff;
}

#company .section03 .svgWrap .svg01 .st1
{
    fill: none;
    stroke: #148c55;
}

#company .section03 .svgWrap .svg01 .st2
{
    fill: #148c55;
    stroke: #148c55;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section04
{
    height: 382px;
    margin-bottom: 100px;

    background-color: #ebf8f3;
}

#company .section04 h3
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';

    position: absolute;
    top: 60px;
    left: 192px;
}

#company .section04 h3 p
{
    font-size: 30px;

    display: inline-block;

    padding: 10px 8px;

    color: #fff;
    background-color: #009a5a;
}

#company .section04 h3 p:first-child
{
    margin-bottom: 12px;
}

#company .section04 .des
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 18px;
    line-height: 1.8em;

    position: absolute;
    top: 200px;
    left: 192px;
}

#company .section04 .svgWrap
{
    position: relative;
}

#company .section04 .svgWrap .balloonWrap01
{
    position: absolute;
    z-index: 1;
    top: -37px;
    right: 186px;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon
{
    position: absolute;
    right: 0;
    left: 0;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon01
{
    top: 196px;
    left: -61px;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon02
{
    top: 250px;
    left: 39px;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon03
{
    top: 259px;
    left: 144px;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon04
{
    top: 203px;
    left: 180px;
}

#company .section04 .svgWrap .balloonWrap01 .sBalloon05
{
    top: 202px;
    left: 242px;
}

#company .section04 .svgWrap .svg01
{
    position: relative;
    z-index: 10;

    width: 100%;
    margin-top: 244px;
}

#company .section04 .svgWrap .svg01 .st01
{
    fill: #148c55;
    stroke: #148c55;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section04 .svgWrap .svg01 .st2
{
    fill: #148c55;
    stroke: #148c55;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section04 .svgWrap .svg01 .st3
{
    fill: #fff;
}

#company .section04 .svgWrap .svg01 .st4
{
    fill: #1e9458;
}

#company .section05
{
    height: 382px;
    margin-bottom: 104px;

    background-color: #ebf8f3;
}

#company .section05 h3
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';

    position: absolute;
    top: 60px;
    left: 555px;
}

#company .section05 h3 p
{
    font-size: 30px;

    display: inline-block;

    padding: 10px 8px;

    color: #fff;
    background-color: #009a5a;
}

#company .section05 h3 p:first-child
{
    margin-bottom: 12px;
}

#company .section05 .des
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 18px;
    line-height: 1.8em;

    position: absolute;
    top: 200px;
    left: 555px;
}

#company .section05 .svgWrap
{
    position: relative;
}

#company .section05 .svgWrap .balloonWrap01
{
    position: absolute;
    z-index: 10;
    top: -42px;
    left: 192px;
}

#company .section05 .svgWrap .svg01
{
    position: relative;
    z-index: 1;

    width: 100%;
    margin-top: 182px;
}

#company .section05 .svgWrap .svg01 .st0
{
    fill: #148c55;
    stroke: #148c55;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section05 .svgWrap .svg01 .st00
{
    fill: none;
}

#company .section05 .svgWrap .svg01 .st01
{
    fill: #148c55;
    stroke: #148c55;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#company .section05 .svgWrap .svg01 .st2
{
    fill: #148c55;
}

#company .section05 .svgWrap .svg01 .st3
{
    fill: #fff;
}

#company .section05 .svgWrap .svg01 .st4
{
    fill: #1e9458;
}

#company .section05 .svgWrap .svg01 .st5
{
    fill: #fff;
}

#company .section05 .svgWrap .svg01 .st6
{
    fill: #1e9458;
}

#company .section05 .svgWrap .svg01 .st7
{
    fill: #fff;
}

#company .section05 .svgWrap .svg01 .st8
{
    fill: #1e9458;
}

#company .section05 .svgWrap .svg01 .st9
{
    fill: #fff;
}

#company .section06
{
    padding-bottom: 120px;

    background-color: #f3f1ed;
    /* --------------------------------------------------------------------------------
  *
  *   block01
  *
  -------------------------------------------------------------------------------- */
}

#company .section06 .block01
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    /* --------------------------------------------------------------------------------
    *
    *   box
    *
    -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
    *
    *  workBox
    *
    -------------------------------------------------------------------------------- */
}

#company .section06 .block01 .box
{
    text-align: center;
}

#company .section06 .block01 .box h2
{
    font-size: 28px;

    margin-bottom: 22px;
    padding-top: 120px;

    color: #009a5a;
}

#company .section06 .block01 .box .bar
{
    width: 50px;
    height: 2px;
    margin: 0 auto;

    background-color: #009a5a;
}

#company .section06 .block01 .workBox
{
    margin-top: 80px;
}

#company .section06 .block01 .workBox .content
{
    display: block;

    width: 940px;
    height: 210px;
    margin: 0 auto 50px;
}

#company .section06 .block01 .workBox .left
{
    float: left;

    width: 495px;

    border-right: 1px solid #f1f1f1;
}

#company .section06 .block01 .workBox .left .tit
{
    margin-bottom: 25px;
}

#company .section06 .block01 .workBox .left .tit .ball_box
{
    display: inline-block;
    float: left;

    margin-top: 12px;
}

#company .section06 .block01 .workBox .left .tit .ball_box .ball
{
    width: 4px;
    height: 4px;
    margin: 0 auto 16px;

    border-radius: 50%;
    background-color: #009b59;
}

#company .section06 .block01 .workBox .left .tit .ball_box .ball.mb8
{
    margin-bottom: 8px;
}

#company .section06 .block01 .workBox .left .tit .ball_box .ball.big
{
    width: 20px;
    height: 20px;
    margin-bottom: 8px;

    border-radius: 50%;
    background-color: #009b59;
}

#company .section06 .block01 .workBox .left .tit .ball_box .ball.big .ballInner
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 4px;
    height: 4px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-radius: 50%;
    background-color: #fff;
}

#company .section06 .block01 .workBox .left .tit p
{
    font-size: 22px;

    display: inline-block;

    margin-top: 12px;
    padding-left: 6px;
}

#company .section06 .block01 .workBox .left .txt
{
    font-size: 14px;
    line-height: 2.1em;

    width: 485px;
}

#company .section06 .block01 .workBox .right
{
    float: right;
}

#company .section07
{
    height: 1022px;

    background-color: #009a5a;
    /* --------------------------------------------------------------------------------
  *
  *   block01
  *
  -------------------------------------------------------------------------------- */
}

#company .section07 .block01
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    /* --------------------------------------------------------------------------------
    *
    *   box
    *
    -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
    *
    *   introBox
    *
    -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
    *
    *   otherBox
    *
    -------------------------------------------------------------------------------- */
}

#company .section07 .block01 .box
{
    margin-bottom: 60px;

    text-align: center;
}

#company .section07 .block01 .box h2
{
    font-size: 28px;

    margin-bottom: 22px;
    padding-top: 120px;

    color: #fff;
}

#company .section07 .block01 .box .bar
{
    width: 50px;
    height: 2px;
    margin: 0 auto;

    background-color: #fff;
}

#company .section07 .block01 .introBox
{
    position: relative;

    width: 940px;
    height: 525px;
    margin: 0 auto;

    border-bottom: 2px solid #008a51;
}

#company .section07 .block01 .introBox .groupImg
{
    width: 571px;
    margin-left: 159px;
}

#company .section07 .block01 .introBox .introInner
{
    color: #fff;
}

#company .section07 .block01 .introBox .introInner .name
{
    font-size: 22px;

    margin-bottom: 16px;
}

#company .section07 .block01 .introBox .introInner .company
{
    font-size: 13px;

    margin-bottom: 30px;
}

#company .section07 .block01 .introBox .introInner .des
{
    font-size: 13px;
    line-height: 1.8em;
}

#company .section07 .block01 .introBox .group01
{
    position: absolute;
    top: 19px;
    left: 0;
}

#company .section07 .block01 .introBox .group02
{
    position: absolute;
    top: 286px;
    left: 0;
}

#company .section07 .block01 .introBox .group03
{
    position: absolute;
    top: 19px;
    right: 0;
}

#company .section07 .block01 .introBox .group04
{
    position: absolute;
    top: 286px;
    right: 0;
}

#company .section07 .block01 .otherBox
{
    display: block;

    width: 940px;
    height: 160px;
    margin: 0 auto;
    padding-top: 34px;
}

#company .section07 .block01 .otherBox .left
{
    float: left;
}

#company .section07 .block01 .otherBox .right
{
    float: right;

    width: 674px;
    margin-right: 6px;
    padding-top: 30px;

    color: #fff;
}

#company .section07 .block01 .otherBox .right .tit
{
    font-size: 22px;

    margin-bottom: 29px;
}

#company .section07 .block01 .otherBox .right .tit span
{
    font-size: 13px;
}

#company .section07 .block01 .otherBox .right .txt
{
    font-size: 13px;
    line-height: 1.8em;
}

#company body
{
    margin: 0;
    padding: 0;

    border: none;
}

#company img,
#company div,
#company p,
#company blockquote,
#company h1,
#company h2,
#company h3,
#company h4,
#company h5,
#company h6,
#company ul,
#company ol,
#company li,
#company dl,
#company dt,
#company dd,
#company form,
#company fieldset,
#company textarea
{
    font-size: 100%;
    font-weight: normal;
    font-style: normal;

    margin: 0;
    padding: 0;

    list-style: none;

    text-decoration: none;

    border: 0;
}

#company a
{
    cursor: pointer;
}

#company table
{
    font-size: 100%;
}

#company hr.separator
{
    display: none;
}

#company input,
#company button,
#company select,
#company textarea
{
    resize: none;

    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;

    -webkit-appearance: none;
}

#company img
{
    vertical-align: bottom;
}

#company html
{
    font-family: 'FP-ヒラギノ角ゴ StdN W5', 'FP-HiraKakuStdN-W5';
    font-size: 16px;

    letter-spacing: 0;

    color: #2c2c2c;
    background-color: #fff;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
}

#company #wrapper
{
    overflow-x: hidden;

    opacity: 0;
}

#company a
{
    text-decoration: none;

    color: #fff;
}

#company a:hover
{
    text-decoration: none;

    color: #fff;
}

#company a:visited
{
    text-decoration: none;

    color: #fff;
}

#company a:active
{
    text-decoration: none;

    color: #fff;
}

#company .op
{
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) 0s;
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
}

#company .op:hover
{
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);

    opacity: .4 !important;
}

#company .scale
{
    transition: -webkit-transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
    transition:         transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
    transition:         transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s, -webkit-transform 1.3s cubic-bezier(.39, .575, .565, 1) 0s;
}

#company .scale:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

#company .scale_img
{
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

#company .scale_img:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

#company .under
{
    text-decoration: underline !important;
}

#company .under:hover
{
    text-decoration: none !important;
}

#company ._under
{
    text-decoration: none !important;
}

#company ._under:hover
{
    text-decoration: underline !important;
}

#company .under__red
{
    border-bottom: none;
}

#company .under__red:hover
{
    border-bottom: 1px solid #c30000;
}

#company .cp
{
    cursor: pointer;
}

#company .linkArea:hover .link
{
    border-bottom: 1px solid #1c426d;
}

#company .linkArea img
{
    transition: all .25s cubic-bezier(.25, .46, .45, .94) 0s;
}

#company .linkArea:hover img
{
    opacity: .5;
}

#company #header
{
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;

    opacity: 0;
}

#company #header .applicationMid
{
    position: absolute;
    top: 77px;
    right: 223px;
}

#company #header .applicationMid .midBg
{
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;

    width: 165px;
    height: 165px;

    border-radius: 50%;
    box-shadow: 0 7px 30px #666;
}

#company #header .applicationMid img
{
    position: relative;
    z-index: 2;
}

#company #header .applicationNew
{
    position: absolute;
    top: 153px;
    right: 48px;
}

#company #header .applicationNew .newBg
{
    position: absolute;
    z-index: 1;
    top: 11px;
    left: 10px;

    width: 165px;
    height: 165px;

    border-radius: 50%;
    box-shadow: 0 7px 30px #666;
}

#company #header .applicationNew img
{
    position: relative;
    z-index: 2;
}

#company #staff #header
{
    opacity: 0;
}

#company #footer
{
    border-top: 1px solid #f1f1f1;
}

#company #footer .logo
{
    padding: 11px 0 0 167px;

    -webkit-transform: translate3d(0, 0, 1px);
            transform: translate3d(0, 0, 1px);
}

#company #footer #pagetop
{
    float: right;

    width: 340px;
    height: 100px;

    background-color: #f1f1f1;
}

#company #footer #pagetop p
{
    font-size: 14px;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company #footer .arrowWrap
{
    position: absolute;
    top: -3px;
    right: -25px;

    width: 19px;
    height: 19px;

    border-radius: 50%;
    background-color: #000;
}

#company #footer .arrowWrap img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 9px;
    height: auto;

    -webkit-transform: translate(-49%, -57%) scaleY(-1);
        -ms-transform: translate(-49%, -57%) scaleY(-1);
            transform: translate(-49%, -57%) scaleY(-1);
}

#company .footer_block02
{
    padding: 50px 0;
    padding-left: 266px;

    background-color: #000;
}

#company .footer_block02 h2
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    left: -99px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    letter-spacing: .1em;

    color: #fff;
}

#company .footer_block02 .item:nth-child(1)
{
    margin-right: 125px;
}

#company .footer_block02 .item:nth-child(1) .op
{
    display: block;

    padding: 26px 0;

    color: #000;
}

#company .footer_block02 .item:nth-child(1) .box
{
    font-size: 20px;
    font-weight: bold;

    width: 360px;
    margin: 0 auto;

    text-align: center;
    letter-spacing: .1em;

    color: #000;
    border-radius: 100px;
    background-color: #fff;
}

#company .footer_block02 .item:nth-child(2) .op
{
    display: block;

    padding: 22px 0;

    color: #000;
}

#company .footer_block02 .item:nth-child(2) .box
{
    font-size: 20px;

    width: 360px;
    margin: 0 auto;

    text-align: center;
    letter-spacing: .1em;

    color: #000;
    border-radius: 100px;
    background-color: #fff;
}

#company .footer_block03
{
    margin-bottom: 30px;
}

#company .footer_block03 .tit
{
    width: 360px;
    margin: 50px auto 61px;
}

#company .footer_block03 .tit path
{
    fill: #f0f0f0;
    stroke: none;
}

#company .footer_block03 .tit img
{
    position: absolute;
    z-index: 1;
    bottom: -32px;
    left: 50%;

    display: none;

    -webkit-transform: translateX(-56%);
        -ms-transform: translateX(-56%);
            transform: translateX(-56%);
}

#company .footer_block03 .item
{
    font-size: 12px;

    width: 470px;

    letter-spacing: .1em;

    background-color: #f1f1f1;
}

#company .footer_block03 .item:first-child
{
    margin-right: 20px;
}

#company .footer_block03 a
{
    display: block;

    padding: 16px 0;

    color: #5a5a5a;
}

#company #menu
{
    font-size: 15px;

    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    min-width: 900px;
    padding: 15px 0;
    padding: 15px 30px;

    letter-spacing: .08em;

    opacity: 0;
    /*
  *
  *   media query
  *
  */
}

#company #menu .box01
{
    box-sizing: border-box;
    width: 19%;
    height: 90px;
    padding: 18px 30px 19px;

    text-align: center;

    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
}

#company #menu .box01 a
{
    display: block;

    height: 100%;
}

#company #menu .box01 svg
{
    position: absolute;
    top: 23px;
    right: -54px;

    width: 90px;
    height: 45px;

    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);

    fill: #009b59;
}

#company #menu .box01 svg path
{
    fill: #009b59;
}

#company #menu .box01 img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 65%;
    min-width: 132px;
    max-width: 190px;
    height: auto;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company #menu .box02
{
    box-sizing: border-box;
    width: 81%;
    height: 90px;

    color: #fff;
    border-radius: 0 6px 6px 0;
    background-color: #009b59;
}

#company #menu .box02 > ul
{
    position: absolute;
    top: 50%;

    width: 100%;
    height: 90px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

#company #menu .box02 > ul > .item
{
    display: table;

    box-sizing: border-box;
    width: 16%;
    height: 90px;

    text-align: center;
}

#company #menu .box02 > ul > .item span
{
    display: inline-block;

    padding: 9px 0;
}

#company #menu .box02 > ul > .item:nth-child(1)
{
    width: 12%;
}

#company #menu .box02 > ul > .item:nth-child(2)
{
    width: 19%;
}

#company #menu .box02 > ul > .item:nth-child(3)
{
    width: 20%;
}

#company #menu .box02 > ul > .item:nth-child(4)
{
    width: 17%;
}

#company #menu .box02 > ul > .item:first-child
{
    padding: 28px 0;
}

#company #menu .box02 > ul > .item a
{
    display: table-cell;

    vertical-align: middle;
}

#company #menu .box02 .shareWrap
{
    position: relative;
}

#company #menu .box02 .shareWrap > a
{
    cursor: default;
}

#company #menu .box02 .shareWrap .fbShare,
#company #menu .box02 .shareWrap .twShare,
#company #menu .box02 .shareWrap .goShare
{
    cursor: pointer;
}

#company #menu .box02 .bar
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;

    width: 1px;
    height: 18px;

    -webkit-transform: translate3d(0, -50%, 1px);
            transform: translate3d(0, -50%, 1px);

    background-color: #fff;
}

#company #menu .box02 .bar03
{
    top: 52px;
    left: 9px;

    width: 110px;
    height: 1px;

    background-color: #d1d1d1;
}

#company #menu .box02 .barBg
{
    z-index: 1;
    left: -3px;

    width: 5px;
    height: 100%;

    background-color: #009b59;
}

#company #menu .box02 .sns
{
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 50%;

    display: none;

    box-sizing: border-box;
    width: 127px;
    height: 111px;
    padding-top: 66px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    opacity: 0;
    border-radius: 5px;
    background-color: #fff;
}

#company #menu .box02 .sns .item
{
    margin-right: 10px;
}

#company #menu .box02 .sns .item:nth-child(2)
{
    margin-right: 8px;
}

#company #menu .box02 img
{
    position: relative;
    z-index: 2;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1300px)
{
    #company #menu
    {
        padding: 15px 100px;
    }
}

#company #top #menu .box02 > ul > .item:nth-child(1) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company #company #menu .box02 > ul > .item:nth-child(2) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company #work #menu .box02 > ul > .item:nth-child(3) span
{
    box-sizing: border-box;
    padding: 9px 11px;

    border-radius: 50px;
    background-color: #008544;
}

#company #staffIndex #menu .box02 > ul > .item:nth-child(4) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company #staff #menu .box02 > ul > .item:nth-child(4) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company #info #menu .box02 > ul > .item:nth-child(5) span
{
    box-sizing: border-box;
    padding: 9px 12px;

    border-radius: 50px;
    background-color: #008544;
}

#company .row
{
    font-size: 0;

    text-align: center;
}

#company .row .item
{
    display: inline-block;
}

#company .row.row_col2 > .item
{
    width: 50%;
}

#company .row.row_col3 > .item
{
    width: 33.3333%;
}

#company .row.row_col4 > .item
{
    width: 25%;
}

#company .row .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

#company #loading
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

#company #loading .spinnerWrap
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#company #loading .spinner
{
    width: 60px;
    height: 60px;
    margin: 100px auto;

    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
            animation: sk-scaleout 1.0s infinite ease-in-out;

    border-radius: 100%;
    background-color: #009a5a;
}

@-webkit-keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: scale(0);
    }
    100%
    {
        -webkit-transform: scale(1);

        opacity: 0;
    }
}

@keyframes sk-scaleout
{
    0%
    {
        -webkit-transform: scale(0);
                transform: scale(0);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 0;
    }
}

#company .table
{
    width: 100%;
    margin-bottom: 30px;

    border-spacing: 0;
    border-collapse: collapse;
}

#company .table .tr
{
    position: static;
}

#company .table .td
{
    line-height: 24px;

    position: static;

    padding: 9px 20px 8px;

    border: 1px solid #ccc;
}

#company .table .map
{
    padding: 15px 20px;
}

#company .table #map
{
    margin-top: 5px;
    margin-bottom: 10px;
}

#company .table .td:nth-child(1)
{
    width: 25%;

    background-color: #f6f6f6;
}

#company .table__wrap
{
    max-width: 990px;
    margin: 0 auto;
    margin-bottom: 50px;
}

@media only screen and (max-width: 1100px)
{
    #company .table__wrap
    {
        padding: 0 30px;
    }
}

#company .table__wrap .businessOurs p
{
    line-height: 20px;

    margin-bottom: 20px;
}

#company .table__wrap .businessOurs p:last-child
{
    margin-bottom: 0;
}

#company .table__wrap .price
{
    padding-right: 40px;
}

#company .menu_button
{
    position: absolute;
    top: 19px;
    left: 25px;

    display: none;

    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}

#company .menu_button .menu_button_inner
{
    top: 20px;
    left: 10px;
}

#company .type-1 span
{
    top: 50%;

    display: block;

    width: 20px;
    height: 2px;

    transition: all .3s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);

    background: #fff;
}

#company .type-1 .top
{
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
}

#company .type-1 .bottom
{
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
}

#company .type-1.is-open .middle
{
    background: rgba(255, 255, 255, 0);
}

#company .type-1.is-open .top
{
    -webkit-transform: rotate(-45deg) translateY(0);
        -ms-transform: rotate(-45deg) translateY(0);
            transform: rotate(-45deg) translateY(0);
}

#company .type-1.is-open .bottom
{
    -webkit-transform: rotate(45deg) translate(-1px, -1px);
        -ms-transform: rotate(45deg) translate(-1px, -1px);
            transform: rotate(45deg) translate(-1px, -1px);
}

#company #copy
{
    line-height: 1;

    text-align: center;
}

#company .bread
{
    font-size: 13px;

    position: absolute;
    z-index: 5;
    top: 56px;
    left: 27px;
}

#company .bread a
{
    color: #fff;
}

#company .bread .arrow
{
    position: relative;
    top: -1px;
}

#company .overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .6);
}

#company [type='checkbox']:not(:checked),
#company [type='checkbox']:checked
{
    position: absolute;
    left: -9999px;
}

#company [type='checkbox']:not(:checked) + label,
#company [type='checkbox']:checked + label
{
    position: relative;

    padding-left: 25px;

    cursor: pointer;
}

#company [type='checkbox']:not(:checked) + label:before,
#company [type='checkbox']:checked + label:before
{
    position: absolute;
    top: 1px;
    left: 1px;

    box-sizing: border-box;
    width: 16px;
    height: 16px;

    content: '';

    border: 1px solid #aaa;
    background: #fff;
}

#company [type='checkbox']:not(:checked) + label:after,
#company [type='checkbox']:checked + label:after
{
    font-size: 14px;

    position: absolute;
    top: 0;
    left: 4px;

    content: '✔';
    transition: all .2s;

    color: #00cdff;
}

#company [type='checkbox']:not(:checked) + label:after
{
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    opacity: 0;
}

#company [type='checkbox']:checked + label:after
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

#company [type='checkbox']:disabled:not(:checked) + label:before,
#company [type='checkbox']:disabled:checked + label:before
{
    border-color: #bbb;
    background-color: #ddd;
    box-shadow: none;
}

#company [type='checkbox']:disabled:checked + label:after
{
    color: #999;
}

#company [type='checkbox']:disabled + label
{
    color: #aaa;
}

#company [type='checkbox']:checked:focus + label:before,
#company [type='checkbox']:not(:checked):focus + label:before
{
    border: 1px dotted blue;
}

#company .selectBox
{
    display: none;
}

#company .selectBoxArea
{
    box-sizing: border-box;
    width: 410px;
    height: 30px;

    border: 1px solid #bebebe;
}

#company .selectBoxArea .selectBoxArea__display
{
    line-height: 30px;

    height: 100%;
    padding-left: 20px;
}

#company .selectBoxArea .selectBoxArea__listWrap
{
    position: relative;
    z-index: 99999;
    left: -1px;

    display: none;
    overflow-y: scroll;

    box-sizing: border-box;
    width: calc(100% + 2px);
    height: 140px;

    border: 1px solid #bebebe;
    background-color: #fff;
}

#company .selectBoxArea .selectBoxArea__list
{
    height: 100%;
    padding-top: 3px;
}

#company .selectBoxArea .selectBoxArea__listItem
{
    line-height: 25px;

    padding: 2px 0;
}

#company .selectBoxArea .selectBoxArea__listItem .item
{
    display: block;

    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 10px;
}

#company .selectBoxArea .selectBoxArea__listItem .item:hover
{
    background-color: #eee;
}

#company .preload *
{
    transition: none !important;
}

#company .triangle
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    border-width: 7px 7px 7px 0;
    border-style: solid;
    border-color: transparent #eee transparent transparent;
}

#company .triangle.over
{
    z-index: 2;
}

#company .shadow
{
    box-shadow: 4px 2px 10px 1px #ccc inset;
}

#company .sample
{
    position: absolute;
    z-index: 2;
    top: 0;

    display: none;

    opacity: .7;
}

#company .fz10
{
    font-size: 10px;
    font-size: .625rem;
}

#company .fz12
{
    font-size: 12px;
    font-size: .75rem;
}

#company .fz14
{
    font-size: 14px;
    font-size: .875rem;
}

#company .fz16
{
    font-size: 16px;
    font-size: 1rem;
}

#company .fz18
{
    font-size: 18px;
    font-size: 1.125rem;
}

#company .fz20
{
    font-size: 20px;
    font-size: 1.25rem;
}

#company .fz22
{
    font-size: 22px;
    font-size: 1.375rem;
}

#company .fz30
{
    font-size: 30px;
    font-size: 1.875rem;
}

#company .fz40
{
    font-size: 40px;
    font-size: 2.5rem;
}

#company .fz50
{
    font-size: 50px;
    font-size: 3.125rem;
}

#company .fz60
{
    font-size: 60px;
    font-size: 3.75rem;
}

#company .fz70
{
    font-size: 70px;
    font-size: 4.375rem;
}

#company .fz80
{
    font-size: 80px;
    font-size: 5rem;
}

#company .fz90
{
    font-size: 90px;
    font-size: 5.625rem;
}

#company .mt00
{
    margin-top: 0 !important;
}

#company .pt00
{
    padding-top: 0 !important;
}

#company .mt05
{
    margin-top: 5px !important;
}

#company .pt05
{
    padding-top: 5px !important;
}

#company .mt10
{
    margin-top: 10px !important;
}

#company .pt10
{
    padding-top: 10px !important;
}

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

#company .pt15
{
    padding-top: 15px !important;
}

#company .mt20
{
    margin-top: 20px !important;
}

#company .pt20
{
    padding-top: 20px !important;
}

#company .mt25
{
    margin-top: 25px !important;
}

#company .pt25
{
    padding-top: 25px !important;
}

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

#company .pt30
{
    padding-top: 30px !important;
}

#company .mt35
{
    margin-top: 35px !important;
}

#company .pt35
{
    padding-top: 35px !important;
}

#company .mt40
{
    margin-top: 40px !important;
}

#company .pt40
{
    padding-top: 40px !important;
}

#company .mt45
{
    margin-top: 45px !important;
}

#company .pt45
{
    padding-top: 45px !important;
}

#company .mt50
{
    margin-top: 50px !important;
}

#company .pt50
{
    padding-top: 50px !important;
}

#company .mt55
{
    margin-top: 55px !important;
}

#company .pt55
{
    padding-top: 55px !important;
}

#company .mt60
{
    margin-top: 60px !important;
}

#company .pt60
{
    padding-top: 60px !important;
}

#company .mt65
{
    margin-top: 65px !important;
}

#company .pt65
{
    padding-top: 65px !important;
}

#company .mt70
{
    margin-top: 70px !important;
}

#company .pt70
{
    padding-top: 70px !important;
}

#company .mt75
{
    margin-top: 75px !important;
}

#company .pt75
{
    padding-top: 75px !important;
}

#company .mt80
{
    margin-top: 80px !important;
}

#company .pt80
{
    padding-top: 80px !important;
}

#company .mt85
{
    margin-top: 85px !important;
}

#company .pt85
{
    padding-top: 85px !important;
}

#company .mt90
{
    margin-top: 90px !important;
}

#company .pt90
{
    padding-top: 90px !important;
}

#company .mt95
{
    margin-top: 95px !important;
}

#company .pt95
{
    padding-top: 95px !important;
}

#company .mt100
{
    margin-top: 100px !important;
}

#company .pt100
{
    padding-top: 100px !important;
}

#company .mr00
{
    margin-right: 0 !important;
}

#company .pr00
{
    padding-right: 0 !important;
}

#company .mr05
{
    margin-right: 5px !important;
}

#company .pr05
{
    padding-right: 5px !important;
}

#company .mr10
{
    margin-right: 10px !important;
}

#company .pr10
{
    padding-right: 10px !important;
}

#company .mr15
{
    margin-right: 15px !important;
}

#company .pr15
{
    padding-right: 15px !important;
}

#company .mr20
{
    margin-right: 20px !important;
}

#company .pr20
{
    padding-right: 20px !important;
}

#company .mr25
{
    margin-right: 25px !important;
}

#company .pr25
{
    padding-right: 25px !important;
}

#company .mr30
{
    margin-right: 30px !important;
}

#company .pr30
{
    padding-right: 30px !important;
}

#company .mr35
{
    margin-right: 35px !important;
}

#company .pr35
{
    padding-right: 35px !important;
}

#company .mr40
{
    margin-right: 40px !important;
}

#company .pr40
{
    padding-right: 40px !important;
}

#company .mr45
{
    margin-right: 45px !important;
}

#company .pr45
{
    padding-right: 45px !important;
}

#company .mr50
{
    margin-right: 50px !important;
}

#company .pr50
{
    padding-right: 50px !important;
}

#company .mr55
{
    margin-right: 55px !important;
}

#company .pr55
{
    padding-right: 55px !important;
}

#company .mr60
{
    margin-right: 60px !important;
}

#company .pr60
{
    padding-right: 60px !important;
}

#company .mr65
{
    margin-right: 65px !important;
}

#company .pr65
{
    padding-right: 65px !important;
}

#company .mr70
{
    margin-right: 70px !important;
}

#company .pr70
{
    padding-right: 70px !important;
}

#company .mr75
{
    margin-right: 75px !important;
}

#company .pr75
{
    padding-right: 75px !important;
}

#company .mr80
{
    margin-right: 80px !important;
}

#company .pr80
{
    padding-right: 80px !important;
}

#company .mr85
{
    margin-right: 85px !important;
}

#company .pr85
{
    padding-right: 85px !important;
}

#company .mr90
{
    margin-right: 90px !important;
}

#company .pr90
{
    padding-right: 90px !important;
}

#company .mr95
{
    margin-right: 95px !important;
}

#company .pr95
{
    padding-right: 95px !important;
}

#company .mr100
{
    margin-right: 100px !important;
}

#company .pr100
{
    padding-right: 100px !important;
}

#company .mb00
{
    margin-bottom: 0 !important;
}

#company .pb00
{
    padding-bottom: 0 !important;
}

#company .mb05
{
    margin-bottom: 5px !important;
}

#company .pb05
{
    padding-bottom: 5px !important;
}

#company .mb10
{
    margin-bottom: 10px !important;
}

#company .pb10
{
    padding-bottom: 10px !important;
}

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

#company .pb15
{
    padding-bottom: 15px !important;
}

#company .mb20
{
    margin-bottom: 20px !important;
}

#company .pb20
{
    padding-bottom: 20px !important;
}

#company .mb25
{
    margin-bottom: 25px !important;
}

#company .pb25
{
    padding-bottom: 25px !important;
}

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

#company .pb30
{
    padding-bottom: 30px !important;
}

#company .mb35
{
    margin-bottom: 35px !important;
}

#company .pb35
{
    padding-bottom: 35px !important;
}

#company .mb40
{
    margin-bottom: 40px !important;
}

#company .pb40
{
    padding-bottom: 40px !important;
}

#company .mb45
{
    margin-bottom: 45px !important;
}

#company .pb45
{
    padding-bottom: 45px !important;
}

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

#company .pb50
{
    padding-bottom: 50px !important;
}

#company .mb55
{
    margin-bottom: 55px !important;
}

#company .pb55
{
    padding-bottom: 55px !important;
}

#company .mb60
{
    margin-bottom: 60px !important;
}

#company .pb60
{
    padding-bottom: 60px !important;
}

#company .mb65
{
    margin-bottom: 65px !important;
}

#company .pb65
{
    padding-bottom: 65px !important;
}

#company .mb70
{
    margin-bottom: 70px !important;
}

#company .pb70
{
    padding-bottom: 70px !important;
}

#company .mb75
{
    margin-bottom: 75px !important;
}

#company .pb75
{
    padding-bottom: 75px !important;
}

#company .mb80
{
    margin-bottom: 80px !important;
}

#company .pb80
{
    padding-bottom: 80px !important;
}

#company .mb85
{
    margin-bottom: 85px !important;
}

#company .pb85
{
    padding-bottom: 85px !important;
}

#company .mb90
{
    margin-bottom: 90px !important;
}

#company .pb90
{
    padding-bottom: 90px !important;
}

#company .mb95
{
    margin-bottom: 95px !important;
}

#company .pb95
{
    padding-bottom: 95px !important;
}

#company .mb100
{
    margin-bottom: 100px !important;
}

#company .pb100
{
    padding-bottom: 100px !important;
}

#company .ml00
{
    margin-left: 0 !important;
}

#company .pl00
{
    padding-left: 0 !important;
}

#company .ml05
{
    margin-left: 5px !important;
}

#company .pl05
{
    padding-left: 5px !important;
}

#company .ml10
{
    margin-left: 10px !important;
}

#company .pl10
{
    padding-left: 10px !important;
}

#company .ml15
{
    margin-left: 15px !important;
}

#company .pl15
{
    padding-left: 15px !important;
}

#company .ml20
{
    margin-left: 20px !important;
}

#company .pl20
{
    padding-left: 20px !important;
}

#company .ml25
{
    margin-left: 25px !important;
}

#company .pl25
{
    padding-left: 25px !important;
}

#company .ml30
{
    margin-left: 30px !important;
}

#company .pl30
{
    padding-left: 30px !important;
}

#company .ml35
{
    margin-left: 35px !important;
}

#company .pl35
{
    padding-left: 35px !important;
}

#company .ml40
{
    margin-left: 40px !important;
}

#company .pl40
{
    padding-left: 40px !important;
}

#company .ml45
{
    margin-left: 45px !important;
}

#company .pl45
{
    padding-left: 45px !important;
}

#company .ml50
{
    margin-left: 50px !important;
}

#company .pl50
{
    padding-left: 50px !important;
}

#company .ml55
{
    margin-left: 55px !important;
}

#company .pl55
{
    padding-left: 55px !important;
}

#company .ml60
{
    margin-left: 60px !important;
}

#company .pl60
{
    padding-left: 60px !important;
}

#company .ml65
{
    margin-left: 65px !important;
}

#company .pl65
{
    padding-left: 65px !important;
}

#company .ml70
{
    margin-left: 70px !important;
}

#company .pl70
{
    padding-left: 70px !important;
}

#company .ml75
{
    margin-left: 75px !important;
}

#company .pl75
{
    padding-left: 75px !important;
}

#company .ml80
{
    margin-left: 80px !important;
}

#company .pl80
{
    padding-left: 80px !important;
}

#company .ml85
{
    margin-left: 85px !important;
}

#company .pl85
{
    padding-left: 85px !important;
}

#company .ml90
{
    margin-left: 90px !important;
}

#company .pl90
{
    padding-left: 90px !important;
}

#company .ml95
{
    margin-left: 95px !important;
}

#company .pl95
{
    padding-left: 95px !important;
}

#company .ml100
{
    margin-left: 100px !important;
}

#company .pl100
{
    padding-left: 100px !important;
}

#company div,
#company p,
#company h1,
#company h2,
#company h3,
#company h4
{
    line-height: 1;
}

#company .fl
{
    float: left;
}

#company .fr
{
    float: right;
}

#company .cl
{
    clear: both;
}

#company .fList > li,
#company .fList > dt,
#company .fList > dd,
#company .fList > .item
{
    float: left;
}

#company .fBoth > li:first-child
{
    float: left;
}

#company .fBoth > li:last-child
{
    float: right;
}

#company .fBoth > dt,
#company .fBoth > .item:nth-child(1)
{
    float: left;
}

#company .fBoth > dd,
#company .fBoth > .item:nth-child(2)
{
    float: right;
}

#company .cf,
#company .wrap,
#company .fList
{
    zoom: 1;
}

#company .cf:after,
#company .wrap:after,
#company .fList:after,
#company .fBoth:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#company .al
{
    text-align: left;
}

#company .ar
{
    text-align: right;
}

#company .ac
{
    text-align: center;
}

#company .vb
{
    vertical-align: baseline;
}

#company div,
#company section,
#company article,
#company ul,
#company header,
#company footer,
#company tr,
#company td
{
    position: relative;
}

#company .nav
{
    zoom: 1;
}

#company .nav:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

#company .captalize
{
    text-transform: capitalize;
}

#company .uppercase
{
    text-transform: uppercase;
}

#company .lowercase
{
    text-transform: lowercase;
}

#company img.fitted
{
    width: 100% !important;
    height: auto !important;
}

#company img.flex
{
    width: 100% !important;
    height: auto !important;
}

#company .oh
{
    overflow: hidden;
}

#company .wb
{
    word-break: break-all;
}

#company .fwb
{
    font-weight: bold;
}

#company .is-unvisible
{
    opacity: 0 !important;
}

#company .is-visible
{
    opacity: 1 !important;
}

#company .is-block
{
    display: block !important;
}

#company .is-none
{
    display: none !important;
}

#company .is-scroll
{
    overflow: scroll !important;
}

#company .is-scroll-x
{
    overflow-x: scroll !important;
}

#company .is-scroll-y
{
    overflow-y: scroll !important;
}

#company .is-hidden
{
    overflow: hidden !important;
}

#company .is-hidden-x
{
    overflow-x: hidden !important;
}

#company .is-hidden-y
{
    overflow-y: hidden !important;
}

#company .is-fixed
{
    position: fixed !important;
}

#company .is-absolute
{
    position: absolute !important;
}

#company .is-relative
{
    position: relative !important;
}

#company .is-static
{
    position: static !important;
}

#company .slick-slider
{
    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#company .slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    height: 305px;
    margin: 0;
    padding: 0;
    padding-left: 11px;
}

#company .slick-list:focus
{
    outline: none;
}

#company .slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

#company .slick-slider .slick-track,
#company .slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

#company .slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

#company .slick-track:before,
#company .slick-track:after
{
    display: table;

    content: '';
}

#company .slick-track:after
{
    clear: both;
}

.slick-loading #company .slick-track
{
    visibility: hidden;
}

#company .slick-slide
{
    display: block;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] #company .slick-slide
{
    float: right;
}

#company .slick-slide img
{
    display: block;
}

#company .slick-slide.slick-loading img
{
    display: none;
}

#company .slick-slide.dragging img
{
    pointer-events: none;
}

.slick-initialized #company .slick-slide
{
    display: block;
}

.slick-loading #company .slick-slide
{
    visibility: hidden;
}

.slick-vertical #company .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

#company .slick-arrow.slick-hidden
{
    display: none;
}

.slick-loading #company .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

@font-face
{
    #company
    {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;

        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    }
}

#company .slick-prev,
#company .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;

    cursor: pointer;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

#company .slick-prev.slick-disabled:before,
#company .slick-next.slick-disabled:before
{
    opacity: .25;
}

#company .slick-prev:before,
#company .slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#company .slick-prev
{
    left: -80px !important;

    width: 60px;
    height: 270px;

    background: url(/recruit2017/assets/img/staff/btn_prev.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px 270px;
}

[dir='rtl'] #company .slick-prev
{
    right: -25px;
    left: auto;
}

#company .slick-next
{
    right: -80px !important;

    width: 60px;
    height: 270px;

    background: url(/recruit2017/assets/img/staff/btn_next.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px 270px;
}

[dir='rtl'] #company .slick-next
{
    right: auto;
    left: -25px;
}

#company .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

#company .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}

#company .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

#company .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

#company .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#company .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

#company .slick-prev:before,
#company .slick-next:before
{
    color: #000;
}

#company .slick-next
{
    z-index: 99;
    right: 20px;
}

#company .slick-prev
{
    z-index: 100;
    left: 15px;
}

#company .slick-dots li.slick-active button:before,
#company .slick-dots li button:before
{
    color: #fff;
}

#company html
{
    opacity: 1 !important;
}

#company .ie .section02 .svg04
{
    bottom: -90px !important;
}

#company .ie .section03 .svgWrap
{
    top: 239px !important;
}

#company .ie .section03 .svg02
{
    top: -279px !important;
}

#company #header .applicationMid
{
    display: none !important;
}

#company #header .applicationNew
{
    display: none !important;
}

#company .ie .section02 .svg04
{
    bottom: -90px !important;
}

#company .ie .section03 .svgWrap
{
    top: 239px !important;
}

#company .ie .section03 .svg02
{
    top: -279px !important;
}

#company .ie11 .section03 .svg01
{
    top: -5px !important;
}