@charset "UTF-8";.cmn-table-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid rgba(17, 17, 17, 0.15);
    letter-spacing: 0
}

@media (min-width: 1024px) {
    .cmn-table-a {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.cmn-table-a .cmn-table-cols {
    width: 100%
}

@media (min-width: 1024px) {
    .cmn-table-a .cmn-table-cols {
        width:100%
    }
}

@media (min-width: 1024px) {
    .cmn-table-1 .cmn-table-cols {
        width:100%
    }
}

@media (min-width: 1024px) {
    .cmn-table-2 .cmn-table-cols {
        width:50%
    }
}

@media (min-width: 1024px) {
    .cmn-table-3 .cmn-table-cols {
        width:33.3%
    }
}

@media (min-width: 1024px) {
    .cmn-table-4 .cmn-table-cols {
        width:25%
    }
}

@media (min-width: 1024px) {
    .cmn-table-5 .cmn-table-cols {
        width:20%
    }
}

.cmn-table-cols+.cmn-table-cols {
    border-top: 1px solid rgba(17, 17, 17, 0.15)
}

@media (min-width: 1024px) {
    .cmn-table-cols+.cmn-table-cols {
        border-top:0;
        border-left: 1px solid rgba(17, 17, 17, 0.15)
    }
}

.cmn-table-cols .cmn-table-td,.cmn-table-cols .cmn-table-th {
    padding: 15px;
    font-size: 1.3rem;
    line-height: 1.75;
    text-align: center
}

@media (min-width: 1024px) {
    .cmn-table-cols .cmn-table-td,.cmn-table-cols .cmn-table-th {
        padding:1em 0
    }
}

.cmn-table-cols .cmn-table-th {
    padding: 10px 15px;
    background-color: #f8f8f8;
    border-bottom: 1px solid rgba(17, 17, 17, 0.15)
}

@media (min-width: 1024px) {
    .cmn-table-cols .cmn-table-th {
        padding:15px
    }
}

.cmn-table-cols .cmn-table-td+.cmn-table-td {
    border-top: 1px solid rgba(17, 17, 17, 0.15)
}

.cmn-table-b {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid rgba(17, 17, 17, 0.15);
    letter-spacing: 0
}

.cmn-table-b .cmn-table-th {
    width: 100%;
    background-color: #f8f8f8
}

@media (min-width: 1024px) {
    .cmn-table-b .cmn-table-th {
        width:25%;
        text-align: center
    }
}

.cmn-table-b .cmn-table-td {
    width: 100%
}

@media (min-width: 1024px) {
    .cmn-table-b .cmn-table-td {
        width:75%
    }
}

.cmn-table-rows {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .cmn-table-rows {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.cmn-table-rows+.cmn-table-rows {
    border-top: 1px solid rgba(17, 17, 17, 0.15)
}

.cmn-table-rows .cmn-table-td,.cmn-table-rows .cmn-table-th {
    padding: 15px;
    font-size: 1.3rem;
    line-height: 1.75
}

.cmn-table-rows .cmn-table-th {
    padding: 10px 15px
}

@media (min-width: 1024px) {
    .cmn-table-rows .cmn-table-th {
        padding:15px
    }
}

* {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

::-moz-selection {
    background-color: #111;
    color: #fff
}

::selection {
    background-color: #111;
    color: #fff
}


html {
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%;
    font-family: "中ゴシックBBB", "Gothic Medium BBB", "A-OTF 中ゴシックBBB Pro Medium", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .05em
}

a {
    color: #111;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

img.img-border {
    border: 1px solid #ccc
}

.wrapper {
    padding-top: 61px
}

@media (min-width: 1024px) {
    .wrapper {
        padding-top:81px
    }
}

.cmn-page-cover {
    width: 100%;
    height: 240px;
    background-color: #f3f3f3;
    background-position: 50% 50%;
    background-size: cover
}

@media (min-width: 1024px) {
    .cmn-page-cover {
        height:480px
    }
}

.cmn-page-dir {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1
}

@media (min-width: 1024px) {
    .cmn-page-dir {
        margin-bottom:0
    }
}

.cmn-page-dir a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.cmn-page-dir a:hover {
    opacity: .5
}

.cmn-page-header {
    width: 90%;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #111
}

@media (min-width: 1024px) {
    .cmn-page-header {
        max-width:1024px;
        padding-top: 50px;
        padding-bottom: 100px
    }
}

.cmn-page-header-title {
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 28px;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .cmn-page-header-title {
        margin-top:50px;
        font-size: 35px;
        text-align: center
    }
}

.cmn-page-header-title a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.cmn-page-header-title a:hover {
    opacity: .5
}

.cmn-page-header-title small {
    display: inline-block;
    margin-bottom: .75em;
    font-size: 14px;
    border-bottom: 1px solid #111
}

@media (min-width: 1024px) {
    .cmn-page-header-title small {
        font-size:16px
    }
}

.cmn-page-header-lead {
    margin: 25px auto 0;
    font-size: 14px;
    line-height: 2
}

@media (min-width: 1024px) {
    .cmn-page-header-lead {
        width:75%;
        font-size: 14px;
        text-align: center
    }
}

@media (min-width: 1024px) {
    .cmn-page-header-lead span {
        white-space:nowrap
    }
}

.cmn-page-header-lead a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.cmn-page-header-lead a:hover {
    opacity: .5
}

.cmn-page-container {
    width: 90%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .cmn-page-container {
        max-width:1024px
    }
}

.cmn-contents-index-label {
    margin-top: 25px;
    font-size: 17px
}

@media (min-width: 1024px) {
    .cmn-contents-index-label {
        font-size:20px;
        margin-top: 50px
    }
}

@media (min-width: 1024px) {
    .cmn-contents-index-list {
        padding-top:25px
    }
}

.cmn-contents-index-item {
    margin-top: 25px
}

.cmn-contents-index-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

@media (min-width: 1024px) {
    .cmn-contents-index-item-link {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .cmn-contents-index-item-link:hover {
        background-color: #f3f3f3
    }
}

.cmn-contents-index-item-image {
    width: 100%;
    margin-bottom: 1em
}

@media (min-width: 1024px) {
    .cmn-contents-index-item-image {
        width:25%;
        margin-bottom: 0
    }
}

.cmn-contents-index-item-image img {
    width: 100%;
    height: auto
}

@media (min-width: 1024px) {
    .cmn-contents-index-item-body {
        width:75%;
        padding: 0 25px
    }
}

.cmn-contents-index-item-title {
    font-size: 16px
}

@media (min-width: 1024px) {
    .cmn-contents-index-item-title {
        font-size:18px
    }
}

.cmn-contents-index-item-title:before {
    content: '▲';
    display: inline-block;
    letter-spacing: -.25em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.75) rotate(90deg);
    -ms-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
}

.cmn-contents-index-item-subtitle {
    margin-bottom: .25em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .cmn-contents-index-item-subtitle {
        font-size:14px
    }
}

.cmn-contents-index-item-lead {
    margin-top: .5em;
    font-size: 14px;
    line-height: 2
}

.cmn-page-contents-header {
    margin-top: 50px;
    font-size: 21px
}

@media (min-width: 1024px) {
    .cmn-page-contents-header {
        margin-top:100px;
        font-size: 24px
    }
}

.cmn-page-contents-subheader {
    margin-top: 25px;
    font-size: 17px;
    line-height: 2
}

@media (min-width: 1024px) {
    .cmn-page-contents-subheader {
        font-size:20px
    }
}

.cmn-page-contents-subheader:before {
    content: '－';
    display: inline-block;
    margin-right: .75em;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(2);
    -ms-transform: scaleX(2);
    transform: scaleX(2)
}

.cmn-page-contents {
    margin-top: 25px;
    font-size: 14px;
    line-height: 2
}

@media (min-width: 1024px) {
    .cmn-page-contents {
        font-size:16px
    }
}

.cmn-page-contents-note {
    margin-top: 50px
}

.cmn-page-contents-note-header {
    margin-bottom: .75em;
    padding-bottom: .75em;
    font-size: 14px;
    border-bottom: 1px solid #111
}

@media (min-width: 1024px) {
    .cmn-page-contents-note-header {
        font-size:16px
    }
}

.cmn-page-contents-note-body {
    font-size: 12px
}

@media (min-width: 1024px) {
    .cmn-page-contents-note-body {
        font-size:14px
    }
}

.cmn-page-contents-bg,.cmn-page-contents-bg-s {
    margin-top: 50px;
    padding: 25px;
    background-color: #f0f0f0;
    background-image: url("/assets/img/bg_lt.png"), url("/assets/img/bg_rt.png"), url("/assets/img/bg_rb.png"), url("/assets/img/bg_lb.png");
    background-position: left top, right top, right bottom, left bottom;
    background-size: 12.5px auto;
    background-repeat: no-repeat
}

@media (min-width: 1024px) {
    .cmn-page-contents-bg,.cmn-page-contents-bg-s {
        margin-top:100px;
        padding: 50px;
        background-size: 25px auto
    }
}

.cmn-page-contents-bg-s {
    background-size: 12.5px auto
}

@media (min-width: 1024px) {
    .cmn-page-contents-bg-s {
        padding:25px
    }
}

.cmn-page-contents-bg-header {
    font-size: 21px
}

@media (min-width: 1024px) {
    .cmn-page-contents-bg-header {
        font-size:24px
    }
}

.cmn-page-contents-bg-lead {
    margin-top: 25px;
    font-size: 14px;
    line-height: 2
}

@media (min-width: 1024px) {
    .cmn-page-contents-bg-lead {
        font-size:16px
    }
}

.cmn-page-caption {
    margin-top: 1em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .cmn-page-caption {
        font-size:14px
    }
}

.cmn-menu {
    width: 90%;
    margin: 50px auto 0;
    padding: 25px;
    border: 1px solid #111
}

@media (min-width: 1024px) {
    .cmn-menu {
        max-width:1024px;
        margin: 100px auto 0;
        padding: 37.5px
    }
}

.cmn-menu-header {
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 1;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .cmn-menu-header {
        font-size:16px
    }
}

.cmn-menu-header a {
    display: inline-block;
    padding-bottom: .33em;
    border-bottom: 1px solid #111
}

.cmn-menu-header:hover {
    opacity: .5
}

.cmn-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .cmn-menu-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: -.75em
    }
}

@media (min-width: 1024px) {
    .cmn-menu-item {
        margin-top:.75em;
        margin-right: 25px
    }
}

.cmn-menu-item-label {
    margin-top: .75em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .cmn-menu-item-label {
        width:100%;
        font-size: 14px
    }
}

.cmn-menu-item-label:first-of-type {
    margin-top: 0
}

@media (min-width: 1024px) {
    .cmn-menu-item-label:first-of-type {
        margin-top:.75em
    }
}

.cmn-menu-item-link {
    font-size: 12px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .cmn-menu-item-link {
        font-size:14px
    }
}

.cmn-menu-item-link:before {
    content: '▲';
    display: inline-block;
    letter-spacing: -.25em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.75) rotate(90deg);
    -ms-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
}

.cmn-menu-item-link:hover {
    opacity: .5
}

.gheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    border-bottom: 1px solid #111;
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.gheader-hide {
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gheader-active {
    opacity: 1!important;
    pointer-events: auto!important;
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.gheader-logo {
    padding: 18px 15px;
    padding: 0;
    line-height: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .gheader-logo {
        padding:20px 25px;
        padding: 0
    }
}

.gheader-logo img {
    height: 60px
}

@media (min-width: 1024px) {
    .gheader-logo img {
        height:80px
    }
}

.gheader-logo a {
    display: block
}

.gheader-logo:hover {
    opacity: .5
}

.gnavi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .gnavi {
        display:block;
        position: relative;
        top: auto;
        left: auto;
        width: 420px;
        height: 80px;
        border-left: 1px solid #111;
        background-color: transparent;
        text-align: center;
        opacity: 1;
        pointer-events: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.gnavi-active {
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.gnavi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .gnavi-list {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 auto;
        padding: 30px 0
    }
}

.gnavi-item {
    text-align: center
}

@media (min-width: 1024px) {
    .gnavi-item {
        text-align:left
    }
}

.gnavi-item+.gnavi-item {
    margin-top: 2em
}

@media (min-width: 1024px) {
    .gnavi-item+.gnavi-item {
        margin-top:0;
        margin-left: 1.5em;
        padding-left: 1.5em
    }

    .gnavi-item+.gnavi-item:after {
        content: '';
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #111;
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

.gnavi-item-link {
    color: #111;
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .05em
}

@media (min-width: 1024px) {
    .gnavi-item-link {
        font-size:20px
    }
}

.gnavi-item-link:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #111;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.gnavi-item-link:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.gnavi-logo {
    width: 140px;
    margin: 0 auto 50px;
    line-height: 0;
    text-align: center
}

@media (min-width: 1024px) {
    .gnavi-logo {
        display:none
    }
}

.gnavi-logo a {
    display: block
}

.gnavi-sns {
    margin: 50px auto 0
}

@media (min-width: 1024px) {
    .gnavi-sns {
        display:none
    }
}

.gnavi-sns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gnavi-sns-item {
    width: 28px;
    line-height: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.gnavi-sns-item+.gnavi-sns-item {
    margin-left: 20px
}

.gnavi-sns-item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.btn-menu {
    position: fixed;
    top: 0;
    right: 25px;
    z-index: 100;
    width: 20px;
    height: 60px;
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

@media (min-width: 1024px) {
    .btn-menu {
        display:none
    }
}

.btn-menu-0 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #111;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.btn-menu-1 {
    margin-top: -7px
}

.btn-menu-5 {
    margin-top: 7px
}

.btn-menu-active .btn-menu-1,.btn-menu-active .btn-menu-2,.btn-menu-active .btn-menu-5 {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.btn-menu-active .btn-menu-3 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-menu-active .btn-menu-4 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.btn-menu-hide {
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.gfooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 75px;
    padding: 50px 0;
    border-top: 1px solid #111
}

@media (min-width: 1024px) {
    .gfooter {
        margin-top:100px;
        padding: 100px 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.gfooter-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5%
}

@media (min-width: 1024px) {
    .gfooter-contents {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 50px
    }
}

.gfooter-logo {
    width: 120px;
    margin: 0 auto;
    line-height: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .gfooter-logo {
        width:164px
    }
}

.gfooter-logo:hover {
    opacity: .5
}

.gfooter-sns {
    margin: 25px auto 0
}

@media (min-width: 1024px) {
    .gfooter-sns {
        margin:0 auto
    }
}

.gfooter-sns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1024px) {
    .gfooter-sns-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 50px
    }
}

.gfooter-sns-item {
    width: 28px;
    line-height: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.gfooter-sns-item+.gfooter-sns-item {
    margin-left: 14px
}

@media (min-width: 1024px) {
    .gfooter-sns-item+.gfooter-sns-item {
        margin-top:14px;
        margin-left: 0
    }
}

.gfooter-sns-item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.gfooter-contact {
    margin-top: 50px;
    padding: 0 5%
}

@media (min-width: 1024px) {
    .gfooter-contact {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: start;
        flex-direction: start;
        width: 420px;
        margin-top: 0;
        padding: 0
    }
}

.gfooter-contact-header {
    text-align: center
}

@media (min-width: 1024px) {
    .gfooter-contact-header {
        text-align:left
    }
}

.gfooter-contact-title {
    display: inline-block;
    padding: .5em 1.5em;
    border: 1px solid #111;
    font-size: 11px;
    line-height: 1
}

@media (min-width: 1024px) {
    .gfooter-contact-title {
        font-size:12px
    }
}

.gfooter-contact-body {
    margin-top: 1.5em;
    font-size: 11px;
    text-align: center
}

@media (min-width: 1024px) {
    .gfooter-contact-body {
        font-size:12px;
        text-align: left
    }
}

.gfooter-contact-body a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.gfooter-contact-body a:hover {
    opacity: .5
}

.gfooter-copyright {
    width: 100%;
    margin-top: 1.5em;
    padding: 0 5%;
    font-size: 11px;
    text-align: center
}

@media (min-width: 1024px) {
    .gfooter-copyright {
        padding:0;
        font-size: 12px;
        text-align: left
    }
}

.gfooter-copyright a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.gfooter-copyright a:hover {
    opacity: .5
}

.btn-scroll {
    position: absolute;
    top: -25px;
    right: 5%;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    background-color: #111;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media (min-width: 1024px) {
    .btn-scroll {
        right:50px
    }
}

.btn-scroll:after,.btn-scroll:before {
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    left: 18px;
    width: 13px;
    height: 13px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-scroll:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.btn-scroll-active {
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.home .gheader {
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home-movie-wrapper {
    width: 100%;
    height: 100%
}

.home-movie {
    width: 100%;
    height: 100%
}

.home-movie-contents {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-movie-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/assets/img/logo_movie.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 88vw auto;
    opacity: 1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (min-width: 1024px) {
    .home-movie-logo {
        background-size:44vw auto
    }
}

.home-movie-play {
    position: absolute;
    bottom: 25px;
    right: 25px;
    padding: .75em 1.5em;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .1em;
    cursor: pointer
}

@media (min-width: 1024px) {
    .home-movie-play {
        bottom:50px;
        right: 50px;
        font-size: 16px
    }
}

.home-movie-play:before {
    content: '▲';
    display: inline-block;
    -webkit-transform: scale(0.8) rotate(90deg);
    -ms-transform: scale(0.8) rotate(90deg);
    transform: scale(0.8) rotate(90deg)
}

.home-movie-play:hover {
    background-color: rgba(255, 255, 255, 0.3)
}

.home-movie-src {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-movie-src video {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@-webkit-keyframes homeMovieScroll {
    0% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    51% {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes homeMovieScroll {
    0% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    50% {
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    51% {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.home-movie-scroll {
    position: absolute;
    z-index: 2;
    bottom: 210px;
    left: 25px;
    width: 100px;
    color: #000;
    font-size: 10px;
    line-height: 1;
    letter-spacing: .1em;
    text-align: right;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate(0%, 0%) rotate(90deg);
    -ms-transform: translate(0%, 0%) rotate(90deg);
    transform: translate(0%, 0%) rotate(90deg)
}

@media (min-width: 1024px) {
    .home-movie-scroll {
        top:50%;
        bottom: auto;
        left: auto;
        right: 50px;
        text-align: center;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: translate(50%, -50%) rotate(90deg);
        -ms-transform: translate(50%, -50%) rotate(90deg);
        transform: translate(50%, -50%) rotate(90deg)
    }
}

.home-movie-scroll:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 5px;
    background-color: #000;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-animation: homeMovieScroll 3s linear infinite;
    animation: homeMovieScroll 3s linear infinite
}

.home-movie-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-movie-overlay-active {
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.home-movie-overlay-src {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80vw;
    height: 45vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.home-movie-overlay-src iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-movie-overlay-src-1 {
    width: 142.22222vh;
    height: 80vh
}

.home-movie-overlay-close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    color: #000;
    cursor: pointer
}

.home-movie-overlay-close:after,.home-movie-overlay-close:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-movie-overlay-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.home-movie-overlay-close:hover:after,.home-movie-overlay-close:hover:before {
    opacity: .5
}

.home-eat,.home-meet,.home-raise,.home-think {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .home-eat,.home-meet,.home-raise,.home-think {
        margin-top:100px
    }
}

.home-eat-container,.home-meet-container,.home-raise-container,.home-think-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .home-eat-container,.home-meet-container,.home-raise-container,.home-think-container {
        max-width:1280px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.home-eat-image,.home-meet-image,.home-raise-image,.home-think-image {
    width: 100%
}

@media (min-width: 1024px) {
    .home-eat-image,.home-meet-image,.home-raise-image,.home-think-image {
        width:calc(50% - 25px)
    }
}

.home-eat-body,.home-meet-body,.home-raise-body,.home-think-body {
    width: 100%;
    padding-top: 35px
}

@media (min-width: 1024px) {
    .home-eat-body,.home-meet-body,.home-raise-body,.home-think-body {
        width:calc(50% - 25px);
        padding-top: 50px
    }
}

.home-eat-title,.home-meet-title,.home-raise-title,.home-think-title {
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 28px;
    line-height: 1
}

@media (min-width: 1024px) {
    .home-eat-title,.home-meet-title,.home-raise-title,.home-think-title {
        font-size:35px
    }
}

.home-eat-title a,.home-meet-title a,.home-raise-title a,.home-think-title a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-eat-title a:hover,.home-meet-title a:hover,.home-raise-title a:hover,.home-think-title a:hover {
    opacity: .5
}

.home-eat-title-en,.home-meet-title-en,.home-raise-title-en,.home-think-title-en {
    margin-top: .7em;
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 14px;
    line-height: 1
}

.home-eat-description,.home-meet-description,.home-raise-description,.home-think-description {
    margin-top: 2em;
    font-family: "中ゴシックBBB", "Gothic Medium BBB", "A-OTF 中ゴシックBBB Pro Medium", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    line-height: 2
}

.home-cmn-more {
    margin-top: 28px
}

.home-cmn-more-check {
    display: none
}

.home-cmn-more-btn {
    display: inline-block;
    padding: 15px 40px 15px 15px;
    border: 1px solid #111;
    color: #111;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

@media (min-width: 1024px) {
    .home-cmn-more-btn {
        padding:15px 45px 15px 25px
    }
}

.home-cmn-more-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 13px;
    width: 9px;
    height: 1px;
    background-color: #111;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.home-cmn-more-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 17px;
    width: 1px;
    height: 9px;
    background-color: #111;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.home-cmn-more-btn:hover {
    background-color: #f3f3f3
}

.home-cmn-article {
    height: auto;
    max-height: 0px;
    margin-top: -1px;
    border: 1px solid #111;
    opacity: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-transition: max-height .3s, opacity .3s;
    -o-transition: max-height .3s, opacity .3s;
    transition: max-height .3s, opacity .3s
}

.home-cmn-more-check:checked+.home-cmn-more-btn {
    background-color: #f3f3f3
}

.home-cmn-more-check:checked+.home-cmn-more-btn:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home-cmn-more-check:checked+.home-cmn-more-btn:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home-cmn-more-check:checked+.home-cmn-more-btn+.home-cmn-article {
    display: block;
    max-height: 999px;
    opacity: 1;
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.home-cmn-article-list {
    padding: 15px
}

@media (min-width: 1024px) {
    .home-cmn-article-list {
        padding:25px
    }
}

.home-cmn-article-item:before {
    content: '▲';
    display: inline-block;
    letter-spacing: -.25em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.75) rotate(90deg);
    -ms-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
}

.home-cmn-article-item+.home-cmn-article-item {
    margin-top: .5em
}

.home-cmn-article-item a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-cmn-article-item a:hover {
    opacity: .5
}

@media (min-width: 1024px) {
    .home-raise-container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width: 1024px) {
    .home-eat-container {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.home-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    margin-top: 50px
}

@media (min-width: 1024px) {
    .home-news {
        width:50%;
        margin-top: 100px;
        text-align: center
    }
}

.home-news-title {
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 28px
}

@media (min-width: 1024px) {
    .home-news-title {
        font-size:35px
    }
}

.home-news-title a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-news-title a:hover {
    opacity: .5
}

.home-news-list {
    margin-top: 1em;
    border-bottom: 1px solid #ddd
}

.home-news-item {
    padding: 1em 0;
    border-top: 1px solid #ddd
}

.home-news-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .home-news-item-link {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.home-news-item-link:hover {
    opacity: .5
}

.home-news-item-date {
    font-size: 12px;
    white-space: nowrap
}

@media (min-width: 1024px) {
    .home-news-item-date {
        margin:0 2em;
        font-size: 14px
    }
}

.home-news-item-title {
    text-align: left
}

.home-news-more {
    margin-top: 35px
}

.home-news-more>a {
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #111;
    color: #111;
    line-height: 1;
    text-align: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.home-news-more>a:before {
    content: '▲';
    display: inline-block;
    letter-spacing: -.25em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.75) rotate(90deg);
    -ms-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
}

.home-news-more>a:hover {
    background-color: #f3f3f3
}

.home-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    padding: 25px;
    background-color: #f0f0f0;
    background-image: url("/assets/img/bg_lt.png"), url("/assets/img/bg_rt.png"), url("/assets/img/bg_rb.png"), url("/assets/img/bg_lb.png");
    background-position: left top, right top, right bottom, left bottom;
    background-size: 12.5px auto;
    background-repeat: no-repeat
}

@media (min-width: 1024px) {
    .home-report {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 1280px;
        margin-top: 100px;
        padding: 50px;
        background-size: 15px auto
    }
}

@media (min-width: 1024px) {
    .home-report-header {
        width:50%
    }
}

.home-report-title {
    font-family: "リュウミン R-KL", "Ryumin Regular KL", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
    font-size: 22px;
    line-height: 1
}

@media (min-width: 1024px) {
    .home-report-title {
        font-size:28px
    }
}

.home-report-title a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.home-report-title a:hover {
    opacity: .5
}

.home-report-description {
    margin-top: 2em;
    line-height: 2
}

.home-report-list {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .home-report-list {
        margin-top:0
    }
}

.home-report-item+.home-report-item {
    margin-top: 1em
}

@media (min-width: 1024px) {
    .home-report-item+.home-report-item {
        margin-top:.5em
    }
}

.home-report-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

@media (min-width: 1024px) {
    .home-report-item-link {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.home-report-item-link:hover {
    opacity: .5
}

.home-report-item-date {
    font-size: 12px
}

@media (min-width: 1024px) {
    .home-report-item-date {
        margin-right:2em;
        font-size: 14px
    }
}

.home-sns {
    width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center
}

@media (min-width: 1024px) {
    .home-sns {
        margin-top:100px;
        max-width: 1280px
    }
}

.home-sns-container {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.meet-index .cmn-page-cover {
    background-image: url("/meet/img/01_cover.jpg");
    background-position: 50% 90%
}

.meet-page-1 .cmn-page-cover {
    background-image: url("/meet/img/01_cover.jpg");
    background-position: 50% 90%
}

.meet01-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .meet01-1 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.meet01-1a {
    width: 100%;
    margin-top: 25px;
    padding-top: 66.666%;
    background-color: #f3f3f3;
    background-image: url("/meet/img/01_fig01.jpg");
    background-position: 50% 60%;
    background-size: cover
}

@media (min-width: 1024px) {
    .meet01-1a {
        width:30%;
        margin-top: 30px;
        padding-top: 0;
        background-position: 50% 50%
    }
}

@media (min-width: 1024px) {
    .meet01-1b {
        width:70%;
        padding-left: 50px
    }
}

.meet01-2,.meet01-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.meet01-2a,.meet01-4a {
    width: 100%;
    margin-top: 25px;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .meet01-2a,.meet01-4a {
        width:calc(50% - 12.5px);
        margin-top: 50px
    }
}

.meet01-2a b,.meet01-4a b {
    display: inline-block;
    padding: 1em 0 .75em;
    font-weight: normal;
    font-size: 16px
}

.meet01-2a img,.meet01-4a img {
    width: 100%;
    height: auto
}

.meet01-2b,.meet01-4b {
    width: 100%;
    margin-top: 50px;
    font-size: 10px
}

@media (min-width: 1024px) {
    .meet01-2b,.meet01-4b {
        font-size:12px
    }
}

.meet01-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .meet01-3 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.meet01-3a {
    width: 100%
}

@media (min-width: 1024px) {
    .meet01-3a {
        width:25%
    }
}

.meet01-3a img {
    width: 100%;
    height: auto
}

.meet01-3b {
    width: 100%;
    margin-top: 1.5em
}

@media (min-width: 1024px) {
    .meet01-3b {
        width:75%;
        margin-top: 0;
        padding-left: 50px
    }
}

.meet01-3s {
    width: 100%;
    margin-top: 1em;
    font-size: 10px
}

@media (min-width: 1024px) {
    .meet01-3s {
        font-size:12px
    }
}

.meet-page-2 .cmn-page-cover {
    background-image: url("/meet/img/01_cover.jpg");
    background-position: 50% 90%
}

.meet02-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .meet02-1 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.meet02-1a {
    width: 100%;
    margin-top: 25px;
    padding-top: 66.666%;
    background-color: #f3f3f3;
    background-image: url("/meet/img/02_fig01.jpg?r1");
    background-position: 50% 50%;
    background-size: cover
}

@media (min-width: 1024px) {
    .meet02-1a {
        width:30%;
        margin-top: 30px;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .meet02-1b {
        width:70%;
        padding-left: 50px
    }
}

.meet02-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .meet02-2 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(60% + 25px);
        margin-top: 50px
    }
}

.meet02-2a {
    width: 100%
}

@media (min-width: 1024px) {
    .meet02-2a {
        width:calc(50% - 12.5px)
    }
}

.meet02-2a img {
    width: 100%;
    height: auto
}

.meet02-2b {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .meet02-2b {
        width:calc(50% - 12.5px);
        margin-top: 0
    }
}

.meet02-2b img {
    width: 100%;
    height: auto
}

.meet02-2c {
    width: 100%
}

.meet02-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .meet02-3 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(60% + 25px);
        margin-top: 50px
    }
}

.meet02-3a {
    width: 100%
}

@media (min-width: 1024px) {
    .meet02-3a {
        width:calc(50% - 12.5px)
    }
}

.meet02-3a img {
    width: 100%;
    height: auto
}

.meet02-3b {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .meet02-3b {
        width:calc(50% - 12.5px);
        margin-top: 0
    }
}

.meet02-3b img {
    width: 100%;
    height: auto
}

.meet02-3c {
    width: 100%
}

.raise-index .cmn-page-cover {
    background-image: url("/raise/img/01_cover.jpg");
    background-position: 50% 70%
}

.raise-page-1 .cmn-page-cover {
    background-image: url("/raise/img/01_cover.jpg");
    background-position: 50% 70%
}

.raise01-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .raise01-1 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.raise01-1a {
    width: 100%;
    margin-top: 25px;
    padding-top: 66.666%;
    background-color: #f3f3f3;
    background-image: url("/raise/img/01_fig01.jpg");
    background-position: 50% 50%;
    background-size: cover
}

@media (min-width: 1024px) {
    .raise01-1a {
        width:30%;
        margin-top: 30px;
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .raise01-1b {
        width:70%;
        padding-left: 50px
    }
}

.raise01-2,.raise01-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.raise01-2a {
    width: 90px
}

@media (min-width: 1024px) {
    .raise01-2a {
        width:100px
    }
}

.raise01-2a img {
    border: 1px solid #111
}

.raise01-2b {
    width: calc(100% - 90px);
    padding-left: 15px
}

@media (min-width: 1024px) {
    .raise01-2b {
        width:calc(100% - 100px);
        padding-left: 25px
    }
}

.raise01-2b .cmn-page-caption {
    margin-top: 0
}

.raise01-2c,.raise01-7a {
    width: 100%;
    margin-bottom: 10px
}

@media (min-width: 1024px) {
    .raise01-2c,.raise01-7a {
        width:calc(33.333% - 16.666px);
        margin-bottom: 0
    }
}

.raise01-2c img,.raise01-7a img {
    width: 100%;
    height: auto
}

.raise01-2d,.raise01-7b {
    width: 100%
}

@media (min-width: 1024px) {
    .raise01-2d,.raise01-7b {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(66.666% - 8.333px)
    }
}

.raise01-2d img,.raise01-7b img {
    width: 100%;
    height: auto
}

.raise01-2e,.raise01-2f,.raise01-7c,.raise01-7d {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .raise01-2e,.raise01-2f,.raise01-7c,.raise01-7d {
        width:calc(50% - 12.5px);
        margin-top: 0
    }
}

.raise01-2g,.raise01-7e {
    width: 100%
}

.raise01-3,.raise01-8,.raise01-9,.raise02-1,.raise02-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px auto 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .raise01-3,.raise01-8,.raise01-9,.raise02-1,.raise02-2 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(60% + 25px);
        margin-top: 50px
    }
}

.raise01-3a,.raise01-8a,.raise01-9a,.raise02-1a,.raise02-2a {
    width: 100%
}

@media (min-width: 1024px) {
    .raise01-3a,.raise01-8a,.raise01-9a,.raise02-1a,.raise02-2a {
        width:calc(50% - 12.5px)
    }
}

.raise01-3a img,.raise01-8a img,.raise01-9a img,.raise02-1a img,.raise02-2a img {
    width: 100%;
    height: auto
}

.raise01-3b,.raise01-8b,.raise01-9b,.raise02-1b,.raise02-2b {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 1024px) {
    .raise01-3b,.raise01-8b,.raise01-9b,.raise02-1b,.raise02-2b {
        width:calc(50% - 12.5px);
        margin-top: 0
    }
}

.raise01-3b img,.raise01-8b img,.raise01-9b img,.raise02-1b img,.raise02-2b img {
    width: 100%;
    height: auto
}

.raise01-3c,.raise01-8c,.raise02-1c {
    width: 100%
}

.raise01-4,.raise01-5,.raise01-6,.raise01-10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .raise01-4,.raise01-5,.raise01-6,.raise01-10 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.raise01-4a,.raise01-5a,.raise01-6a,.raise01-10a {
    width: 100%
}

@media (min-width: 1024px) {
    .raise01-4a,.raise01-5a,.raise01-6a,.raise01-10a {
        width:70%;
        padding-right: 50px
    }
}

.raise01-4b,.raise01-5b,.raise01-6b,.raise01-10b {
    width: 100%;
    margin-top: 25px
}

@media (min-width: 1024px) {
    .raise01-4b,.raise01-5b,.raise01-6b,.raise01-10b {
        width:30%;
        margin-top: 30px
    }
}

.raise01-4b img,.raise01-5b img,.raise01-6b img,.raise01-10b img {
    width: 100%;
    height: auto
}

.raise01-7 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.raise01-9b {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .raise01-9b {
        margin-top:0
    }
}

.raise-page-2 .cmn-page-cover {
    background-image: url("/raise/img/02_cover.jpg");
    background-position: 50% 50%
}

.raise02-1b {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .raise02-1b {
        margin-top:0
    }
}

.raise02-2b {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .raise02-2b {
        margin-top:0
    }
}

.eat-index .cmn-page-cover {
    background-image: url("/eat/img/00_cover.jpg");
    background-position: 50% 50%
}

.eat-page .cmn-page-cover {
    background-image: url("/eat/img/00_cover.jpg");
    background-position: 50% 50%
}

.eat-page-cover {
    margin: -1px auto
}

.recipe-grill-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -25px;
    padding-top: .5em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .recipe-grill-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 14px
    }
}

.recipe-grill-item {
    width: 100%;
    margin-top: 25px;
    font-size: 12px
}

@media (min-width: 1024px) {
    .recipe-grill-item {
        width:calc(33.333% - 16.666px);
        font-size: 14px
    }
}

.recipe-grill-title {
    padding-left: .5em;
    font-size: 16px;
    background-color: #f0f0f0
}

@media (min-width: 1024px) {
    .recipe-grill-title {
        font-size:18px
    }
}

.recipe-grill-image {
    margin-top: 1.5em
}

.recipe-grill-caption {
    margin-top: 1em;
    font-size: 12px;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .recipe-grill-caption {
        font-size:14px
    }
}

.recipe-material {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .recipe-material {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.recipe-material-list {
    margin-top: -25px
}

@media (min-width: 1024px) {
    .recipe-material-list {
        width:calc(50% - 25px);
        margin-top: 0
    }
}

.recipe-material-list+.recipe-material-list {
    margin-top: 0
}

.recipe-material-item-label {
    margin-top: 25px;
    margin-bottom: .5em;
    padding-left: .5em;
    background-color: #f0f0f0;
    font-size: 16px
}

@media (min-width: 1024px) {
    .recipe-material-item-label {
        font-size:18px
    }
}

@media (min-width: 1024px) {
    .recipe-material-item-label:first-child {
        margin-top:0
    }
}

@media (min-width: 1024px) {
    .recipe-material-item {
        line-height:2
    }
}

.recipe-meet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 25px auto 50px;
    padding: 15px;
    border: 1px solid #111
}

@media (min-width: 1024px) {
    .recipe-meet {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 50px auto 100px;
        padding: 25px
    }
}

.recipe-meet-image {
    width: 100%;
    padding-top: 1.5em;
    text-align: center
}

@media (min-width: 1024px) {
    .recipe-meet-image {
        width:20%;
        padding-top: 0
    }
}

.recipe-meet-image img {
    width: 100%;
    max-width: 180px;
    height: auto
}

@media (min-width: 1024px) {
    .recipe-meet-image img {
        max-width:none
    }
}

.recipe-meet-caption {
    width: 100%;
    margin-top: 2em
}

@media (min-width: 1024px) {
    .recipe-meet-caption {
        width:80%;
        margin-top: 0;
        padding-left: 25px
    }
}

.recipe-cooking-item {
    padding-left: 1.25em
}

.recipe-cooking-item b {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.recipe-cooking-note {
    margin-top: 2em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .recipe-cooking-note {
        font-size:14px
    }
}

.recipe-photo {
    margin: 50px auto
}

@media (min-width: 1024px) {
    .recipe-photo {
        margin:100px auto
    }
}

.recipe-photo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -25px
}

@media (min-width: 1024px) {
    .recipe-photo-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .recipe-photo-list-3 .recipe-photo-item {
        width:calc(33.333% - 16.666px)
    }
}

.recipe-photo-item {
    width: 100%;
    margin-top: 25px
}

@media (min-width: 1024px) {
    .recipe-photo-item {
        width:calc(50% - 12.5px)
    }
}

.recipe-photo-caption {
    margin-top: 1em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .recipe-photo-caption {
        font-size:14px
    }
}

.eat06-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 25px
}

@media (min-width: 1024px) {
    .eat06-1 {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 50px
    }
}

.eat06-1a {
    width: 100%
}

@media (min-width: 1024px) {
    .eat06-1a {
        width:calc(33.333% - 16.666px)
    }
}

.eat06-1a+.eat06-1a {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .eat06-1a+.eat06-1a {
        margin-top:0
    }
}

.eat06-1a-image {
    margin-bottom: 1.25em
}

.eat06-1a-title {
    display: inline-block;
    border-bottom: 1px solid #111;
    font-size: 16px
}

@media (min-width: 1024px) {
    .eat06-1a-title {
        font-size:18px
    }
}

.eat06-1a-lead {
    margin-top: .5em;
    font-size: 14px
}

.think-index .cmn-page-cover {
    background-image: url("/think/img/01_cover.jpg");
    background-position: 50% 50%
}

.think-index .cmn-page-cover {
    background-image: url("/think/img/01_cover.jpg");
    background-position: 50% 70%
}

.think-page .cmn-page-cover {
    background-image: url("/think/img/01_cover.jpg");
    background-position: 50% 70%
}

.think-page-2 .cmn-page-header-lead {
    letter-spacing: .02em
}

.think-page-cover {
    margin: -1px auto
}

.think-page-cover-caption {
    margin-top: 1em;
    font-size: 11px;
    text-align: right
}

@media (min-width: 1024px) {
    .think-page-cover-caption {
        font-size:12px
    }
}

.think-page-cover-float {
    margin: -1px auto 0
}

@media (min-width: 1024px) {
    .think-page-cover-float {
        display:inline-block;
        float: right;
        width: calc(50% - 25px);
        margin: 0 0 50px 50px
    }
}

.think-cooking {
    margin: 50px auto
}

@media (min-width: 1024px) {
    .think-cooking {
        margin:100px auto
    }
}

.think-cooking-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .think-cooking-list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.think-cooking-item {
    width: 100%
}

@media (min-width: 1024px) {
    .think-cooking-item {
        width:calc(33.333% - 16.666px);
        text-align: justify
    }
}

.think-cooking-item+.think-cooking-item {
    margin-top: 25px
}

@media (min-width: 1024px) {
    .think-cooking-item+.think-cooking-item {
        margin-top:0
    }
}

.think-cooking-item img {
    width: 100%;
    height: auto
}

.think-note,.think-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1024px) {
    .think-note,.think-profile {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.think-profile-image {
    width: 100%
}

@media (min-width: 1024px) {
    .think-profile-image {
        width:20%
    }
}

.think-profile-image+.think-profile-text {
    width: 100%
}

@media (min-width: 1024px) {
    .think-profile-image+.think-profile-text {
        width:80%;
        padding-left: 25px
    }
}

.think-profile-image img {
    width: 100%;
    height: auto
}

.think-profile-text {
    margin-top: 1em
}

@media (min-width: 1024px) {
    .think-profile-text {
        margin-top:0
    }
}

.think-profile-title {
    font-size: 11px
}

@media (min-width: 1024px) {
    .think-profile-title {
        font-size:12px
    }
}

.think-profile-name {
    font-size: 14px
}

@media (min-width: 1024px) {
    .think-profile-name {
        font-size:16px
    }
}

.think-profile-body {
    margin-top: .75em
}

.think-profile-body a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.think-profile-body a:hover {
    opacity: .5
}

.think-note {
    margin-top: 50px
}

@media (min-width: 1024px) {
    .think-note {
        margin-top:100px
    }
}

.info-index-container {
    width: 90%;
    margin: 0 auto
}

@media (min-width: 1024px) {
    .info-index-container {
        width:50%
    }
}

.info-index-item {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.5
}

.info-index-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 15px 0;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

@media (min-width: 1024px) {
    .info-index-item-link:hover {
        background-color:#f3f3f3
    }
}

.info-index-item-header {
    width: 90px
}

@media (min-width: 1024px) {
    .info-index-item-header {
        width:145px
    }
}

@media (min-width: 1024px) {
    .info-index-item-image {
        padding-left:25px
    }
}

.info-index-item-image img {
    width: 90px;
    height: 60px;
    border: 1px solid #ddd;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 1024px) {
    .info-index-item-image img {
        width:120px;
        height: 80px
    }
}

.info-index-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding-left: 15px
}

@media (min-width: 1024px) {
    .info-index-item-body {
        padding-left:25px
    }
}

@media (min-width: 1024px) {
    .info-index-item-title {
        margin-top:.25em
    }
}

.info-index-item-date {
    margin-top: 1em;
    font-size: 12px
}

@media (min-width: 1024px) {
    .info-index-item-date {
        font-size:12px
    }
}

@media (min-width: 1024px) {
    .info-page-header {
        width:50%
    }
}

.info-page-header-date {
    font-size: 12px
}

@media (min-width: 1024px) {
    .info-page-header-date {
        font-size:14px
    }
}

.info-page-container {
    width: 90%;
    margin: 25px auto
}

@media (min-width: 1024px) {
    .info-page-container {
        width:50%;
        margin: 50px auto
    }
}

.info-page-container p {
    font-size: 14px;
    line-height: 2
}

@media (min-width: 1024px) {
    .info-page-container p {
        font-size:16px
    }
}

.info-page-container p+p {
    margin-top: 2em
}

.info-page-container a {
    text-decoration: underline;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.info-page-container a:hover {
    opacity: .5
}

.info-page-container img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin: 1em auto
}

.info-pager {
    width: 90%;
    margin: 50px auto 0
}

@media (min-width: 1024px) {
    .info-pager {
        max-width:1024px;
        margin: 100px auto 0
    }
}

.info-pager-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info-pager-item {
    font-size: 12px;
    line-height: 1
}

@media (min-width: 1024px) {
    .info-pager-item {
        font-size:14px
    }
}

.info-pager-item+.info-pager-item {
    margin-left: 2em
}

.info-pager-item a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.info-pager-item a:hover {
    opacity: .5
}

.info-pager-item a[href=''] {
    pointer-events: none;
    opacity: .5
}

.info-pager .wp-pagenavi {
    text-align: center
}

.info-pager .pages {
    display: none
}

.info-pager .current,.info-pager .page {
    margin: 0 1em;
    font-size: 12px;
    line-height: 1
}

@media (min-width: 1024px) {
    .info-pager .current,.info-pager .page {
        font-size:14px
    }
}

.info-pager .page {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.info-pager .page:hover {
    opacity: .5
}

.info-pager .current {
    opacity: .25
}

.info-pager .previouspostslink {
    display: none
}

.info-pager .nextpostslink {
    display: none
}

@media (min-width: 1024px) {
    .privacy-page-header {
        width:50%
    }
}

.privacy-page-container {
    width: 90%;
    margin: 25px auto
}

@media (min-width: 1024px) {
    .privacy-page-container {
        width:50%;
        margin: 50px auto
    }
}

.privacy-page-container p {
    font-size: 14px;
    line-height: 2
}

@media (min-width: 1024px) {
    .privacy-page-container p {
        font-size:14px
    }
}

.privacy-page-container p+p {
    margin-top: 2em
}

.privacy-page-container a {
    text-decoration: underline;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.privacy-page-container a:hover {
    opacity: .5
}

.privacy-page-container b {
    display: inline-block;
    margin-bottom: 1em;
    border-bottom: 1px solid #111;
    font-size: 16px
}

@media (min-width: 1024px) {
    .privacy-page-container b {
        font-size:18px
    }
}

.privacy-back {
    margin-top: 50px;
    text-align: center
}

@media (min-width: 1024px) {
    .privacy-back {
        margin-top:100px
    }
}

.privacy-back-link {
    display: inline-block;
    padding: 15px 30px;
    border: 1px solid #111;
    color: #111;
    line-height: 1;
    text-align: center;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s
}

.privacy-back-link:before {
    content: '▲';
    display: inline-block;
    margin-right: .5em;
    letter-spacing: -.25em;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.75) rotate(90deg);
    -ms-transform: scale(0.75) rotate(90deg);
    transform: scale(0.75) rotate(90deg)
}

.privacy-back-link:hover {
    background-color: #f3f3f3
}