@charset "utf-8";

/*
Theme Name: Mediacross 2016
Theme URI:
Description: The 2016 default theme for Mediacross.
Author: Mediacross
Author URI: http://medi-cro.jp/
Version: 2016.1
*/

/* break point 780px 1180px 1200px*/
/* font ============================================================= */
/* Amiri */
/* @import url(https://fonts.googleapis.com/css?family=Amiri:400,700); */


/* =============================================================  Reset and Utility.css  */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-size: 100%;font-weight: normal;vertical-align: baseline;box-sizing: border-box;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
input, textarea{margin: 0;padding: 0;outline: none;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;width:100%;}
caption, th{text-align: left;}
img {vertical-align: middle; max-width:100%;height: auto;}
*:focus {outline:none;}

.clearfix {min-height: 1px;}
.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}
* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{clear:both;}

/* =============================================================  HTML,Body,Anchor*/
html {
    font-size: 62.5%; /* 10px */
    /*font-family: "FOT-筑紫明朝 Pr6N RB";
    font-family: "FOT-筑紫明朝 Pr6 M";
    font-family: "FOT-筑紫明朝 Pr6N M";*/
    font-family: "Amiri","FOT-筑紫明朝 Pr6N L", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    background: #fff;
    border: 1rem solid #000099;
    color: #444;
    font-size: 1.6em;
    letter-spacing: .06em;
    line-height: 1.25;
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*------------------------------------*\
    BORDERS(iOS用)
    \*------------------------------------*/

    /* Create a series of empty pseudo-elements...*/
    ::i-block-chrome,body {border-color:transparent;}
    ::i-block-chrome,html:before,html:after,body:before,body:after{
        content:"";
        background:#cce5ff;
        position:fixed;
        display:block;
        z-index:5;
    }
    /* ...and position them! */
    ::i-block-chrome,html:before{
        height:10px;
        left:0;
        right:0;
        top:0;
    }
    ::i-block-chrome,html:after{
        width:10px;
        top:0;
        right:0;
        bottom:0;
    }
    ::i-block-chrome,body:before{
        height:10px;
        right:0;
        bottom:0;
        left:0;
    }
    ::i-block-chrome,body:after{
        width:10px;
        top:0;
        bottom:0;
        left:0;
    }
}
#wrapper {position: relative;min-height: 100%;height: auto !important;height: 100%;}

@media screen and (min-width: 780px) {
    #ga {position:fixed;bottom:0;left:0;z-index:9999;color:#f00;}
}

/* =============================================================  loading  */

/* =============================================================  link  */
a:link,a:visited {
    color: #444;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
            transition: all .2s ease-out;
}
a:hover,
a:active {
  color: #ccffff;
}

header a:hover,
header a:active{
    color: #fff !important;
    text-decoration:none !important;
}

/* =============================================================  text  */
.content,
.page404 p {
    line-height:2;
}
.content p,
.mbp {
    margin-bottom: 1.6em;
    text-align: justify;
}

.txtC {text-align:center !important;}.txtL {text-align:left !important;}.txtR {text-align:right !important;}
.red {color:red}
.blue {color:#ccffff}
.bold {
    font-family: "FOT-筑紫明朝 Pr6N M";
    font-weight: bold;
}
.tdu_b {text-decoration:underline dashed #6c3c0a;}
.fs9 {font-size: 0.9rem;}.fs10 {font-size: 1rem;}.fs11 {font-size: 1.1rem;}.fs12 {font-size: 1.2rem;}.fs13 {font-size: 1.3rem;}.fs14 {font-size: 1.4rem;}.fs16 {font-size: 1.6rem;}.fs18 {font-size: 1.8rem;}.fs21 {font-size: 2.1rem;}.fs24 {font-size: 2.4rem;}

.floatL {float:left;}
.floatR {float:right;}

.w10p {width: 10%;}.w15p {width: 15%;}.w20p {width: 20%;}.w25p {width: 25%;}.w30p {width: 30%;}.w35p {width: 35%;}.w40p {width: 40%;}.w45p {width: 45%;}.w50p {width: 50%;}

/* =============================================================  parts  */

.ma0 {margin: 0 !important;}
/*space px*/
.mt0 {margin-top: 0 !important;}.mt5 {margin-top: .5rem !important;}.mt10 {margin-top: 1rem !important;}.mt15 {margin-top: 1.5rem !important;}.mt20 {margin-top: 2rem !important;}.mt25 {margin-top: 2.5rem !important;}.mt30 {margin-top: 3rem !important;}.mt35 {margin-top: 3.5rem !important;}.mt40 {margin-top: 4rem !important;}.mt45 {margin-top: 4.5rem !important;}.mt50 {margin-top: 5rem !important;}.mt100 {margin-top: 10rem !important;}.mr0 {margin-right: 0 !important;}.mr5 {margin-right: .5rem !important;}.mr10 {margin-right: 1rem !important;}.mr15 {margin-right: 1.5rem !important;}.mr20 {margin-right: 2rem !important;}.mr25 {margin-right: 2.5rem !important;}.mr30 {margin-right: 3rem !important;}.mr35 {margin-right: 3.5rem !important;}.mr40 {margin-right: 4rem !important;}.mr45 {margin-right: 4.5rem !important;}.mr50 {margin-right: 5rem !important;}.mr100 {margin-right: 10rem !important;}.mb0 {margin-bottom: 0 !important;}.mb5 {margin-bottom: .5rem !important;}.mb10 {margin-bottom: 1rem !important;}.mb15 {margin-bottom: 1.5rem !important;}.mb20 {margin-bottom: 2rem !important;}.mb25 {margin-bottom: 2.5rem !important;}.mb30 {margin-bottom: 3rem !important;}.mb35 {margin-bottom: 3.5rem !important;}.mb40 {margin-bottom: 4rem !important;}.mb45 {margin-bottom: 4.5rem !important;}.mb50 {margin-bottom: 5rem !important;}.mb100 {margin-bottom: 10rem !important;}.ml0 {margin-left: 0 !important;}.ml5 {margin-left: .5rem !important;}.ml10 {margin-left: 1rem !important;}.ml15 {margin-left: 1.5rem !important;}.ml20 {margin-left: 2rem !important;}.ml25 {margin-left: 2.5rem !important;}.ml30 {margin-left: 3rem !important;}.ml35 {margin-left: 3.5rem !important;}.ml40 {margin-left: 4rem !important;}.ml45 {margin-left: 4.5rem !important;}.ml50 {margin-left: 5rem !important;}.ml100 {margin-left: 10rem !important;}.pt0 {padding-top: 0 !important;}.pt5 {padding-top: .5rem !important;}.pt10 {padding-top: 1rem !important;}.pt15 {padding-top: 1.5rem !important;}.pt20 {padding-top: 2rem !important;}.pt25 {padding-top: 2.5rem !important;}.pt30 {padding-top: 3rem !important;}.pt35 {padding-top: 3.5rem !important;}.pt40 {padding-top: 4rem !important;}.pt45 {padding-top: 4.5rem !important;}.pt50 {padding-top: 5rem !important;}.pt100 {padding-top: 10rem !important;}.pr0 {padding-right: 0 !important;}.pr5 {padding-right: .5rem !important;}.pr10 {padding-right: 1rem !important;}.pr15 {padding-right: 1.5rem !important;}.pr20 {padding-right: 2rem !important;}.pr25 {padding-right: 2.5rem !important;}.pr30 {padding-right: 3rem !important;}.pr35 {padding-right: 3.5rem !important;}.pr40 {padding-right: 4rem !important;}.pr45 {padding-right: 4.5rem !important;}.pr50 {padding-right: 5rem !important;}.pr100 {padding-right: 10rem !important;}.pb0 {padding-bottom: 0 !important;}.pb5 {padding-bottom: .5rem !important;}.pb10 {padding-bottom: 1rem !important;}.pb15 {padding-bottom: 1.5rem !important;}.pb20 {padding-bottom: 2rem !important;}.pb25 {padding-bottom: 2.5rem !important;}.pb30 {padding-bottom: 3rem !important;}.pb35 {padding-bottom: 3.5rem !important;}.pb40 {padding-bottom: 4rem !important;}.pb45 {padding-bottom: 4.5rem !important;}.pb50 {padding-bottom: 5rem !important;}.pb100 {padding-bottom: 10rem !important;}.pl0 {padding-left: 0 !important;}.pl5 {padding-left: .5rem !important;}.pl10 {padding-left: 1rem !important;}.pl15 {padding-left: 1.5rem !important;}.pl20 {padding-left: 2rem !important;}.pl25 {padding-left: 2.5rem !important;}.pl30 {padding-left: 3rem !important;}.pl35 {padding-left: 3.5rem !important;}.pl40 {padding-left: 4rem !important;}.pl45 {padding-left: 4.5rem !important;}.pl50 {padding-left: 5rem !important;}.pl100 {padding-left: 10rem !important;}

/*space em*/
.mb1 {margin-bottom:1em !important;}.mb2 {margin-bottom: 2em !important;}.mb3 {margin-bottom:3em !important;}.mb4 {margin-bottom:4em !important;}

/* =============================================================  input */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea{
    background: #f4f4f4;
    border-color: #ddd;
    border-radius: .1rem;
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    font-size: 1.6rem;
    vertical-align: baseline;
    padding: .8rem 1rem;
    width: 100%;
    font-family: "FOT-筑紫明朝 Pr6N L", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
    -webkit-transition: 0.32s ease-out;
    -moz-transition: 0.32s ease-out;
    -o-transition: 0.32s ease-out;
    transition: 0.32s ease-out;
}
select {min-width: 5rem;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #ccc;
    background: #fefefe;
    outline: none;
}
input.imeoff {ime-mode: disabled;}

input[type="radio"],input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 1rem 0 0;
}

input[type="submit"],
input[type="button"] {
    border: none;
    cursor: pointer;
}
.submit-area input[type="submit"] {
    border: none;
}
.submit-area input[type="submit"] {
    background: #000099 url(svg/arrows1.svg) no-repeat right 1rem center / 1rem 1rem;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    margin: 0 .5rem;
    padding: 1.4rem 2rem 1rem;
    width: 20rem;
    position: relative;
    -webkit-transition: 0.32s ease-out;
    -moz-transition: 0.32s ease-out;
    -o-transition: 0.32s ease-out;
    transition: 0.32s ease-out;
}
.submit-area input[type="submit"]:hover {
    background-color: #cce5ff;
}
.submit-area input[type="submit"]:focus {
    border-width: 2px 0 0;
}

label {display: inline-block;}

.submit-area {
    text-align: center;
    margin: 3rem 0;
}
.submit-area br {display: none;}

.req {position: relative;}
.req::after {
    position: absolute;
    right: 1.0rem;
    content: "必須";
    background-color: #F74850;
    color: #fff;
    font-size: 1rem;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    margin-top: 0.3rem;
    line-height: 1;
}
.error {
    color: #F74850;
}

/* mw wp form */
.mwform-radio-field {
    display: block;
}
#postcode {
    width: 12rem;
}
.nw{
    white-space: nowrap;
    padding: 0 1rem;
}

