html {
    height: 100%;
    overflow-y: scroll
}
body {
    height: 100%;
    font-size: 15px;
    font-family: 'Noto Serif Japanese', serif;
    /*font-family: 游明朝, yu mincho, yumincho, hiragino mincho pron, hgs明朝e, メイリオ, meiryo, serif;*/
    font-weight: 500;
    font-feature-settings: "palt";
    line-height: 2em;
    letter-spacing: .15em;
    *font-size:small;
    *font:x-small;
    color: #000;
    -webkit-font-smoothing: antialiased
}
.lba {
    font-family: la belle aurore, cursive
}
.mincho {
    font-family: a1 mincho
}
.quicksand {
    font-family: quicksand, sans-serif
}

@media all and (-ms-high-contrast:none) {
    body {
        font-family: メイリオ, meiryo, lato, yugothic, 游ゴシック, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, ＭＳ Ｐゴシック, sans-serif
    }
}
ul, ol {
    list-style: none
}
small {
    font-size: 86%
}
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out
}
a:hover {
    color: #c5ccd6;
    text-decoration: none
}
img {
    vertical-align: bottom;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

@media(max-width:768px) {
img {
    max-width: 100%;
    height: auto
}
}
.mgnBtm8 {
    margin-bottom: 8px
}
.mgnBtm16 {
    margin-bottom: 16px
}
.mgnBtm24 {
    margin-bottom: 24px
}
.mgnBtm32 {
    margin-bottom: 32px
}
.mgnBtm40 {
    margin-bottom: 40px
}
.mgnBtm48 {
    margin-bottom: 48px
}
.mgnBtm56 {
    margin-bottom: 56px
}
.mgnBtm64 {
    margin-bottom: 64px
}
.mgnBtm72 {
    margin-bottom: 72px
}
.mgnBtm80 {
    margin-bottom: 80px
}
.fltRgt {
    float: right
}
.fltLft {
    float: left
}
.tCtr {
    text-align: center
}
.tRgt {
    text-align: right
}

@media(min-width:768px) {
@-moz-document url-prefix() {
* {
font-feature-settings:"palt"
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
* {
font-feature-settings:"palt"
}
}
}
@keyframes bgmove {
0% {
background-position:center 0
}
100% {
background-position:center 2719px
}
}
@-webkit-keyframes bgmove {
0% {
background-position:center 0
}
100% {
background-position:center 2719px
}
}
@-moz-keyframes bgmove {
0% {
background-position:center 0
}
100% {
background-position:center 2719px
}
}
@keyframes bgmove2 {
0% {
background-position:center 20px
}
100% {
background-position:center 2719px
}
}
@-webkit-keyframes bgmove2 {
0% {
background-position:center 20px
}
100% {
background-position:center 2719px
}
}
@-moz-keyframes bgmove2 {
0% {
background-position:center 20px
}
100% {
background-position:center 2719px
}
}
@keyframes bgmove3 {
0% {
background-position:center 50px
}
100% {
background-position:center 2719px
}
}
@-webkit-keyframes bgmove3 {
0% {
background-position:center 50px
}
100% {
background-position:center 2719px
}
}
@-moz-keyframes bgmove3 {
0% {
background-position:center 50px
}
100% {
background-position:center 2719px
}
}
.container {
    /*width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
    float: right;
    position: relative*/
}
.inner {
    width: 880px;
    position: relative;
    margin: 0 auto
}

@media(max-width:1200px) {
    .inner {
        width: 800px;
        padding: 0 40px
    }
}

@media(max-width:768px) {
    .inner {
        width: 100%;
        padding: 0
    }
}
.section-ttl {
    padding-top: 5px;
    font-size: 190%;
    display: inline-block;
    position: relative;
    line-height: .5em;
    white-space: nowrap
}
.section-ttl_sm {
    font-size: 172%;
    margin-bottom: 32px;
    letter-spacing: .3em
}
.ttl-sm {
    font-size: 80%;
    font-weight: lighter;
    letter-spacing: -.05em;
    color: #725138;
    line-height: 2.5em;
    display: inline-block
}
.ttl-sm:before {
    /*content: '';*/
    border-bottom: 1px dashed #696969;
    background: 0 0;
    width: 57px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: -webkit-calc(50% - 28px);
    left: calc(50% - 28px)
}
.title_area {
    position: relative;
    padding: 24% 0 0
}
.title_area:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.title_area .post_title {
    position: absolute;
    bottom: -24px;
    line-height: 1.6em;
    left: 0;
    font-size: 260%;
    color: #5e6a31
}
.title_area .post_title span {
    background: linear-gradient(transparent 0%, rgba(255,255,255,.7) 0%);
    padding: 4px 8px
}

@media(max-width:768px) {
.title_area {
    padding: 40% 0 0
}
.title_area .post_title {
    font-size: 160%;
    padding: 0 16px;
    bottom: -16px
}
.section-ttl {
    font-size: 140%;
    margin: 0 0 24px
}
.ttl-sm {
    font-size: 80%
}
.section-ttl_sm {
    font-size: 120%;
    margin-bottom: 16px
}
.under_content>.inner {
    padding: 24px 16px 40px
}
}

.section-length-ttl {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: -112px;
    left: 24px;
    font-size: 220%;
    letter-spacing: .3em
}

@media(max-width:768px) {
    .company-bg {
        padding: 280px 0 0;
        background-position: center
    }
    .company-section, .company--section-manage {
        padding: 32px 16px
    }
    .company--section-manage {
        padding: 56px 16px 32px
    }
    .company-table, .manage-section, .owner-voice {
        width: 100%
    }
    .company-table table th, .company-table table td {
        display: block;
        text-align: center
    }
    .company-table table tr:not(:first-child) th {
        border: 0
    }
    .company-table table th {
        border-bottom: 0;
        padding: 8px 16px 0
    }
    .company-table table td {
        border-top: 0;
        padding: 0 16px 8px
    }
}