/*-------include Berbon -----------------*/

/* 初期値
------------------------------*/

/* 768以下は幅100%でスマホ表示 */

/* 960px以下はスクロールを表示 */

/* 1140px以下はコンテンツ幅を960に制限 */

/* 1440以上は横幅を大きくしない */

/* アニメーションスピード
------------------------------*/

/* clearfix
------------------------------*/

.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

/* text-indent:-9999px;
------------------------------*/

.nodisp
{
    overflow: hidden;

    white-space: nowrap;
    text-indent: 100%;
}

/* background-size-cover forIE8
------------------------------*/

/* background-size-contain forIE8
------------------------------*/

/* カラー
------------------------------*/

/*白黒*/

/*赤*/

/*白黒*/

/*赤*/

/*白黒*/

/*緑*/

/*赤*/

/*白黒*/

/*緑*/

/*赤*/

/* 区切り
------------------------------*/

/* マージン
------------------------------*/

/* フォントファミリー
------------------------------*/

.mincho
{
    font-family: 'UD Reimin Bold', 'MS PMincho', 'Hiragino Mincho Pro', serif;
}

.mincho_m
{
    font-family: 'UD Reimin Medium', 'MS PMincho', 'Hiragino Mincho Pro', serif;
}

.wf-sawarabimincho
{
    font-family: 'Sawarabi Mincho';
}

/*  画像の拡大縮小
----------------------------------------------*/

.img-responsive,
.thumbnail a > img,
.thumbnail > img
{
    display: block;

    max-width: 100%;
    height: auto;
}

.scale-11
{
    overflow: hidden;
}

.scale-11 img
{
    -webkit-transition: -webkit-transform .3s linear;
         -o-transition:      -o-transform .3s linear;
         -o-transition:         transform .3s linear;
            transition: -webkit-transform .3s linear;
            transition:         transform .3s linear;
            transition:         transform .3s linear, -webkit-transform .3s linear;
}

.scale-11 img:hover
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.scale-12
{
    overflow: hidden;
}

.scale-12 img
{
    -webkit-transition: -webkit-transform .3s linear;
         -o-transition:      -o-transform .3s linear;
         -o-transition:         transform .3s linear;
            transition: -webkit-transform .3s linear;
            transition:         transform .3s linear;
            transition:         transform .3s linear, -webkit-transform .3s linear;
}

.scale-12 img:hover
{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

/*  画像の拡大縮小
----------------------------------------------*/

.image-scale-105
{
    -webkit-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
         -o-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
            transition: all 400ms cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
         -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
            transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    background-size: cover;

    -ms-behavior: url(/common/css/backgroundsize.min.htc);
}

.image-scale-105:hover
{
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}

.image-scale-110
{
    -webkit-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
         -o-transition: all 400ms cubic-bezier(.165, .84, .44, 1);
            transition: all 400ms cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
         -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
            transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    background-size: cover;

    -ms-behavior: url(/common/css/backgroundsize.min.htc);
}

/*  検索窓
----------------------------------------------*/

input[type=search].search-field
{
    position: relative;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 226px;
    height: 36px;
    margin: 0;
    padding: 6px;

    vertical-align: middle;

    border: none;
    border: 2px solid rgba(0, 0, 0, .2);
    border-radius: 5px;

       -moz-appearance: none;
    -webkit-appearance: none;
}

/*  input submit
----------------------------------------------*/

input[type='submit']
{
    font-size: 17px;
    font-weight: 300;
    line-height: 36px;

    display: inline-block;

    min-height: 36px;
    padding: 2px 24px 2px;

    cursor: pointer;
    -webkit-transition: all .2s linear 0s;
         -o-transition: all .2s linear 0s;
            transition: all .2s linear 0s;
    text-align: center;
    vertical-align: middle;
    letter-spacing: normal;

    color: #fff;
    border: 0;
    border-radius: 2px;
    background-color: #09c;

    -webkit-appearance: button;
}

/*  見出し（下線を2種類重ねて色を変化）
----------------------------------------------*/

.hd-half-boder
{
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 5px;
    padding-bottom: 6px;
}

.hd-half-boder:before
{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;

    width: 30%;
    height: 20%;

    content: '';

    border-bottom: 2px solid #83bd3f;
}

.hd-half-boder:after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 20%;

    content: '';

    border-bottom: 2px solid rgba(0, 0, 0, .05);
}

/*  不透明度
----------------------------------------------*/

.ob-opacity-08,
.ob-opacity-07,
.ob-opacity-06,
.ob-opacity-05,
.ob-opacity-04,
.ob-opacity-03
{
    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 1;
}

.ob-opacity-08:hover
{
    opacity: .8;
}

.ob-opacity-07:hover
{
    opacity: .7;
}

.ob-opacity-06:hover
{
    opacity: .6;
}

.ob-opacity-05:hover
{
    opacity: .5;
}

.ob-opacity-04:hover
{
    opacity: .4;
}

.ob-opacity-03:hover
{
    opacity: .3;
}

/*  画像を白黒にする（hoverでカラー）
----------------------------------------------*/

.monochrome
{
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
            filter: gray;
    -webkit-filter: grayscale(100%);
}