/* =============================================================  common  */
/* font */
.amiri {font-family: 'Amiri';}
/* flex box */
.flex,
.flex-st,
.flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-st {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flex-cn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
/* title */
.title1 {
    font-size: 2.4rem;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 3rem;
    color: #ea819f;
}
.title2,
.title2s {
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 2rem;
    padding: 0 0 .8rem;
}
.title3 {
    font-size: 1.8rem;
    margin: 3rem 0;
    text-align: center;
}
.title4 {
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 3rem;
    position: relative;
}
.title4 span {
    background: #fff;
    display: inline-block;
    z-index: 1;
    padding: 0 2rem;
    position: relative;
}
.title4::after {
    content: "";
    background: #ddd;
    margin: auto;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.del{
  text-decoration: line-through;
}
@media screen and (min-width: 780px) {
    .title2s {
        width: 22rem;
        margin: 0 auto 2rem;
    }
}
/* pagetitle & breadCrumb */
.pagetitle-wrap {
    border-bottom: 1px solid #efeae3;
    text-align: center;
    padding: 2rem;
}
.pagetitle {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    font-size: 3.6rem;
    padding: 0 1rem 1rem;
}
.breadcrumb-wrap {
    font-size: 1rem;
    padding: 1rem;
}
.breadcrumb-wrap,
.breadcrumb-wrap a {
    color: #666;
    font-size: 1.2rem;
}
@media screen and (min-width: 780px) {
    .pagetitle-wrap {
        padding: 6rem 2rem;
    }
    .pagetitle {
        padding: 0 3.5rem 1rem;
    }
}
/* button */
a.btn1 {
    background: #000099 url(svg/arrows1.svg) no-repeat right 1rem center / auto 1rem;
    border-radius: .3rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    display: inline-block;
    padding: .7rem 4rem .2rem 3rem;
    width: 100%;
    text-align: center;
    margin-top: 3.5rem;
}
a.btn1:hover{
    background-color:#cce5ff;
}
a.btn2 {
    background: #000099 url(svg/arrows1.svg) no-repeat right 2rem center / auto 1rem;
    border-radius: .3rem;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: .4rem 4rem .2rem 3rem;
}
a.btn2:hover{
    background-color: #cce5ff;
}
.link-btns li {
    padding: 0 0 1rem;
    width: 100%;
}
.link-btns a,
.btn3 {
    background: #fff url(svg/arrows2.svg) no-repeat right 1.5rem center / auto 1rem;
    border: 1px solid #ddd;
  border-radius: 1px;
    display: block;
    line-height: 1.4;
    padding: 1rem 3rem .6rem 1.5rem;
}
.btn3 {
    max-width: 32rem;
}
.link-btns a:hovere,.btn3:hover{
  border:1px solid #ccffff;
}
@media screen and (min-width: 780px) {
    .link-btns li {
        padding: 0 2rem 2rem 0;
        width: 33.33%;
        width: calc(100% / 3);
    }
    .link-btns li:nth-child(3n) {
        padding: 0 0 2rem;
    }
}
/* list */
.disc > li {
    list-style-type: disc;
    margin-left: 2rem;
}
.square > li {
    list-style-type: square;
    margin-bottom: 1rem;
    margin-left: 2rem;
}
.square-none > li {
    list-style-type: unset;
    margin-bottom: 1rem;
    margin-left: 0rem;
}
.circle > li {
    list-style-type: circle;
    margin-left: 2rem;
}
.decimal > li {
    list-style-type: decimal;
    margin-left: 2rem;
}
.kome > li {
    margin-left: 1em;
    position: relative;
}
.kome > li::before {
    content: "※";
    position: absolute;
    left: -1em;
}
.dl1 dt {
    font-size: 1.5rem;
    margin: 0 0 .5rem;
}
.dl1 dd:not(:last-child) {margin: 0 0 1.6em;}

/* filter */
.blur{
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: ease-out .3s all;
    transition: ease-out .3s all;
}

/* =============================================================  wrapper  */
.content {
    background: #fff;
}
.slideup {
    max-width: 120rem;
    margin-left: auto;
    margin-right: auto;
}
/* bg color */
.bg-beige {background: #efeae3;}
/* section */
.page-container {
    margin: auto;
    max-width: 100rem;
}
.page-container1000 {
    margin: auto;
    max-width: 100rem;
}
.page-inner {
    margin: auto;
    max-width: 84rem;
}
.page-inner:not(:last-child),
.mb60pc {
    margin-bottom: 3rem !important;
}
.way2 {width: 100%;}
.way-padding {padding: 2rem;}
.content-left {margin: 0 0 8rem;}
.sec {
    margin-bottom: 2rem;
    position: relative;
}
.sec-wrap {
    margin: auto;
    max-width: 122rem;
}
.sec-inner,
.sec-inner2 {
    padding: 3rem 1rem;
}
.page-sec {padding: 3rem 2rem;}
.page-sec-bottom0 {padding: 3rem 0 0;}
.container-left {
    width: 100%;
    text-align: center;
    margin: 0 0 2rem;
}
.container-right {width: 100%;}
@media screen and (min-width: 780px) {
    .way2 {width: 50%;}
    .way-padding {padding: 3rem;}
    .content-left {
        float: left;
        width: 70%;
    }
    .sidebar {
        float: right;
        width: 24%;
    }
    .page-inner:not(:last-child),
    .mb60pc {
        margin-bottom: 6rem !important;
    }
    .event{
        background: #efeae3;
    }
    .sec-inner {padding: 4rem 1rem;}
    .sec-inner2 {padding: 5rem 1rem;}
    .home-about .sec-inner2:nth-child(1) {padding: 6rem 0 0;}
    .home-about .sec-inner2:nth-last-child(1) {padding: 3rem 0 6rem;}
    .page-sec {padding: 6rem 2rem;}
    .page-sec-bottom0 {padding: 6rem 0 0;}
    .container-left {
        float: left;
        margin: 0;
        width: 32%;
    }
    .container-right {
        float: right;
        width: 62%;
    }

}
/* zoushin's kitchen */
.content-tk,
.sidebar.tk1,
.sidebar.tk2 {
    float: none;
    margin: 0 0 3rem;
    width: 100%;
}
@media screen and (min-width: 780px) {
    .content-tk {
        width: 70%;
        order: 1;
    }
    .sidebar.tk1 {
        width: 70%;
        order: 3;
    }
    .sidebar.tk2 {
        width: 24%;
        order: 2;
    }
}
@media screen and (min-width: 1000px) {
    /* zoushin's kitchen */
    .content-tk {
        width: 46%;
        order: 2;
    }
    .sidebar.tk1,
    .sidebar.tk2 {
        width: 24%;
    }
    .sidebar.tk1 {order: 1;}
    .sidebar.tk2 {order: 3;}
}

/* =============================================================  header  */
#header {
    background: #cce5ff;
    position: relative;
}
.home #header {
    background: transparent;
}
.header-wrap {
    color: #000199;
    z-index: 1;
    position: relative;
}
.home .header-wrap {
    color: #fff;
}
.header-logo-wrap {
    background: #fff;
    text-align: center;
    padding: 1rem 9rem;
    position: relative;
}
.home .header-logo-wrap {
    background: transparent;
    text-align: left;
}
.header-desc {display: none;}
/* sp */
@media screen and (max-width: 780px) {
    .header-desc-sub {
        display: none;
    }
    .home .header-logo-wrap {
        padding: 2rem 0 0 2rem;
        position: fixed;
    }
    .header-logo-wrap img{
        width: 200px;
    }
}
/* pc */
@media screen and (min-width: 780px) {
    .home .header-wrap {min-height: 72rem;}
    .slider-bg-wrap,
    .slider-bg {
        min-height: 71rem;
    }
    .home .header-logo-wrap {
        margin: 0 4rem;
        padding: 0px 0px 0px;
    }
    .home img.home-logo {
        margin: 6% -1%;
        width: 22%;
    }
    .header-desc {
        display: block;
        font-size: 1rem;
        font-weight: bold;
        line-height: 1;
        position: absolute;
        top: 2rem;
    }
    .header-desc-sub {
        font-size: 1rem;
        margin: 0 0 1rem;
    }
}
/* main navi(spmenu) */
@media screen and (max-width: 1099px) {
    .pc-navi {display: none !important;}
    .sp-navi {
        display: block;
        z-index: 10;
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
    }
    .spbtn {
        background-color: rgba(45,90,271,.9);
        color: #fff;
        font-size: 1rem;
        text-align: center;
        width: 5rem;
        height: 5rem;
        position: absolute;
        top: 3rem;
        right: 3rem;
        cursor: pointer;
        overflow: hidden;
    }
    .spbtn.active {}
    .sp-navi-box {
        background-color: rgba(0,0,0,.7);
        background-color:rgba(45,90,271,.9);
        color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 9999;
        padding: 2rem;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(6rem);
        -webkit-transform: translateY(6%);
        transform: translateY(6%);
        -webkit-transition: all .32s ease-out;
        transition: all .32s ease-out;
    }
    .active.sp-navi-box {
        display: block;
        opacity: 1;
        overflow: auto;
        visibility: visible;
        height: auto;
        transform: translateY(0);
    }
    .closewrap{
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0, 1);
        -moz-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0, 1);
        -o-transition: opacity 500ms cubic-bezier(0.455, 0.03, 0, 1);
        transition: opacity 500ms cubic-bezier(0.455, 0.03, 0, 1);
        -webkit-transition-delay: 0ms;
        -moz-transition-delay: 0ms;
        -o-transition-delay: 0ms;
        transition-delay: 0ms;
        position: absolute;
        top: 60px;
        left: 36px;
        display: block;
        cursor: pointer;
    }
    .closewrap:hover .close{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .close {

        margin: 1rem 1.5rem;
        text-align: right;
        cursor: pointer;
        background-image: url(images/sp_close.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        height: 25px;
        width: 25px;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.455, 0.03, 0, 1);
        -moz-transition: -moz-transform 0.3s cubic-bezier(0.455, 0.03, 0, 1);
        -o-transition: -o-transform 0.3s cubic-bezier(0.455, 0.03, 0, 1);
        transition: transform 0.3s cubic-bezier(0.455, 0.03, 0, 1);
        float: right;
    }
    .close:hover{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .spmenu{
        margin-top: 7rem;
    }
    .spmenu a {
        display: block;
        color: #fff;
    }
    .spmenu > li {
        border: 1px solid rgba(255,255,255,.5);
        background: rgba(255,255,255,.1);
        border-radius: 1px;
        color: #fff;
        display: block;
        margin-bottom: 1rem;
    }
    .dropdown {
        position: relative;
    }
    .spmenu-parent a,
    .spmenu > li > a {
        padding: 1.5rem;
        font-size: 1.6rem;
        line-height: 1;
    }
    .ac-btn {
        background: rgba(255,255,255,.02);
        width: 8rem;
        height: 4.5rem;
        position: absolute;
        right: 0;
        top: 0;
        transition: ease-out .2s all;
    }
    .ac-btn span {
        background: url(svg/arrows1.svg) no-repeat center center / contain;
        margin: auto;
        position: absolute;
        height: 1.6rem;
        width: 1.6rem;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        transform: rotate(90deg);
        transition: ease-out .2s all;
        cursor: pointer;
    }
    .open .ac-btn span {transform: rotate(-90deg);}
    .spmenu-2nd.open {}
    .spmenu-2nd li {
    }
    .spmenu-2nd > li > a {
        font-size: 1.4rem;
        padding: 1.5rem 1rem 1.5rem 3rem;
        position: relative;
    }
    .spmenu-2nd > li > a::before {
        background: url(svg/arrows1.svg) no-repeat 0 0 / contain;
        content: "";
        margin: auto;
        width: .8rem;
        height: .8rem;
        position: absolute;
        bottom: 0;
        left: 1.5rem;
        top: 0;
    }
    .spmenu-3rd > li > a {
        font-size: 1.4rem;
        padding: 1.5rem 1rem 1.5rem 3rem;
    }
    .spmenu-3rd > li > a::before {
        content: "- ";
    }
}
@media screen and (max-width:320px) {
    .close {
        margin: 2rem .5rem;
    }
}
/* main navi(pc-navi) */
@media screen and (min-width: 1100px) {
    .sp-navi {display: none;}
    .header-wrap {
        z-index: 2;
    }
    .pc-navi {
        background: #000099;
        position: relative;
        height: 7rem;
    }
    .home .pc-navi {
        background: transparent;
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: 8rem;
        padding: 1rem 0;
    }
    .home .follow .pc-navi{
        padding: 0;
    }
    .pc-navi a {
        color: #fff;
    }
    .pc-navi > ul {
        margin: 0 auto;
        width: 110rem;
        height: 7rem;
    }
    .home .pc-navi > ul {
        margin: 0 0rem 0 auto;
        width: 80rem;
        height: 5rem;
    }
    .home .follow .pc-navi > ul {
        margin: 0 auto;
        width: 110rem;
        height: 7rem;
    }
    .pc-navi > ul > li {
        flex: 1 1 auto;
        padding: 0 2% 0 0;
        line-height: 7rem;
    }
    .home .pc-navi > ul > li {
        flex: 1 1 auto;
        padding: 0 0% 0 0;
        line-height: 5rem;
    }
    .home .follow .pc-navi > ul > li {
        flex: 1 1 auto;
        padding: 0 2% 0 0;
        line-height: 7rem;
    }
    .pc-navi > ul > li:last-child {
        /* padding-right: 0; */
        /* width: 16.8rem; */
        /* margin-top: 1.1rem; */
    }
    .home .pc-navi > ul > li:last-child {
        /* padding-right: 0; */
        /* margin-top: 0; */
    }
    .home .follow .pc-navi > ul > li:last-child {
        /* padding-right: 0; */
        /* width: 16.8rem; */
        /* margin-top: 1.1rem; */
    }
    .pc-1st > a {
        display: block;
        text-align: center;
        /* padding: 0 1rem; */
        position: relative;
        -webkit-transition: all .32s ease-out;
        transition: all .32s ease-out;
    }
    .pc-1st > a:not(.yoyaku)::before,
    .pc-1st > a:not(.yoyaku)::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        content: '';
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }
    .pc-1st > a:not(.yoyaku)::before{
        top: 0;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .pc-1st > a:not(.yoyaku)::after{
        bottom: 0;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    .pc-1st > a:not(.yoyaku):hover::before,
    .pc-1st > a:not(.yoyaku):focus::before {
        opacity: 1;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    .pc-1st > a:not(.yoyaku):hover::after,
    .pc-1st > a:not(.yoyaku):focus::after {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .home .pc-1st > a:not(.yoyaku):hover::before,
    .home .pc-1st > a:not(.yoyaku):focus::before,
    .home .pc-1st > a:not(.yoyaku):hover::after,
    .home .pc-1st > a:not(.yoyaku):focus::after {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    .follow .pc-1st > a:not(.yoyaku):hover::before,
    .follow .pc-1st > a:not(.yoyaku):focus::before {
        opacity: 1;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    .follow .pc-1st > a:not(.yoyaku):hover::after,
    .follow .pc-1st > a:not(.yoyaku):focus::after {
        opacity: 1;
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    .pc-1st > a.yoyaku {
         border-color: rgba(255,255,255,1);
         border-style: solid;
         border-width: 1px;
        border-radius: 1px;
        padding:0;
        height: 4.8rem;
            line-height:4.8rem;
    }
    .pc-1st > a.yoyaku::after {
        background: url(svg/arrows1.svg) no-repeat center center /contain;
        content: "";
        display: inline-block;
        vertical-align: baseline;
        margin-left: 1.5rem;
        width: 1.2rem;
        height: 1.2rem;
    }
    .pc-1st > a:not(.yoyaku):hover {
        border-color: rgba(255,255,255,1);
    }
    /* 2nd */
    .pc-2nd {
        background: rgba(127,191,255,0.8);
        color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 2;
        position: absolute;
        left: 0;
        right: 0;
        -webkit-transform: translateY(6%);
        transform: translateY(6%);
        -webkit-transition: all .32s ease-out;
        transition: all .32s ease-out;
    }
    .on > .pc-2nd {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    .pc-2nd > *{
        width: 50%;
    }
    .pc-2nd-box {
        padding: 4rem 7% 5rem;
    }
    .pc-2nd-title {
        display: block;
        position: relative;
        margin-bottom: 1rem;
    }
    .pc-2nd-title-inner {
        background: url(svg/arrows1.svg) no-repeat right 3.25rem / 1.5rem auto;
        font-size: 3rem;
        display: inline-block;
        line-height: 1.4;
        padding: 0 3rem 0 0;
    }
    .pc-2nd-title span {
        font-size: 1.6rem;
        display: block;
        letter-spacing: 0.04em;
    }
    .pc-2nd-navi li {
        height: 4rem;
        margin: 0 0 1rem;
        display: block;
    }
    .pc-2nd-navi li:last-child{
        margin-bottom: 0;
    }
    .pc-2nd-navi a {
        background: rgba(255,255,255,.1) url(svg/arrows1.svg) no-repeat right 2rem center / auto 1rem;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 1px;
        color: #fff;
        display: block;
        padding: 0 3rem 0 1.5rem;
        line-height: 4rem;
    }
    .pc-2nd-navi a:hover {
        background-color: rgba(255,255,255,.2);
        border: 1px solid rgba(255,255,255,.8);
    }
    .pc-2nd-bg {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pc-2nd-bg.guide {background-image: url(images/navibg_guide.png);}
    .pc-2nd-bg.service {background-image: url(images/navibg_service.png);}
    .pc-2nd-bg.nyuusyo {background-image: url(images/navibg_nyuusyo.png);}


    /* follow */
    .follow {
        padding-top: 7rem;
    }
    .follow .pc-navi {
        animation: 0.5s ease 0s normal none 1 running slideInDown;
        background-color: #000099;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
    }
    @keyframes slideInDown {
        0% {
            transform: translate3d(0px, -100%, 0px);
            visibility: visible;
        }
        100% {
            transform: translateZ(0px);
        }
    }
    .follow .pc-navi > ul {
        width: auto;
        margin: 0 auto;
        width: 110rem;
    }
    .follow .pc-1st > a {
        padding:0;
    }
}
@media all and (-ms-high-contrast:none){ /* IE11 */
    *::-ms-backdrop, .pc-navi > ul > li {padding: 0 1% 0 0;}
    *::-ms-backdrop, .pc-navi > ul > li:last-child { width: auto; }
}
/* header search */
.header-search {display: none;}
@media screen and (min-width: 1099px) {
    .header-search {
        display: block;
        text-align: right;
        position: absolute;
        right: 4rem;
        top: 2rem;
    }
    .header-tel {
        background: url(svg/icon_tel.svg) no-repeat left center / 1.2rem auto;
        display: inline-block;
        font-size: 2.8rem;
        font-weight: bold;
        letter-spacing: .05em;
        vertical-align: middle;
        margin: 0 2rem 0 0;
        padding: 0 0 0 2rem;
    }
    #searchform {
        display: inline-block;
    }
    .searchsubmit {
        background: transparent url(svg/icon_search.svg) no-repeat center center / contain;
        opacity: .4;
        text-indent: -9999px;
        vertical-align: middle;
        margin: 0 .8rem 0 0;
        height: 1.2rem;
        width: 1.2rem;
    }
    #searchform .s,
    input.txtArea {
        background: rgba(0,0,0,.1);
        border: 1px solid rgba(255,255,255,.2);
        color: #fff;
        vertical-align: middle;
        padding: .1rem .6rem;
        width: 13rem;
        height: 2.4rem;
    }
    #searchform .s:focus,
    input.txtArea:focus {
        background: rgba(0,0,0,.3);
    }
}
/* slideup */
.slideup {display: none;}
@media screen and (min-width: 780px) {
    .slideup {
        display: flex;
        overflow: hidden;
        z-index: 1;
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .slideup li {
        width: 33.2%;
        width: calc(99.8% / 3);
        position: relative;
        bottom: -18rem;
        transition-duration: .4s;
        transition-property: box-shadow, bottom;
        transition-timing-function: ease-out, cubic-bezier(0.3, 0, .15, 1);
    }
    .slideup li.on {
        box-shadow: 0 10px 30px rgba(10, 29, 59, .6);
        bottom: 0;
    }
    .slideup a {
        display: block;
        color: #fff;
    }
    .slideup-title {
        background: #cce5ff;
        padding: 0 1.5rem;
        line-height: 5rem;
        position: relative;
    }
    .slideup-title::after {
        background: url(svg/arrows1.svg) no-repeat 0 0 / contain;
        content: "";
        margin: auto;
        width: 1rem;
        height: 1rem;
        position: absolute;
        right: 1.5rem;
        bottom: 0;
        top: 0;
        transition-delay: .1s;
        transition-duration: .4s;
        transition-property: transform;
        transition-timing-function: ease-out, cubic-bezier(0.3, 0, .15, 1);
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .on .slideup-title::after {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    .slideup-title span {
        vertical-align: middle;
    }
    .slideup-title .en {
        font-size: 2.4rem;
    }
    .slideup-title .ja {
        font-size: 1rem;
        margin-left: 1em;
    }
    .slideup-img {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 18rem;
    }
    .upimg1 {background-image: url(images/slideup1.png);}
    .upimg2 {background-image: url(images/slideup2.png);}
    .upimg3 {background-image: url(images/slideup3.png);}
}
@media screen and (min-width: 1180px) {
    .slideup {
        padding: 0 5%;
        z-index: 2;
    }
}
/* slider bg */
.slider-bg-wrap {
    z-index: -1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slider-text {display: none;}
@media screen and (min-width: 1100px) {
    .slider-text {
        display: block;
        z-index: 1;
        margin: auto;
        position: absolute;
        top: 18rem;
        right: 10%;
    }
}
@media screen and (max-width: 1099px) {
    .slider-text {
        display: block;
        z-index: 1;
        margin: auto;
        position: absolute;
        right: 10%;
        top: 14rem;
    }
}
@media screen and (max-width: 480px) {
    .slider-text {
        display: block;
        z-index: 1;
        margin: auto;
        position: absolute;
        right: 42.5%;
        top: 12rem;
    }
    img.slider-text {
        width: 48px !important;
    }
}
@media screen and (max-width: 780px) {
  .spbtn {
    top: 2rem;
    right: 2rem;
      z-index: 2000;
  }
}
/* mouse icon */
.home-mouse {
    width: 100%;
    position: absolute;
    bottom: 6rem;
}
.scroll-btn .mouse {
    border: 1px solid #fff;
    border-radius: 1rem;
    display: block;
    margin: 0 auto;
    height: 2.4rem;
    width: 1.6rem;
    position: relative;
}
.scroll-btn .mouse > * {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    height: 0.4rem;
    margin: -5px 0 0 -3px;
    width: 0.4rem;
    position: absolute;
    left: 60%;
    top: 29%;
    animation: 2.5s linear 0s normal none infinite running ani-mouse;
}
@keyframes ani-mouse {
    0% {opacity: 1;top: 29%;}
    15% {opacity: 1;top: 50%;}
    50% {opacity: 0;top: 50%;}
    100% {opacity: 0;top: 29%;}
}

/* =============================================================  footer  */
/* footer tel */
.footer-tel {
    background: #fff;
    border-top: 1rem solid #000099;
    border-bottom: 1rem solid #000099;
    text-align: center;
    padding: 4rem 1rem;
}
.footer-tel > p {
    line-height: 1.6;
}
.footer-tel-num {
    font-size: 2.8rem;
    font-weight: bold;
    color: #000099;
    margin: 1.2rem 0 .5rem;
}
.footer-tel-icon {
    fill: #000099;
    margin: 0 .8rem 0 0;
    width: 2.4rem;
    height: 2.6rem;
}
.footer-tel-icon,
.footer-tel-num span {
    display: inline-block;
    vertical-align: middle;
}
/* footer map */
.footer-map {
    border-bottom: 1rem solid #000099;
    position: relative;
}
.accessmap-wrap {
    padding: 30% 0 0 0;
    position: relative;
    width: 100%;
    min-height: 450px;
}
.accessmap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1100px) {
    .accessmap-wrap {
        padding: 60% 0 0 0;
    }
}
.map-btn {
    background: #000099 url(svg/arrows1.svg) no-repeat right 2rem center / auto 1rem;
    border-radius: .2rem;
    color: #fff !important;
    text-align: center;
    margin: auto;
    padding: 1rem 0;
    width: 22rem;
    position: absolute;
    bottom: 2rem;
    left: 0;
    right: 0;
}
@media screen and (min-width: 780px) {
    .page-access .content{min-height: 100rem;}
}
/* footer */
.footer-wrap {
    background: #efeae3;
}
.footer-inner {
    max-width: 122rem;
    margin: auto;
    padding: 6rem 2rem;
}
.footer-inner a {
    color: #a3a09b;
    padding-left: 1rem;
    text-indent: -1rem;
}
/* footer navi */
.footer-navi {display: none;}
@media screen and (min-width: 780px) {
    .footer-navi {
        display: flex;
        font-size: 1.6rem;
        line-height: 2;
    }
    .footer-navi > li {
        overflow: hidden;
        margin: 0 -30px 8rem;
        width: 33.33%;
        width: calc(100% / 3);
    }
    .footer-navi > li.w2 .footer-navi-2nd {
        float: left;
        width: 50%;
    }
    .footer-navi a {
        display: block;
    }
    .footer-navi-title {
        margin-bottom: 1.5rem;
    }
    .footer-navi-1st {}
    .footer-navi-2nd {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }
    .footer-navi-3rd {}
    .footer-navi-3rd a::before {
        content: "- ";
    }
}
@media screen and (min-width: 1180px) {
    .footer-navi > li {
        width: 13%;
    }
    .footer-navi > li.w2 {
        width: 25%;
    }
}
/* footer info */
.footer-info {
    border-top: 1px solid #a3a09b;
    color: #706e6b;
    font-size: 1.2rem;
    text-align: center;
    padding: 2rem 0 0;
    position: relative;
}
.footer-desc {
    font-size: 1rem;
    margin: 0 0 1rem;
}
.footer-address {
    margin: 1rem 0 2rem;
}
.copyright {
    font-size: 1.1rem;
    display: block;
}
@media screen and (min-width: 780px) {
    .footer-info {
        text-align: left;
        padding: 6rem 0 0;
    }
    .footer-logo,
    .footer-address {
        display: inline-block;
        vertical-align: middle;
    }
    .footer-address {
        margin: 0 0 0 2rem;
    }
    .copyright {
        position: absolute;
        bottom: 1em;
        right: 0;
    }
}

/* sp menu(mobile onry) */
.sp-footer {
    background: #cce5ff;
    z-index: 2000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sp-footer li {
    border-top: 1px solid #112b50;
    border-right: 1px solid #04142b;
    border-left: 1px solid #112b50;
    width: 25%;
}
.sp-footer a {
    color: #fff;
    display: block;
    font-size: 1rem;
    text-align: center;
    padding: 1rem 0;
}
.sp-footer a::before {
    font: 2rem 'zoushin';
    display: block;
    margin: 0 0 .8rem;
}
.sp-footer a.homesp::before {content: "";}
.sp-footer a.smsp::before {content: "";}
.sp-footer a.telsp::before {content: "";}
.sp-footer a.yyksp::before {content: "";}

/* pagetop */
#pagetop {display: none;}
@media screen and (min-width: 780px) {
    #pagetop {
        border: 2px solid #a3a09b;
        border-radius: 50%;
        display: block;
        opacity: 0;
        visibility: hidden;
        padding: 1.8rem 2rem;
        position: fixed;
        bottom:  1.8rem;
        right:  2.8rem;
        -webkit-transition: all .4s ease;
                transition: all .4s ease;
    }
    #pagetop.on {
        opacity: 1;
        visibility: visible;
    }
    .triangle {
        fill: #a3a09b;
        width: 1.6rem;
        height: 1.4rem;
    }
}
.footer-inner a {
    color: #706e6b;
}

.footer-inner a :hover {
    color: #706e6b;
text-decoration:underline;
}

/* =============================================================  sidebar  */
.side-box {margin: 0 0 3rem;}
.side-title {
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    margin: 0 0 1rem;
    padding: 0 0 .5rem;
}
/* side post list */
.side-post-list li {
    border-bottom: 1px dotted #ddd;
}
.side-post-list a {
    display: block;
    overflow: hidden;
    padding: 1rem 0;
}
.side-post-img {
    border-radius: 50%;
    float: left;
    width: 8rem;
}
.side-post-inner {
    margin-left: 9.5rem;
}
.side-post-title {
    line-height: 1.3;
    margin: 0 0 .5rem;
}
.side-post-date {
    color: #999;
    font-size: 1.3rem;
}

/* =============================================================  home  */
.home-title {
    letter-spacing: .05em;
    text-align: center;
    /* margin: 0 0 3.5rem; */
}

.home-title2 {

    margin: 0 0 -3.5rem;
}

.home-title .en {
    font-size: 1.6rem;
}
.home-title .ja {font-size: 2.4rem;}
.home-text {
    max-width: 96rem;
    margin: 0 auto 2.4em !important;
}
/* home info */
.home-info {
    background: #efeae3;
}
.home-info * {
    font-weight: bold;
}
.home-info-box {
    background: #fff;
    line-height: 1.6;
    margin: 0 0 1rem;
    padding: 1.8rem;
    width: 100%;
}
.home-info-title1 {
    margin-bottom: .6rem;
}
.home-availability {
    border-top: 1px solid #818b9c;
    padding: 1rem 0 0;
    width: 100%;
    margin-top: 1rem;
}
.home-availability-title {
    font-size: 1.8rem;
    margin-bottom: .7rem;
}
.home-availability-title span {
    font-size: 1.2rem;
    margin-left: 1em;
}
.availability {
    background: #fff;
    margin-bottom: 1rem;
}
.availability th,
.availability td {
    text-align: center;
    padding: .5rem;
}
.availability thead th,
.availability thead td {
    border-color: #ddd;
    border-style: solid solid dotted;
    border-width: 1px;
    vertical-align: middle;
}
.availability tbody th,
.availability tbody td {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px;
    vertical-align: middle;
}
.availability thead th,
.availability tbody th{
    font-size: 1.4rem;
}
@media screen and (min-width: 780px) {
    .home-info-box {
        width: 50%;
    }
    .availability th,
    .availability td {
        padding: .5rem 1rem;
    }
}
@media screen and (min-width: 1220px) {
    .home-info-box {
        margin: 0;
        min-width: 24rem;
        width: auto;
        margin-top: 1rem;
    }
    .home-availability {
        width: 60rem;
    }
}
@media screen and (min-width: 1300px) {
    .home-availability {width: 56rem;}
}
/* home news list */
.home-news {
    overflow: hidden;
    margin: 0 0 3rem;
    width: 100%;
}
.home-news-title {
    text-align: center;
    margin-bottom: 1.5rem;
}
.home-news .inner {
    /* border-right: 1px solid #DEDDD9; */
    padding: 0 10%;
}

.home-news-title .en,
.home-news-title .ja {
    display: inline-block;
}
.home-news-title .en {
    font-size: 3rem;
    letter-spacing: .05em;
    line-height: 1.2;
}
.home-news-title .ja {
    font-size: 1.2rem;
    margin: 0 1em;
}
.home-kitchen {
    text-align: center;
    margin: auto;
    max-width: 75rem;
    width: 100%;
}
.home-kitchen-title {
    font-size: 2rem;
    white-space: nowrap;
}
.home-kitchen-date {
    margin-bottom: 1.5rem;
}
.home-kitchen-box {
    background: transparent;
    float: left;
    padding: 0;
    width: 35%;
}
.home-kitchen-title-wrap {
    float: right;
    width: 60%;
    text-align: left;
}
@media screen and (min-width: 780px) {
    .home-news {
        width: 70%;
        margin: 0;
        border: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .home-news-title {
        text-align: left;
    }
    .home-news-title .en,
    .home-news-title .ja {
        display: block;
    }
    .home-news-title .ja {
        margin: 0 0 1.5rem;
    }
    .home-news-title {
        /* width: 20rem; */
        /* float: left; */
        text-align: center;
    }
    .home-news .news-list {
        /* border-left: 1px solid #ddd; */
        /* margin-left: 22rem; */
        /* padding: 1.5rem 3rem; */
    }
    .home-kitchen {
        margin: 0;
        width: 30%;
    }
    .home-kitchen-box {
        background: #efeae3;
        border-radius: .2rem;
        float: left;
        padding: 2rem;
        width: auto;
    }
    .home-kitchen-title {
        font-size: 2.4rem;
    }
    .home-kitchen-title-wrap {
        float: none;
        width: auto;
        text-align: center;
    }
}
/* home about */
.home-about {}
/* home guide */
.home-guide-box {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 2rem;
    width: 100%;
}
.home-guide-box.examination {background-image: url(images/home_guide_bg1.jpg)}
.home-guide-box.hospitalization {background-image: url(images/home_guide_bg2.jpg);background-position: -10px;}
.home-guide-title-en {
    font-size: 1.6rem;
    letter-spacing: .04em;
}
.home-guide-title-ja {
    font-size: 3.6rem;
    letter-spacing: .05em;
    line-height: 1.4;
    margin: 0 0 .6rem;
}
.home-guide-text {
    font-size: 1.3rem;
}
.home-guide-list li:not(:last-child) {
    margin: 0 0 1rem;
    display: block;
}
.home-guide-list a {
    background: rgba(255,255,255,.1) url(svg/arrows1.svg) no-repeat right 2rem center / auto 1rem;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 1px;
    color: #fff;
    display: block;
    padding: .4rem 3rem .2rem 1.5rem;
}
.home-guide-list a:hover {
    background-color: rgba(255,255,255,.2);
    border: 1px solid rgba(255,255,255,.8);
}
@media screen and (min-width: 780px) {
    .home-guide-box {
        padding: 4rem;
        width: 50%;
    }
}
@media screen and (min-width: 1180px) {
    .home-guide-box {
        padding: 4rem 20% 6rem 4rem;
    }
    .home-guide-text {
        min-height: 11.2rem;
    }
}
/* home care */
.home-care-list {
    margin: auto;
    max-width: 134rem;
}
.home-care-list li {
    text-align: center;
    margin: 0 0 2rem;
    width: 48%;
}
.home-care-title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 1rem 0 .5rem;
}
@media screen and (min-width: 780px) {
    .home-care-list li {
        margin: 0 0 6rem;
        width: 24%;
    }
    .home-care-title {
        font-size: 1.8rem;
        margin: 3rem 0 .5rem;
    }
}

/* =============================================================  page common */
.contact-tel {
    background: #f4f4f4;
    display: inline-block;
    padding: 1rem 2rem;
}
.contact-tel .name {
    border-left: 3px solid #b7b7b7;
    padding: 0 1rem;
}
.contact-tel .tel {
    font-size: 2.4rem;
    line-height: 1;
}
.contact-tel .tel::before {
    background: url(images/icon_tel.png) no-repeat 0 0 / contain;
    content: "";
    display: inline-block;
    margin: 0 1rem 0 0;
    width: 2.5rem;
    height: 2.3rem;
}
@media screen and (min-width: 780px) {
    .contact-tel-wrap {text-align: center;}
    .contact-tel .name,
    .contact-tel .tel {
        display: inline-block;
        vertical-align: middle;
    }
}

/* sublink */
.sublink-wrap {display: none;}
@media screen and (min-width: 780px) {
    .sublink-wrap {
        background: #efeae3;
        display: block;
    }
    .sublink {
        margin: auto;
        max-width: 122rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        flex-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .sublink a {
        display: block;
        text-align: center;
        padding: 1rem 2rem;
    }
    .sublink a:hover,
    .sublink a.stay {
        background: #ccffff;
        color: #fff;
    }
    .sublink li {
        flex: 0 1 auto;
        width: 50%;
    }
    .sublink {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .sublink li {
        width: auto;
    }
}
/* table */
.table1 {
    margin-bottom: 1rem;
}
.table1 th,
.table1 td {
    display: block;
    padding: .8rem 1rem;
}
@media screen and (min-width: 780px) {
    .page-reserve .table1 th {
        width: 10%;
    }
}
.table1 th {background: #f4f4f4;}
.table-schedule {
    border: 1px solid #ddd;
}
.table-schedule th,
.table-schedule td {
    border-color: #ddd;
    border-style: none solid dotted;
    border-width: 1px;
    line-height: 1.4;
    text-align: center;
    padding: .8rem .5rem;
}
@media only screen and (max-width: 780px) {
    .table-wrap{
        display: block;
        width: 100%;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }
    .table-wrap table{
        min-width: 44rem;
        white-space: normal;
    }
}
@media only screen and (min-width: 780px) {
    .table1 th,
    .table1 td {
        border: 1px solid #ddd;
        display: table-cell;
    }
    .table1 th {background: transparent;}
}

/* box */
.box-white {
    background: #fff;
    padding: 1rem;
}
.box-white.p10 {padding: 1rem 10%}
.box-title {
    font-size: 1.6rem;
    margin: 0 0 .5rem;
}
.box-pickup {
    border: 1px solid #ddd;
    text-align: center;
    margin: auto;
    padding: 2.5rem 1rem;
    max-width: 80rem
}
.box-material {
    border: 1px solid #ddd;
    text-align: center;
    margin: auto;
    padding: 1rem 2rem;
    max-width: 84rem
}
.box-material-title {
    border-bottom: 1px dashed #ddd;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
}
@media screen and (min-width: 780px) {
    .box-white {padding: 2rem;}
    .box-white.p10 {padding: 2rem 10%;}
}

/* list */
.desc-list dt {
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0 0 1rem;
    padding: 0 0 .8rem;
}
.desc-list.txt-l dt {text-align: left;}
.desc-list dd:not(:last-child) {
    margin: 0 0 4rem;
}
.list3 li {
    font-size: 1.4rem;
    text-align: center;
}

/* tab */
.tab-btn {
    margin: 0 0 2rem;
}
.tab-btn li {
    border: 1px solid #ddd;
    cursor: pointer;
    text-align: center;
    margin: 0 0 1rem;
    padding: 0 1rem;
    width: 33%;
    height: 4rem;
    line-height: 4rem;
}
.tab-btn li.active {
    background: #ccffff;
    color: #fff;
}
@media screen and (min-width: 780px) {}



/* =============================================================  page access */
.access-title {
    background: #efeae3;
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 3rem;
    padding: 2rem;
}
.access-title::before {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin: 0 2rem 0 0;
    width: 3.2rem;
    height: 3.2rem;
}
.access-title.train::before {background-image: url(svg/icon_train.svg)}
.access-title.bus::before {background-image: url(svg/icon_bus.svg)}
.access-title.car::before {background-image: url(svg/icon_car.svg)}
.access-list > li {width: 100%;}
/* root */
.root-title {
    border: 1px solid #ddd;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 0 1rem;
    padding: 2.5rem 1rem;
}
.root {
    margin: 0 0 3rem;
    padding: 0 0 0 4rem;
    font-size: 1.8rem;
    position: relative;
}
.root::before {
    background: #ccc;
    content: "";
    margin: auto;
    width: .4rem;
    height: 80%;
    position: absolute;
    left: 1.3rem;
    top: 0;
    bottom: 0;
}
.root li {
    padding: 1rem 0;
    position: relative;
}
.root li:not(.goal) {border-bottom: 2px solid #ddd;}
.root li::before {
    background: url(svg/circle1.svg) no-repeat 0 0 / contain;
    content: "";
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: -4rem;
}
.root li.goal::before {background-image: url(svg/circle2.svg);}
/* map */
.access-map {
    margin: 0 0 3rem;
    position: relative;
}

@media screen and (min-width: 780px) {
    .access-list.al2w > li {width: 48%;}
    .access-list.al3w > li {width: 30%;}

    .root {margin: 0 0 5rem;}
}

/* =============================================================  page examination */
.examination-bg1 {
    background: url(images/examination1.png) no-repeat center center / cover;
    min-height: 20rem;
}
/* =============================================================  page maternity */
.stemcell {
    transition: opacity .2s ease-out;
}
.stemcell:hover {
    opacity: .6;
}
/* =============================================================  page room */
.room-table-wrap {
    border: 1px solid #ddd;
    margin: 0 auto 3rem;
    padding: 1rem;
    max-width: 84rem;
}
.room-table {
    border-top: 1px solid #ddd;
}
.room-table th,
.room-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 1rem 0;
}
.room-gallery li {
    text-align: center;
    margin: 0 0 1rem;
    width: 48%;
}
@media screen and (min-width: 780px) {
    .room-table-wrap {
        margin: 0 auto 6rem;
        padding: 4rem 6rem;
    }
    .room-table th,
    .room-table td {
        display: table-cell;
    }
    .room-gallery {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
    .room-gallery li {
        margin: 0 3.5% 3rem 0;
        width: 31%;
    }
    .room-gallery li:nth-child(3n) {
        margin-right: 0;
    }
}

/* =============================================================  page hospitalization */
.preparation li {width: 100%;}
.provision {
    padding: 0 0 2rem;
    width: 100%;
}
.preparation-title,
.provision dt {
    border-bottom: 1px dotted #ddd;
    margin: 0 0 .5rem;
    padding: 0 0 .5rem;
}
.provision dd {
    font-size: 1.3rem;
}
.provision dd::before {content: "・";}
@media screen and (min-width: 780px) {
    .preparation li {width: 45%;}
    .provision {width: 45%;}
}
.white-box {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 1.6em;
    padding: 1rem;
    text-align: center;
}

/* =============================================================  page hospitalization schedule */
.hosp-schedule {
    border: 1px solid #ddd;
    margin: 0 0 2rem;
}
.hosp-schedule th,
.hosp-schedule td {
    border-color: #ddd;
    border-style: none solid solid;
    border-width: 1px;
    line-height: 1.4;
    padding: .8rem 1rem;
}
.hosp-schedule th {
    background: #efeae3;
    text-align: center;
}

/* =============================================================  page class schedule */
.inu-text {
    font-size: 1.2rem;
    text-align: right;
    margin: 0 0 1rem;
}
.inu-text::before {
    content: "■";
    color: #d1c0a5;
}
.class-tables th,
.class-tables td {
    border: 1px solid #ddd;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 0.5rem 1rem;
    text-align: center;
    vertical-align: middle;
}
#schedule1 .kome {
    font-size: 1.2rem;
    margin-bottom: .5rem;
}
.cts1 {width: 5%;}
.cts2 {width: 22.5%;}
.sat {color: #797baa;}
.sun {color: #f02e2e;}
.inu {background: #d1c0a5;}

/* =============================================================  page food */
.food-day p,
.food-box p {
    font-size: 1.3rem;
    line-height: 1.7;
}
/* food day */
.food-day {
    margin: auto;
    max-width: 104rem;
}
.food-day li {width: 100%;}
/* food box */
.food-box {
    background: #f5f2ee;
    margin: 0 0 2rem;
}
.food-left,
.food-right {width: 100%;}
.food-left img {
    width: 100%;
}
.food-img-list {}
.food-img-list li {
    width: 20%;
}
.xmas2013 li {
    width: 25%;
}
.xmas2013 li img {
    width: 100%;
}
.food-bottom {
    width: 100%;
    background: #fff;
}
@media screen and (min-width: 780px) {
    .food-day li {width: 32rem;}

    .food-box {margin: 0 0 4rem;}
    .food-left,
    .food-right {width: 50%;}
    .xmas2013 li {
        width: 50%;
    }
}

/* =============================================================  page faq */
.faq-list {}
.faq-list dt {
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 2rem;
    padding: 1rem 1rem .5rem 4.5rem;
    position: relative;
}
.faq-list dt::before {
    background: url(svg/icon_Q.svg) no-repeat 0 0 / contain;
    content: "";
    width: 4rem;
    height: 4.2rem;
    position: absolute;
    left: 0;
    bottom: -.8rem;
}
.faq-list dd {
    margin: 0 0 3rem;
}

/* =============================================================  page link */
.link-list li {
    border: 1px solid #ddd;
    margin: 0 0 1rem;
    padding: 1rem;
    width: 100%;
}
.link-list-title {
    border-bottom: 1px solid #ddd;
    font-size: 1.6rem;
    margin: 0 0 1rem;
    padding: 0 0 .5rem;
}
.link-list p {}
.link-list-address {
    background: #f4f4f4;
    padding: 1rem;
}
@media screen and (min-width: 780px) {
    .link-list li {
        margin: 0 0 2rem;
        padding: 2rem;
        width: 49%;
    }
}

/* =============================================================  page book */
.book-lineup {}
.book-lineup li {
    padding: 0 0 2rem;
    width: 100%;
}
.book-lineup img {
    display: block;
    margin: 0 auto 2rem;
}
.book-title {
    font-size: 1.6rem;
    line-height: 1.4;
}
.book-price {
    font-size: 1.2rem;
    margin: 0 0 2rem;
}
.book-lineup li:not(.first) p {
    font-size: 1.2rem;
}
p.first-text {
    line-height: 1.6;
    margin: 0 0 1em;
}
p.first-text-2 {
    font-size: 1.2rem;
}
/* contact table */
.contact-table {}
.contact-table .fth,
.contact-table .ftd {
    display: block;
    padding: 1rem;
}
.book-list th, .book-list td {
    border-bottom: 1px dashed #eee;
    padding: 3px;
    line-height: 4rem;
}
.book-list th::before {
    color: #699cc9;
    content: "◆ ";
}
.book-list tr td:last-child {
    text-align: center;
}
.sub1 {width: 60%;}
.sub2 {width: 20%;}
.sub3 {width: 20%;}
@media screen and (min-width: 780px) {
    .book-lineup li {
        padding: 0 2rem 3rem;
        width: 33.33%;
        width: calc(100% / 3);
    }
    .book-lineup li.first {
        padding: 0 2rem 10rem;
        width: 100%;
    }
    .book-lineup li.first img {
        float: left;
        margin: 0 10% 0 0;
    }
    .book-lineup li.first .book-title {
        font-size: 1.8rem;
    }

    .contact-table .fth,
    .contact-table .ftd {
        display: table-cell;
        padding: 2rem 0;
        border-bottom:1px solid #eee;
    }
    .contact_th {width: 30%;}
    .contact_td {width: 70%;}
}

/* =============================================================  page reserve */
.reserve-list {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
     align-items: center; /* 縦方向中央揃え */
     margin-bottom: 3rem;
}
.reserve-list li {
    margin: 0 5.5rem;
    text-align: center;
}

/* *******======================================================  page aesthetic */
.aesthetic .home-text {
    text-align: center;
    margin-bottom: 6rem !important;
}
.fbs-title {
    text-align: center;
    margin-bottom: 3rem;
}
.fbs-title span {
    font-size: 1.2rem;
}
.fotobrightsalon {
    padding: 3.5rem 4rem;
    background-color: #efeae3;
    background-image: url('images/aesthetic_02.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
}
.fotobrightsalon h4 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 3rem;
}
.fotobrightsalon h4 span {
    font-size: 1.6rem;
}
.fotobrightsalon .orange {
    color: #c4781b;
}
@media screen and (max-width: 780px) {/*スマホ用*/
    .fotobrightsalon {
        background-image: none;
    }
    .fotobrightsalon h4 {
        text-align: center;
    }
}
.aesthetic-campaign {
    border: 1px solid #ff716a;
}
.aesthetic-campaign .page-container-w {
    padding: 3rem 4.5rem;
    border: 9px solid #fff1f0;
    background: #fff;
}
.aesthetic-campaign h3 {
    font-size: 2.4rem;
    line-height: 2.8rem;
    margin-bottom: 3rem;
}
.aesthetic-campaign h3 span {
    font-size: 1.6rem;
}
.aesthetic-campaign li {
    width: 90%;
    margin-bottom: 0;
}
@media screen and (max-width: 780px) {/*スマホ用*/
    .aesthetic-campaign .page-container-w {
        padding: 2rem;
    }
    .aesthetic-campaign h3,
    .aesthetic-campaign .txtR {
        text-align: center !important;
    }
    .aesthetic-campaign li {
        width: 100%;
    }
}
.aesthetic-course-wrapper .way2 {
    position: relative;
    margin-bottom: 3rem;
    padding: 3rem;
    width: 48%;
}
.aesthetic-course-wrapper a {
    color: #fff;
}
.aesthetic-course-wrapper h3 {
    margin-bottom: 1.2rem;
}
.aesthetic-course-wrapper h4 {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 2.5rem;
}
.aesthetic-course-wrapper h4 span,
.aesthetic-course-wrapper p {
    font-size: 1.2rem;
    margin-bottom: 0;
}
#limelight{background-color: #77c16c;}
#genesis{background-color: #f1b813;}
#titan{background-color: #88a8d7;}
#acutip{background-color: #9d9276 ;}
#prowave{background-color: #b06aa6;}
#trusculpt{background-color: #f49720;}
#headspa-treatment{background-color: #a9c20f;}
#aroma-treatment{background-color: #ff716a;}
.aesthetic-course-wrapper .thmub {
    position: absolute;
    top: -1rem;
    right: 3rem;
}
.aesthetic-course-wrapper .more {
    position: absolute;
    bottom: 0;
    left: 3rem;
}
@media screen and (max-width: 780px) {/*スマホ用*/
    .aesthetic-course-wrapper .way2 {
        width: 100%;
        padding: 3rem 1.5rem;
    }
    .aesthetic-course-wrapper .thmub {
        display: none;
    }
}
.aesthetic-tel .contact-tel {
    display: block;
    width: 70rem;
    margin:  1rem auto 0;
}
.aesthetic-tel .name,
.aesthetic-tel .tel,
.aesthetic-tel .business-hours {
    line-height: 3rem;
    vertical-align: bottom !important;
}
.aesthetic-tel .name {
    margin-right: 3rem;
}
.aesthetic-tel .business-hours {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 3rem;
}
.aesthetic-tel .business-hours span {
    font-size: 1.2rem;
}

/* *******======================================================  page aesthetic ↓ */
.effect-box {
    text-align: center;
    margin-bottom: 4rem;
}
.effect-right {margin: 0 auto;}
.effect-left {
    color: #fff;
    margin: 0 auto;
    padding: 2.5rem 4rem;
    width: 50rem;
}
.effect-title {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
    text-align: left;
}
@media screen and (min-width: 780px) {
    .effect-box {margin-bottom: 4rem;}
    .effect-left {width: 50%;}
    .effect-right {width: 50%;}
}
.bgclr1 {background-color: #9d9276;}
.bgclr2 {background-color: #f1b813;}
.bgclr3 {background-color: #77c16c;}
.bgclr4 {background-color: #88a8d7;}
.bgclr5 {background-color: #b06aa6;}
.bgclr6 {background-color: #f49720;}
.bgclr7 {background-color: #a9c20f;}
.effect-exam {
    font-size: 1.6rem;
    margin-bottom: 3rem;
    text-align: left;
}
.point-list {
    margin-bottom: 5.5rem;
    text-align: center;
}
.price-table {
    margin-bottom: 4rem;
}
.price-table th,
.price-table td,
.price-table2 th,
.price-table2 td {
    border: 1px #ddd solid;
    text-align: center;
    padding: .5rem;
}
.flow-table {
    border-collapse: separate;
    border-spacing: 0px 40px;
}
.flow-table th {
    background-color: #f4f4f4;
    font-style: 1.6rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.flow-table th::before,
.flow-table th::after{
    position: absolute;
    top: -1.5px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.flow-table th::before{
    top: 8.5rem;
    right: 0px;
    width: 14px;
    height: 14px;
    border-bottom: 4px solid #eeba2d;
    border-right: 4px solid #eeba2d;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.flow-table tr:last-child th::before {
    display: none;
}
.flow-table td {
    padding: .5rem 3rem;
    text-align: left;
}
.prowave-faq dt,
.prowave-faq dd {
    text-align: left;
}
.prowave-faq dd {
    margin-bottom: 3rem;
}
.esuteC {
    margin: 0 auto;
    display: block;
    width: 100%;
}
.esuteC .tel {
    text-align: center;
}
@media screen and (min-width: 780px) {
    .flow-table th {width: 22rem;}
    .esuteC {
        width: 64%;
    }
}

/* class-schedule */
.class-schedule-list {
    margin: auto;
    max-width: 134rem;
}
.class-schedule-list li {
    text-align: center;
    margin: 0 0 2rem;
    width: 100%;
}
.class-schedule-title {
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 1rem 0 .5rem;
}
@media screen and (min-width: 780px) {
    .class-schedule-list li {
        margin: 0 0 6rem;
        width: 31%;
    }
    .class-schedule-title {
        font-size: 1.8rem;
        margin: 3rem 0 2rem;
    }
}

/* *******=======================================================  page aromaroom */
.floatR-ml60 {
    margin: 0 auto 3rem;
}
.floatR-mb20 {
    margin-bottom: 2rem;
}
@media screen and (max-width: 780px) {
    .floatR-ml60 {
        width: 100%;
    }
}
@media screen and (min-width: 780px) {
    .floatR-mb20 {
        float: right;
    }
    .floatR-ml60 {
        float: right;
        margin-left: 6rem;
    }
    .border-box {
        padding: 3rem 6rem;
    }
}
.border-box {
    border: 1px solid #ddd;
    padding: 3rem;
}
.border-box2 {
    border: 1px solid #ddd;
    padding: 2rem;
}
.border-title {
    font-size: 1.6rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: .5rem;
    margin-bottom: 2rem;
}
.aroma-title {
    font-size: 1.8rem;
    margin-bottom: 3rem;
    text-align: center;
}
.mb80 {margin-bottom: 8rem;}

/* =============================================================  page headspa  */
.float-imgL {
    display: block;
    float: none;
    margin:0 auto 50px;
}
.headspa-inner {
    margin:0 auto 50px;
}
.headspa-inner-box {
    border: 1px solid #ddd;
    margin: 0 0 0 15px;
    padding: 15px;
}
.rbr {
    display: none;
}
.headspa-title {
    font-size: 2.1rem;
    margin-bottom: 30px;
    text-align: center;
}
@media screen and (min-width: 780px) {
    .float-imgL {
        float: left;
        margin-right: 50px;
    }
    .headspa-inner {
        margin-left: 300px;
    }
    .headspa-inner-box {
        margin: 0 110px 0 15px;
    }
    .rbr {
        display: block;
    }
}
.headspa-inner-box ul li {
    font-size: 1.4rem;
}
.price-table2 {
    margin-bottom: 40px;
}
.price-table2 th,
.price-table2 td {
    width: 50%;
}
/* =============================================================  page sitemap  */
.sitemap {
    line-height: 1.6;
}
.sitemap > li {
    width: 100%;
}
.sitemap > li {
    overflow: hidden;
    /* margin: 0 0 8rem; */
}
.sitemap > li.w2 .sitemap-2nd {
    float: left;
    width: 50%;
}
.sitemap a {
    display: block;
}
.sitemap-1st > li > a,
.sitemap-title {
    background: #fff url(svg/arrows2.svg) no-repeat right 1.5rem center / auto 1rem;
    border: 1px solid #ddd;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding: 1rem 3rem .6rem 1.5rem;
}
.sitemap-1st {padding: 0 0 3rem;}
.sitemap-2nd {padding: 0 1rem 1rem;}
.sitemap-3rd {padding: 0 2rem;}
.sitemap-2nd > li > a {
    background: #fff url(svg/arrows2.svg) no-repeat left center / auto .8rem;
    padding: .2rem 1.5rem;
}
.sitemap-3rd a::before {
    content: "- ";
}
@media screen and (min-width: 780px) {
    .sitemap > li {
        width: 30%;
    }
}

/* =============================================================  post list */
/* news list */
@media screen and (max-width: 779px) {
.news-list li {
    display: block;
    border-bottom: 1px solid #DEDDD9;
    margin-bottom: 1.5rem;
    padding-bottom: .3rem;
}
}

.news-list li {
    border-bottom: 1px solid #DEDDD9;
    margin-bottom: 1.5rem;
    padding-bottom: .3rem;
}

/*.news-list li:first-child {
    border-top: 1px solid #efeae3;
}*/
.news-list-title {
    line-height: 1.4;
}

.news-list li:not(:last-child) {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}

.news-list-date {
    font-size: 1.1rem;
    margin-bottom: .5rem;
}
.news-list-title {
    /* font-size: 1.6rem; */
    display: block;
    width: 100%;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.1em;
}
/* category list */
.cat-list {margin-bottom: 3rem;}
.cat-list li {
    padding: .5rem 2rem;
    width: 50%;
}
.cat-list-img {
    display: block;
    text-align: center;
    margin: 0 0 1rem;
}
.cat-list-img img {
    border-radius: 50%;
}
.cat-list-title {
    line-height: 1.3;
    margin: 0 0 .5rem;
}
.cat-list-date {
    color: #999;
    font-size: 1.3rem;
}
@media screen and (min-width: 780px) {
    .cat-list li {
        padding: 1.5rem 3rem;
        width: 33.3%;
        width: calc(100% / 3);
    }
}
/* class list */
.class-list {margin: 0 0 3rem;}
.class-list li {
    border: 1px solid #ddd;
    overflow: hidden;
    margin: 0 0 1rem;
    padding: 1rem;
    width: 100%;
}
.class-list-title {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 1rem;
}
.class-list-thumb {
    border-radius: 50%;
    display: block;
    margin: 0 auto 1rem;
    height: 14rem;
    width: 14rem;
}
.class-list p {
    font-size: 1.2rem;
}
@media screen and (min-width: 780px) {
    .class-list li {
        margin: 0 0 2rem;
        padding: 2rem;
        width: 49%;
    }
    .class-list-thumb {
        float: right;
        margin: 0 0 1rem 3rem;
    }
}
/* class list2 */
/* 390 550 */
.class-list2 {}
.class-list2 li {margin: 0 0 6rem;}
.class-list2-img,
.class-list2-info {width: 100%;}
.class-list2-img img {
    width: 100%;
    text-align: center;
}
.class-list2-info p {font-size: 1.3rem;}
.class-list2-title {
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 0 0 3rem;
}
.class-list2-title span {
    display: block;
    font-size: 1.6rem;
    margin: 0 0 .5rem;
}
@media screen and (min-width: 780px) {
    .class-list2 li {margin: 0 0 10rem;}
    .class-list2-img {width: 55%;}
    .class-list2-info {width: 39%;}
    .class-list2 li:nth-child(odd) .class-list2-img,
    .class-list2 li:nth-child(even) .class-list2-info {
        order: 1;
    }
    .class-list2 li:nth-child(odd) .class-list2-info,
    .class-list2 li:nth-child(even) .class-list2-img {
        order: 2;
    }
}
/* =============================================================  page cord-blood */
.title5 {
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
    line-height: 1.4;
    margin: 0 0 1rem;
    padding: 0 0 .8rem;
}
/* =============================================================  page recruit */
.occupation-list {
    margin-bottom: 5rem;
}
.occupation-list a {
    background: #fff url(svg/arrows4.svg) no-repeat right 1.5rem center / auto 1rem;
}
#recruit1 .table-wrapper {
    padding-top: 7rem;
    margin-top: -7rem;
}
#recruit1 .table1 tr:first-child th,
#recruit1 .table1 tr:first-child td {
    background: #cce5ff;
    color: #fff;
}

/* =============================================================  post single */
/* single staff */
.staff-container {margin: 0 0 3rem;}
.staff-inner {position: relative;}
.staff-img {
    display: block;
    margin: auto;
}
.staff-post {
    font-size: 1.6rem;
    text-align: center;
    padding: 1rem 0 0;
}
.staff-title {
    font-size: 2.4rem;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 2rem;
}
.staff-title .kana {
    font-size: 1.4rem;
    display: block;
}
.staff-beige {
    background: #efeae3;
    padding: 2rem 4rem;
}
.staff-career {margin: 0 0 2.5rem;}
.staff-intro {
    margin: 0 2rem 2rem 0;
    text-align: justify;
}
.staff-link {}
.staff-link li {}
.staff-pn.sp {
    display: block;
    text-align: center;
    margin: 0 0 3rem;
}
.staff-pn.sp a {
    margin: 0 .7rem;
}
.staff-pn.pc {display: none;}
.staff-pn a {
    border: 2px solid #a3a09b;
    border-radius: 50%;
    display: inline-block;
    text-indent: -9999px;
    width: 4rem;
    height: 4rem;
    position: relative;
}
.staff-pn a::after {
    border-style: solid;
    content: "";
    margin: auto;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.staff-pn a[rel="prev"]::after {
    border-width: 5px 9px 5px 0;
    border-color: transparent #a3a09b transparent transparent;
}
.staff-pn a[rel="next"]::after {
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #a3a09b;
}
.staff-list li {
    width: 50%;
    padding: 0 1% 1.5rem;
}
.staff-list-img {
    display: block;
    margin: 0 auto 0;
    width: 100%;
}
.staff-list-title {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-align: center;
}
.staff-list-title span {
    font-size: 1.2rem;
    margin-right: 1em;
}
@media screen and (min-width: 780px) {
    .staff-container {margin: 0 0 10rem;}
    .staff-pn.sp {display: none;}
    .staff-pn.pc {
        display: block;
        margin: 0 0 5rem;
    }
    .staff-pn a[rel="prev"] {
        margin-right: 1.5rem;
    }
    .staff-inner {padding: 0 0 0 36rem;}
    .staff-img {
        width: 32rem;
        position: absolute;
        left: 0;
    }
    .staff-post,
    .staff-title {
        text-align: left;
    }
    .staff-title .kana {
        display: inline-block;
        line-height: 43px;
        vertical-align: top;
        margin-left: 1.5em;
    }
    .staff-beige {
        margin: 0 -2rem;
        padding: 5rem 0 3rem;
        min-height: 44rem;
    }
    .staff-career {
        overflow: hidden;
    }
    .staff-career dt {
        float: left;
        width: 9rem;
    }
    .staff-career dd {
        margin-left: 10rem;
    }
    .staff-list li {
        width: 22%;
        padding: 0;
        margin: 0 4% 6rem 0;
    }
    .staff-list li:nth-child(4n) {margin: 0 0 6rem 0;}
}
/* single staff new */
.staff-container-new .staff-inner {
    max-width: 84rem;
    margin: 0 auto 6rem;
    padding: 0;
}
.staff-container-new .staff-title {
    font-size: 3.6rem;
    margin-bottom: 5rem;
}
.staff-container-new .beige {
    background: #efeae3;
    margin: 0 -2rem;
    padding: 6rem 0 4rem;
}
.staff-container-new .beige .staff-inner {
    margin: 0 auto;
}
.staff-container-new .staff-list {
    max-width: 84rem;
    margin: 0 auto;
}
.staff-container-new .staff-list li {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: left;
    width: 31%;
    margin: 0 0 2rem 0!important;
}
.staff-container-new .staff-list a {
    display: block;
    background: url(svg/arrows2.svg) no-repeat right 19px top 50% / 6px 10px;
    line-height: 1.6;
    padding: 1.8rem 2rem;
}
.staff-container-new .staff-list span {
    display: block;
    margin: 0;
}
.staff-container-new .staff-career {
    background: #f9f7f4;
    border-radius: 1px;
    font-size: 1.4rem;
    margin: 0 0 2.5rem;
    padding: 3rem 5rem;
}
.staff-container-new .staff-intro {
    margin: 0 0 2rem;
    text-align: justify;
}

.staff-container-new .staff-career dd {
    line-height: 1.6;
    margin-bottom: 1rem;
    margin-left: 10rem;
}
@media screen and (max-width: 780px) {
    .staff-container-new .staff-career {
        padding: 2rem;
    }
    .staff-container-new  .staff-career dd {
        margin-bottom: 2rem !important;
        margin-left: 0 !important;
    }
    .staff-container-new .beige {
        padding: 6rem 1rem 4rem;
    }
    .archive .staff-container-new .beige {
        padding: 6rem 3rem 4rem;
    }
    .staff-container-new .staff-list li {
        width: 48%;
        padding: 0;
    }
    .staff-container-new .staff-list a {
        padding: 1rem;
    }
}
/* single class */
.class-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 3rem;
}
.class-info {
    overflow: hidden;
    margin: 0 0 3rem;
}
.class-thumb {
    display: block;
    margin: 0 auto 1rem;
}
.class-gallery li {
    padding: 0 1rem 1rem;
    width: 50%;
}
@media screen and (min-width: 780px) {
    .class-thumb {
        float: left;
        margin: 0 3rem 1rem 0;
    }
    .class-gallery li {
        width: 33.33%;
        width: calc(100% / 3);
    }
}
/* single common */
.post-title {
    overflow: hidden;
    padding: 1rem 0 3rem;
}
.post-title-img {
    display: none;
}
.post-title-date {
    color: #999;
}
.post-title-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (min-width: 780px) {
    .post-title-img {
        border-radius: 50%;
        display: block;
        margin: 0 2rem 0 0;
        height: 14rem;
        width: 14rem;
    }
    .post-title-inner {
        display: flex;
        align-self: center;
        flex-wrap: wrap;
    }
    .post-title-date,
    .post-title-title {
        width: 100%;
    }
}

.post-container {
    position: relative;
}
.post-container-archive {
    border-bottom: 1px dashed #ddd;
    margin: 0 0 3rem;
    position: relative;
}
.postcontent {
    padding: 0 0 3rem;
}
.postcontent p,
.postcontent ul,
.postcontent ol {
    margin-bottom: 1.5rem;
}
.postcontent strong {
    font-weight: bold;
}
.postcontent ul {
    list-style-type: disc;
    margin-left: 1.5rem;
}
.postcontent ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
}
.postcontent .alignleft {
    float: left;
    margin: 0 1.5rem 1rem 0;
}
.postcontent .alignright {
    float: right;
    margin: 0 0 1rem 1.5rem;
}
.postcontent .aligncenter {
    display: block;
    margin: 0 auto 1rem;
}
.postcontent hr {
    border-color: #ccc;
    border-style: dashed;
    border-width: 1px 0 0;
    margin: 2rem 0;
    height: 1px;
    width: 100%;
}
.postcontent table {
    width: 100%!important;
}
.postcontent th,
.postcontent td {
    padding: 0 1rem 0 0;
    vertical-align: top;
    width: 100%!important;
    display: block;
}
@media screen and (min-width: 780px) {
    .postcontent th,
    .postcontent td {
        padding: 0 1rem 0 0;
        display: table-cell;
        width: auto!important;
    }
}
/* prev next wide */
.prev-next-wide {
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
    overflow: hidden;
    margin-bottom: 3rem;
    position: relative;
}

@media screen and (min-width: 780px) {
    .prev-next-wide::after {
        background: #dadada;
        content: "";
        margin: auto;
        width: 1px;
        height: 80%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

}
.prev-next-wide a {
    display: block;
    padding: 1rem 2rem;
    width: 100%;
    position: relative;
}
.prev-next-wide .prev {
    border-top: 1px solid #dadada;
}

.prev-next-wide .prev::before,
.prev-next-wide .next::after {
    background: url(svg/arrows2.svg) no-repeat 0 0 / contain;
    content: "";
    display: inline-block;
    margin: auto;
    width: .8rem;
    height: .9rem;
    position: absolute;
    top: 0;
    bottom: 0;
}
.prev-next-wide .prev::before {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.prev-next-wide .next::after {
    right: 0;
}
@media screen and (min-width: 780px) {
    .prev-next-wide a {
        width: 50%;
    }
    .prev-next-wide .prev {
        float: left;
    }
    .prev-next-wide .next {
        float: right;
        text-align: right;
    }
}

/* =============================================================  Pagination  */
.pagination {
    clear: both;
    padding: 2rem 0 .5rem;
    position: relative;
    font-size: 1rem;
    text-align:center;
}
.pagination span, .pagination a {
    background-color: #fff;
    border-radius: .2rem;
    color: #555;
    display: inline-block;
    text-decoration: none;
    padding: .6rem 1rem;
    margin: 0 .2rem;
    width: auto;
}
.pagination a {
    border: 1px solid #ccc;
}
.pagination a:hover {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}
.pagination .current {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #fff;
}
.pagination-count {
    text-align: center;
    font-size: 1.1rem;
}
.pagination-count span {
    font-weight: bold;
    margin: 0 .2rem;
}

/* =============================================================  wp_social_bookmarking_light  */
.social-box {
    border-bottom: 1px solid #dadada;
    height: 4rem;
    margin: 0 0 2.8rem;
    position: relative;
}
.wp_social_bookmarking_light{
    padding: 0 0 6rem !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    display: none;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    /* width: 100px; */
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}
.wsbl_pinterest a{
    border: 0px !important;
}
@media screen and (min-width: 780px) {
    .wp_social_bookmarking_light{
        padding: 0 !important;
        position: absolute;
        right: 0;
        top: 0;
    }
}

/* =============================================================  404  */
.page404-num {}
.page404-title {
    font-weight: bold;
    line-height: 1.4;
}
.page404-btn {}

/* =============================================================
for IE
============================================================= */
.for-ie {
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding: 2rem;
    width: 25%;
    position: fixed;
    left: 0;
    bottom: 0;
}
.for-ie-title {
    font-size: 120%;
    font-weight: bold;
    color: #d14;
    margin-bottom: 1rem;
}
.for-ie-close {
    border: 1px solid #ddd;
    cursor: pointer;
    line-height: 1;
    padding: .2rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

/* =============================================================
jquery plugin css
============================================================= */

/* =============================================================  slider (slick.js) */
.slick-slider{position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.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);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-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: none;float: left;height: 100%;min-height: 1px;position: relative;}[dir='rtl'] .slick-slide{float: right;}.slick-slide img{display: block;width:100%;}.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;}

/* add */
.slick-list {
    border: 1px solid #ddd;
    margin-bottom: 1em;
}

.slick-prev,
.slick-next {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
.slick-prev {
    left: -3em;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 20px 24px 0;
    border-color: transparent #1fa4d0 transparent transparent;
}
.slick-next {
    right: -3em;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 20px;
    border-color: transparent transparent transparent #1fa4d0;
}

.slick-dots {
    text-align: center;
    margin-bottom: 2em;
}
.slick-dots li {
    display: inline-block;
    margin: 0 3px;
}
.slick-dots button {
    background-color: #dbdbda;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    height: 10px;
    line-height: 1;
    padding: 0;
    width: 10px;
    vertical-align: middle;
    text-indent: -9999px;
}
.slick-dots .slick-active button {background-color: #1FA3D0;}

/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */

/* 1. BASIC STYLE ============================================================= */
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }.mCustomScrollBox{ /* contains plugin's markup */position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}.mCSB_container{ /* contains the original content */overflow: hidden;width: auto;height: auto;}
/* 2. VERTICAL SCROLLBAR y-axis============================================================= */
.mCSB_inside > .mCSB_container{ margin-right: 30px; }.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */margin-right: 0;margin-left: 30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;}.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */right: auto;left: 0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }.mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */cursor: pointer;width: 100%;height: 30px; /* minimum dragger height */z-index: 1;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */position: relative;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;text-align: center;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
/* 3. HORIZONTAL SCROLLBAR x-axis============================================================= */
.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right: 0;margin-bottom: 30px;}.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */.mCSB_scrollTools.mCSB_scrollTools_horizontal{width: auto;height: 16px;top: auto;right: 0;bottom: 0;left: 0;}.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 2px;margin: 7px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 30px; /* minimum dragger width */height: 100%;left: 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 4px;margin: 6px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height: 12px; /* auto-expanded scrollbar */margin: 2px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 8px; /* auto-expanded scrollbar */margin: 4px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display: block;position: absolute;width: 20px;height: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }
/* 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ============================================================= */
.mCSB_container_wrapper{position: absolute;height: auto;width: auto;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;margin-right: 30px;margin-bottom: 30px;}.mCSB_container_wrapper > .mCSB_container{padding-right: 30px;padding-bottom: 30px;}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }/* non-visible horizontal scrollbar */.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }/* RTL direction/left-side scrollbar */.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }/* non-visible scrollbar/RTL direction/left-side scrollbar */.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */margin-right: 0;margin-left: 30px;}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0; /* non-visible scrollbar */margin-left: 0;}/* non-visible horizontal scrollbar */.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/* 5. TRANSITIONS ============================================================= */
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,opacity .2s ease-in-out, background-color .2s ease-in-out; }
/* 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ============================================================= */

/* 6.1 THEMES ---------------------------------------- */
/* default theme ("light") */
.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }.mCSB_scrollTools .mCSB_draggerRail{background-color: #000; background-color: rgba(0,0,0,0.4);filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff; background-color: rgba(255,255,255,0.75);filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff; background-color: rgba(255,255,255,0.85);filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff; background-color: rgba(255,255,255,0.9);filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image: url('images/mCSB_buttons.png'); /* css sprites */background-repeat: no-repeat;opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }.mCSB_scrollTools .mCSB_buttonUp{background-position: 0 0;}.mCSB_scrollTools .mCSB_buttonDown{background-position: 0 -20px;}.mCSB_scrollTools .mCSB_buttonLeft{background-position: 0 -40px;}.mCSB_scrollTools .mCSB_buttonRight{background-position: 0 -56px;}.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.2
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:rgba(0,0,0,0)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

/*!
* animsition v4.0.2
* A simple and easy jQuery plugin for CSS animated page transitions.
* http://blivesta.github.io/animsition
* License : MIT
* Author : blivesta (http://blivesta.com/)
*/.animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#000}

.animsition-loading,.animsition-loading:after{
  width:32px;height:32px;position:fixed;top:50%;left:50%;margin-top:-16px;margin-left:-16px;border-radius:50%;z-index:2
}

.animsition-loading{
  background-color:transparent;
  border-top:5px solid rgba(0,0,0,.2);
  border-right:5px solid rgba(0,0,0,.2);
  border-bottom:5px solid rgba(0,0,0,.2);
  border-left:5px solid #eee;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  animation-timing-function:linear;
  -webkit-animation-duration:.8s;
  animation-duration:.8s;
  -webkit-animation-name:animsition-loading;
  animation-name:animsition-loading
}
@-webkit-keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animsition-loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.fade-out{-webkit-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up{-webkit-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}@keyframes fade-out-up{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}}.fade-out-up{-webkit-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-sm{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes fade-out-up-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-up-lg{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}@keyframes fade-out-up-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}@keyframes fade-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(500px);transform:translateY(500px);opacity:0}}.fade-out-down{-webkit-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-down-sm{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}@keyframes fade-out-down-sm{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}.fade-in-down-lg{-webkit-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}@keyframes fade-out-down-lg{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left{-webkit-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}@keyframes fade-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-500px);transform:translateX(-500px);opacity:0}}.fade-out-left{-webkit-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-sm{0%{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}@keyframes fade-out-left-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100px);transform:translateX(-100px);opacity:0}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left-lg{0%{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}@keyframes fade-out-left-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-1500px);transform:translateX(-1500px);opacity:0}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right{-webkit-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes fade-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}.fade-out-right{-webkit-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-sm{0%{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}@keyframes fade-out-right-sm{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(100px);transform:translateX(100px);opacity:0}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-right-lg{0%{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}@keyframes fade-out-right-lg{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(1500px);transform:translateX(1500px);opacity:0}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in{-webkit-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}@keyframes rotate-out{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center center;opacity:0}}.rotate-out{-webkit-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-sm{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-sm{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin:center center;opacity:0}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}@keyframes rotate-in-lg{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transform-origin:center center;opacity:0}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}@keyframes rotate-out-lg{0%{-webkit-transform:rotate(0);transform:rotate(0);transform-origin:center center;opacity:1}0%,to{-webkit-transform-origin:center center}to{-webkit-transform:rotate(180deg);transform:rotate(180deg);transform-origin:center center;opacity:0}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}@keyframes flip-in-x{0%{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}}.flip-in-x{-webkit-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}@keyframes flip-out-x{0%{-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg);opacity:0}}.flip-out-x{-webkit-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-nr{0%{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-nr{0%{-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg);opacity:0}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}@keyframes flip-in-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes flip-out-x-fr{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}@keyframes flip-in-y{0%{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}}.flip-in-y{-webkit-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}@keyframes flip-out-y{0%{-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg);opacity:0}}.flip-out-y{-webkit-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-nr{0%{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-nr{0%{-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg);opacity:0}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}@keyframes flip-in-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}to{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}@keyframes flip-out-y-fr{0%{-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);opacity:1}to{-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg);opacity:0}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}@keyframes zoom-in{0%{-webkit-transform:scale(.7);transform:scale(.7);opacity:0}to{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}@keyframes zoom-out{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.7);transform:scale(.7)}50%,to{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}@keyframes zoom-in-sm{0%{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}to{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}@keyframes zoom-out-sm{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.95);transform:scale(.95)}50%,to{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}@keyframes zoom-in-lg{0%{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}to{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}@keyframes zoom-out-lg{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.4);transform:scale(.4)}50%,to{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;animation-name:zoom-out-lg}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}to{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}to{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}to{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}to{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}to{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}to{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}to{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}to{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}

  /* simple scroll */
.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.simply-scroll-list li img {
    border: none;
    display: block;
}
.simply-scroll {
    width: 100%;
    height: 23rem;
}
.simply-scroll .simply-scroll-clip {
    width: 100%;
    height: 23rem;
}
.simply-scroll .simply-scroll-list li {
    float: left;
    /* width: 290px; */
    height: 23rem;
    padding: 0 0.5rem;
}

.scale {
    display: inline-block;
    overflow: hidden;
}

.scale img {
    -moz-transition: -moz-transform .4s ease-out;
    -webkit-transition: -webkit-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    -ms-transition: -ms-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition-duration: .4s;
    transition-timing-function: ease-out, cubic-bezier(0.3, 0, .15, 1);
}

.scale img:hover {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}


.c-contact-modal__enter{
    width:240px;
    box-sizing:border-box;
    cursor:pointer;
    position:relative;
    display:block;
    overflow:hidden;
    vertical-align:middle;
    margin:50px auto 0;
    line-height: 1.4;
    padding: 1rem 3rem .6rem 1.5rem;
    border: 1px solid #ddd;
    border-radius:5px;
    color:#1b1b1b;
    font-size:14px;
    font-size:.875rem;
    font-weight:700;
    text-align:center;
    -webkit-transition:.4s;
    transition:.4s;
    -webkit-transition-timing-function:cubic-bezier(1,0,0,1);
    transition-timing-function:cubic-bezier(1,0,0,1);
}
.c-contact-modal__enter:after,.c-contact-modal__enter:before{
    position:absolute;
        top:10px;
        width:9px;
        height:14px;
        content:'';
        display:block;
        background-size:9px,14px;
        background-repeat:no-repeat;
}
.c-contact-modal__enter:after {
    right: 17px;
    background-image: url(svg/arrows2.svg);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition-timing-function: cubic-bezier(.65,.2,.35,.8);
    transition-timing-function: cubic-bezier(.65,.2,.35,.8);
}

.c-contact-modal__enter:before {
    left: -31px;
    background-image: url(svg/arrows2.svg);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transition-timing-function: cubic-bezier(.65,.2,.35,.8);
    transition-timing-function: cubic-bezier(.65,.2,.35,.8);
}
.c-contact-modal__enter:hover{
    color:#fff;
    background-color:#fff;
}
.c-contact-modal__enter:hover:after,.c-contact-modal__enter:hover:before{
    -webkit-transform:translate(50px,0);
    -ms-transform:translate(50px,0);
    transform:translate(50px,0);
}

.border {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    overflow: hidden;
    display: inline-block;
}

.border staff-list-img {
    -webkit-transition: all .32s ease-out;
    -moz-transition: all .32s ease-out;
    transition: all .32s ease-out;
    background: #000;
}

.border:hover img {
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    transition: all .8s ease-out;
}

.border:hover {
/*    opacity: .8;*/
}

.border:after {
    position: absolute;
    border: solid 2px #fff;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: -.7%;
    top: -.6%;
    opacity: 0;
    -webkit-transform: scale(1.0, 1.0);
    -moz-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
    -webkit-transition: all .32s ease-out;
    -moz-transition: all .32s ease-out;
    transition: all .32s ease-out;
}

.border:hover:after {
    opacity: 1;
    -webkit-transform: scale(0.91, 0.95);
    -moz-transform: scale(0.91, 0.95);
    transform: scale(0.91, 0.95);
}



.btn_menu {
    cursor: pointer;
    margin-top: 6px;
    transform: scale(.82);
}
.btn_menu .btn_menu_line {
    background-image: url('images/sprite-line.png');
    background-position: 0 -46px;
    background-repeat: no-repeat;
    height: 2px;
    width: 155px;
    -webkit-transition: left 350ms cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: left 350ms cubic-bezier(0, 0, 0.58, 1);
    -o-transition: left 350ms cubic-bezier(0, 0, 0.58, 1);
    transition: left 350ms cubic-bezier(0, 0, 0.58, 1);
    position: absolute;
    left: -107px;
    display: block;
}
.btn_menu .btn_menu_line:nth-child(1) {
    top: 10px;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}
.btn_menu .btn_menu_line:nth-child(2),
.spbtn:hover > .btn_menu_line:nth-child(2) {
    top: 21px;
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms;
}
.btn_menu .btn_menu_line:nth-child(3),
.btn_menu:hover > .btn_menu_line:nth-child(3) {
    top: 32px;
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms;
}
.spbtn:hover .btn_menu_line:nth-child(1) {
    left: 0;
}
.spbtn:hover .btn_menu_line:nth-child(2) {
    left: 0;
}
.spbtn:hover .btn_menu_line:nth-child(3) {
    left: 0;
}
.btn_menu .btn_menu_line, .btn_info_small, .btn_info_large .icon, .btn_close .icon, .btn_clearfilter, .btn_share_facebook .icon, .btn_share_twitter .icon, .btn_share_pinterest .icon, .btn_share_instagram .icon, .logo_threadslike a, .intro .main, .photo_options li.btnInfo a, .photo_date .container .month, .photo_date .container .year, .txt_photocredit, .txt_tagged, .txt_notes, .txt_about, #infscr-loading .txt_loading .txt, #infscr-loading .txt_end .txt, .copyright .icon, .loader .icon {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
}
.btn_menu:hover .btn_menu_line {
    -webkit-transition: left 450ms cubic-bezier(0.42, 0, 1, 1);
    -moz-transition: left 450ms cubic-bezier(0.42, 0, 1, 1);
    -o-transition: left 450ms cubic-bezier(0.42, 0, 1, 1);
    transition: left 450ms cubic-bezier(0.42, 0, 1, 1);
}

/* vegas */
.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-overlay{opacity:.5;background:url(overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}body .vegas-container{overflow:hidden!important;position:relative}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown,.vegas-transition-slideDown2,.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}


/* IE Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .class-schedule-list img {width: 100%;}
}

.sub-logo{
  width:30%;
}

.q_marker{
  background: -webkit-linear-gradient(transparent 60%, #f9d9f7 60%);
}

/* service */
.recruitInnerCircles ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.recruitInnerCircles.columns4 ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
    width: 240px;
    position: relative;
    vertical-align: top;
}
.recruitInnerCircles ul li > img {
    width: 100%;
    height: auto;
    display: block;
}
.recruitInnerCirclesDetails {
    font-size: 0.875em;
    /* letter-spacing: -.5px; */
    padding: 0 0%;
    text-align: left;
    display: block;
    line-height: 1.75;
}
.columns4 .recruitInnerCirclesDetails {
    padding: 10% 5%;
}
.recruitInnerCircles.v ul li:first-child::before {
  display: none;
}
.recruitInnerCircles.v.columns4 ul li::before {
    content: "";
    background-image: url(images/linensupply_arrow_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    height: 34px;
    left: -12px;
    top: 65px;
    width: 22px;
}