@charset "UTF-8";
/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden;
}
.modaal-accessible-hide {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden;
}
.modaal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.modaal-wrapper {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
    border: none;
    background: 0 0;
    padding: 0;
    -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
    opacity: 0;
}
.modaal-wrapper [tabindex="0"] {
    outline: 0!important;
}
.modaal-wrapper.modaal-fullscreen {
    overflow: hidden;
}
.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
    display: block;
}
.modaal-inner-wrapper {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top;
}
.modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 1000px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    cursor: auto;
}
.modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden;
}
.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto;
}
.modaal-close {
    position: fixed;
    right: 20px;
    top: 20px;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0);
    border-radius: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
    outline: 0;
    background: #fff;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #b93d0c;
}
.modaal-close span {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden;
}
.modaal-close:after,
.modaal-close:before {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.modaal-close:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modaal-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px;
}
.modaal-content-container {
    padding: 30px;
}
.modaal-confirm-wrap {
    padding: 30px 0 0;
    text-align: center;
    font-size: 0;
}
.modaal-confirm-btn {
    font-size: 14px;
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    background: 0 0;
}
.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
    text-decoration: none;
    color: #2f2f2f;
}
@keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes instaReveal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.modaal-instagram .modaal-container {
    width: auto;
    background: 0 0;
    box-shadow: none!important;
}
.modaal-instagram .modaal-content-container {
    padding: 0;
    background: 0 0;
}
.modaal-instagram .modaal-content-container > blockquote {
    width: 1px!important;
    height: 1px!important;
    opacity: 0!important;
}
.modaal-instagram iframe {
    opacity: 0;
    margin: -6px!important;
    border-radius: 0!important;
    width: 1000px!important;
    max-width: 800px!important;
    box-shadow: none!important;
    -webkit-animation: 1s linear forwards instaReveal;
    animation: 1s linear forwards instaReveal;
}
.modaal-image .modaal-inner-wrapper {
    padding-left: 140px;
    padding-right: 140px;
}
.modaal-image .modaal-container {
    width: auto;
    max-width: 100%;
}
.modaal-gallery-wrap {
    position: relative;
    color: #fff;
}
.modaal-gallery-item {
    display: none;
}
.modaal-gallery-item img,
.modaal-gallery-item.is_active {
    display: block;
}
.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    color: #fff;
}
.modaal-gallery-label:focus {
    outline: 0;
}
.modaal-gallery-control {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
    color: #fff;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0);
    border: none;
    border-radius: 100%;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
    outline: 0;
    background: #fff;
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
    background: #afb7bc;
}
.modaal-gallery-control span {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0!important;
    border: 0!important;
    height: 1px!important;
    width: 1px!important;
    overflow: hidden;
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
.modaal-gallery-control:before {
    margin: -5px 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modaal-gallery-control:after {
    margin: 5px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px;
}
.modaal-gallery-next-outer {
    right: 45px;
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
    left: 22px;
}
.modaal-gallery-prev:before {
    margin: 5px 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
    margin: -5px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px;
}
.modaal-gallery-prev-outer {
    left: 45px;
}
.modaal-video-wrap {
    margin: auto 50px;
    position: relative;
}
.modaal-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background: #000;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%;
}
.modaal-iframe-elem {
    width: 100%;
    height: 100%;
    display: block;
}
.modaal-loading-spinner {
    background: 0 0;
    position: absolute;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    -webkit-transform: scale(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
}
@-webkit-keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: .1;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes modaal-loading-spinner {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: .1;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.modaal-loading-spinner > div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute;
}
.modaal-loading-spinner > div > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
    -webkit-animation: 1s linear infinite modaal-loading-spinner;
    animation: 1s linear infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: 1s linear infinite modaal-loading-spinner;
    -o-animation: 1s linear infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(1) {
    -ms-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(45deg) translate(70px,0);
    transform: translate(84px,84px) rotate(45deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
    -webkit-animation: 1s linear .12s infinite modaal-loading-spinner;
    animation: 1s linear .12s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(2) {
    -ms-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(90deg) translate(70px,0);
    transform: translate(84px,84px) rotate(90deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
    -webkit-animation: 1s linear .25s infinite modaal-loading-spinner;
    animation: 1s linear .25s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: 1s linear infinite modaal-loading-spinner;
    -o-animation: 1s linear infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(3) {
    -ms-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(135deg) translate(70px,0);
    transform: translate(84px,84px) rotate(135deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
    -webkit-animation: 1s linear .37s infinite modaal-loading-spinner;
    animation: 1s linear .37s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(4) {
    -ms-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(180deg) translate(70px,0);
    transform: translate(84px,84px) rotate(180deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
    -webkit-animation: 1s linear .5s infinite modaal-loading-spinner;
    animation: 1s linear .5s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: 1s linear infinite modaal-loading-spinner;
    -o-animation: 1s linear infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(5) {
    -ms-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(225deg) translate(70px,0);
    transform: translate(84px,84px) rotate(225deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
    -webkit-animation: 1s linear .62s infinite modaal-loading-spinner;
    animation: 1s linear .62s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(6) {
    -ms-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(270deg) translate(70px,0);
    transform: translate(84px,84px) rotate(270deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
    -webkit-animation: 1s linear .75s infinite modaal-loading-spinner;
    animation: 1s linear .75s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(7) {
    -ms-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(315deg) translate(70px,0);
    transform: translate(84px,84px) rotate(315deg) translate(70px,0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
    -webkit-animation: 1s linear .87s infinite modaal-loading-spinner;
    animation: 1s linear .87s infinite modaal-loading-spinner;
}
.modaal-loading-spinner > div:nth-of-type(8) {
    -ms-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
    -webkit-transform: translate(84px,84px) rotate(360deg) translate(70px,0);
    transform: translate(84px,84px) rotate(360deg) translate(70px,0);
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pull-right {
    float: right!important;
}
.pull-left {
    float: left!important;
}
.hide {
    display: none!important;
}
.show {
    display: block!important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none!important;
}
.affix {
    position: fixed;
}
@-ms-viewport {
    width: device-width;
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important;
}
@-ms-viewport {
    width: auto;
}
:root {
    -ms-overflow-style: auto;
}
a {
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    outline: 0;
}
a:hover {
    opacity: .7;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.modaal-overlay {
    z-index: 9998;
}
.item_header .caption {
    margin-top: 2rem;
    font-size: 80%;
    text-align: center;
}
h1.title img {
    max-width: 300px;
    margin: 0;
}
.design_button.type1 a,
.design_button.type1 a:hover,
div#n2-ss-3 .nextend-bullet-bar .n2-bullet.n2-active {
    background-color: #d80c1e;
}
.page-jaka * {
    box-sizing: border-box;
}
.page-jaka.page-jaka-wide {
    margin-left: -105px;
    margin-right: -105px;
}
.page-jaka .h3 {
    font-size: 200%;
    text-align: center;
}
.page-jaka #post_pagination p,
.page-jaka #post_title2 .title,
.page-jaka .design_headline2 span,
.page-jaka .page_navi span.current {
    border-color: #d80c1e;
}
.page-jaka .ico-wrap {
    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;
    background-color: #ededee;
    padding: 20px 20px 10px;
}
.page-jaka .ico-wrap .item {
    width: 16.66667%;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    color: #000;
}
.page-jaka .ico-wrap .item.is-disable {
    pointer-events: none;
}
.page-jaka .ico-wrap .item:hover,
.page-jaka .ico-wrap .item:hover .ico::after {
    opacity: 1;
}
.page-jaka .ico-wrap .item:hover .label {
    color: #d80c1e;
}
.page-jaka .ico-wrap .item .ico {
    position: relative;
    width: 80%;
    height: 0;
    padding-top: 80%;
    border-radius: 100px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-jaka .ico-wrap .item .ico img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    margin: auto;
}
.page-jaka .ico-wrap .item .ico::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    background-color: transparent;
    border: 1px solid #d80c1e;
    border-radius: 10000px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    opacity: 0;
}
.page-jaka .ico-wrap .item .label {
    margin-top: .5rem;
    font-size: 80%;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.mobile .page-jaka .ico-wrap .item {
    width: 25%;
}
.page-jaka .concept-wrap {
    position: relative;
    margin-top: 80px;
    padding-bottom: 15%;
    background: url(/app/wp-content/uploads/jaka/bg_arrow.png) center bottom/contain no-repeat;
    z-index: 2;
}
.page-jaka .concept-wrap .concept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #d80c1e;
    padding-bottom: 3px;
}
.page-jaka .concept-wrap .concept img {
    width: 65.42553%;
}
.page-jaka .concept-wrap .concept .text-wrap {
    width: 34.57447%;
    padding: 0 30px;
    border-right: 6px solid #d80c1e;
}
.page-jaka .concept-wrap .concept .text-wrap .text {
    line-height: 1.625;
}
.page-jaka .concept-wrap .concept.concept-02 {
    margin-top: 100px;
}
.page-jaka .concept-wrap .concept.concept-02 img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.page-jaka .concept-wrap .concept.concept-02 .text-wrap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-left: 6px solid #d80c1e;
    border-right: none;
}
.mobile .page-jaka .concept-wrap .concept .text-wrap,
.mobile .page-jaka .concept-wrap .concept img {
    width: 50%;
}
.page-jaka .method-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -20px;
    z-index: 1;
}
.page-jaka .method-wrap .item {
    width: 49%;
    padding: 4% 4% 20px;
    background: url(/app/wp-content/uploads/jaka/sec_02_bg_r.png) right center/contain no-repeat #d80c1e;
}
.page-jaka .method-wrap .item .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    color: #d80c1e;
    border-radius: 30px;
}
.page-jaka .method-wrap .item .img-box img {
    margin: 0;
}
.page-jaka .method-wrap .item .img-box .caption {
    font-size: 150%;
    font-weight: 700;
    line-height: 1.14286;
    text-align: center;
}
.page-jaka .method-wrap .item.item-01 {
    padding-left: 105px;
}
.page-jaka .method-wrap .item.item-01 img {
    width: 44.09639%;
}
.page-jaka .method-wrap .item.item-02 {
    background-image: url(/app/wp-content/uploads/jaka/sec_02_bg_l.png);
    background-position: left center;
    padding-right: 105px;
}
.page-jaka .method-wrap .item.item-02 img {
    width: 32.77108%;
}
.page-jaka .method-wrap .item .text {
    margin-top: 20px;
    color: #fff;
    text-align: center;
    line-height: 1.125;
}
.mobile .page-jaka .method-wrap .item .img-box {
    border-radius: 20px;
}
.mobile .page-jaka .method-wrap .item .img-box .caption {
    font-size: 100%;
}
.mobile .page-jaka .method-wrap .item.item-01 {
    padding-left: 4%;
}
.mobile .page-jaka .method-wrap .item.item-01 img {
    width: 29.39759%;
}
.mobile .page-jaka .method-wrap .item.item-02 {
    padding-right: 4%;
}
.mobile .page-jaka .method-wrap .item.item-02 img {
    width: 21.84739%;
}
.mobile .page-jaka .method-wrap .item .text {
    font-size: 80%;
}
.page-jaka .advantage {
    margin-top: 120px;
    text-align: center;
}
.page-jaka .advantage .copy {
    margin-top: 30px;
    font-size: 110%;
    font-weight: 700;
    line-height: 1.44444;
}
.page-jaka .advantage .link-modal {
    margin-top: 40px;
}
.page-jaka .tab-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 100px;
    border-left: 1px solid #ededee;
    margin-left: 105px;
    margin-right: 105px;
}
.page-jaka .tab-wrap .tab {
    width: 25%;
    padding: 20px 0 20px 20px;
    border: 1px solid #ededee;
    border-left: none;
    color: #000;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.page-jaka .tab-wrap .tab.active,
.page-jaka .tab-wrap .tab:hover {
    background-color: #f6f6f6;
    color: #d80c1e;
    opacity: 1;
}
.page-jaka .tab-wrap .tab.active {
    border-bottom: 1px solid #f6f6f6;
    pointer-events: none;
}
.page-jaka .tab-wrap .text-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-jaka .tab-wrap .text-wrap .num {
    margin: 0;
    font-weight: 700;
    font-size: 300%;
    line-height: 1;
}
.page-jaka .tab-wrap .text-wrap .title {
    margin: 0 0 0 .5rem;
    line-height: 1.25;
}
.mobile .page-jaka .tab-wrap {
    margin-left: 0;
    margin-right: 0;
}
.mobile .page-jaka .tab-wrap .tab {
    padding: 10px 0 10px 10px;
}
.mobile .page-jaka .tab-wrap .text-wrap .num {
    font-size: 200%;
}
.mobile .page-jaka .tab-wrap .text-wrap .title {
    font-size: 80%;
}
.page-jaka .tab-contents-wrap {
    position: relative;
    background-color: #f6f6f6;
}
.page-jaka .tab-contents-wrap p {
    line-height: 1.625;
}
.page-jaka .tab-contents-wrap .tab-contents {
    padding: 50px 105px;
    text-align: center;
    background-color: #f6f6f6;
    display: none;
}
.page-jaka .tab-contents-wrap .tab-contents.is-show {
    display: block;
}
.page-jaka .tab-contents-wrap .item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-jaka .tab-contents-wrap .item-list .item {
    width: 22%;
}
.page-jaka .tab-contents-wrap .item-list .img-wrap {
    position: relative;
    height: 100px;
}
.page-jaka .tab-contents-wrap .item-list .img-wrap img {
    position: relative;
    height: 100%;
}
.page-jaka .tab-contents-wrap .item-list .ico {
    position: relative;
    width: 50%;
    height: 0;
    padding-top: 50%;
    border-radius: 1000px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.page-jaka .tab-contents-wrap .item-list .ico img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: auto;
}
.page-jaka .tab-contents-wrap .item-list .title {
    margin: 2.5rem 0 0;
    font-weight: 700;
    font-size: 120%;
    line-height: 1.25;
}
.page-jaka .tab-contents-wrap .item-list .ico+.title,
.page-jaka .tab-contents-wrap .item-list .text {
    margin-top: 1rem;
}
.page-jaka .tab-contents-wrap .lead + .item-list {
    margin-top: 2.5rem;
}
.page-jaka .tab-contents-wrap #tab-contents-01 {
    position: relative;
}
.page-jaka .tab-contents-wrap #tab-contents-02 .item-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-jaka .tab-contents-wrap #tab-contents-02 .item-list .item {
    width: 30%;
}
.page-jaka .tab-contents-wrap #tab-contents-03 .item-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-jaka .tab-contents-wrap #tab-contents-03 .item-list .item {
    width: 22%;
}
.page-jaka .tab-contents-wrap #tab-contents-03 .item-list .ico img {
    width: 50%;
}
.mobile .page-jaka .tab-contents-wrap .tab-contents {
    padding: 8% 8% 0;
}
.mobile .page-jaka .tab-contents-wrap .item-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mobile .page-jaka .tab-contents-wrap .item-list .item {
    width: 44%;
    margin-top: 8%;
    margin-bottom: 8%;
}
.mobile .page-jaka .tab-contents-wrap .item-list .img-wrap {
    height: 80px;
}
.mobile .page-jaka .tab-contents-wrap .item-list .title {
    margin-top: 1.5rem;
    font-size: 120%;
}
.mobile .page-jaka .tab-contents-wrap .item-list .ico + .title {
    margin-top: 1rem;
}
.mobile .page-jaka .tab-contents-wrap .item-list .text {
    margin-top: .5rem;
}
.mobile .page-jaka .tab-contents-wrap .lead + .item-list {
    margin-top: 1rem;
}
.mobile .page-jaka .tab-contents-wrap #tab-contents-02 .item-list .item {
    width: 50%;
}
.mobile .page-jaka .tab-contents-wrap #tab-contents-03 .item-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.mobile .page-jaka .tab-contents-wrap #tab-contents-03 .item-list .item {
    width: 33%;
}
.mobile .page-jaka .tab-contents-wrap #tab-contents-03 .item-list .ico {
    width: 60%;
    padding-top: 60%;
}
.page-jaka .product-list {
    margin-top: 150px;
}
.page-jaka .tab-menu-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-jaka .nav-wrap {
    position: relative;
    width: 100%;
    margin: 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-jaka .nav-wrap li {
    position: relative;
    display: block;
    width: 100%;
}
.page-jaka .nav-wrap a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-align: center;
    line-height: 1;
    color: #000;
}
.page-jaka .nav-wrap a:hover {
    opacity: 1;
}
.page-jaka .nav-wrap .nav {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 0;
}
.page-jaka .nav-wrap .nav .nav-item-wrap {
    position: relative;
    height: 100%;
}
.page-jaka .nav-wrap .nav .nav-item {
    position: static;
    width: 33.3%;
    height: 62px;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    border: 1px solid #ededee;
    margin-left: -1px;
    margin-top: -1px;
}
.page-jaka .nav-wrap .nav .nav-item.active,
.page-jaka .nav-wrap .nav .nav-item:hover {
    opacity: 1;
    background-color: #d80c1e;
}
.page-jaka .nav-wrap .nav .nav-item.active .nav-link,
.page-jaka .nav-wrap .nav .nav-item:hover .nav-link {
    color: #fff;
}
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(1),
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(2),
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(3) {
    z-index: 10;
}
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(4),
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(5),
.page-jaka .nav-wrap .nav .nav-item:nth-of-type(6) {
    z-index: 9;
}
.page-jaka .subnav-wrap {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ededee;
    border-top: none;
}
.page-jaka .subnav-wrap .subnav {
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    margin: 0;
}
.page-jaka .subnav-wrap .subnav .subnav-item {
    width: auto;
    height: 40px;
}
.page-jaka .subnav-wrap .subnav .subnav-item a {
    color: #000;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.page-jaka .subnav-wrap .subnav .subnav-item a.active,
.page-jaka .subnav-wrap .subnav .subnav-item a:hover {
    opacity: 1;
    background-color: #d9d9d9;
}
.page-jaka .subnav-wrap .subnav .subnav-item a.active {
    pointer-events: none;
}
.page-jaka .subnav-wrap .subnav .subnav-item .ico {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
}
.page-jaka .nav-item.active > .subnav-wrap .subnav,
.page-jaka .nav-item:hover > .subnav-wrap .subnav {
    opacity: 1;
}
.page-jaka .nav-item.active .ico-nav-wrap span,
.page-jaka .nav-item:hover .ico-nav-wrap span {
    border-color: #fff transparent transparent;
} 
.nav-item:hover:nth-of-type(2)>.subnav-wrap .subnav{
    height: 240px!important;
}

.nav-item:hover:nth-of-type(1)>.subnav-wrap .subnav,
.nav-item:hover:nth-of-type(3)>.subnav-wrap .subnav,
.nav-item:hover:nth-of-type(4)>.subnav-wrap .subnav,
.nav-item:hover:nth-of-type(5)>.subnav-wrap .subnav,
.nav-item:hover:nth-of-type(6)>.subnav-wrap .subnav {
    height: 40px!important;
} 
.page-jaka .ico-nav-wrap {
    position: absolute;
    bottom: 2px;
    right: 0;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: auto;
    z-index: 1;
}
.page-jaka .ico-nav-wrap span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0;
    border-color: #000 transparent transparent;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    position: absolute;
}
.page-jaka .product-list .product-contents-wrap {
    position: relative;
}
.page-jaka .product-list .product-contents {
    padding: 100px 0 0;
    display: none;
}
.page-jaka .product-list .product-contents.is-show {
    display: block;
}
.page-jaka .product-list .product-contents .title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-jaka .product-list .product-contents .img-wrap,
.page-jaka .product-list .product-contents .text-wrap {
    width: 48%;
}
.page-jaka .product-list .product-contents .h4 {
    color: #d80c1e;
    font-size: 180%;
    line-height: 1;
}
.page-jaka .product-list .product-contents .h5 {
    margin-top: 30px;
    font-size: 120%;
}
.page-jaka .product-list .product-contents .text {
    line-height: 1.625;
}
.page-jaka .product-list .product-contents .param-wrap {
    margin-top: 80px;
}
.page-jaka .product-list .product-contents .param-wrap .h5 {
    text-align: center;
    font-size: 150%;
}
.page-jaka .product-list .product-contents .table {
    margin-top: 40px;
    margin-bottom: 0;
}
.page-jaka .product-list .product-contents .table tr:nth-of-type(2n+1) td {
    background-color: #d9d9d9;
}
.page-jaka .product-list .product-contents .table tr:nth-of-type(2n) td {
    background-color: rgba(217,217,217,.4);
}
.page-jaka .product-list .product-contents .table td,
.page-jaka .product-list .product-contents .table th {
    vertical-align: middle;
    border: none;
    line-height: 1.625;
    padding: 10px 20px;
}
.page-jaka .product-list .product-contents .table th {
    background-color: #d80c1e;
    color: #fff;
    border-top: 5px solid #f6f6f6;
    width: 20%;
    white-space: nowrap;
    font-weight: 700;
}
.page-jaka .product-list .product-contents .table td {
    border-top: 5px solid #f6f6f6;
    border-left: 5px solid #f6f6f6;
}
.page-jaka .product-list .product-contents .table td:nth-of-type(1) {
    width: 20%;
    white-space: nowrap;
}
.page-jaka .product-list .product-contents .table td:nth-of-type(2) {
    width: 60%;
}
.page-jaka .product-list .design_button {
    margin-top: 120px;
    height: 40px;
}
.page-jaka .product-list .design_button a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    max-width: 450px;
}
.mobile .page-jaka .product-list .product-contents {
    padding: 60px 0 0;
}
.mobile .page-jaka .product-list .product-contents .title-wrap {
    display: block;
}
.mobile .page-jaka .product-list .product-contents .img-wrap,
.mobile .page-jaka .product-list .product-contents .text-wrap {
    width: 100%;
}
.mobile .page-jaka .product-list .product-contents .h4 {
    margin-top: 30px;
}
.mobile .page-jaka .product-list .product-contents .param-wrap {
    margin-top: 40px;
    padding: 20px;
}
.mobile .page-jaka .product-list .product-contents .param-wrap .h5 {
    margin-top: 0;
}
.mobile .page-jaka .product-list .product-contents .table {
    margin-top: 20px;
}
.mobile .page-jaka .product-list .product-contents .table td,
.mobile .page-jaka .product-list .product-contents .table th {
    padding: 5px 10px;
    font-size: 90%;
}
.mobile .page-jaka .product-list .product-contents .table th {
    border-top: 2px solid #f6f6f6;
}
.mobile .page-jaka .product-list .product-contents .table td {
    border-top: 2px solid #f6f6f6;
    border-left: 2px solid #f6f6f6;
}
.mobile .page-jaka .product-list .design_button {
    margin-top: 60px;
}
.page-jaka .about {
    position: relative;
    background-color: #ccc;
    margin-top: 120px;
    margin-bottom: -105px;
    padding: 40px 0 60px;
    text-align: center;
}
.page-jaka .about .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.page-jaka .about .video-wrap .video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.page-jaka .about .h3 {
    position: relative;
    color: #fff;
}
.page-jaka .about .lead {
    position: relative;
    color: #fff;
    font-size: 120%;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 0;
    line-height: 1.44444;
}
.page-jaka .about .partner-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-left: 105px;
    padding-right: 105px;
}
.page-jaka .about .partner-wrap .img-logo {
    width: 19.14894%;
    margin-top: 10px;
    padding: 5px 0;
    background-color: #fff;
}
.page-jaka .about .partner-wrap .img-logo.dummy {
    height: 0;
    padding: 0;
    margin: 0;
}
.mobile .page-jaka .about {
    margin-top: 60px;
    margin-bottom: -105px;
    padding: 20px 0 30px;
}
.mobile .page-jaka .about .lead {
    font-size: 120%;
    margin-top: 30px;
}
.mobile .page-jaka .about .partner-wrap {
    margin-top: 30px;
    padding-left: 105px;
    padding-right: 105px;
}
.mobile .page-jaka .about .partner-wrap .img-logo {
    width: 31.91489%;
    margin-top: 10px;
}
@media only screen and (min-width:1400px) {
    .modaal-video-container {
        padding-bottom: 0;
        height: 731px;
    }
}
@media only screen and (max-width:1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background: rgba(0,0,0,.7);
    }
    .modaal-gallery-control:after,
    .modaal-gallery-control:before {
        background: #fff;
    }
    .modaal-gallery-next {
        left: auto;
        right: 20px;
    }
    .modaal-gallery-prev {
        left: 20px;
        right: auto;
    }
}
@media screen and (max-width:900px) {
    .modaal-instagram iframe {
        width: 500px!important;
    }
}
@media screen and (max-height:1100px) {
    .modaal-instagram iframe {
        width: 700px!important;
    }
}
@media screen and (max-height:1000px) {
    .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .modaal-instagram iframe {
        width: 600px!important;
    }
}
@media screen and (max-height:900px) {
    .modaal-instagram iframe {
        width: 500px!important;
    }
    .modaal-video-container {
        max-width: 900px;
        max-height: 510px;
    }
}
@media only screen and (max-width:600px) {
    .modaal-instagram iframe {
        width: 280px!important;
    }
}
@media only screen and (max-height:820px) {
    .modaal-gallery-label {
        display: none;
    }
}
@media (max-width:600px) {
    .visible-xs {
        display: block!important;
    }
    table.visible-xs {
        display: table!important;
    }
    tr.visible-xs {
        display: table-row!important;
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important;
    }
    .visible-xs-block {
        display: block!important;
    }
    .visible-xs-inline {
        display: inline!important;
    }
    .visible-xs-inline-block {
        display: inline-block!important;
    }
    .hidden-xs {
        display: none!important;
    }
}
@media (min-width:601px) and (max-width:949px) {
    .visible-sm {
        display: block!important;
    }
    table.visible-sm {
        display: table!important;
    }
    tr.visible-sm {
        display: table-row!important;
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important;
    }
    .visible-sm-block {
        display: block!important;
    }
    .visible-sm-inline {
        display: inline!important;
    }
    .visible-sm-inline-block {
        display: inline-block!important;
    }
    .hidden-sm {
        display: none!important;
    }
}
@media (min-width:950px) and (max-width:1199px) {
    .visible-md {
        display: block!important;
    }
    table.visible-md {
        display: table!important;
    }
    tr.visible-md {
        display: table-row!important;
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important;
    }
    .visible-md-block {
        display: block!important;
    }
    .visible-md-inline {
        display: inline!important;
    }
    .visible-md-inline-block {
        display: inline-block!important;
    }
    .hidden-md {
        display: none!important;
    }
}
@media (min-width:1200px) {
    .visible-lg {
        display: block!important;
    }
    table.visible-lg {
        display: table!important;
    }
    tr.visible-lg {
        display: table-row!important;
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important;
    }
    .visible-lg-block {
        display: block!important;
    }
    .visible-lg-inline {
        display: inline!important;
    }
    .visible-lg-inline-block {
        display: inline-block!important;
    }
    .hidden-lg {
        display: none!important;
    }
}
@media print {
    .visible-print {
        display: block!important;
    }
    table.visible-print {
        display: table!important;
    }
    tr.visible-print {
        display: table-row!important;
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important;
    }
    .visible-print-block {
        display: block!important;
    }
    .visible-print-inline {
        display: inline!important;
    }
    .visible-print-inline-block {
        display: inline-block!important;
    }
    .hidden-print {
        display: none!important;
    }
}
@media (max-width:949px) {
    h1.title {
        margin-top: 50px;
    }
    .mobile .page-jaka .ico-wrap .item {
        width: 33.33333%;
    }
    .mobile .page-jaka .concept-wrap {
        background-size: 20% auto;
        background-position: center 98%;
    }
    .mobile .page-jaka .concept-wrap .concept {
        display: block;
    }
    .mobile .page-jaka .concept-wrap .concept img {
        width: 100%;
    }
    .mobile .page-jaka .concept-wrap .concept .text-wrap {
        width: 100%;
        margin-top: 20px;
        padding: 0 15px;
        border-left: 6px solid #d80c1e;
        border-right: none;
    }
    .mobile .page-jaka .concept-wrap .concept.concept-02 {
        margin-top: 50px;
    }
    .mobile .page-jaka .method-wrap .item .img-box {
        border-radius: 10px;
        padding: 2px 0;
    }
    .mobile .page-jaka .advantage,
    .mobile .page-jaka .tab-wrap {
        margin-top: 60px;
    }
    .mobile .page-jaka .tab-wrap .tab {
        padding: 10px 0 10px 10px;
    }
    .mobile .page-jaka .tab-wrap .text-wrap {
        display: block;
    }
    .mobile .page-jaka .tab-wrap .text-wrap .num {
        font-size: 120%;
    }
    .mobile .page-jaka .tab-wrap .text-wrap .title {
        font-size: 65%;
        margin: .25rem 0 0;
    }
    .mobile .page-jaka .product-list {
        margin-top: 60px;
    }
    .mobile .page-jaka .nav-wrap {
        margin-top: 25px;
    }
    .mobile .page-jaka .nav-wrap li {
        font-size: 80%;
    }
    .mobile .page-jaka .product-list .product-contents .table td:nth-of-type(1),
    .mobile .page-jaka .product-list .product-contents .table th {
        white-space: normal;
    }
    .mobile .page-jaka .about {
        margin-bottom: 20px;
    }
    .mobile .page-jaka .about .partner-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mobile .page-jaka.page-jaka-wide {
        margin-left: 0;
        margin-right: 0;
    }
}