.monochrome:hover
{
            filter: none;
    -webkit-filter: grayscale(0%);
}

/*  画像を白黒にする（hoverで白黒）
----------------------------------------------*/

.r_monochrome
{
            filter: none;
    -webkit-filter: grayscale(0%);
}

.r_monochrome:hover
{
            filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
            filter: gray;
    -webkit-filter: grayscale(100%);
}

/*  振動
----------------------------------------------*/

.rum:hover
{
    -webkit-animation: rumble .12s linear infinite;
            animation: rumble .12s linear infinite;
}

/*  簡単なアニメーション（transition-propertyは各セレクタで指定する）
----------------------------------------------*/

/*  角丸
----------------------------------------------*/

.img_radius_08 img
{
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.u_goRight
{
    margin-left: auto !important;

    text-align: right !important;
}

.u_goLeft
{
    margin-right: auto !important;

    text-align: left !important;
}

.u_goCenter
{
    margin-right: auto !important;
    margin-left: auto !important;

    text-align: center !important;
}

.u_notStandOut
{
    font-size: 90%;
}

.u_notStandOut.-level00
{
    font-size: 90%;
}

.u_notStandOut.-level01
{
    font-size: 80%;
}

.u_notStandOut.-level02
{
    font-size: 70%;
}

.u_notStandOut.-level03
{
    font-size: 60%;
}

.u_notStandOut.-level04
{
    font-size: 40%;
}

.u_notStandOut.-level05
{
    font-size: 30%;
}

.u_notStandOut.-level06
{
    font-size: 20%;
}

.u_notStandOut.-slim
{
    font-weight: 500 !important;
}

.u_standOut.-level00
{
    font-size: 110%;
}

.u_standOut.-level01
{
    font-size: 120%;
}

.u_standOut.-level02
{
    font-size: 140%;
}

.u_standOut.-level03
{
    font-size: 160%;
}

.u_standOut.-level04
{
    font-size: 180%;
}

.u_standOut.-level05
{
    font-size: 200%;
}

.u_standOut.-level06
{
    font-size: 220%;
}

.u_standOut.-slim
{
    font-weight: 500 !important;
}

.u_caution
{
    color: red;
}

.u_blind-bit
{
    display: none;
}

.u_blind-small
{
    display: none;
}

.u_blind-medium
{
    display: none;
}

.u_blind-large
{
    display: none;
}

.u_blind-huge
{
    display: none;
}

.u_blind-big
{
    display: none;
}

.u_break-slender
{
    display: inline;
}

.u_break-small
{
    display: inline;
}

.u_break-medium2
{
    display: inline;
}

.u_break-medium
{
    display: inline;
}

.u_break-large
{
    display: inline;
}

.u_tb-brake
{
    display: none;
}

.u_textLink
{
    line-height: 1.5;

    padding-bottom: .1em;

    color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.u_textLink:hover
{
    color: #00a2c7;
    border-bottom-style: none;
}

.u_lh1
{
    line-height: 1;
}

.u_indent
{
    margin-left: 1em;

    text-indent: -1em;
}

#top .content_news .content_hd
{
    margin-bottom: 30px;
}

.content_access_inner
{
    margin-bottom: 60px;
}

.Download
{
    font-size: 15px;

    max-width: 672px;
    margin-right: auto;
    margin-left: auto;
}

.Download > a
{
    display: block;

    padding: 20px;
    padding-left: 30px;

    -webkit-transition: all 1s;
         -o-transition: all 1s;
            transition: all 1s;
    text-align: center;

    color: #fff;
    background-color: #e65a24;
    background-image: url(../img/common/icon_download.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 29px 29px;
}

#news .header .header_inner .nav .nav_postPage a:after
{
    width: 100%;
}

.header_inner
{
    position: relative;
}

.header_to_top
{
    display: none;
}

body#member-login
{
    background-color: #f9f9f9;
}

#trainee .header,
#member-login .header
{
    height: 90px;

    border-bottom: 2px solid #006837;
}

#trainee .zaidann_link,
#member-login .zaidann_link
{
    display: none;
}

#trainee .nav.pc,
#member-login .nav.pc
{
    display: none;
}

#trainee .menu_button.mobile,
#member-login .menu_button.mobile
{
    display: none;
}

#trainee .header_to_top,
#member-login .header_to_top
{
    font-size: 14px;

    position: absolute;
    top: 50%;
    right: 0;

    display: block;

    letter-spacing: .05em;
}

#trainee .content_hd,
#member-login .content_hd
{
    display: none;
}

#trainee .ac,
#member-login .ac
{
    display: none;
}

#trainee .third_content,
#member-login .third_content
{
    display: none;
}

#trainee .footer_top,
#member-login .footer_top
{
    display: none;
}

#trainee .movieArea,
#member-login .movieArea
{
    display: none;
}

#news.second .movieArea
{
    background-image: url('../img/news/main_mobile.jpg');
}

#news .header .header_inner .nav .nav_postPage a:after
{
    width: 100%;
}

#news .third_content
{
    display: none;
}

#news .ac
{
    display: none;
}

.header
{
    position: fixed;
    top: 0;
    left: 0;

    border-bottom: thin solid #efefef;
    background-color: #fff;
}

.header .header_inner .nav li a h3
{
    font-weight: 700;
}

.TopInfo
{
    margin-bottom: 95px;
    padding: 20px 0 30px;

    background-color: #f2f2f2;
}

.TopInfo__inner
{
    max-width: 860px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px 0 20px;
}

.ArchiveA__item
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 1.3em 2em 1.3em 0;

    border-bottom: thin dotted #c9cad3;

    -js-display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ArchiveA__head
{
    font-size: 12px;

    white-space: nowrap;
}

.ArchiveA__category
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-left: 1.5em;

    -js-display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}

.ArchiveA__discription
{
    font-size: 14px;
    font-weight: bold;

    margin-left: 1.5em;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.ArchiveA__target
{
    position: relative;

    display: block;

    -webkit-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #231815;
}

.ArchiveA__target[target='_blank']::after
{
    display: inline-block;

    width: 11px;
    height: 10px;
    margin-left: .3em;

    content: '';

    background: transparent url('../img/common/ico_blank.svg') no-repeat 0 0;
    background-size: contain;
}

.ArchiveA__target[href^='https://ninaiteokayama.or.jp/santokuen']
{
    padding-right: 0;
}

.ArchiveA__target[href^='https://ninaiteokayama.or.jp/santokuen']::after
{
    content: none;
}

.ArchiveA__target[href$='.pdf']::after
{
    font-size: 10px;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin-left: .3em;
    padding: .1em;

    content: 'PDF';

    color: red;
    border: thin solid red;
    background-size: contain;
}

.ArchiveA__target[href$='.doc']::after,
.ArchiveA__target[href$='.docx']::after
{
    font-size: 10px;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin-left: .3em;
    padding: .1em;

    content: 'Word';

    color: blue;
    border: thin solid blue;
    background-size: contain;
}

.ArchiveA__target[href$='.ppt']::after,
.ArchiveA__target[href$='.pptx']::after
{
    font-size: 10px;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin-left: .3em;
    padding: .1em;

    content: 'Power point';

    color: #d1420b;
    border: thin solid #d1420b;
    background-size: contain;
}

.ArchiveA__target[href$='.xls']::after,
.ArchiveA__target[href$='.xlsx']::after
{
    font-size: 10px;
    line-height: 1;

    position: relative;

    display: inline-block;

    margin-left: .3em;
    padding: .1em;

    content: 'Excel';

    color: green;
    border: thin solid green;
    background-size: contain;
}

.ArchiveA__ico
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    right: 0;

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

    color: #9396a7;
}

.TopNews
{
    margin-bottom: 95px;
    padding: 20px 0 30px;
}

body.second .TopNews
{
    margin-bottom: 0;
}

.TopNews__inner
{
    max-width: 860px;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    padding: 0 20px 0 20px;
}

.TopNews__button
{
    font-size: 16px;

    max-width: 514px;
    margin-right: auto;
    margin-left: auto;
}

.TopNews__navi
{
    margin-bottom: 40px;
}

/* 施設案内一覧 */

.content_postPage_list
{
    padding-bottom: 60px;
}

.content_postPage_list .content_hd
{
    margin-bottom: 50px;

    text-align: center;
}

.content_postPage_list .content_hd h1
{
    font-family: 'Ryumin Light KL';
    font-size: 30px;

    margin: 0;
    padding: 0;

    letter-spacing: .2em;

    color: #006837;
}

.content_postPage_list .content_hd p
{
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size: 17px;

    overflow: hidden;

    margin: 0;

    text-align: center;

    color: #9396a7;
}

.content_postPage_list .content_hd p span
{
    position: relative;

    display: inline-block;

    margin: 0 2.5em;
    padding: 0 1em;

    text-align: left;
}

.content_postPage_list .content_hd p span:before,
.content_postPage_list .content_hd p span:after
{
    position: absolute;
    top: 50%;

    width: 600%;
    height: 1px;

    content: '';

    background-color: #ccc;
}

.content_postPage_list .content_hd p span:before
{
    right: 100%;
}

.content_postPage_list .content_hd p span:after
{
    left: 100%;
}

.content_postPage_list .content_hd_bottom
{
    margin-bottom: 50px;
}

.content_postPage_list .content_hd_bottom .desc
{
    font-family: 'Ryumin Light KL';
    font-size: 28px;

    margin-bottom: 15px;
}

.content_postPage_list .column_wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.content_postPage_list .column_wrap .column
{
    position: relative;
}

.content_postPage_list .column_wrap .column.continue
{
    padding-bottom: 2em;

    -webkit-transition: all 1s;
         -o-transition: all 1s;
            transition: all 1s;
}

.content_postPage_list .column_wrap .column.continue:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    content: '\7D9A\304D\3092\898B\308B\FF1E';

    color: #83bd3f;
}

.content_postPage_list .column_wrap .column.continue:hover
{
    opacity: .6;
}

.content_postPage_list .column_wrap .column .photo
{
    position: relative;

    margin-bottom: 13px;
}

.content_postPage_list .column_wrap .column .photo .category_icon
{
    font-size: 16px;
    line-height: 26px;

    position: absolute;
    right: 0;
    bottom: -13px;

    display: block;

    width: 100px;
    height: 26px;

    text-align: center;

    color: #fff;
}

.content_postPage_list .column_wrap .column .photo .category_icon.postPage
{
    background-color: #e65a24;
}

.content_postPage_list .column_wrap .column .photo .category_icon.information
{
    background-color: #83bd3f;
}

.content_postPage_list .column_wrap .column .photo img
{
    width: 100%;
    height: auto;
}

.content_postPage_list .column_wrap .column .date
{
    font-size: 90%;

    color: #83bd3f;
}

.content_postPage_list .column_wrap .column .link
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.content_postPage_list .column_three_wrap
{
    margin-bottom: 40px;
}

.content_postPage_list .column_three_wrap :last-child
{
    margin-bottom: 0;
}

.content_postPage_list .column_three_wrap .column
{
    width: 294px;
}

.content_postPage_list .column_three_wrap .column .btn
{
    width: 70%;
}

/* 768以下 */

/* 768以上 */

/* 768-960 */

/* 960-1140 */

/* 1140-1440 */

/* PC */

.Archive__inner
{
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    padding: 0 20px 0 20px;
}

#top .Archive__inner
{
    max-width: 860px;
    padding: 0;
}

.Archive__head
{
    display: none;
}

#trainee .Archive__head
{
    font-size: 26px;
    font-weight: 700;

    display: block;

    color: #006837;
}

#trainee .Archive__head::before
{
    position: relative;
    top: .15em;

    display: inline-block;

    width: 26px;
    height: 26px;
    margin-right: .3em;

    content: '';

    background: transparent url('../img/common/ico_caution.svg') no-repeat 0 0;
    background-size: contain;
}

.Archive__navi
{
    margin-bottom: 40px;
}

.Button
{
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;

    position: relative;

    display: inline-block;

    width: 100%;

    cursor: pointer;
    -webkit-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
    white-space: nowrap;
    text-decoration: none;

    color: inherit;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.Button.-solid--variation01
{
    color: #fff;
    background-color: #83bd3f;
}

.Button.-solid--variation02
{
    color: #fff;
    background-color: #e65a24;
}

.Button.-solid--variation03
{
    color: #fff;
    border-radius: 100vh;
    background-color: #006837;
}

.Button.-gravityCenter
{
    display: Flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Button.-standard
{
    min-height: 3.8em;
    padding: .3em 2em;
}

.Button.-low
{
    min-height: 2.5em;
    padding: .2em 2em .1em;
}

.Button.-high
{
    min-height: 6em;
    padding: 1em 1.5em;
}

.Button.-fix
{
    height: inherit;
}

.Button__ico
{
    position: relative;
    top: -.05em;

    display: inline-block;

    margin-left: .5em;
}

.Button__ico.-gravityLeft
{
    margin-right: .5em;
    margin-left: 0;
}

.Button__ico.-pdf01
{
    position: absolute;
    left: 0;
}

.CategoryNavi
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 0;
    padding: 0;

    -js-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.CategoryNavi__item
{
    font-size: 14px;

    min-width: 9em;
}

.CategoryNavi__target
{
    display: block;

    margin: 2px;
    padding: .8em .5em;

    -webkit-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    text-align: center;

    color: #231815;
    background-color: #f2f2f2;
}

.CategoryNavi__target:hover,
.CategoryNavi__target.-active
{
    color: #fff;
    background-color: #006837;
}

.PageNavi
{
    position: relative;

    text-align: center;
}

.PageNavi .wp-pagenavi
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 50px;

    -js-display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.PageNavi .wp-pagenavi a,
.PageNavi .wp-pagenavi span
{
    font-size: 16px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: auto;
    height: auto;
    min-height: 2em;
    margin: 0 .6em 0 0;
    padding: .3em .5em;

    color: #231815;
    border-style: none;
    border-bottom: 5px solid #fff;
    background-color: #f2f2f2;

    -js-display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.PageNavi .wp-pagenavi .current
{
    font-weight: 400;

    border-bottom: 5px solid #83bd3f;
    background-color: transparent;
}

.SingleA__meta
{
    margin-bottom: 50px;

    border-bottom: 2px solid #006837;
}

.SingleA__head
{
    font-size: 30px;
}

.SingleA__day
{
    font-size: 14px;

    margin-bottom: .8em;
}

.SingleA__main
{
    margin-bottom: 70px;
}

.SingleA__button
{
    font-size: 14px;

    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

.Heading
{
    font-size: inherit;
    font-weight: 700;
    line-height: 1.5;

    position: relative;

    letter-spacing: .02em;
}

.Heading.-format00
{
    margin: 0;
    padding-bottom: .5em;

    color: #231815;
}

/*================POST STYLE ===========================================================-*/

.Post h1,
.Post h2,
.Post h3,
.Post h4,
.Post h5
{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.Post h4,
.Post h5
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.Post h2.-p01
{
    font-size: 30px;

    margin-bottom: 50px;

    color: #231815;
    border-bottom: thin solid #006837;
}

.Post h2.-p02
{
    font-family: 'Ryumin Light KL';
    font-size: 30px;

    margin-bottom: 50px;

    color: #006837;
    border-bottom: thin solid #9396a7;
}

.Post h3
{
    font-family: 'Ryumin Light KL';
    font-size: 30px;

    padding: 0;

    color: #006837;
}

.Post h3::before
{
    display: inline-block;

    width: .7em;
    height: .7em;
    margin: 0 10px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    background: #006837;
}

.Post h4
{
    font-size: 20px;

    margin-left: 1em;

    text-indent: -1em;
}

.Post h4:before
{
    content: '\3007';
}

.Post p:first-child
{
    margin-top: 0;
}

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

.Post p > img
{
    margin-top: 0;
    margin-bottom: 0;
}

.Post a
{
    font-size: 14px;

    color: #83bd3f;
}

.Post a.-hasArrow::after
{
    position: relative;
    top: -.08em;

    display: inline-block;

    margin-left: .3em;

    content: '>';
    text-decoration: none;
}

.Post hr
{
    display: block;

    height: 1px;
    margin-top: 40px;
    margin-bottom: 40px;

    border-style: none;
    background-color: #c9cad3;
}

.Post img
{
    width: auto;
    max-width: 100%;
}

.Post table td,
.Post table th
{
    font-size: 16px;
    line-height: 1.5;

    padding: 1em;

    border: thin solid #c9cad3;
}

.Post table th
{
    vertical-align: middle;
    white-space: nowrap;

    background-color: #f2f2f2;
}

.Post figure
{
    display: block;

    margin: 1em auto;
}

.Post figure > img
{
    display: block;

    width: 100%;
    max-width: 100%;
}

.Post figure.-w100
{
    width: 100%;
}

.Post figure.-w60
{
    width: 60%;
}

.Post figure.-w70
{
    width: 70%;
}

.Post figure.-w80
{
    width: 80%;
}

.Post figure.-w90
{
    width: 90%;
}

.Post figure figcaption
{
    font-size: 12px;

    margin-top: .5em;
}

.Post .q_list
{
    font-size: 16px;

    margin: 1.5em 0 !important;
    padding: 0;

    list-style: none;
}

.Post .q_list > li
{
    line-height: 1.5;

    margin: .3em 0 .2em 0;
}

.Post .q_list.-p01 > li
{
    margin-left: 1.6em;

    text-indent: -1.6em;
}

.Post .q_list.-p01 > li::before
{
    content: '\25CF';

    color: #006837;
}

.Post .q_list.-p02 > li
{
    position: relative;

    padding-left: 1.2em;
}

.Post .q_list.-p02 > li::before
{
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;

    content: '\203B';
}

.Post .q_list.-p03 > li
{
    margin-left: 1.6em;

    counter-increment: cnt;
    text-indent: -1.6em;
}

.Post .q_list.-p03 > li::before
{
    content: counter(cnt) '）';
}

.Post .q_column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.Post .q_column > *:nth-child(1)
{
    margin-right: 5%;
}

.Post .q_column > *:nth-child(2)
{
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.Post .q_column.-l20 > *:nth-child(1)
{
    width: 20%;
}

.Post .q_column.-l30 > *:nth-child(1)
{
    width: 30%;
}

.Post .q_column.-l48 > *:nth-child(1)
{
    width: 48%;
}

.Post .q_column.-l65 > *:nth-child(1)
{
    width: 65%;
}

.Post .q_column.-l75 > *:nth-child(1)
{
    width: 75%;
}

/*========================================================================================================-*/

.Paragraph,
.Post p
{
    font-size: 16px;
    line-height: 1.75;

    margin-bottom: 1em !important;

    letter-spacing: .02em;

    color: inherit;
}

.Paragraph:last-child,
.Post p:last-child
{
    margin-bottom: 0 !important;
}

.Paragraph.-small,
.Post p.-small
{
    font-size: 14px;
}

.Paragraph.-big,
.Post p.-big
{
    font-size: 18px;
}

.Paragraph.-oversized,
.Post p.-oversized
{
    font-size: 20px;
}

.Paragraph.-gravityRight,
.Post p.-gravityRight
{
    text-align: right;
}

.Fv
{
    height: 210px;

    background: transparent url('../img/common/fv_back_trainee.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.Fv__inner
{
    position: relative;
}

.Fv__head
{
    font-size: 30px;
    font-weight: 500;

    position: absolute;
    bottom: 50%;
    left: 0;

    -webkit-transform: translateY(150%);
        -ms-transform: translateY(150%);
            transform: translateY(150%);

    color: #fff;
}

.LoginHeader
{
    position: fixed;

    width: 100%;
    height: 90px;

    border-bottom: 2px solid #006837;
    background-color: #fff;
}

.LoginHeader__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 1020px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0 30px;

    -js-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.LoginHeader__logo
{
    width: 230px;
}

.LoginHeader__logo img
{
    display: block;

    width: 100%;
    max-width: 100%;
}

.LoginHeader__head
{
    font-size: 26px;
    font-weight: 700;

    position: absolute;
    top: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 65%;
    height: 88px;
    padding-left: 1em;

    color: #fff;
    background-color: #83bd3f;

    -js-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Login
{
    padding: 180px 30px 110px;
    padding-top: 180px;
}

.Login__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px;
    padding: 50px;

    background-color: #fff;
    -webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .3);
            box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .3);

    -js-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Login__main
{
    width: 100%;
    max-width: 500px;
}

/* Rectangle: */

.Form__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -js-display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.Form__item:not(:last-child)
{
    margin-bottom: 30px;
}

.Form__label
{
    font-size: 16px;

    min-width: 7em;
}

.Form__input
{
    font-size: 16px;

    display: block;

    height: 3em;
    padding: .5em;

    border: thin solid #9396a7;
    border-radius: 3px;

    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.Form__button
{
    font-size: 20px;
    font-weight: 500;
}

/* Rectangle: */

/* CSS Document */

#event180421_01 .content_event_detail_inner_box
{
    margin-bottom: 2em;
}

#event180421_01 .column_3_wrap:after
{
    display: block;
    clear: both;

    content: '';
}

#event180421_01 .column_3_wrap .column
{
    float: left;

    width: 306px;
    margin-right: 20px;
}

#event180421_01 .column_3_wrap .column img
{
    width: 100%;
    height: auto;
}

#event180421_01 .column_3_wrap .column:last-child
{
    margin-right: 0;
}

#event180421_01 .column_3_wrap .column .caption
{
    font-size: 95%;

    margin: 5px 0;
}

#event180421_01 .content_event_detail_inner_box table
{
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
}

#event180421_01 .content_event_detail_inner_box table th
{
    background-color: #f5f5f5;
}

#event180421_01 .content_event_detail_inner_box table td,
#event180421_01 .content_event_detail_inner_box table th
{
    font-size: 16px;

    padding: 10px;

    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

#event180421_01 .content_event_detail_inner_box table tr th
{
    width: 20%;
}

#event180421_01 #event_detail .content_event_detail .content_event_detail_inner .content_event_detail_inner_h2
{
    margin-bottom: 20px;
}

#event180401_01 .content_event_detail_inner_box
{
    margin-bottom: 2em;
}

#event180401_01 .column_3_wrap:after
{
    display: block;
    clear: both;

    content: '';
}

#event180401_01 .column_3_wrap .column
{
    float: left;

    width: 306px;
    margin-right: 20px;
}

#event180401_01 .column_3_wrap .column img
{
    width: 100%;
    height: auto;
}

#event180401_01 .column_3_wrap .column:last-child
{
    margin-right: 0;
}

#event180401_01 .column_3_wrap .column .caption
{
    font-size: 95%;

    margin: 5px 0;
}

#event180401_02 .content_event_detail_inner_box
{
    margin-bottom: 2em;
}

#event180401_02 .column_3_wrap:after
{
    display: block;
    clear: both;

    content: '';
}

#event180401_02 .column_3_wrap .column
{
    float: left;

    width: 306px;
    margin-right: 20px;
}

#event180401_02 .column_3_wrap .column img
{
    width: 100%;
    height: auto;
}

#event180401_02 .column_3_wrap .column:last-child
{
    margin-right: 0;
}

#event180401_02 .column_3_wrap .column .caption
{
    font-size: 95%;

    margin: 5px 0;
}

.rectangle
{
    font-size: 11px;
    line-height: 1;

    display: inline-block;

    min-width: 11em;
    margin: .2em 0;
    padding: .4em .8em .45em;

    text-align: center;
    white-space: nowrap;

    color: #fff;
}

.rectangle.rectangle--news-important
{
    background-color: #dc3237;
}

.rectangle.rectangle--flower
{
    background-color: #f58c9b;
}

.rectangle.rectangle--city
{
    background-color: #d08746;
}

.rectangle.rectangle--training
{
    background-color: #64add7;
}

.rectangle.rectangle--news-event
{
    background-color: #f0781e;
}

.rectangle.rectangle--news-usually
{
    background-color: #83bd3f;
}

.rectangle.rectangle--trainee
{
    background-color: #83bd3f;
}

@media all and (-ms-high-contrast: none)
{
    .Button
    {
        min-height: initial !important;
        min-height: auto !important;
        padding: 1em .5em !important;

        text-align: center;
    }

    .Button.-low
    {
        height: 2em;
    }

    .Button.-standard
    {
        height: 3.5em;
    }

    .Button.-high
    {
        height: 5em;
    }
}

@media screen and (min-width: 580px) and (max-width: 960px)
{
    .u_tb-brake
    {
        display: inline;
    }
}

@media screen and (min-width: 580px)
{
    .u_mobileShow
    {
        display: none;
    }
}

@media (min-width: 960px)
{
    .br_s
    {
        display: block;
    }

    .br_p
    {
        display: inline-block;
    }

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

    .image-scale-110:hover
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    .content_postPage_list .column_wrap .column .photo
    {
        height: 150px;
        max-height: 150px;
    }
}

@media screen and (min-width: 960px)
{
    .u_tabletShow
    {
        display: none;
    }

    .header .header_inner .zaidann_link a.kensyu
    {
        width: 12em;
        margin-right: 5px;

        background-color: #257b53;
    }

    .header .header_inner .nav li
    {
        width: auto;
        margin-right: 30px;
    }

    .header .header_inner .nav
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 730px;

        -js-display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .ArchiveA__target:hover
    {
        color: #83bd3f;
    }

    .Button.-solid--variation01:hover
    {
        opacity: .6;
    }

    .Button.-solid--variation02:hover
    {
        opacity: .6;
    }

    .Button.-solid--variation03:hover
    {
        opacity: .6;
    }

    .PageNavi .wp-pagenavi a:hover,
    .PageNavi .wp-pagenavi span:hover
    {
        border-bottom: 5px solid #83bd3f;
        background-color: transparent;
    }

    .Post a:hover
    {
        text-decoration: underline;
    }

    .Fv__inner
    {
        width: 960px;
        height: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width: 980px)
{
    .u_narrowPcShow
    {
        display: none;
    }
}

@media screen and (max-width: 1200px)
{
    .u_blind-huge
    {
        display: inline;
    }
}

@media screen and (max-width: 980px)
{
    .u_blind-big
    {
        display: inline;
    }

    .u_break-large
    {
        display: none;
    }

    .u_narrowPcHide
    {
        display: none;
    }
}

@media (max-width: 960px)
{
    .br_s
    {
        display: inline-block;
    }

    .br_p
    {
        display: block;
    }

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

@media screen and (max-width: 960px)
{
    .u_blind-large
    {
        display: inline;
    }

    .u_break-medium
    {
        display: none;
    }

    .u_tabletHide
    {
        display: none;
    }

    .content_access_inner
    {
        margin-bottom: 42px;
    }

    .Download
    {
        font-size: 14px;
    }

    .header .header_inner .zaidann_link_mobile
    {
        margin-top: 10px;
    }

    #trainee .header_to_top,
    #member-login .header_to_top
    {
        display: none;
    }

    #trainee .header .header_inner
    {
        padding-top: 17px;
    }

    #trainee .header .header_inner .logo
    {
        -webkit-transform: translateX(10%);
            -ms-transform: translateX(10%);
                transform: translateX(10%);
    }

    .header .header_inner .nav li a
    {
        padding: 23px 0;
    }

    .header .header_inner .zaidann_link_mobile a.kensyu
    {
        width: 18em;
        margin-bottom: 20px;

        background-color: #257b53;
    }

    .header .header_inner .menu_wrap
    {
        padding-top: 10px;
    }

    .header .header_inner .zaidann_link_mobile
    {
        margin-top: 20px;
    }

    .TopInfo
    {
        margin-bottom: 57px;
    }

    .ArchiveA__item
    {
        padding: .8em 0 .8em 0;
    }

    .ArchiveA__head
    {
        width: 100%;
        margin-bottom: .5em;
    }

    .ArchiveA__category
    {
        margin-left: 0;
    }

    .ArchiveA__discription
    {
        font-size: 14px;

        margin-left: .8em;
    }

    .TopNews
    {
        margin-bottom: 57px;
    }

    .TopNews__inner
    {
        margin-bottom: 42px;
    }

    .TopNews__inner
    {
        padding-right: 0;
        padding-left: 0;
    }

    .TopNews__navi
    {
        margin-bottom: 24px;
    }

    .Archive__inner
    {
        margin-bottom: 42px;
    }

    .Archive__inner
    {
        padding-right: 0;
        padding-left: 0;
    }

    #trainee .Archive__head
    {
        font-size: 24px;
    }

    #trainee .Archive__head::before
    {
        width: 23.4px;
        height: 23.4px;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .Archive__navi
    {
        margin-bottom: 24px;
    }

    .Button
    {
        letter-spacing: .1em;
    }

    .Button.-gravityCenter
    {
        text-indent: -.1em;
    }

    .CategoryNavi
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .CategoryNavi__item
    {
        width: 50%;
    }

    .PageNavi .wp-pagenavi
    {
        margin-top: 25px;
    }

    .SingleA__meta
    {
        margin-bottom: 30px;
    }

    .SingleA__head
    {
        font-size: 20px;
    }

    .SingleA__day
    {
        font-size: 13px;
    }

    .SingleA__main
    {
        margin-bottom: 35px;
    }

    .Post h1,
    .Post h2,
    .Post h3,
    .Post h4,
    .Post h5
    {
        margin-bottom: 1em;
    }

    .Post h2.-p01
    {
        font-size: 22px;
    }

    .Post h2.-p02
    {
        font-size: 22px;
    }

    .Post h3
    {
        font-size: 22px;
    }

    .Post h4
    {
        font-size: 18px;
    }

    .Post hr
    {
        margin-top: 24px;
    }

    .Post hr
    {
        margin-bottom: 24px;
    }

    .Post table td,
    .Post table th
    {
        font-size: 14px;

        padding: 1em .5em;
    }

    .Post .q_list
    {
        font-size: 14px;
    }

    .Paragraph,
    .Post p
    {
        font-size: 14px;
    }

    .Paragraph.-big,
    .Post p.-big
    {
        font-size: 16px;
    }

    .Paragraph.-oversized,
    .Post p.-oversized
    {
        font-size: 18px;
    }

    .Fv
    {
        height: 160px;
    }

    .Fv__inner
    {
        position: relative;

        width: 100%;
        height: 100%;
    }

    .Fv__head
    {
        font-size: 20px;

        bottom: 20px;
        left: 50%;

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

    .LoginHeader__inner
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .LoginHeader__logo
    {
        -webkit-transform: translateX(12%);
            -ms-transform: translateX(12%);
                transform: translateX(12%);
    }

    .LoginHeader__head
    {
        font-size: 18px;

        position: static;

        width: 100%;
        height: 40px;
        padding-left: 0;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .Login
    {
        padding: 180px 20px 50px;
    }

    .Login__inner
    {
        padding: 30px;
    }

    .Form__item
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }

    .Form__item:not(:last-child)
    {
        margin-bottom: 18px;
    }

    .Form__label
    {
        min-width: initial;
    }

    .Form__input
    {
        width: 100%;

        -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    }

    .Form__button
    {
        font-size: 18px;
    }
}

@media print, screen and (max-width: 960px)
{
    .content_postPage_list .content_hd h1
    {
        font-size: 24px;
    }

    .content_postPage_list .content_hd_bottom
    {
        margin-bottom: 50px;
    }

    .content_postPage_list .content_hd_bottom .desc
    {
        font-size: 20px;

        margin-bottom: 10px;
    }

    .content_postPage_list
    {
        padding-right: 35px;
        padding-left: 35px;
    }

    .content_postPage_list .column_wrap
    {
        display: block;
    }

    .content_postPage_list .column_wrap .column
    {
        margin-bottom: 40px;
    }

    .content_postPage_list .column_wrap .column:last-child
    {
        margin-bottom: 0;
    }

    .content_postPage_list .column_three_wrap .column
    {
        width: 100%;
    }

    #event180421_01 .content_event_detail_inner_box table tr,
    #event180421_01 .content_event_detail_inner_box table tr tbody,
    #event180421_01 .content_event_detail_inner_box table tr th,
    #event180421_01 .content_event_detail_inner_box table tr td
    {
        display: block;

        width: 100%;
    }

    #event180421_01 .column_3_wrap .column
    {
        float: none;

        width: 100%;
    }

    #event180401_01 .column_3_wrap .column
    {
        float: none;

        width: 100%;
    }
}

@media screen and (max-width: 780px)
{
    .u_break-medium2
    {
        display: none;
    }
}

@media screen and (max-width: 580px)
{
    .u_blind-small
    {
        display: inline;
    }

    .u_break-small
    {
        display: none;
    }

    .u_mobileHide
    {
        display: none;
    }

    .PageNavi .wp-pagenavi a,
    .PageNavi .wp-pagenavi span
    {
        font-size: 13px;
    }
}

@media screen and (max-width: 410px)
{
    .u_blind-medium
    {
        display: inline;
    }
}

@media screen and (max-width: 340px)
{
    .u_blind-bit
    {
        display: inline;
    }

    .u_break-slender
    {
        display: none;
    }

    .u_narrowMobileHide
    {
        display: none;
    }
}

@-webkit-keyframes rumble
{
    0%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }

    12.5%
    {
        -webkit-transform: rotate(.4deg) translate(1px, -1px);
                transform: rotate(.4deg) translate(1px, -1px);
    }

    25%
    {
        -webkit-transform: rotate(.8deg) translate(0px, 1px);
                transform: rotate(.8deg) translate(0px, 1px);
    }

    37.5%
    {
        -webkit-transform: rotate(.4deg) translate(-1px, 0);
                transform: rotate(.4deg) translate(-1px, 0);
    }

    50%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }

    62.5%
    {
        -webkit-transform: rotate(-.4deg) translate(1px, 0);
                transform: rotate(-.4deg) translate(1px, 0);
    }

    75%
    {
        -webkit-transform: rotate(-.8deg) translate(0, 1px);
                transform: rotate(-.8deg) translate(0, 1px);
    }

    87.5%
    {
        -webkit-transform: rotate(-.4deg) translate(-1px, -1px);
                transform: rotate(-.4deg) translate(-1px, -1px);
    }

    100%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }
}

@keyframes rumble
{
    0%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }

    12.5%
    {
        -webkit-transform: rotate(.4deg) translate(1px, -1px);
                transform: rotate(.4deg) translate(1px, -1px);
    }

    25%
    {
        -webkit-transform: rotate(.8deg) translate(0px, 1px);
                transform: rotate(.8deg) translate(0px, 1px);
    }

    37.5%
    {
        -webkit-transform: rotate(.4deg) translate(-1px, 0);
                transform: rotate(.4deg) translate(-1px, 0);
    }

    50%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }

    62.5%
    {
        -webkit-transform: rotate(-.4deg) translate(1px, 0);
                transform: rotate(-.4deg) translate(1px, 0);
    }

    75%
    {
        -webkit-transform: rotate(-.8deg) translate(0, 1px);
                transform: rotate(-.8deg) translate(0, 1px);
    }

    87.5%
    {
        -webkit-transform: rotate(-.4deg) translate(-1px, -1px);
                transform: rotate(-.4deg) translate(-1px, -1px);
    }

    100%
    {
        -webkit-transform: rotate(0deg) translate(0, 0);
                transform: rotate(0deg) translate(0, 0);
    }
}