@charset "utf-8";

/* ##### 共通 ##### */
.logo {
    display: inline-block;
}

.lh {
    line-height: 200%;
}

.tac-tal {
    text-align: center;
}

.inb {
    display: inline-block;
}

.bg-lightblue {
    background: #e8faff
}

.tr80-parent {
    margin-top: 80px;
}

.tr80 {
    -webkit-transform: translate(0, -80px);
    transform: translate(0, -80px);
}

.popper {
    display: inline-block;
    padding: 0.5em 2em;
    position: relative;
}

.popper:before {
    content: "";
    position: absolute;
    left: 0.5em;
    bottom: 0;
    height: 2em;
    width: 1px;
    border-left: 2px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popper:after {
    content: "";
    position: absolute;
    right: 0.5em;
    bottom: 0;
    height: 2em;
    width: 1px;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(30deg);
}

.counter {
    counter-reset: number;
    list-style: none;
}

.counter li {
    position: relative;
}

.counter li:before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 0;
    left: 0;
}

.sp-break br {
    display: none;
}

.under-arrow {
    position: relative;
    margin-bottom: 100px;
}

.under-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 55px 30px 0 30px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    bottom: -55px;
    left: 0;
    right: 0;
    margin: auto;
}

.floating-btns {
    display: none;
}

.floating-btns[data-element-id] {
    display: block;
    position: static;
}

.floating-btns {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0px -4px 6px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -4px 6px -4px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.floating-btns li {
    width: 50%;
}

.floating-btns li a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    background-color: #00b2cc;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-btns .float-tel a {
    padding-left: 30px;
    font-size: 15px;
    letter-spacing: 1px;
    position: relative;
}

.floating-btns .float-tel a:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/upload/tenant_10/4baf85bbad543cf97b8e567d5c15dd27.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.floating-btns .float-mail a {
    font-size: 12px;
    background-color: #f7b73b;
}

#function {
    padding-top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.func-box {
    border: 7px solid #00b3cc;
    padding: 49px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.func-heading {
    width: 80%;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #00b3cc;
    border-radius: 35px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.func-logo {
    width: 30%;
    margin: 15px 0;
    opacity: 0.5;
}

.func-list {
    margin: 15px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.func-list li {
    width: 13%;
    margin: 0 1.5% 2.5% 1.5%;
}

.func-list.mk2 li {
    width: 15%;
    margin: 0 2.5% 2.5% 2.5%;
}

.func-list li a {
    display: block;
}

.func-list li a .ofimg {
    width: 70%;
    margin: auto;
}

.func-list li a h3 {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
}

.point-list {
    margin: 30px 0;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.point-list li {
    margin-bottom: 20px;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    padding-left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.point-list li:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 27px;
    background-image: url(/import/tenant_10/153.126.208.246/html/images/common/icon-point.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.check-list {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto;
}

.asterisk-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.asterisk-list li:before {
    content: '※';
    width: 14px;
    height: 14px;
    line-height: 100%;
    position: absolute;
    top: 4px;
    left: 0;
}

.light-list li {
    margin-bottom: 50px;
    padding: 30px 30px 30px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.light-list li:before {
    content: '';
    width: 62px;
    height: 89px;
    background-image: url(/upload/tenant_10/9389c8391dd5f8466ecdc41264356007.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
}

.light-heading {
    font-size: 26px;
}

.light-heading+.text {
    font-size: 16px;
}

.feadL {
    -webkit-transform: translate(60px, 0);
    transform: translate(60px, 0);
}

.feadL.mv {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .check-list {
        width: 50%;
    }
}

.check-list li {
    font-size: 18px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    padding-left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.check-list li:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 26px;
    background-image: url(/import/tenant_10/153.126.208.246/html/images/common/icon-check.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
}

.balloon-small {
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
    margin-bottom: 50px;
    padding: 50px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.balloon-small:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 35px solid #fff;
}

.interview-list li {
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.interview-list-num {
    color: #00b2cc;
}

.interview-list-heading {
    font-size: 28px;
    line-height: 120%;
    margin: 20px 0;
}

.interview-list li .mini-btn-blue {
    margin-right: 0;
    margin-bottom: 0;
}
.br-none br{
  display: none;
}
@media (max-width: 1024px) {
    .point-list li {
        margin-bottom: 15px;
    }

    .lh {
        left: 160%;
    }

    .floating-btns {
        display: block;
    }

    .func-box {
        padding: 30px;
    }

    .func-heading {
        font-size: 30px;
    }

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

    .func-list li,
    .func-list.mk2 li{
        width: calc(100% / 4 - 4%);
        margin: 0 2% 2% 2%;
    }
    
    

    .func-list li a h3 {
        font-size: 13px;
    }

    .light-list li {
        margin-bottom: 40px;
        padding: 15px 15px 15px 35px;
    }

    .light-list li:before {
        width: 50px;
        height: 70px;
    }

    .light-heading {
        font-size: 22px;
        line-height: 120%;
    }

    .interview-list-heading {
        font-size: 24px;
        margin-bottom: 20px;
    }
}

@media (max-width: 599px) {
  .tr80 {
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
}
  .br-none br{
  display: inline;
}
  .point-list li{
    padding-left: 40px;
  }
  .point-list li:before{
    width: 30px;
    top: 6%;
  }
    .pc-break br {
        display: none;
    }

    .point-list {
        -webkit-column-count: 1;
        column-count: 1;
    }

    .tac-tal {
        text-align: left;
    }
    .func-box {
        padding: 15px;
        border: 5px solid #00b3cc;
    }

    .func-heading {
        font-size: 26px;
        border: 5px solid #00b3cc;
    }

    .func-logo {
        width: 70%;
        margin-top: 30px;
    }

    .func-list li,
    .func-list.mk2 li {
        width: calc(100% / 2 - 6%);
        margin: 0 3% 6% 3%;
    }

    .func-list li a .ofimg {
        width: 50%;
    }

    .func-list li a h3 {
        font-size: 14px;
    }

    .light-list {
        margin-top: 80px;
    }

    .light-list li:before {
        width: 40px;
        height: 60px;
    }

    .light-heading {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .interview-list-heading {
        font-size: 20px;
        margin: 10px 0;
    }
}

/* 見出し */
.heading {
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
}

.heading-sub {
    display: block;
    font-size: 20px;
    text-align: center;
    line-height: 140%;
}

.heading-in-logo {
    font-size: 34px;
}

.blue-heading {
    font-size: 30px;
    text-align: center;
    color: #00b2cc;
}

.heading-deco1 {
    font-size: 24px;
    text-align: center;
    position: relative;
    margin-bottom: 50px;
}

.heading-deco1:before {
    content: '';
    display: inline-block;
    width: 65px;
    height: 45px;
    background-image: url(/import/tenant_10/153.126.208.246/html/images/common/icon-repel.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.round-heading {
    border-radius: 35px;
    background-color: #fff;
    margin-bottom: 50px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 34px;
}

.round-heading .logo {
    width: 280px;
}

@media (max-width: 1024px) {
    .heading {
        font-size: 30px;
    }

    .heading-sub {
        font-size: 18px;
    }

    .round-heading .logo {
        width: 220px;
    }
}

@media (max-width: 599px) {
    .heading {
        font-size: 20px;
        line-height: 120%;
    }

    .heading-sub {
        font-size: 12px;
    }

    .heading-in-logo .logo {
        width: 80%;
    }

    .blue-heading {
        font-size: 25px;
        line-height: 120%;
    }

    .heading-deco1 {
        font-size: 16px;
        margin-top: 80px;
    }

    .heading-deco1:before {
        -webkit-transform: translate(0%, -120%);
        transform: translate(0%, -120%);
    }
}

/* 見出し end */

/* ボタン */
.mini-btn-blue {
    margin: 30px auto;
    width: 75px;
    height: 25px;
}

.mini-btn-blue a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 13px;
    border: 1px solid #00b2cc;
    background-color: #00b2cc;
    font-size: 15px;
    color: #fff;
    line-height: 100%;
    text-align: center;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mini-btn-blue a:hover {
    opacity: 1;
    background-color: #fff;
    color: #00b2cc;
}

.more-btn,
.orange-btn {
    width: 330px;
    max-width: 80%;
    height: 50px;
    margin: 50px auto;
}

.big-btn {
    max-width: 480px;
}

.more-btn a,
.more-btn button,
.blue-btn a,
.orange-btn a {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.more-btn a,
.blue-btn a,
.more-btn button {
    background-color: #00b2cc;
    border: 2px solid #00b2cc;
}

.orange-btn a {
    background-color: #f7b73b;
    border: 2px solid #f7b73b;
}

.more-btn a,
.more-btn button,
.arrow-btn a,
.arrow-btn button,
.back-btn a,
.back-btn button {
    position: relative;
}

.arrow-btn a,
.arrow-btn button {
    padding-right: 20px;
}

.big-btn a {
    font-size: 28px;
    padding: 20px 68px;
    -webkit-transition: 0s;
    transition: 0s;
}

.big-btn.orange-btn a {
    border-bottom: solid 4px #7e6128;
    border-radius: 3px;
}

.big-btn.blue-btn a {
    border-bottom: solid 4px #425c5f;
    border-radius: 3px;
}

.arrow-btn a:after,
.arrow-btn button:after {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.back-btn a:after,
.back-btn button:after {
    content: "\f0d9";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.more-btn a:hover,
.more-btn button:hover,
.orange-btn a:hover {
    cursor: pointer;
    opacity: 1;
    background-color: #fff;
}

.more-btn a:hover,
.more-btn button:hover {
    color: #00b2cc;
}

.orange-btn a:hover {
    color: #f7b73b;
}

.big-btn.blue-btn:hover,
.big-btn.orange-btn:hover {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: 0s;
    transition: 0s;
    border-bottom: solid 4px #fff;
}

.big-btn.blue-btn a:hover,
.big-btn.orange-btn a:hover {
    -webkit-transition: 0s;
    transition: 0s;
    /*下に動く*/
    border-bottom: none;
    /*線を消す*/
}

.btn-lr a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: '';
    background: rgba(0, 178, 204, 255);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.btn-lr a:hover {
    color: #fff;
}

.btn-lr a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);

}

.btn-lr a:hover:before {
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img59.png) center center no-repeat;
    background-size: contain;
    z-index: 1;
}

.back-btn a:before {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img57.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;

}

.white-btn a {
    background: #fff;
    font-size: 14px;
    color: rgba(0, 178, 204, 255);
    border-radius: 10px;
    overflow: hidden;
}

.white-btn {
    border-radius: 10px;
    overflow: hidden;
}

.white-btn a:before {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img44.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
}

[data-element-id] .popup {
    animation-name: none;
    -webkit-animation-name: none;
}

.popup {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes pop {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

@keyframes pop {
    0% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}
@media only screen and (max-width: 599px) {
  .more-btn{
    max-width: 95%;
  }
}
/* ボタン end */

/* common-btn */
.common-btn .inner {
    padding: 35px 0;
}

.common-btn li {
    text-align: center
}

.side-slash {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

.side-slash:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 22px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img02.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 44%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -18px;
}

.side-slash:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 22px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img03.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 44%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -18px;
}

.common-btn .more-btn {
    width: 100%;
    height: auto;
    border-radius: 50px;
    overflow: hidden;
    margin: inherit;
}

.common-btn .more-btn a {
    padding: 20px 0px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    display: block;
    color: #fff;
}

.common-btn .more-btn a:hover {
    opacity: 1;
    background-color: #f7b73b;
}

.common-btn .blue-btn a:hover {
    background-color: #00b2cc;
}

.blue-btn .free {
    background: #fbf043;
    padding: 1px 10px;
    border-radius: 20px;
    color: rgba(85, 85, 85, 255);
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width: 1024px) {
    .common-btn .more-btn a {
        font-size: 20px;
    }

    .side-slash {
        font-size: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .common-btn .more-btn a {
        font-size: 16px;
        padding: 15px 0;
    }

    .side-slash {
        font-size: 14px;
    }

    .common-btn .inner {
        padding: 15px 0;
    }
}

/* common-btn end */

/* common-contact */
.common-contact .inner {
    padding: 100px 0;
}

.common-contact .heading {
    margin-bottom: 40px;
}

.common-contact .bnr {
    position: relative;
    border: #f3f3f3 6px solid;
    border-radius: 20px;
    padding: 20px 20px 30px;
    text-align: center;
    height:100%;
}

.common-contact .midahi {
    background-color: #fff;
    color: rgba(0, 178, 204, 255);
    font-size: 20px;
    display: inline-block;
    -webkit-transform: translate(0%, -35px);
    transform: translate(0%, -35px);
    margin: 0 auto;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.common-contact .left-bnr .number {
    margin-top: -10px;
    margin-bottom: 15px;
}

.common-contact .left-bnr .number a {
    color: #009bc4;
    position: relative;
    padding-left: 43px;
    font-size: 45px;
}

.common-contact .number a:before {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img41.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.left-bnr .time {
    width: 95%;
    max-width: 420px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #00b2cc;
    font-size: 12px;
    display: block;
    border-radius: 20px;
}

.right-bnr .mail {
    margin-top: -10px;
    margin-bottom: 0px;
}

.right-bnr .mail a {
    color: #009bc4;
    position: relative;
    padding-left: 38px;
    font-size: 22px;
}

.right-bnr .mail a:before {
    content: "";
    display: block;
    width: 30px;
    height: 23px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img42.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.common-contact .contact-btn {
    display: block;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
}

.common-contact .contact-btn a {
    background: #00b2cc;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 5px;
    display: block;
}

.common-contact .contact-btn a:before {
    content: "";
    display: block;
    width: 21px;
    height: 20px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img43.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25%;
}

@media only screen and (max-width: 1024px) {
    .common-contact .midahi {
        font-size: 17px;
    }

    .common-contact .left-bnr .number a {
        font-size: 30px;
    }

    .right-bnr .mail a {
        font-size: 17px;
    }

    .right-bnr .midahi {
        font-size: 14px;
    }

    .common-contact .contact-btn a {
        font-size: 14px;
    }

    .common-contact .contact-btn a:before {
        left: 14%;
    }

    .common-contact .inner {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 599px) {
    .common-contact .inner {
        padding: 30px 0;
    }

    .common-contact .heading {
        font-size: 16px;
    }

    .common-contact .midahi {
        font-size: 15px;
    }

    .common-contact .number a:before {
        width: 26px;
        height: 26px;
        left: 10px;
    }

    .right-bnr .mail a:before {
        width: 24px;
        top: 30%;
    }

    .common-contact .bnr {
        margin-bottom: 20px;
    }

    .common-contact .contact-btn a:before {
        left: 15%;
        width: 15px;
    }
}

/* common-contact end */

/* ##### header ##### */
#header {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    z-index: 2
}

#header[data-element-id] {
    position: static;
}

.header-top h1 {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 0px;
}

.under .header-top h1 {
    color: #555;
}

.white-text .header-top h1 {
    color: #fff;
}

.header-top li {
    position: relative;
    padding: 5px;
}

.header-top li:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    font-size: 12px;
    color: #00b2cc;
}

.header-top li a {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    z-index: 1;
}

.under .header-top li a {
    color: #555;
}

.white-text .header-top li a {
    color: #fff;
}

.white-text .header-top li:before {
    color: #fff;
}

.header-top {
    padding: 18px 0 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-bottom {
    background: #fff;
    padding: 9px 50px;
    border-radius: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.header-bottom .logo {
    width: 160px;
}

.header-bottom .logo a {
    display: block;
}

.header-bottom.fixed {

    position: fixed;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: auto !important;
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 1024px) {
    .header-top .min-nav {
        display: none;
    }
}

/* ##### header end　##### */

/* ##### nav ##### */
.sp-only {
    display: none;
}

.sp-only[data-element-id] {
    display: block;
    border: 1px solid #ff8c00;
}

.sp-only[data-element-id]:before {
    content: 'SP用ナビ';
    display: block;
    font-size: 10px;
    line-height: 120%;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ff8c00;
    position: absolute;
    width: auto;
}

.sp-acc .sp-nav-acc {
    display: none;
}

.sp-acc .sp-nav-acc[data-element-id] {
    display: block;
    position: absolute;
    top: 0;
    left: -30%;
    background-color: #fff;
}

.sp-acc .sp-nav-acc[data-element-id]:before {
    content: 'スマホのアコーディオンの中身です';
    display: block;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    background-color: ##dcdcdc;
    position: absolute;
    top: 0;
    left: 0;
}

.sp-acc .sp-nav-acc[data-element-id] li a {
    padding: 5px;
}

nav .logo {
    display: none;
}

.nav-list {
    position: relative;
    z-index: 3;
}

.nav-list li a,
.nav-list li span {
    font-weight: bold;
    padding: 20px 10px 20px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
}

.nav-list li a:before,
.nav-list li span:before {
    content: "\f0da";
    font-family: FontAwesome;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 31px;
    left: 0;
    right: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    font-size: 12px;
    color: #00a0c6;
    text-align: center;
    line-height: 16px;
}

.nav-list li.contact a {
    font-size: 12px;
    font-weight: bold;
    color: #00a0c6;
    position: static;
}

.nav-list li.contact {
    position: relative;
    padding-top: 42px;
}

.nav-list li.contact a {
    padding: 0 10px;
}

.nav-list li.contact:before {
    display: none
}

.nav-list li.contact a:before {
    position: absolute;
    content: "";
    display: block;
    top: 0%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img39.png) center center no-repeat;
    background-size: contain;
}

nav .logo,
nav .footer-sns-list {
    display: none;
}

@media (max-width: 1024px) {

    .sp-only,
    nav .logo {
        display: block;
    }

    .sp-acc .sp-nav-acc {
        display: block;
    }

    .nav-list .sp-acc>a {
        display: none;
    }

    nav .footer-sns-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    nav {
        position: fixed;
        top: 0;
        right: 0;
        width: 70px;
        height: 70px;
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #00b2cc;
        border-bottom-left-radius: 100%;
        transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        -webkit-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        -ms-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }

    .active nav {
        width: 50%;
        height: 100vh;
        border-bottom-left-radius: 0;
        transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        -webkit-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        -ms-transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        z-index: 3;
    }

    nav .logo {
        display: block;
        width: 30%;
        margin: 10px auto;
        z-index: 1;
        position: relative;
    }

    .header-bottom nav .logo {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding: 50px 15px 20px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
    }

    .header-bottom nav .logo a {
        width: 50%;
    }

    .nav-list {
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav-list li {
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 5px 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav-list li a,
    .nav-list li span {
        display: inline-block;
        color: #fff;
        padding: 10px 10px 10px 16px;
    }

    .nav-list li span {
        padding: 10px 20px;
    }

    .nav-list li span:before {
        width: 16px;
        height: 16px;
        content: "\f13a";
        font-family: FontAwesome;
        display: inline-block;
        position: absolute;
        top: 16px;
        right: 0;
        margin: 0;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        -webkit-transform: translate(0, -50%) rotate(0deg);
        transform: translate(0, -50%) rotate(0deg);
    }

    .nav-list li span.action:before {
        -webkit-transform: translate(0, -50%) rotate(180deg);
        transform: translate(0, -50%) rotate(180deg);
    }

    .nav-list li.contact {
        display: none;
    }

    .nav-list li a:before,
    .nav-list li span:before {
        top: 23px;
        left: 0;
    }

    .active .nav-list li a:before,
    .active .nav-list li span:before {
        color: #fff;
    }

    .nav-list li .acc-content2 li {
        border-bottom: 1px dotted #fff;
    }

    .nav-list li .acc-content2 li:last-of-type {
        border-bottom: none;
    }

    .nav-list li .acc-content2 li a {
        padding: 5px 10px 5px 20px;
    }

    .nav-list li .acc-content2 li a:before {
        width: 16px;
        height: 16px;
        content: '└';
        color: #fff;
        top: 16px;
        left: 0;
        right: auto;
    }
}

@media (max-width: 599px) {
    nav {
        width: 60px;
        height: 60px;
        overflow: hidden;
    }

    .active nav {
        width: 100%;
        padding-bottom: 80px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* ##### nav end ##### */

/* #####  foot-nav  ##### */
.foot-nav {
    border-bottom: 1px solid #cccccc;
}

.foot-nav .inner {
    padding: 45px 0;
}

.foot-nav li {
    border-left: 1px solid #cccccc;
    width: calc((100% - 4px) / 3);
  }

.foot-nav li:last-of-type {
    border-right: 1px solid #cccccc;
}
.foot-nav li a:hover span{
  transform: rotateY(360deg);
    transition: .8s ease-in-out;
    display: block;
}
.foot-nav li a {
    padding: 45px 0;
    text-align: center;
    font-size: 16px;
    display: block;
}

@media only screen and (max-width: 599px) {
    .foot-nav .inner {
        padding: 30px 0 50px;
    }

    .foot-nav li {
        width: 80%;
        border-left: 0px solid #cccccc;
        border-right: 0px solid #cccccc;
        border-top: 1px solid #ccc;
        margin: 0 auto;
    }

    .foot-nav li:last-of-type {
        border-bottom: 1px solid #ccc;
        border-right: 0px solid #cccccc;
    }

    .foot-nav li a {
        padding: 25px 0;
        font-size: 14px;
    }
}

/* #####  foot-nav end ##### */

/*##### footer #####*/
footer .inner {
    padding: 70px 0 60px;
}

footer .subtit {
    text-align: center;
    font-size: 13px;
}

footer .subtit .blue {
    color: #009bc4
}

footer .logo {
    display: block;
    max-width: 250px;
    margin: 30px auto 50px;

}

footer .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer .nav li {
    display: inline-block;
}

footer .nav li a {
    padding: 10px 23px 10px 15px;
    position: relative;
}

footer .nav li a:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img44.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
}

footer .copy {
    background: #373737;
    padding: 20px 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    letter-spacing: 1px
}

.totop {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 1;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.totop a {
    display: block;
}


@media only screen and (max-width: 1024px) {
    footer .inner {
        padding: 60px 0 40px;
    }

    footer .copy {
        padding: 20px 0 62px 0;
    }
}

@media only screen and (max-width: 599px) {
    footer .nav li {
        width: 49%;

    }

    footer .nav li a {
        font-size: 12px;
        display: block;
        padding: 5px 7px 5px 5px
    }

    footer .nav li a:before {
        left: -2px;
    }

    footer .logo {
        max-width: 170px;
        margin-top: 20px;
    }

    footer .inner {
        padding-top: 20px;
    }

    footer .copy {
        padding: 10px 0 52px 0;
    }

    footer .subtit {
        font-size: 12px;
    }

    .totop {
        position: fixed;
        bottom: 55px;
        right: 10px;
    }
}

/*##### footer end #####*/

/* 下層メインビジュアル */
.inner-under-visual80,
.inner-under-visual160 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inner-under-visual80 {
    padding: 190px 0 140px 0;
}

.inner-under-visual160 {
    padding: 190px 0 210px 0;
}

.inner-under-visual80 .inner,
.inner-under-visual160 .inner {
    width: 100%;
    height: 100%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.under-heading {
    font-size: 40px;
    color: #fff;
}

.under-heading-sub {
    display: block;
    font-size: 18px;
    text-align: center;
    line-height: 140%;
}

.under-visual .text {
    font-size: 18px;
    margin: 30px 0;
}

.intrusion160 {
    margin-top: -160px;
    z-index: 1;
    position: relative;
}

.intrusion80 {
    margin-top: -80px;
    z-index: 1;
    position: relative;
}

.balloon-view .visual-hukidashi {
    position: relative;
    font-size: 18px;
    color: #00b2cc;
    padding: 20px 80px;
    text-align: center;
    background: #fff;
    border-radius: 34px;
    display: block;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 50px;
}

.balloon-view .visual-hukidashi:before {
    content: "";
    display: block;
    width: 37px;
    height: 32px;
    background: url(/upload/tenant_10/bece5e44c536d4c10588bef769fa6f44.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.balloon-view .text {
    color: #fff;
}

@media (max-width: 1024px) {
    .inner-under-visual80 {
        padding: 130px 0 100px 0;
    }

    .inner-under-visual160 {
        padding: 130px 0 120px 0;
    }

    .intrusion80 {
        margin-top: -70px;
    }

    .intrusion160 {
        margin-top: -80px;
    }

    .under-heading {
        font-size: 30px;
        padding: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .under-visual .text {
        font-size: 16px;
        padding: 0 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .balloon-view .visual-hukidashi {
        width: 85%;
        margin: 0 auto 10px;
        padding: 15px;

    }

    .balloon-view .visual-hukidashi:before {
        width: 20px;
        bottom: -20px;
    }
}

@media (max-width: 599px) {

    .inner-under-visual80,
    .inner-under-visual160 {
        padding: 90px 0;
    }

    .intrusion80 {
        margin-top: -50px;
    }

    .intrusion160 {
        margin-top: -60px;
    }

    .under-heading {
        font-size: 20px;
    }

    .under-heading-sub {
        font-size: 14px;
    }

    .under-visual .text {
        font-size: 14px;
        padding: 0 20px;
    }
}

/* 下層メインビジュアル end */

/* 色、背景、レイアウト等 */
.bkc-white {
    background-color: #fff;
}

.bkc-blue {
    background-color: #00b2cc;
}

.bkc-paleblue {
    background-color: #e8faff;
}

.bkc-yellow {
    background-color: #fce861;
}

.bkc-paleyellow {
    background-color: #fffbe1;
}

.bkc-graph {
    background-image: url(/import/tenant_10/153.126.208.246/html/images/common/bk-graph.jpg);
    background-size: 20px 20px;
    background-repeat: repeat;
    background-position: center center;
}

.box {
    margin: 50px 0;
    padding: 50px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pbox {
    padding: 30px 30px 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.round-box30 {
    border-radius: 30px;
}

.round-box80 {
    border-radius: 80px;
}

.calc-left {
    padding-left: calc(50% - 500px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.underline {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fce861)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fce861 0%) repeat scroll 0 0;
}

.fade-left {
    position: relative;
}

.fade-left:before {
    content: '';
    display: inline-block;
    width: 40%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(255, 255, 255, 1)), color-stop(54%, rgba(255, 255, 255, 0.72)), to(rgba(125, 185, 232, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 36%, rgba(255, 255, 255, 0.72) 54%, rgba(125, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#007db9e8', GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .pbox {
        padding: 50px 20px;
    }

    .round-box80 {
        border-radius: 60px;
    }
}

@media (max-width: 599px) {
    .pbox {
        padding: 30px 20px;
    }

    .box {
        margin: 30px 0;
        padding: 30px 0;
    }

    .round-box80 {
        border-radius: 50px;
    }
}

/* 色、背景等、レイアウト end */
/* ##### 共通 end ##### */

/* ##### toppage visual ##### */
.visual.top {
    background: #09b8fb;
    position: relative
}

.visual.top .ofimg img {
    opacity: 0.6
}

.visual.top .ofimg:before {
    padding-top: 47%;
}

.visual.top .visual-textbox {
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
}

.visual.top h2 {
    font-size: 3vw;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.no1-box {
    background: #fff;
    position: relative;
    padding: 10px 60px;
    width: 90%;
    margin: 80px auto 60px;
    max-width: 680px;
}

.no1-box .txt {
    font-size: 20px;
    font-weight: bold;
    color: #00b2cc;
}

.no1-box .share {
    font-weight: bold;
    color: #00b2cc;
}

.no1-box .num {
    position: absolute;
    bottom: 10px;
    right: 60px;
}

.no1-box .no1 {
    position: relative;
}

.no1-box .year-hukidashi {
    font-weight: bold;
    color: #00b2cc;
    position: absolute;
    top: -75px;
    right: -100px;
    width: 135px;
    height: 92px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img47.png) center center no-repeat;
    background-size: contain;
    padding: 37px 0 37px 4px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
}

.qt {
    font-size: 12px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
    letter-spacing: -1px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .visual.top .visual-textbox {
        width: 96%;
        max-width: 768px;
    }

    .visual.top .ofimg:before {
        padding-top: 60vh;
    }

    .visual.top h2 {
        font-size: 5vw;
    }

    .no1-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px 20px;
    }

    .no1-box .left {
        width: 60%;
        display: block;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .no1-box .num {
        position: relative;
        display: block;
        margin: 0 auto 0 auto;
        right: auto;
        bottom: auto;
        text-align: left;
        width: 30%;
    }
}


@media only screen and (max-width: 599px) {
    .visual.top .visual-textbox {
        width: 94%;
        max-width: 480px;
    }

    .visual.top .ofimg:before {
        padding-top: 60vh;
    }

    .qt {
        display: none
    }

    .header-bottom {
        background-color: transparent;
    }

    .header-bottom .logo {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 15px 50% 15px 10px;
        background-color: #fff;
        z-index: 2;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
    }

    .header-bottom .small-logo {
        padding: 19px 65% 19px 10px;
    }

    .header-bottom nav .logo {
        position: static;
    }

    .no1-box .txt {
        font-size: 12px;
    }

    .no1-box .year-hukidashi {
        left: 20px;
        top: -85px;
        width: 115px;
        font-size: 16px;
    }

    .no1-box .num {
        width: 49%;
        max-width: 103px;
    }

    .no1-box {
        margin: 50px auto 20px;
    }

    .visual.top h2 {
        font-size: 6vw;
    }

    .header-top h1 {
        display: none;
    }

}

/* ##### toppage visual end ##### */

/* ##### manegiment-system ##### */
.manegiment-system .inner {
    padding: 70px 0;
}

.manegiment-system h2 {
    line-height: 190%;
}

.manegiment-system h2 img {
    padding-bottom: 10px;
    display: block;
    margin: 0 auto;
}

.manegiment-system .tit {
    font-weight: bold;
    line-height: 140%;
    display: block;
    letter-spacing: -2px;
}

.manegiment-system .subtit {
    font-size: 38px;
    color: #00b2cc;
    font-weight: bold;
    letter-spacing: -1px
}

.manegiment-system .subtit span {
    font-size: 22px;
}

.manegiment-system .left {
    padding: 0px 0 20px;
}

.manegiment-system .left .txt {
    font-weight: bold;
}

.manegiment-system .btn-list {
    margin-top: 30px;
}

.manegiment-system .btn-list .more-btn {
    margin: 20px auto;
    text-align: center;
}

.manegiment-system .cont-left {
    padding-left: calc(50% - 500px);
}

.manegiment-system .right {
    max-width: 1070px
}

.manegiment-system .pc-frame {
    position: relative;
    padding: 4.3% 27% 6.3% 15%;
}
.manegiment-system .pc-frame iframe{
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.manegiment-system .pc-frame .of{
  margin-top: -15px;
}
.manegiment-system .pc-frame .of60:before{
  padding-top: 67%;
}
.manegiment-system .frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 88%;
}

.manegiment-system .frame img {
    width: 100%;

}

.manegiment-system .youtube {
    margin: 80px auto 70px;
    text-align: center
}

.manegiment-system .youtube iframe {
    width: 400px;
    height: 250px;
}


@media only screen and (max-width: 1024px) {
    .manegiment-system .cont-left {
        padding-top: 0;
        padding-left: calc(67% - 500px);
    }

    .manegiment-system .subtit {
        font-size: 26px;
        display: block;
        text-align: center;
    }

    .manegiment-system .subtit span {
        font-size: 16px;
    }
    .manegiment-system .pc-frame .of60:before {
    padding-top: 68%;
}
.manegiment-system .pc-frame .of {
    margin-top: -10px;
}
}


@media only screen and (max-width: 599px) {
    .manegiment-system .youtube {
        margin: 0px auto 60px;
        text-align: center
    }

    .manegiment-system .youtube iframe {
        width: 310px;
        height: 210px;
    }

    .manegiment-system .tit {
        text-align: left;
        font-size: 16px;
        letter-spacing: 0
    }

    .manegiment-system .cont-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .manegiment-system .inner {
        padding: 40px 0;
    }

    .manegiment-system h2 img {
        width: 170px;
    }

    .manegiment-system .cont-left {
        width: 92%;
        margin: 30px auto 0;
        padding: 0;
        padding-bottom: 50px;
    }

    .manegiment-system .frame {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 88%;
    }

    .manegiment-system .pc-frame {
        padding: 4.3% 21% 6.3% 21%;
    }
    .manegiment-system .pc-frame .of {
    margin-top: -5px;
}
.manegiment-system .pc-frame .of60:before {
    padding-top: 65%;
}
}

/* ##### manegiment-system end ##### */
/* ##### top-menu-list ##### */
.top-menu-list {
    padding: 100px 0;
}

.menu-listbox .cirvle {
    background: #00b2cc;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90px;
    height: 90px;
    position: relative;
}

.menu-listbox .cirvle img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.menu-listbox h3 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
}

.menu-listbox .in-btn-list li {
    margin-bottom: 12px;
}

.menu-listbox .in-btn-list li .more-btn {
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 60px;
}

.menu-listbox .in-btn-list li a {
    line-height: 130%;
    padding: 18px 18px;
    border: none;
}

.menu-listbox .in-btn-list li a span {
    z-index: 1;
}

.menu-listbox .in-btn-list .tokkyo {
    position: relative;
    padding-left: 25px;
}

.menu-listbox .in-btn-list .tokkyo:before {
    content: "";
    display: block;
    width: 15px;
    height: 20px;
    position: absolute;
    top: -2px;
    left: 4px;
    background: url(/import/tenant_10/153.126.208.246/html/images/01index/img58.png) center center no-repeat;
    background-size: contain;

}

.menu-listbox {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .menu-listbox h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 599px) {
    .top-menu-list {
        padding: 50px 0 20px;
    }

    .menu-listbox {
        margin-bottom: 30px;
    }

    .menu-listbox .in-btn-list .more-btn {
        margin-left: auto;
        margin-right: auto;
    }
}


/* ##### top-menu-list end ##### */
/* ##### onayami ##### */
.onayami .heading {
    margin-bottom: 40px;
}

.onayami li {
    padding: 40px 10px;
    border-radius: 20px;
    border: 1px solid #dbdbdb;
    text-align: center;
    width: 23%;
    margin: 0 1% 4% 1%;

}

.onayami li img {
    margin-bottom: 15px;
}

.onayami .inner {
    padding: 100px 0;
}

.onayami h4 {
    color: #00b2cc;
    font-size: 18px;
}

.onayami .txt {
    margin-bottom: 40px;
}

.onayami h3 {
    color: #00b2cc;
    font-size: 28px;
}

@media only screen and (max-width: 1024px) {
    .onayami h4 {
        font-size: 13px;
    }

    .onayami li {
        padding: 20px 10px;
    }

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

@media only screen and (max-width: 599px) {
    .onayami .inner {
        padding: 50px 0;
    }

    .onayami li {
        width: 48%;
    }

    .onayami h3 {
        font-size: 18px;
    }
}

/* ##### onayami end ##### */
/* ##### dounyu ##### */
.dounyu .heading {
    line-height: 50%;
    margin-bottom: 50px;
}

.dounyu .heading .bottom-border {
    border-bottom: 1px solid #dbdbdb;
    line-height: 180%;
    padding-bottom: 5px;
}

.dounyu .heading .small {
    font-size: 12px;
}

.dounyu {
    padding-bottom: 50px;
}

.slick-slide:focus {
    outline: none;
}

.dounyu-kigyou-logo[data-element-id] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dounyu-kigyou-logo[data-element-id] li {
    width: 20%;
}

/* #####  dounyu end ##### */

/* ##### top-interview ##### */
.top-interview {
    margin-top: 130px;
    background-image:
        url(/upload/tenant_10/6da85bae43ca483b5d48d383075c90a1.png),
        url(/upload/tenant_10/cd0604efa230f1755a45d96c42fd6d3e.png);
    background-size: 320px 320px, 300px 250px;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 50px left 20%, bottom 30px right 15%;
}

.top-interview .interview-list {
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
}

.top-interview .interview-list li {
    border: 5px solid #fce861;
}

.top-interview .more-btn {
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
}

@media (max-width: 1024px) {
    .top-interview {
        background-size: 200px 200px, 180px 150px;
        background-position: bottom 50px left, bottom 30px right;
    }
}

@media (max-width: 599px) {
    .top-interview {
        background-image: none;
    }
}

/* ##### top-interview end ##### */

/* ##### cms-uriage ##### */
.cms-uriage .inner {
    position: relative;
}

.cms-uriage .cont {
    padding: 30px 30px 50px;
    position: relative;
}

.cms-uriage .inner:before {
    background: #88e4fc;
    border-radius: 30px;
    position: absolute;
    z-index: -1;
    display: block;
    content: "";
    width: 100%;
    height: calc(100% - 145px);
    bottom: 0;
}

.cms-uriage .heading {
    padding-top: 100px;
    margin-bottom: 50px;
    text-align: right;
    letter-spacing: -2px;
}

.cms-uriage .heading .come {
    font-size: 12px;
    letter-spacing: 0;
}

.cms-uriage .heading {
    line-height: 70%;
}

.cms-uriage h2 {
    font-size: 50px;
    color: #fff;
    line-height: 0%;
}

.cms-uriage h2 .sub {
    font-size: 60%;
}

.cms-uriage h2 img {
    vertical-align: baseline;
    padding-left: 20px;
    width: 200px;
}

.cms-uriage .txt {
    margin-top: 50px;
}

.cms-uriage .txt .small {
    padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
    .cms-uriage h2 {
        line-height: 140%;
        font-size: 28px;
    }

    .cms-uriage h2 img {
        width: 150px;
    }

    .cms-uriage h2 .sub {
        font-size: 80%;
    }

    .cms-uriage .heading {
        margin-bottom: 30px;
    }

    .cms-uriage .txt {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 599px) {
    .cms-uriage .heading {
        padding-top: 0px;
        text-align: left;
    }

    .cms-uriage h2 {
        font-size: 22px;
        text-align: center;
    }

    .cms-uriage .year-share {
        width: 100%;
        display: block;
        text-align: center;
    }

    .cms-uriage h2 .sub {
        width: 100%;
        text-align: center;
    }

    .cms-uriage .cont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cms-uriage .left {
        margin: 0 auto;
        width: 80%;
    }

    .cms-uriage .right {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-bottom: 20px;

    }

    .cms-uriage .inner:before {
        height: 100%;
    }
}

/* #####  cms-uriage end ##### */
/* #####  home-point ##### */
.home-point .inner {
    padding: 100px 0
}

.home-point h2 {
    text-align: center;
    color: rgba(0, 178, 204, 255);
    font-size: 45px;
    padding-bottom: 100px;
}

.home-point h2 .logo {
    max-width: 350px;
    margin: 0 auto;
}

.home-point .point-cont {
    background: #e8faff;
    border-radius: 30px;
    padding: 114px 50px 50px;
    margin: 100px auto;
    display: block;
}

.point1 .point-cont {
    padding-right: 180px;
    max-width: 750px;
    margin: 160px auto 0px 0;
}

.point2 .point-cont {
    padding-left: 180px;
    max-width: 750px;
    margin: 200px 0 0px auto;
    position: relative;
}

.point3 .point-cont {
    margin: 120px 0 0px auto;
}
.point3 .wc-01-graph{
  position: initial;
}
.point4 .point-cont,
.point5 .point-cont {
    margin: 80px 0 0px auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.home-point li {
    position: relative;
    }

.point2 {
    display: block;
    width: 100%;
}

.point4,
.point5 {
    width: 48%;
}

.home-point .num {
    color: #00b2cc;
    font-size: 150px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
}

.point1 .num {
    top: 150px;
    left: 0;
}

.point2 .num {
    top: -10px;
    right: 0;
    left: auto;
}

.point3 .num {
    top: 120px;
    left: 0;
}

.point4 .num,
.point5 .num {
    top: 80px;
    left: 0;
}

.home-point h3 {
    color: #00b2cc;
    font-size: 25px;
    margin-bottom: 20px;
}
.home-point h3.graph-title{
  font-size: 16px;
  margin-bottom: auto;
}
.home-point .txt {
    margin-bottom: 30px;
}

.point1 .img-box {
    position: absolute;
    top: -10px;
    right: -245px;
}

.point2 .img-box {
    position: absolute;
    top: 60px;
    left: -5px;
}

.point3 .img-box {
    margin-top: 40px;
    position: relative
}

.point3 .hukidashi {
    color: #00b2cc;
    letter-spacing: -1px;
    font-size: 13px;
    width: 225px;
    padding: 0px 20px 45px;
    position: absolute;
    top: -80px;
    right: -10px;
    background: url(/upload/tenant_10/c0c6b961b4a344a17f260fd98d3d5a77.png) center bottom no-repeat;
    background-size: contain;
}

.point5 .img-box .come {
    font-size: 12px;
}

@media only screen and (max-width: 1024px) {
    .home-point .img-box {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
       
    }
    .home-point .point3 .img-box {
       margin-top: 100px;
    }
    .point3 .hukidashi{
      width: 180px;
    padding: 0px 10px 35px;
    top: -88px;
    }
    .home-point h2 {
        font-size: 30px;
        padding-bottom: 0;
    }

    .home-point h2 .logo {
        max-width: 250px;
    }

    .point1 .point-cont,
    .point2 .point-cont {
        margin-top: 180px;
    }

    .point1 .img-box {
        position: absolute;
        top: 10px;
        width: 260px;
        right: 0;
        left: auto;
    }

    .point2 .img-box {
        position: absolute;
        top: 40px;
        width: 260px;
        right: auto;
        left: 0;
    }

    .home-point .num {
        font-size: 110px;
    }

    .point1 .num {
        top: 160px;
    }

    .point3 .num {
        top: 70px;
    }

    .home-point .point-cont {
        padding: 70px 40px 40px 40px;
    }

    .home-point h3 {
        font-size: 20px;
    }

    .point2 h3 {
        text-align: right;
    }

    .point3 .point-cont {
        margin-top: 70px;
    }
    .home-point h3.graph-title{
      font-size: 12px;
    }
}

@media only screen and (max-width: 599px) {
  .home-point li {
    width:100%;
}
  .home-point h3.graph-title{
    margin-bottom: 30px;
  }
    .home-point h2 .logo {
        max-width: 210px;
    }

    .home-point h2 {
        font-size: 22px;
    }


    .point1 .img-box,
    .point2 .img-box {
        width: 170px;
        top: 20px;
    }


    .point1 .point-cont,
    .point2 .point-cont {
        margin-top: 130px;
    }

    .home-point .num {
        font-size: 90px;
    }

    .point1 .num {
        top: 120px;
    }

    .point2 .num {
        top: -10px;
    }

    .home-point .point-cont {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .point2 h3 {
        text-align: left;
    }
    .home-point .point3 .point-cont{
      padding-bottom: 100px;
    }
    .point3 .img-box {
        margin-top: 0;
    }

    .point3 .hukidashi {
      top: 100%;
    right: auto;
    left: 0;
    padding: 0 0 0 5%;
    background: none;
    }

    .point4,
    .point5 {
        width: 100%;
    }

    .home-point .point-cont {
        height: auto !important;

    }

    .point5 .img-box .ofimg {
        width: 100px;
        margin: 0 0 0 auto;
    }

    .home-point .inner {
        padding: 50px 0;
    }
}

/* #####  home-point end ##### */
/* #####  ec-service ##### */
.ec-service {
    background: #fce861;
}

.ec-service .inner {
    padding: 65px 0;
}

.ec-service h2 {
    color: #fff;
    margin-bottom: 50px;
}

.ec-service ul li{
  text-align: center;
}

.ec-service .more-btn {
    margin: 0 auto;
}

.ec-service .img-box {
    display: inline;
    line-height: 64px;
}

.ec-service .img-box img {
    vertical-align: middle;
}

@media only screen and (max-width: 599px) {
    .ec-service .more-btn {
        margin-top: 30px;
    }

    .ec-service h2 {
        margin-bottom: 30px;
    }

    .ec-service .inner {
        padding: 40px 0;
    }
}

/* #####  ec-service end ##### */
/* #####  home-media ##### */
.home-media {
    background: #fffbe1
}

.home-media .inner {
    padding: 65px 0;
}

.home-media .heading .blue {
    color: #00b2cc;
}

.home-media .heading {
    margin-bottom: 30px;
}

.home-media .img-box {
    display: inline;
    line-height: 90px;
}

.home-media .img-box img {
    vertical-align: middle;
}

@media only screen and (max-width: 599px) {
    .home-media .inner {
        padding: 40px 0;
    }
}

/* #####  home-media end ##### */
/* #####  home-news ##### */
.home-news {
    background: #fce861;
}

.home-news .inner {
    padding: 50px 0 80px;
}

.home-news h2 {
    color: #fff;
    margin-bottom: 40px;
}

.home-news li {
    background: #fff;
    border-radius: 30px;
    padding: 20px 30px;
    margin-bottom: 10px;
}

.home-news .left {
    width: 23%;
    display: inline;
}

.home-news .right {
    width: 76%;
    display: inline;
}

.home-news .cate {
    font-size: 16px;
    padding: 8px 18px;
    border-radius: 10px;
    color: #fff;
    background: #00b2cc
}

.home-news .cate.メディア {
    background: #00b2cc
}

.home-news .cate.出展情報 {
    background: #d7a4a1
}

.home-news .day {
    padding-left: 10px;
    vertical-align: middle;
    font-size: 16px;
}

.home-news .tit a {
    display: block;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1024px) {
    .home-news .left {
        width: 100%;
        margin-bottom: 13px;
    }

    .home-news .cate {
        font-size: 14px;
        padding: 6px 14px;
    }

    .home-news .day {
        font-size: 14px;
    }

    .home-news .right {
        font-size: 14px;
        width: 100%;
    }

    .home-news li {
        padding: 15px;
    }
}

@media only screen and (max-width: 599px) {
    .home-news .inner {
        padding: 30px 0;
    }

    .home-news h2 {
        margin-bottom: 20px;
    }

    .home-news .cate,
    .home-news .day {
        font-size: 13px;
    }

    .home-news .tit a {
        font-size: 12px;
    }

    .home-news .left {
        margin-bottom: 8px;
    }
}

/* #####  home-news end ##### */

/* ##### about ##### */
.about .under-heading {
    font-size: 30px;
}

.about01 .pbox {
    padding-right: 25%;
    background-image:
        url(/import/tenant_10/153.126.208.246/html/images/common/frame-pc.png),
        url(/import/tenant_10/153.126.208.246/html/images/common/frame-sp.png);
    background-size:
        350px auto,
        110px auto;
    background-repeat:
        no-repeat,
        no-repeat;
    background-position:
        center right 30px,
        center right 400px;
}

.about01 .text {
    font-size: 16px;
    line-height: 200%;
}

.about02 {
   /*  background: linear-gradient(0deg, #e8faff 0%, #e8faff calc(100% - 75px), #fff calc(100% - 75px), #fff 100%); */
   background:linear-gradient(0deg, #e8faff 0%, #e8faff calc(100% - 85px), #fff calc(100% - 85px), #fff 100%);
}

.end {
    float: right;
}

.about03 .text {
    font-size: 16px;
}

.about04 .heading {
    text-shadow:
        white 2px 0px 2px,
        white -2px 0px 2px,
        white 0px -2px 2px,
        white -2px 0px 2px,
        white 2px 2px 2px,
        white -2px 2px 2px,
        white 2px -2px 2px,
        white -2px -2px 2px,
        white 1px 2px 2px,
        white -1px 2px 2px,
        white 1px -2px 2px,
        white -1px -2px 2px,
        white 2px 1px 2px,
        white -2px 1px 2px,
        white 2px -1px 2px,
        white -2px -1px 2px,
        white 1px 1px 2px,
        white -1px 1px 2px,
        white 1px -1px 2px,
        white -1px -1px 2px;
}

.about04 .heading-in-logo {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 300px;
    background-image: url(/import/tenant_10/153.126.208.246/html/images/common/frame-pc.png);
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}

.about04 .text {
    font-size: 16px;
}

.about05 .heading-in-logo {
    line-height: 120%;
}

.about05 .heading-in-logo .logo {
    width: 220px;
    vertical-align: text-bottom;
}

.reason-box {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 80px;
}

.inner-reason-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% / 3 - 20px);
    border: 5px solid #fce861;
    background-color: #fce861;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px);
}

.inner-reason-box .text {
    font-size: 16px;
    line-height: 170%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.balloon-small h3 {
    font-size: 20px;
    text-align: center;
}

@media (max-width: 1024px) {
    .about .under-heading {
        font-size: 18px;
    }
    .about01.intrusion160 {
    margin-top: -40px;
    }
    .about01 .pbox {
        padding-right: 15%;
    }

    .about01 .pbox {
        background-size:
            240px auto,
            70px auto;
        background-position:
            center right 30px,
            center right 290px;
        padding: 30px 20px;
    }

    .about01 .text {
        font-size: 14px;
    }
    .about02.box,.about03.box{
      margin: 0;
    }
    .about03 .inner-cont {
        min-width: 370px;
        max-width: 96%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 15px auto;
    }

    .about03 .about03-img {
        max-width: 80%;
    }

    .about03 .text {
        font-size: 14px;
        line-height: 200%;
    }

    .inner-reason-box {
        width: 100%;
        min-width: 220px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -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;
    }
    .about04.box{
      margin: 0 0 50px;
    }
    .about05 .inner-reason-box .text {
        width: 55%;
        margin-left: 8%;
        font-size: 14px;
    }

    .about05 .balloon-small {
        width: 35%;
        margin-bottom: 0;
        padding: 30px 10px;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .balloon-small h3 {
        font-size: 16px;
    }

    .balloon-small:before {
        top: 50%;
        left: calc(100% + 25px);
        right: 0;
        -webkit-transform: translate(0, -50%) rotate(-90deg);
        transform: translate(0, -50%) rotate(-90deg);
    }
}

@media (max-width: 599px) {
    .about .under-heading {
        font-size: 16px;
    }

    .about01 .pbox {
        padding:30px 10px;
        background-size:
            200px auto,
            70px auto;
        background-position:
            top 10% center,
            top 80% center;
    }

    .about02 {
        background: linear-gradient(0deg, #e8faff 0%, #e8faff calc(100% - 50px), #fff calc(100% - 50px), #fff 100%);
    }
    .about02 .heading{
      font-size: 22px;
    }
    .about03 .inner-cont {
        min-width: 96%;
    }
    .about03 .fade-left:before{
      width: 100%;
    height: 22%;
    background: -webkit-gradient(linear, left top, right top, color-stop(36%, rgba(255, 255, 255, 1)), color-stop(54%, rgba(255, 255, 255, 0.72)), to(rgba(125, 185, 232, 0)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 36%, rgba(255, 255, 255, 0.72) 54%, rgba(125, 185, 232, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#007db9e8', GradientType=1);
    }
    .about04 .heading-in-logo {
        min-height: 180px;
        font-size: 17px;
    line-height: 150%;
    }
    .about04 .heading-in-logo .logo{
      width: 70%;
    padding-top: 10px;
    }
    .about04 .blue-heading{
      font-size: 20px;
    }
    .about04 .blue-heading div{
      padding-top: 5px;
    }
    .about05 .heading-in-logo{
      font-size: 22px;
    line-height: 150%;
    }
    .about05 .reason-box{
      margin-top: 50px;
    }
    .reason-box {
        padding: 0 10px;
    }

    .inner-reason-box {
        margin-bottom: 30px;
    }

    .inner-reason-box:last-of-type {
        margin-bottom: 0;
    }

    .about05 .balloon-small,
    .about05 .inner-reason-box .text {
        width: 100%;
        margin-left: 0;
    }

    .about05 .balloon-small {
        margin-bottom: 25px;
        padding: 15px 5px;
    }
    .balloon-small:before {
        margin-left: -10px;
        border: 10px solid transparent;
        border-top: 25px solid #fff;
        top: 100%;
        left: 50%;
        right: auto;
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg);
    }
}

/* ##### about end ##### */

/* ##### 16interview ##### */
.interview01 .image_wrap {
    margin-top: -150px;
    padding-right: 2rem;
}

.interview01 .desktop01 {
    max-width: none;
}

.interview01 li.iv_list {
    background: #fffbe1;
}

.interview01 li.iv_list .logo {
    position: absolute;
    display: block;
    top: 50%;
    left: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 250px;
}

.interview01 li.iv_list:nth-child(even) {
    background: #e7f9fe;
}

.interview01 li.iv_list:nth-child(even) .image_wrap {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding-left: 2rem;
    padding-right: 0;
}

.interview01 li.iv_list:nth-child(even) .logo {
    left: 60%;
}

.interview01 li.iv_list .inner {
    padding: 50px 0 150px;
}

.interview01 li.iv_list .vol {
    font-size: 14px;
    color: #00b2cc;
    margin-bottom: 3rem;
}

.interview01 li.iv_list .name {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 2rem;
}

.interview01 li.iv_list .text {
    margin-bottom: 3rem;
}

@media only screen and (max-width: 1024px) {
    .interview01 li.iv_list .inner {
        padding: 100px 0;
    }

    .interview01 li.iv_list .logo {
        left: 50% !important;
        max-width: 200px;
    }

    .interview01 li.iv_list:nth-child(even) .image_wrap {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0;
    }

    .interview01 .image_wrap {
        width: 80%;
        margin: -150px auto 0;
        padding: 0;
    }

    .interview01 .w45 {
        width: 100%;
        padding-top: 140px;
    }
    
    .interview01 li.iv_list .logo,
    .interview01 li.iv_list:nth-child(even) .logo {
        display: none;
    }
}

@media only screen and (max-width: 599px) {
    .interview01 .w45 {
        padding-top: 100px;
    }

    .interview01 li.iv_list .logo {
        max-width: 130px;
    }

    .interview01 li.iv_list .vol,
    .interview01 li.iv_list .text,
    .interview01 li.iv_list .name {
        margin-bottom: 1rem;
    }
}

/* ##### 16interview end ##### */
/* ##### 17interview_detail ##### */
.interview_d01 .round_wrap {
    border-radius: 40px;
    overflow: hidden;
    border: 8px solid #f3f3f3;
    margin: 0 auto 1rem;
}

.interview_d01 .logo {
    display: block;
    margin: 0 auto 1rem;
    width: 25%;
    text-align: center;
}

.interview_d01 .name {
    text-align: center;
}

.interview_d01 .name,
.interview_d01 .lead {
    font-size: 18px;
    margin-bottom: 2rem;
    font-weight: normal;
}

.credit {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: 1px solid #e3e6e6;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.credit-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-right: 15px;
}

.credit-list dt {
    position: relative;
}

.credit-list dt:after {
    content: '：';
    display: inline-block;
}

.mokuji_head {
    counter-reset: number;
    list-style: none;
}

.mokuji_head li {
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 21px;
}

.mokuji_head li a {
    position: relative;
    display: block;
    font-size: 18px;
    padding: 10px 10px 10px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mokuji_head li a:before {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #00b2cc;
    counter-increment: number;
    content: counter(number, decimal-leading-zero)'.';
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.mokuji_body {
    margin-top: 100px;
}

.mokuji_body li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    margin: 100px 0;
    padding: 45px 30px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.mokuji_body li:last-of-type {
    margin-bottom: 0;
}

.mokuji_body li .interview-text-box {
    margin: 0 2.5%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mokuji_body li .heading {
    font-size: 25px;
    line-height: 120%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
    padding-top: 8px;
}

.mokuji_body {
    counter-reset: number;
    list-style: none;
}

.mokuji_body li .heading:before {
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    font-weight: bold;
    line-height: 100%;
    color: #00b2cc;
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.interview-heading {
    font-size: 24px;
    line-height: 120%;
    color: #00b2cc;
    margin: 20px 0;
}

.mokuji_body li .ofimg {
    border-radius: 20px;
}

.int03-list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.int03-list dt {
    width: 20%;
    font-size: 18px;
    line-height: 100%;
    background-color: #00b2cc;
    text-align: center;
    color: #fff;
    margin-right: 15px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
}

.int03-list dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 18px;
}

.interview_d03 .heading {
    color: #fff;
}

@media (max-width: 1024px) {
    .interview_d01 .logo {
        width: 35%;
    }

    .mokuji_body li {
        padding: 10px 30px 30px 30px;
    }

    .mokuji_body li .heading {
        font-size: 22px;
        margin: 15px 0;
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        text-align: left;
    }

    .mokuji_body li .heading:before {
        top: -25px;
    }

    .interview-heading {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .interview_d01 .name {
        font-size: 16px;
        text-align: left;
    }

    .interview_d01 .lead {
        font-size: 14px;
    }

    .interview_d01 .logo {
        width: 45%;
    }

    .interview_d02,
    .interview_d02 .pbox {
        padding-left: 10px;
        padding-right: 10px;
    }

    .interview_d02 .inner {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .mokuji_head li a {
        font-size: 14px;
        font-weight: 50;
        line-height: 120%;
        padding: 10px 10px 10px 60px;
    }

    .mokuji_head li a:before {
        left: 10px;
    }

    .mokuji_body li {
        margin: 50px 0;
        padding: 10px;
    }

    .mokuji_body li .heading {
        font-size: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .mokuji_body li .interview-text-box {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .mokuji_body li .interview-img-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .interview-heading {
        font-size: 18px;
        margin: 10px 0;
    }

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

    .int03-list dt {
        font-size: 16px;
        width: 50%;
        margin: 0 auto 10px 0;
    }

    .int03-list dd {
        font-size: 16px;
        width: 100%;
    }
}

/* ##### 17interview_detail end ##### */

/* ##### 13ecsite ##### */
.check-list.has_box li {
    padding-left: 50px;
    margin-bottom: 30px;
}

.check-list.has_box li:before {
    background-image: url(../upload/tenant_10/e4755a0f3e5a5c22e707cad72b0a2473.png);
    width: 40px;
    height: 34px;
}

.ecsite02 .heading {
    background: #fff;
    border-radius: 40px;
    padding: .5rem;
}

.ecsite02 .heading .logo {
    width: 223px;
}

.ecsite02 .heading .s {
    font-size: 0.75em;
}

.ecsite02 .text {
    font-size: 16px;
    margin-bottom: 2rem;
}

.ecsite02 .block_li li {
    background: #00b2cc;
    border-radius: 20px;
    padding: .25rem .5rem;
    text-align: center;
}

.ecsite02 .block_li li div {
    color: #ffffff;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ecsite02 .relation {
    padding: 100px 0 50px;
}

.ecsite02 .relation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ecsite02 .relation li {
    position: relative;
}

.ecsite02 .relation .a-bisu {
    width: 30%;
}

.ecsite02 .relation .a-bisu .side-slash {
    position: absolute;
    top: -90px;
    left: -30px;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.ecsite02 .relation .hand {
    width: 15%;
    margin: 0 3rem;
}

.ecsite02 .relation .hand .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #9f5615;
    text-shadow: #ffffff 1px 1px 1px, #ffffff -1px 1px 1px, #ffffff 1px -1px 1px, #ffffff -1px -1px 1px;
    letter-spacing: 2px;
}

.ecsite02 .relation .ec_cart {
    width: 40%;
}

.ecsite02 .relation .ec_cart .side-slash {
    position: absolute;
    top: -60px;
    right: -30px;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}

.ecsite02 .movie {
    margin-bottom: 3rem;
}

.ecsite02 .balloon-view .visual-hukidashi {
    color: #555;
    font-size: 36px;
    display: inline-block;
    padding: 10px 80px;
}

.ecsite03 .heading {
    color: #ffffff;
}

.ecsite03 .heading .heading-sub {
    font-size: 16px;
}

.ecsite03 ul {
    margin-bottom: 1rem;
}

.ecsite03 li {
    width: 18%;
}

.ecsite03 .small {
    text-align: right;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 1024px) {
    .ecsite02 .relation {
        padding: 50px 0;
    }

    .ecsite02 .relation .a-bisu {
        width: 60%;
        margin: 3rem 10% 0;
    }

    .ecsite02 .relation .a-bisu .side-slash {
        -webkit-transform: none;
        transform: none;
        top: -80px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .ecsite02 .relation .hand {
        width: 35%;
        margin: 3rem 20% 8rem;
    }

    .ecsite02 .relation .ec_cart {
        width: 60%;
        margin: 0 10%;
    }

    .ecsite02 .relation .ec_cart .side-slash {
        -webkit-transform: none;
        transform: none;
        top: -80px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .ecsite02 .balloon-view .visual-hukidashi {
        font-size: 24px;
        width: 85%;
        margin: 0 auto 10px;
        padding: 15px;
        display: block;
    }
}

@media only screen and (max-width: 599px) {
  .ecsite01 .check-list.has_box li{
    padding-left: 35px;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .ecsite01 .check-list.has_box li:before{
    width: 30px;
    height: 28px;
  }
    .ecsite02 .heading .s {
        display: block;
    }

    .ecsite02 .balloon-view .visual-hukidashi {
        font-size: 18px;
    }

    .ecsite02 .block_li li div {
        font-size: 16px;
    }

    .ecsite02 .relation .a-bisu,
    .ecsite02 .relation .ec_cart {
        width: 100%;
    }

    .ecsite02 .relation .a-bisu .pic,
    .ecsite02 .relation .ec_cart .pic {
        width: 80%;
        margin: 0 auto;
    }

    .ecsite02 .relation .hand {
        width: 55%;
        margin: 3rem 20% 6rem;
    }

    .ecsite02 .relation .a-bisu .side-slash,
    .ecsite02 .relation .ec_cart .side-slash {
        top: -60px;
        width: 100%;
    }

    .ecsite02 .movie iframe {
        width: 310px;
        height: 210px;
    }

    .ecsite03 li {
        width: 60%;
        margin: 0 auto 2rem;
        text-align: center;
    }
}

/* ##### 13ecsite end ##### */


/* ##### news ##### */
.news-wrapper .inner {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}

.news-wrapper .inner>.left {
    width: 77%;
    padding: 50px 20px 0;
    border-radius: 30px;
    background: #fff;
}

.newslist li {
    background: #fff;
    padding: 20px 0px 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e6e6;
}

.newslist .left {
    width: 100%;
    margin-bottom: 15px;
    display: inline;
}

.newslist .right {
    width: 100%;
    display: inline;
}

.newslist .cate {
    font-size: 16px;
    padding: 8px 18px;
    border-radius: 10px;
    color: #fff;
    background: #00b2cc
}

.newslist .cate.メディア {
    background: #00b2cc
}

.newslist .cate.出展情報 {
    background: #d7a4a1
}

.newslist .day {
    padding-right: 10px;
    vertical-align: middle;
    font-size: 16px;
}

.newslist .tit a {
    display: block;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newslist {
    padding-bottom: 50px;
}

.pagenav ul {
    margin: 0px auto;
    padding: 20px 0 0;
    text-align: center;
}

.pagenav li {
    display: inline-block;
    margin: 5px 0px;
    vertical-align: middle;
}

.pagenav li a {
    display: block;
    font-size: 30px;
    padding: 10px 8px;
    position: relative;
}

.pagenav li.st a:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 32px;
    background-color: #00b2cc;
    bottom: -0px;
    left: 0;

}


.news-wrapper .inner>.right {
    width: 22%;
    padding: 50px 20px;
    border-radius: 30px;
    background: #00b2cc;

}

.cate-archbox h4 {
    color: #fff;
    line-height: 120%;
    text-align: center;
    margin-bottom: 16px;

}

.cate-archbox h4 .en {
    font-size: 34px;
}

.cate-archbox h4 .ja {
    line-height: 200%;
}

.cate-archlist li {
    width: 100%;
    margin-bottom: 10px;
}

.cate-archlist li a {
    border-radius: 20px;
    background: #fff;
    padding: 4px 10px;
    display: block;
    text-align: center;

}

.cate-list {
    margin-bottom: 100px;
}



@media only screen and (max-width: 1024px) {
    .newslist .left {
        width: 100%;
        margin-bottom: 13px;
    }

    .newslist .cate {
        font-size: 14px;
        padding: 6px 14px;
    }

    .newslist .day {
        font-size: 14px;
    }

    .newslist .right {
        font-size: 14px;
        width: 100%;
    }

    .newslist li {
        padding: 15px;
    }

    .news-wrapper .inner>.left {
        width: 100%;
        margin-bottom: 30px;
    }

    .news-wrapper .inner>.right {
        width: 100%;
        background: #fff;
    }

    .cate-archbox {
        width: 48%;
        border-radius: 30px;
        background: #00b2cc;
        padding: 50px 20px;
    }

    .news-wrapper .inner>.right>ul {
        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;
    }

    .cate-archbox h4 .en {
        font-size: 28px;
    }
}

@media only screen and (max-width: 599px) {

    .newslist .cate,
    .newslist .day {
        font-size: 13px;
    }

    .newslist .left {
        margin-bottom: 8px;
    }

    .news-wrapper .inner {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    .news-wrapper .inner>.left {
        padding: 20px 15px 0;
    }

    .newslist li {
        padding: 15px 3px;
    }

    .newslist {
        padding-bottom: 20px;
    }

    .news-wrapper .inner>.right {
        padding-top: 20px;
    }

    .cate-archbox {
        width: 100%;
    }

    .cate-list {
        margin-bottom: 30px;
    }

    .cate-archbox {
        padding: 20px;
        padding-top: 30px;
    }

    .newslist .tit a {
        font-size: 13px;
    }

    .cate-archbox h4 .en {
        font-size: 24px;
    }
}

/* ##### news end ##### */
/* ##### news_detail ##### */
.kizi-wrapper {}

.kizi-wrapper .cate {
    font-size: 16px;
    padding: 5px 29px;
    border-radius: 10px;
    color: #fff;
    background: #00b2cc;
    display: inline-block;
}

.kizi-wrapper .cate.メディア {
    background: #00b2cc;
    display: inline-block;
}

.kizi-wrapper .cate.出展情報 {
    background: #d7a4a1
}

.kizi-wrapper .day {
    padding-bottom: 2px;
    vertical-align: middle;
    font-size: 16px;
}

.kizi-wrapper .tit {
    display: block;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.kizi-wrapper .txt {
    padding: 40px 10px 50px;
    border-top: 1px solid #e3e6e6;
    border-bottom: 1px solid #e3e6e6;
    margin-bottom: 60px;
}

.kizi-wrapper .title-box {
    text-align: center;
}

.kizi-wrapper .more-btn {
    margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
    .kizi-wrapper .cate {
        font-size: 14px;
    }

    .kizi-wrapper .day {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    .kizi-wrapper .tit {
        font-size: 14px;
    }

    .kizi-wrapper .txt {
        font-size: 13px;
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

/* ##### news_detail end ##### */


/* ##### web-company ##### */
.wc01 .text {
    font-size: 16px;
    font-weight: 500;
}

.wc01-box {
    position: relative;
    margin: 30px 0;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wc-01-graph {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.wc01-img {
    width: 40%;
}

.wc-01-img-group {
    width: 60%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.slash {
    text-align: center;
    position: relative;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 120%;
}

.slash:before {
    content: '＼';
    left: 0;
}

.slash:after {
    content: '／';
    right: 0;
}

.slash:before,
.slash:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: 0;
}

.group-01 {
    width: 120px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    margin: 15px;
}

.group-01 .ofimg {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.group-02 {
    width: 180px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    margin: 15px;
}

.group-02 .ofimg {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.graph-box:first-of-type {
    margin-bottom: 20px;
}

.graph-title {
    width: 190px;
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    margin-right: 35px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    position: relative;
}

.graph-title:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 50%;
    right: -24px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.graph-title .logo {
    width: 80%;
}

.graph {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 10px;
    overflow: hidden;
}

.graph span {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #49c9eb;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.graph .graph2 {
    background-color: #37b2d2;
}

.graph .graph3 {
    background-color: #63c5df;
}

.graph .graph4 {
    background-color: #089dc4;
}

.graph .graph5 {
    background-color: #047c9c;
}

.graph span:after {
    content: '';
    display: block;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -12px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.graph .graph1:after {
    background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_001.png);
}

.graph .graph2:after {
    background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_002.png);
}

.graph .graph3:after {
    background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_003.png);
}

.graph .graph4:after {
    background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_004.png);
}

.graph .fg2 {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.shorten {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 200px;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.shorten-word {
    font-size: 18px;
    line-height: 120%;
    color: #1e8ba3;
}

.shorten-arrow {
    position: relative;
    width: 100%;
    height: 5px;
    background-color: #009bc4;
    margin-top: 10px;
}

.shorten-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #009ac4 transparent transparent;
    position: absolute;
    top: 50%;
    left: -5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.shorten-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent transparent transparent #009ac4;
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.wc02-list li {
    width: 48%;
    margin: 1% 1% 3% 1%;
    padding: 35px 15px 55px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 5px solid #f3f3f3;
    border-radius: 20px;
    position: relative;
}

.wc-02-list-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 26px;
    color: #00b2cc;
    line-height: 120%;
    margin-bottom: 15px;
}

.wc-02-list-heading .ofimg {
    display: inline-block;
    width: 100px;
    margin-right: 15px;
}

.wc-02-list-heading-sub {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.wc02-list li .text {
    font-size: 15px;
}

.wc02-list li .mini-btn-blue {
    position: absolute;
    bottom: 30px;
    right: 15px;
    margin-bottom: 0;
}

.patent-balloon {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.balloon-inner {
    color: #00b2cc;
    width: 100px;
    height: 50px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fffbe1;
    border: 3px solid #fce861;
    border-radius: 50%;
    position: relative;
}

.balloon-complete .balloon-inner {
    color: #b90a0a;
}

.balloon-inner:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 7.5px 0 7.5px;
    border-color: #fce761 transparent transparent transparent;
    z-index: 1;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.balloon-inner:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 5px 0 6px;
    border-color: #fffbe1 transparent transparent transparent;
    z-index: 2;
    position: absolute;
    bottom: -14px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

@media (max-width: 1024px) {
    .wc01-box {
        padding-bottom: 130px;
    }

    .group-01 {
        width: 105px;
    }

    .group-02 {
        width: 155px;
        margin: 5px;
    }

    .slash {
        font-size: 12px;
    }

    .graph-title {
        text-align: center;
        width: 133px;
        font-size: 12px;
        margin-right: 20px;
        padding: 15px 5px;
    }

    .graph-title:after {
        right: -18px;
    }

    .graph-title .logo {
        width: 60%;
    }

    .graph span {
        padding: 5px 5px 5px 15px;
        font-size: 12px;
        line-height: 120%;
    }

    .graph span:first-of-type {
        padding-left: 5px;
    }

    .shorten {
        width: 120px;
        padding: 5px;
    }

    .shorten-word {
        font-size: 12px;
    }

    .shorten-arrow {
        height: 3px;
    }

    .shorten-arrow:before {
        border-width: 8px 10px 8px 0;
    }

    .shorten-arrow:after {
        border-width: 8px 0 8px 10px;
    }

    .wc02-list li {
        min-width: 350px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .wc-02-list-heading .ofimg {
        width: 90px;
    }

    .wc-02-list-heading {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .wc-01-graph {
        position: static;
        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;
    }

    .graph-box {
        width: 48%;
    }

    .graph-title {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        padding: 10px 5px;
    }

    .graph-title:after {
        top: auto;
        bottom: -35px;
        right: 50%;
        left: 50%;
        -webkit-transform: translate(50%, 0) rotate(90deg);
        transform: translate(50%, 0) rotate(90deg);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }

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

    .graph {
        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%;
    }

    .graph span {
        width: 100%;
        padding: 25px 10px 10px 10px;
    }

    .graph span:first-of-type {
        padding-top: 10px;
    }

    .graph span:after {
        width: 100%;
        height: 15px;
        top: auto;
        bottom: -15px;
        right: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .graph .graph1:after {
        background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_001_sp.png);
    }

    .graph .graph2:after {
        background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_002_sp.png);
    }

    .graph .graph3:after {
        background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_003_sp.png);
    }

    .graph .graph4:after {
        background-image: url(/import/tenant_10/153.126.208.246/html/images/web-company/graph-arrow_004_sp.png);
    }

    .shorten {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 120px;
    }

    .shorten-word {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 14px;
        margin-left: 20px;
    }

    .shorten-arrow {
        width: 5px;
        height: 100%;
    }

    .shorten-arrow:before {
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
        -webkit-transform: rotate(90deg) translate(-100%, 2.5px);
        transform: rotate(90deg) translate(-100%, 2.5px);
    }

    .shorten-arrow:after {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        -webkit-transform: rotate(90deg) translate(100%, 2.5px);
        transform: rotate(90deg) translate(100%, 2.5px);
    }

    .wc01-box {
        padding-bottom: 0;
    }

    .wc01-box-img {
        position: relative;
        margin-top: 30px;
    }

    .wc01-img {
        width: 50%;
        position: absolute;
        bottom: 0;
        left: 25%;
    }

    .wc-01-img-group {
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .group-01 {
        width: 35%;
        margin: 5px;
    }

    .group-02 {
        width: 40%;
        margin: 5px;
    }

    .slash {
        font-size: 10px;
    }

    .wc02 .heading-in-logo .logo {
        width: 44%;
    }

    .wc02-list li {
        min-width: 98%;
        margin-bottom: 20px;
        padding: 15px 15px 40px 15px;
    }

    .wc02-list li.with-balloon {
        padding-top: 35px;
    }

    .wc-02-list-heading {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .wc-02-list-heading .ofimg {
        width: 60px;
        margin-right: 10px;
    }

    .balloon-inner {
        font-size: 10px;
        width: 80px;
        height: 45px;
        padding: 5px;
    }

    .wc02-list li .mini-btn-blue {
        bottom: 15px;
    }
}

/* ##### web-company end ##### */

/* ##### partner program ##### */
.partner-program .under-visual .text {
    margin: 0;
    color: #555;
}

.pp01 .text,.pp02 .text,.pp03 .text {
    font-size: 16px;
    margin-bottom: 30px;
}

.triangle-box {
    min-height: 340px;
    margin: 15px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
}

.circle {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 250px;
    height: 160px;
    border-radius: 50%;
}

.color-gold {
    background-color: #c6c684;
}

.color-purple {
    background-color: #b295b5;
}

.color-blue {
    background-color: #75b0d4;
}

.color-red {
    background-color: #cd8d8d;
}

.color-green {
    background-color: #86c09f;
}

.center-circle {
    width: 60%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: auto;
}

.circle .ofimg {
    width: 100px;
    margin: 10px auto;
}

.circle h3 {
    max-width: 115px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 120%;
}

.arrow-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.arrow-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.arrow-box span {
    text-align: center;
    line-height: 140%;
}

.arrow {
    width: 100px;
    height: 1px;
    background-color: #1c97da;
    margin: 10px 0;
    position: relative;
}

.left-arrow:before,
.double-arrow:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #1c98da transparent transparent;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.right-arrow:before,
.double-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #1c98da;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.left-down {
    -webkit-transform: rotate(-40deg) translate(-20%, 20%);
    transform: rotate(-40deg) translate(-20%, 20%);
}

.right-down {
    -webkit-transform: rotate(40deg) translate(20%, 20%);
    transform: rotate(40deg) translate(20%, 20%);
}

.right-down span {
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    margin: 10px;
}

.left-down span {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    margin: 10px;
}

.horizon {
    height: 160px;
}

.horizon .arrow {
    width: 300px;
}

.arrow-box .arrow:first-of-type {
    margin: 20px 0;
}

.pp-list-box {
    margin: 30px 0;
}

.pp-list {
    border-bottom: 1px solid #bababa;
}

.pp-list:first-of-type {
    border-top: 1px solid #bababa;
}

.pp-list>dt,
.pp-list>dd {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pp-list>dt {

    width: 20%;
    font-size: 18px;
    background-color: #e3f5ff;
    border-right: 1px solid #bababa;
    border-left: 1px solid #bababa;
}

.pp-list>dd {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 16px;
    border-right: 1px solid #bababa;
    background-color: #fff;
}

.pp-inner-list dt,
.pp-inner-list dd {
    font-size: 16px;
}

.pp-inner-list dt {
    width: 18%;
}

.partner-program .asterisk-list li {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .circle {
        width: 190px;
        height: 135px;
    }

    .center-circle {
        width: 100%;
    }

    .circle h3 {
        font-size: 16px;
        max-width: 100px;
    }

    .triangle-box {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .horizon {
        height: auto;
        margin: 0 15px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .horizon .arrow {
        width: 80%;
        max-width: 80%;
        margin-top: 10px;
    }

    .two-arrow .arrow:first-of-type {
        margin-bottom: 10px;
    }

    .left-down {
        -webkit-transform: rotate(-40deg) translate(-5%, 70%);
        transform: rotate(-40deg) translate(-5%, 70%);
    }

    .right-down {
        -webkit-transform: rotate(40deg) translate(20%, 55%);
        transform: rotate(40deg) translate(20%, 55%);
    }

    .arrow-box span {
        font-size: 12px;
        margin: 5px 0;
    }

    .pp-list>dt {
        width: 30%;
    }

    .pp-inner-list dt {
        width: 35%;
    }
}

@media (max-width: 599px) {
    .triangle-box {
        min-height: 330px;
    }

    .circle {
        width: 90px;
        height: 120px;
        border-radius: 0;
    }

    .circle h3 {
        font-size: 12px;
        max-width: 60px;
    }

    .circle .ofimg {
        width: 60px;
        margin: 5px auto;
    }

    .center-circle {
        height: 170px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .inner-center-circle {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .left-down,
    .right-down {
        min-height: 90px;
        margin: 0;
    }

    .left-down {
        margin: 0 5px;
        -webkit-transform: rotate(-60deg) translate(-40%, 30%);
        transform: rotate(-60deg) translate(-40%, 30%);
    }

    .right-down {
        margin: 0 5px;
        -webkit-transform: rotate(60deg) translate(0, 0);
        transform: rotate(60deg) translate(0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }

    .left-down span {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .right-down span {
        -webkit-transform: rotate(-60deg);
        transform: rotate(-60deg);
    }

    .horizon {
        min-width: 80px;
        margin: 0 5px;
    }

    .arrow {
        width: 70px;
    }

    .arrow-box span {
        font-size: 10px;
    }

    .two-arrow .arrow:first-of-type {
        margin-bottom: 10px;
    }

    .pp01 .text,.pp02 .text,.pp03 .text {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .pp-list {
        margin-bottom: 10px;
        border-top: 1px solid #bababa;
    }

    .pp-list>dt,
    .pp-list>dd {
        width: 100%;
    }

    .pp-list>dt {
        font-size: 16px;
    }

    .pp-list>dd {
        font-size: 14px;
        border-left: 1px solid #bababa;
    }

    .pp-inner-list {
        margin-bottom: 5px;
    }

    .pp-inner-list dt {
        width: 100%;
    }

    .pp-inner-list dd {
        padding-left: 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* ##### partner program end ##### */

/* ##### privacy-policy ##### */
.privacy-list {
    margin-top: 80px;
}

.privacy-list>li {
    margin-bottom: 50px;
}

.privacy-list>li:last-of-type {
    margin-bottom: 0;
}

.privacy-text {
    font-size: 16px;
}

.privacy-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 26px;
    color: #00b2cc;
    line-height: 120%;
}

.privacy-num {
    font-size: 100px;
    font-weight: bold;
    margin-right: 15px;
}

.privacy-list .text {
    font-size: 16px;
    padding-left: 130px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.policy-inner-list {
    margin: 15px 0;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.policy-inner-list li {
    margin-bottom: 5px;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.policy-inner-list li:before {
    content: '（'counter(number)'）';
}

.privacy-policy .asterisk-list li {
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.privacy-policy .asterisk-list li:before {
    counter-increment: number;
    content: '※'counter(number);
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    line-height: inherit;
}

.privacy02 {
    position: relative;
    padding-bottom: 50px;
}

.sign {
    position: absolute;
    bottom: -70px;
    right: 0;
}

.privacy-box {
    margin-top: 30px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.privacy-box dl {
    -webkit-transform: skew(-5deg);
    transform: skew(-5deg);
}

.privacy-box dl dt {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .privacy-num {
        font-size: 80px;
    }

    .privacy-list .text {
        padding-left: 110px;
    }
}

@media (max-width: 599px) {
    .privacy-list {
        margin: 30px 0;
    }

    .privacy-list>li {
        margin-bottom: 30px;
    }

    .privacy-heading {
        font-size: 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .privacy-num {
        font-size: 55px;
        line-height: 55px;
    }

    .privacy-list .text {
        font-size: 14px;
        padding-left: 5px;
    }

    .policy-inner-list {
        padding-left: 10px;
    }

    .privacy-box {
        padding: 15px;
    }

    .privacy-box dl {
        -webkit-transform: skew(0);
        transform: skew(0);
    }

    .privacy-box dl dt {
        font-size: 18px;
    }
}

/* ##### privacy-policy end ##### */

/* ##### faq ##### */
.faq-list {
    margin-bottom: 30px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #f3f3f3;
}

.faq-list dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    position: relative;
    margin-bottom: 30px;
}

.faq-list dt:before {
    content: 'Q';
    font-size: 70px;
    color: #00b2cc;
    margin-right: 15px;
}

.faq-list dd {
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding: 15px;
    -webkit-box-sizing: border-box;
  box-sizing: border-box;
   background-color:#f3f3f3;
   border-radius:20px;
   position:relative;
}

.faq-list dd:before {
    content: 'A';
    font-size: 60px;
    color: #f7b73b;
    margin-right: 15px;
}

.btn-cont {
    position: relative;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-cont .mini-btn-blue {
    position: absolute;
    bottom: -15px;
    right: 15px;
}

@media (max-width: 1024px) {
    .faq-list dt {
        font-size: 22px;
        line-height: 120%;
    }

    .faq-list dt:before {
        font-size: 60px;
    }

    .faq-list dd:before {
    font-size: 40px;
}

}

@media (max-width: 599px) {
    .faq-list {
        padding: 15px;
    }

    .faq-list dt {
        font-size: 18px;
    }

    .faq-list dt:before {
        font-size: 45px;
        margin-right: 10px;
    }

    .faq-list dd {
        font-size: 14px;
        font-weight: 500;
        line-height: 120%;
    }
    
    .faq-list dd:before {
    font-size: 30px;
}

}

/* ##### faq end ##### */

/* ##### contact ##### */
.contact .heading {
    font-size: 36px;
    line-height: 120%;
}

.download-box {
    margin-top: 30px;
    text-align: center;
}

.download-box .orange-btn {
    width: 500px;
    height: 70px;
    margin: 10px auto;
}

.download-box .orange-btn a {
    font-size: 28px;
    border-radius: 35px;
}

.download-box .slash {
    display: inline-block;
    font-size: 18px;
    padding: 0 22px;
}

.slash:before,
.slash:after {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.contact-item {
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e1e1;
}

.must {
    font-size: 12px;
    display: inline-block;
    line-height: 100%;
    padding: 5px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    background-color: #00b2cc;
}

.contact-item dt {
    width: 35%;
    padding: 10px 30px;
    font-size: 16px;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-item dd {
    width: 10%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.contact-item dd .input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.contact-item dd input,
.contact-item dd textarea {
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #e6e1e1;
    font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.contact-item dd.input-box input {
    width: auto;
}

.contact-item dd.input-box span label {
    position: relative;
    margin: 0 1.5rem 5px 0;
    padding-left: 2rem;
    display: block;
}

.contact-item dd.input-box span input {
    display: none;
}

.contact-item dd.input-box span label:hover {
    cursor: pointer;
    text-decoration: underline;
}

.contact-item dd.input-box span label:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
    background-color: #fff;
}

.contact-item dd.input-box span input:checked+label {
    text-decoration: underline;
    color: #555;
}

.contact-item dd.input-box span input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #00b2cc;
    border-radius: 50%;
}

.contact-item dd textarea {
    height: 200px;
}

.check-box {
    margin: 50px auto;
    text-align: center;
}

.check-box a {
    text-decoration: underline;
}

.check-box input {
    margin-right: 10px;
}

.contact-btns .more-btn {
    margin: 30px auto;
}

@media (max-width: 1024px) {
    .contact .heading {
        font-size: 24px;
    }

    .contact-item dt {
        width: 45%;
        padding: 10px;
    }

    .contact-btns .more-btn {
        margin: 15px auto;
    }
}

@media (max-width: 599px) {
    .contact .heading {
        font-size: 20px;
    }

    .download-box .orange-btn {
        max-width: 100%;
        height: 60px;
    }

    .download-box .orange-btn a {
        font-size: 20px;
    }

    .contact-item {
        padding: 5px;
    }

    .contact-item dt {
        width: 100%;
        padding-bottom: 0;
    }
}

/* ##### contact end ##### */

/* #####  04recommend  ##### */
.recomend-merit {
    padding-top: 50px;
}

.recomend-merit .box {
    position: relative;
    padding: 40px 40px 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.recomend-merit .num {
    color: #00b2cc;
    font-size: 130px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    top: -25px;
    left: 30px;
    z-index: 1;
}

.recomend-merit .pic {
    width: 90%;
    margin: 0 auto 20px;
    max-width: 240px;
}

.recomend-merit h3 {
    display: block;
    text-align: center;
    color: #00b2cc;
    font-size: 22px;
    margin-bottom: 15px;
}

.recomend-merit .txt {
    font-size: 14px;
}

.recomend-merit .txt .blue {
    color: #00b2cc;
}

.recomend1 .inner {
    padding-bottom: 150px;
}

@media only screen and (max-width: 1024px) {
    .recomend-merit .num {
        font-size: 110px;
    }
}

@media only screen and (max-width: 599px) {
    .recomend-merit .num {
        font-size: 90px;
        left: 10px;
        top: -13px;
    }

    .recomend-merit {
        padding-top: 30px;
    }

    .recomend-merit .box {
        padding: 30px 10px;
    }

    .heightLine-recotit,
    .heightLine-recopic,
    .heightLine-h3,
    .heightLine-pic,
    .heightLine-txt,
    .heightLine-example {
        height: auto !important;
    }

    .recomend-merit h3 {
        font-size: 18px;
    }
}

.recomend2 h2 {
    color: #fff;
}

.kinou_list .box {
    border-radius: 30px;
    overflow: hidden;
    padding: 45px 0 0 0;
    margin-bottom: 30px;
}

.kinou_list h3 {
    font-size: 23px;
    text-align: center;
    line-height: 100%;
    margin-bottom: 20px;
}

.kinou_list h3 .small {
    font-size: 14px;
    line-height: 120%;
}

.kinou_list .pic {
    width: 90%;
    margin: 0 auto 20px;
    max-width: 240px;
}

.kinou_list .txt {
    padding: 0 20px 0px;
    margin-bottom: 30px;
}

.kinou_list .example {
    background-color: #f3f5f5;
    padding: 10px 25px;
    font-size: 14px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media only screen and (max-width: 599px) {
    .kinou_list .cont {
        padding: 0 10px 20px;
    }

    .kinou_list h3 {
        font-size: 18px;
    }

    .kinou_list .box {
        padding-top: 30px;
    }

    .kinou_list .txt {
        padding: 0 0px 0px;
        margin-bottom: 20px;
    }
}

/* #####  04recommend end ##### */

/* #####  05abtest  ##### */
.abtest .under-visual .visual-hukidashi {
    position: relative;
    font-size: 18px;
    color: #00b2cc;
    padding: 20px 80px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    display: block;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 50px;
}

.abtest .under-visual .visual-hukidashi:before {
    content: "";
    display: block;
    width: 37px;
    height: 32px;
    background: url('/upload/tenant_10/bece5e44c536d4c10588bef769fa6f44.png') center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.abtest .under-visual .text {
    color: #fff;
}

.abtest .under-heading {
    text-align: center;
    line-height: 100%;
}

.abtest .under-heading .small {
    font-size: 18px;
}

@media only screen and (max-width: 599px) {
    .abtest .under-visual .visual-hukidashi {
        width: 85%;
        margin-right: auto;
        margin-left: auto;
        padding: 20px;
        margin-bottom: 30px;
    }
    .abtest .under-visual .text{
      padding: 0 20px;
    margin: 10px 0 30px;
    }
    .abtest1 .tr80.pbox{
      -webkit-transform: translate(0, -45px);
    transform: translate(0, -45px);
    padding: 20px 10px;
    }
    .abtest2 .tr80{
      -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    padding: 20px 10px;
    }
    .abtest2 .tr80 h2{
      font-size: 25px;
    }
    .recommend .under-visual .visual-hukidashi {
        width: 85%;
        margin: 0 auto 10px;
        padding: 15px;

    }

    .recommend .under-visual .visual-hukidashi:before {
        width: 20px;
        bottom: -20px;
    }
}

.abtest1 {
    padding-bottom: 180px;
}

.abtest1 h2 {
    font-size: 32px;
}

.abtest1 .hukidashibox {
    width: 95%;
    max-width: 840px;
    border-radius: 30px;
    position: relative;
    padding: 120px 40px 40px;
    margin-bottom: 60px;
}

.abtest1 .hukidashibox:before {
    content: "";
    display: block;
    width: 37px;
    height: 32px;
    background: url('/upload/tenant_10/bece5e44c536d4c10588bef769fa6f44.png') center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.abtest-list .list-box {
    position: relative;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.abtest-list .box1 {
    width: 23%;
    padding-right: 7%;
}

.abtest-list .box2 {
    width: 25%;
    padding-right: 7%;
}

.abtest-list .box3 {
    width: 20%;
    padding-right: 7%;
}

.abtest-list .box4 {
    width: 25%;
    padding-right: 9%;
}

.abtest-list .txt {
    width: 100%;
    text-align: center;
}

.abtest-list .box1 .txt {
    padding-top: 5px;
}

.abtest-list .box1:before,
.abtest-list .box3:before {
    content: "";
    display: block;
    width: 40px;
    height: 38px;
    background: url(/import/tenant_10/153.126.208.246/html/images/05abtest/img03.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.abtest-list .box2:before {
    content: "";
    display: block;
    width: 40px;
    height: 38px;
    background: url(/import/tenant_10/153.126.208.246/html/images/05abtest/img03.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.abtest-list .box2:after {
    content: "";
    display: block;
    width: 40px;
    height: 38px;
    background: url(/import/tenant_10/153.126.208.246/html/images/05abtest/img03.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.abtest-list .box3 .hukidashi {
    color: #00b2cc;
    letter-spacing: -1px;
    font-size: 13px;
    width: 214px;
    padding: 0px 9px 46px;
    position: absolute;
    top: -74px;
    right: -80px;
    background: url(/upload/tenant_10/c0c6b961b4a344a17f260fd98d3d5a77.png) center bottom no-repeat;
    background-size: contain;
    text-align: center;
}

.abtest-list .box4 .slash {
    width: 130px;
    text-align: center;
    -webkit-transform: rotate(30deg);
    transform: rotate(25deg);
    margin-bottom: 30px;
    position: absolute;
    top: 10px;
    right: 10px;

}

.abtest-list .li-top {
    padding-bottom: 10px;
}

.abtest1 h3 {
    position: absolute;
    bottom: -35px;
    right: -0px;
    font-size: 44px;
    color: #00b2cc;
    text-shadow: 3px 3px 0 #FFF, -3px -3px 0 #FFF,
        -3px 3px 0 #FFF, 3px -3px 0 #FFF,
        0px 3px 0 #FFF, 0 -3px 0 #FFF,
        -3px 0 0 #FFF, 3px 0 0 #FFF;

}

.abtest1 .hukkidashibox-under-txt {
    margin-bottom: 70px;
}

.box-container2 .hukidashibox {
    max-width: 710px;
    margin-right: 0;
    margin-left: auto;
}

.box-container2 .box2 .hukidashi {
    color: #00b2cc;
    letter-spacing: -1px;
    font-size: 13px;
    width: 214px;
    padding: 0px 9px 46px;
    position: absolute;
    top: -84px;
    right: -20px;
    background: url(/upload/tenant_10/c0c6b961b4a344a17f260fd98d3d5a77.png) center bottom no-repeat;
    background-size: contain;
    text-align: center;
}

.box-container2 .box3 .slash {
    width: 150px;
    text-align: center;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    margin-bottom: 30px;
    position: absolute;
    top: -50px;
    right: -20px;
}

.box-container2 .li-top .img {
    width: 150px;
    margin-bottom: 20px;
}

.box-container2 .box3 {
    width: 33%;
}

.box-container2 .box3:before {
    display: none;
}

.hukidashiwrapper {
    position: relative;
}

.box-container2 h3 {
    right: auto;
    left: -0px;
}

@media only screen and (max-width: 1024px) {
    .abtest-list .box4 .slash {
        right: -20px;
    }

    .abtest-list .box3 .hukidashi {
        top: -94px;
    }

    .abtest1 h2 {
        font-size: 28px;
    }

    .abtest1 h3 {
        position: relative;
        bottom: 0
    }

    .abtest1 .hukidashibox {
        margin-bottom: 40px;
    }

    .abtest-list .box1:before,
    .abtest-list .box2:before,
    .abtest-list .box2:after,
    .abtest-list .box3:before {
        width: 28px;
    }
}

@media only screen and (max-width: 599px) {
    .abtest-list .img {
        text-align: center
    }

    .abtest1 h2 {
        font-size: 20px;
    }

    .abtest-list .list-box {
        width: 100%;
        padding-bottom: 60px;
        padding-right: 0;
    }

    .abtest1 .hukidashibox {
        padding-top: 30px;
        margin-bottom: 40px;
    }

    .abtest-list .list-box:before {
        top: auto;
        bottom: 15px;
        left: 42%;
        right: auto;
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);

    }

    .abtest-list .box3 .hukidashi {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 20px;
    }

    .abtest1 .hukidashibox {
        margin: 0 auto 30px;
    }

    .abtest-list .box2:after {
        display: none;
    }

    .abtest-list .box4 .slash {
        position: relative;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: auto;
        top: auto;
        margin: 0 auto 15px;
    }

    .abtest-list .list-box:last-of-type {
        padding-bottom: 0;
    }

    .abtest1 h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .abtest1 {
        padding-bottom: 0;
    }

    .box-container2 .box2 .hukidashi {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 20px;
    }

    .box-container2 .box3 .slash {
        position: relative;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: auto;
        top: auto;
        margin: 0 auto 15px;
    }

}

.abtest2 .katsuyou-list h3 {
    display: block;
    text-align: center;
    color: #00b2cc;
    font-size: 15px;
    margin-bottom: 15px;
}

.abtest2 h2 {
    margin-bottom: 100px;
}

.katsuyou-list li {
    position: relative;
    background-color: #fff;
    padding: 60px 8px 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
    width: 31%;
    margin: 0 1% 6% 1%;
}

.katsuyou-list .img {
    margin-bottom: 20px;
    text-align: center;
}

.katsuyou-list .txt {
    font-size: 13px;

}

.katsuyou-list li:before {
    content: "";
    display: block;
    width: 60px;
    height: 88px;
    background: url(/import/tenant_10/153.126.208.246/html/images/05abtest/img12.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -40px;
    left: 5px;
}

@media only screen and (max-width: 599px) {
    .katsuyou-list li {
        width: 98%;
        margin: 0 1% 60px 1%;
    }

    .katsuyou-list li:last-of-type {
        margin-bottom: 0;
    }

    .abtest2 h2 {
        margin-bottom: 50px;
    }

    .heightLine-recotit,
    heightLine-pic {
        height: auto !important;
    }
}

/* #####  05abtest end ##### */
/* #####  06edit  ##### */
.edit .pc-view .visual-hukidashi {
    position: relative;
    font-size: 18px;
    color: #00b2cc;
    padding: 20px 80px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 50px;
}

.edit .pc-view .visual-hukidashi:before {
    content: "";
    display: block;
    width: 37px;
    height: 32px;
    background: url(/import/tenant_10/153.126.208.246/html/images/06edit/img18.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.pc-list li {
    width: 90%;
}

.pc-list {
    margin-right: auto;
    margin-left: 0;
}

.desktoppc-frame {
    position: relative;
    padding: 2.2% 2% 4.3% 2%;
}

.desktop01 {
    max-width: 450px;
}

.desktop02 {
    max-width: 400px;
    margin-top: 114px;
    margin-left: -80px;
}

.desktoppc-frame .frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.desktoppc-frame .frame img {
    width: 100%;
}

.edit .under-heading {
    width: 100%;
    margin-top: 100px;
}

.under-visual .text {
    color: #fff;
}

.edit1 .tr80 {
    margin-bottom: 80px;
}

.edit1 .mitamama-meritlist li {
    border-radius: 20px;
    padding: 20px 10px;
}

.mitamama-meritlist .img {
    width: 105px;
    height: 105px;
    position: relative;
    margin: 0 auto 20px;
    background: #00b2cc;
    border-radius: 50%;
    overflow: hidden;
}

.mitamama-meritlist .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 60px !important;
}

.mitamama-meritlist h3 {
    color: #00b2cc;
    font-size: 15px;
    text-align: center;
}

.edit2 .heading {
    color: #fff;
}

.yellowhougan-list li {
    border-radius: 20px;
    border: solid 2px #f3f3f3;
    padding: 30px 20px 20px;

}

.yellowhougan-list .img {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

.yellowhougan-list h3 {
    color: #00b2cc;
    font-size: 16px;
    text-align: center;
    line-height: 130%;
    margin-bottom: 10px;
}

.edit3 {
    text-align: center;
}

.edit3 h2 {
    position: relative;
    font-size: 36px;
    text-align: center;
    padding: 40px 0;
    display: inline-block;
    margin: 0 auto;
}

.edit3 h2:before {
    content: "";
    display: block;
    width: 83px;
    height: 60px;
    background: url(/import/tenant_10/153.126.208.246/html/images/06edit/img20.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: 1;
}

.edit3 h2:after {
    content: "";
    display: block;
    width: 76px;
    height: 79px;
    background: url(/import/tenant_10/153.126.208.246/html/images/06edit/img19.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -79px;
}




@media only screen and (max-width: 1024px) {
    .pc-list li {
        width: 40%;
    }

    .pc-list {
        margin: 0 auto;
    }

    .edit .pc-view .visual-hukidashi {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .mitamama-meritlist .img {
        width: 80px;
        height: 80px;
    }

    .mitamama-meritlist .img img {
        max-width: 42px !important;
    }

    .edit1 .mitamama-meritlist li {
        width: 23%;
        margin: 0 1% 6% 1%;
        padding: 20px 5px;
    }

    .mitamama-meritlist h3 {
        font-size: 13px;
    }

    .edit3 h2 {
        font-size: 26px;
        padding: 50px 0
    }

    .edit3 h2:after {
        width: 66px;
    }
}

@media only screen and (max-width: 599px) {
    .edit .pc-view .visual-hukidashi {
        padding: 20px;
        margin-bottom: 50px;
        width: 85%;
        margin-right: auto;
        margin-left: auto;
    }

    .pc-list li.desktop01 {
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .pc-list li.desktop02 {
        display: none;
    }

    .edit .under-heading {
        padding: 0 30px;
    }

    .edit .inner-under-visual160 {
        padding-bottom: 50px;
    }

    .edit1 .mitamama-meritlist li {
        width: 48%;

    }

    .edit1 .tr80 {
        padding: 20px 10px;
        -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px);
    }
    .edit2 .heading{
      font-size: 22px;
    line-height: 150%;
    }
    .yellowhougan-list h3 {
        height: auto !important;
    }

    .edit3 h2 {
        font-size: 16px;
        display: block;
        padding: 50px 30px;
    }

    .edit3 h2:before {
        width: 53px;
        top: -4px;
    }

    .edit3 h2:after {
        right: 10px;
        width: 45px;
        height: 48px;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        top: auto;
        bottom: 10px;
    }

}


/* #####  06edit end ##### */



/* #####  07keyword  ##### */

.keyword02 .pc-view .visual-hukidashi {
    position: relative;
    font-size: 18px;
    color: #00b2cc;
    padding: 20px 80px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    display: block;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 50px;
}

.keyword02 .pc-view .visual-hukidashi:before {
    content: "";
    display: block;
    width: 37px;
    height: 32px;
    background: url(/upload/tenant_10/bece5e4….png) center center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.keyword02 .yellowhougan-list li {
    background: #fff;
}

.keyword02 .yellowhougan-list h3 {
    font-size: 24px;
    color: #555;
    font-weight: bold;
}



.keyword01list {
    counter-reset: number;
    padding-bottom: 80px;
}

.keyword01list .keyword01item:nth-of-type(even) {
    margin-left: auto;
}

.keyword01item {
    max-width: 800px;
    margin: 80px 0 80px;
    position: relative;
    padding: 80px 40px 60px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 2px 7px #999;
    box-shadow: 0px 2px 7px #999;
    background-color: #fff;
}

.keyword01list .keyword01item:nth-of-type(even) .tit:before {
    left: auto;
    right: 0;
}

.keyword01item .tit:before {
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -0.5em;
    font-size: 150px;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
}

.keyword01item .tit {
    font-size: 24px;
    color: rgba(0, 178, 204, 255);
    margin-bottom: 0.5em;
}

.keyword01item .img img {
    width: 100%;
}

.keyword02 .pbox .txt.bkc-white {
    padding: 1.5em 3em;
    line-height: 200%;
    border-radius: 20px;
}

.keyword02 .heading {
    color: #fff;
    text-align: center;
}

.keyword02 .heading+.p {
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .keyword02 .yellowhougan-list h3 {
        font-size: 20px;
    }

    .keyword01item {
        padding: 60px 40px 40px;
    }

    .keyword01item .tit {
        font-size: 20px;
        margin-bottom: 1em;
    }

    .keyword01item .tit:before {
        font-size: 110px;
    }
}

@media (max-width: 599px) {
    .keyword02 .pbox .txt.bkc-white {
        padding: 1em 2em;
    }

    .keyword01item .tit {
        font-size: 18px;
    }

    .keyword01item .tit:before {
        font-size: 80px;
    }

    .keyword01item {
        padding: 40px 20px;
    }

    .keyword02 .heading+.p {
        margin-bottom: 40px;
    }
}

/* #####  07keyword end  ##### */



/* ##### A-BiSU BOT ##### */
.bot-list {
    -webkit-column-count: 3;
    column-count: 3;
    margin-top: 50px;
}

.bot-list li {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin: 0 50px 80px 0;
    padding-top: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.bot-list li:nth-of-type(even) {
    margin: 0 0 0 50px;
}

.bot-list li:nth-of-type(odd):after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 1px;
    border-top: 10px dotted #00b2cc;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(-50%, 50px) rotate(60deg);
    transform: translate(-50%, 50px) rotate(60deg);
}

.bot-list li:nth-of-type(even):after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 1px;
    border-top: 10px dotted #00b2cc;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -40px) rotate(-60deg);
    transform: translate(50%, -40px) rotate(-60deg);
}

.bot-list li:nth-of-type(6n):after {
    display: none;
}

.inner-bot-list {
    border: 5px solid #f3f3f3;
    padding: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.bot-list li .bot-num {
    display: block;
    line-height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    font-size: 80px;
    color: #00b2cc;
}

.bot-list li .ofimg {
    width: 90px;
    margin: 30px auto;
}

.bot-heading {
    font-size: 16px;
    text-align: center;
}

.bot02 .heading {
    color: #fff;
}

.bot03 .text {
    font-size: 16px;
}

.step-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 50px 0;
}

.step-list li {
    width: calc(100% / 3 - 20px);
    margin: 0 10px;
}

.inner-step-box {
    padding: 20px 15px 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.step-num {
    display: block;
    font-size: 30px;
    color: #00b2cc;
    text-align: center;
    margin-bottom: 20px;
}

.step-heading {
    font-size: 28px;
    color: #00b2cc;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: auto;
}

.step-list .text {
    font-size: 14px;
}

.step-point {
    margin: 50px 0 100px 0;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.point-box {
    width: calc(100% / 3 - 20px);
    margin: 10px;
    padding: 30px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fffbe1;
}

.point-heading {
    font-size: 32px;
    color: #00b2cc;
    text-align: center;
}

.point-heading .small {
    display: block;
    font-size: 16px;
    line-height: 16px;
}

.point-box .point-list {
    -webkit-column-count: 1;
    column-count: 1;
    margin: 0;
}

.point-box .point-list li {
    margin-bottom: 0;
}

.bot03 .heading-deco2 {
    font-size: 32px;
}

@media (max-width: 1024px) {
    .bot-list {
        -webkit-column-count: auto;
        column-count: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .bot-list li,
    .bot-list li:nth-of-type(even) {
        width: 48%;
        margin: 1%;
    }

    .bot-list li:nth-of-type(even) {
        margin-top: 80px;
    }

    .bot-list li:nth-of-type(odd):after {
        display: none;
    }

    .bot-list li:nth-of-type(even):after {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        -webkit-transform: translate(-100%, 10px) rotate(-60deg);
        transform: translate(-100%, 10px) rotate(-60deg);
    }

    .step-point {
        padding: 20px;
    }

    .step-list,
    .step-point {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .step-list li,
    .point-box {
        width: calc(100% / 2 - 20px);
        margin-bottom: 30px;
    }

    .step-list li:last-of-type {
        margin-bottom: 0;
    }

    .point-box {
        padding: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .bot-list li:nth-of-type(even) {
        margin-top: 0;
    }

    .bot-list li,
    .bot-list li:nth-of-type(even) {
        width: 98%;
        margin-bottom: 30px;
    }

    .inner-bot-list {
        height: auto !important;
    }

    .bot-list li:nth-of-type(even):after {
        display: none;
    }

    .bot-list li .bot-num {
        font-size: 70px;
    }

    .light-heading+.text {
        font-size: 14px;
        font-weight: normal;
    }

    .step-list li,
    .point-box {
        width: calc(100% - 20px);
    }

    .step-point {
        padding: 10px;
    }

    .bot03 .heading-deco2 {
        line-height: 140%;
    }
}

/* ##### A-BiSU BOT end ##### */

/* ##### 09inquiry-correspondence ##### */
.ic01 .text {
    font-size: 14px;
}

.ic01 .heading-in-logo {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1rem;
}

.ic01 .heading-in-logo .logo {
    margin: auto;
    width: 178px;
    display: block;
    margin-bottom: 1rem;
}

.ic01 .screen {
    margin: 0 auto 1rem;
}

@media only screen and (max-width: 1024px) {
    .ic01 .heading-in-logo {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .ic01 .heading-in-logo {
        font-size: 18px;
    }
}

/* ##### 09inquiry-correspondence end ##### */

/* #####  10capture  ##### */
/*heightLine*/

@media only screen and (max-width:1024px) {
    [class*="heightLine-1024"] {
        height: auto !important
    }
}

@media only screen and (max-width:599px) {
    [class*="heightLine-599"] {
        height: auto !important
    }
}

.capture01list {
    padding-bottom: 80px;
}

.capture01item {
    width: 47%;
    margin: 1% 0;
    border-radius: 20px;
    border: 5px solid #e8faff;
    padding: 1.5em 1.5em 3em;
}

.capture01item .img {
    text-align: center;
    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;
}

.capture01item .img .icon {
    display: inline-block;
}

.capture01item .tit {
    font-size: 24px;
    color: rgba(0, 178, 204, 255);
    margin: 0.5em 0;
}

.capture02 .heading {
    color: #fff;
}

.capture02item {
    background-color: #fff;
    padding: 60px 60px 100px;
    border-radius: 20px;
    position: relative;
    margin: 80px 0 0;
}

.capture02list .att {
    background: #fffbe1;
    border-radius: 30px;
    padding: 1.5em;
    position: relative;
    margin-top: 32px;
    font-size: 18px;
}

.capture02list .att:before {
    position: absolute;
    width: 100%;
    height: 32px;
    content: "";
    left: 0;
    bottom: 100%;
    background: url(/upload/tenant_10/0efea1f8d916483d63592abb7b641f35.png) center bottom / 37px no-repeat;
}

.capture02list .tit {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 36px;
    width: 96%;
    text-align: center;
}

.capture02item .img {
    text-align: center;
    max-width: 750px;
    margin-left: auto;
}

.capture02item .img img {
    width: 100%;
}

.capture02item .img.scrollarea{
  max-height: 400px;
  overflow: scroll;
  overflow-x: hidden;
}

.capture02itemlist {
    counter-reset: number;
}

.capture02itemlistitem {
    margin-bottom: 60px;
}

.capture02itemlistitem .subtit:before {
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    font-size: 120px;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
    color: rgba(0, 178, 204, 255);
}

.capture02itemlistitem .subtit {
    padding-left: 140px;
    padding-top: 80px;
    position: relative;
    margin-bottom: 2em;
}

.capture03 {
    margin-top: 0;
}

.capture03 .heading .inb {
    padding: 0.25em 3em;
    position: relative;
    background: #fff;
    border-radius: 30px;
}

.capture03 .heading {
    font-size: 36px;
    margin-top: 30px;
}

.capture03 .heading .inb:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 109px;
    content: "";
    background: url(/upload/tenant_10/5f9d773f23f2477712dbf43f1989b9eb.png) center center /100% 100% no-repeat;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.capture03 .txt {
    font-size: 18px;
}

.capture03 .toD {
    margin: 40px 0;
}

.capture03 .toD * {
    text-align: center;
}

.capture03 .toD dt {
    font-size: 18px;
}

.capture03 .toD .more-btn {
    margin: 0.5em auto;
}


@media only screen and (max-width: 1024px) {
    .capture01item .img .icon img {
        max-height: 60px;
    }

    .capture01item .tit {
        font-size: 20px;
    }

    .capture02list .tit {
        font-size: 30px;
    }

    .capture02itemlistitem .subtit:before {
        font-size: 80px;
    }

    .capture02itemlistitem .subtit {
        padding-left: 100px;
        padding-top: 30px;
    }

    .capture02itemlistitem {
        margin-bottom: 40px;
    }

    .capture02list {
        padding: 40px 40px 80px;
    }

    .capture02list .att {
        font-size: 16px;
    }

    .capture03 .heading {
        font-size: 28px;
    }

    .capture03 .toD dt {
        font-size: 16px;
    }

    .capture03 .txt {
        font-size: 16px;
    }

    .capture03 .heading .inb:before {
        width: 55px;
        height: 80px;
    }

    .capture03 .heading .inb {
        padding: 0.25em 2.5em;
    }
}

@media only screen and (max-width: 599px) {
    .capture01item .img .icon img {
        max-height: 40px;
    }

    .capture01item .tit {
        font-size: 18px;
    }

    .capture01item {
        width: 100%;
        margin: 2% 0;
    }

    .capture02list .tit {
        font-size: 20px;
    }

    .capture02itemlistitem .subtit:before {
        font-size: 60px;
    }

    .capture02item {
        padding: 30px 20px;
        margin-top: 30px
    }

    .capture02itemlistitem .subtit {
        padding-left: 80px;
        padding-top: 0px;
        margin-bottom: 0.5em;
    }

    .capture02list {
        padding: 0px;
    }

    .capture02list .att {
        padding: 1em;
        font-size: 14px;
    }

    .capture03 .heading {
        font-size: 18px;
    }

    .capture03 .heading .inb {
        padding: 0.5em 2em;
    }

    .capture03 .heading .inb:before {
        width: 27px;
        height: 40px;
    }
}

/* #####  10capture end  ##### */

/* #####  11smartphone  ##### */
.smartphone01list {
    padding-bottom: 80px;
    counter-reset: number;
}

.smartphone01item {
    margin-top: 60px;
    margin-bottom: 40px;
}

.smartphone01list .smartphone01item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.smartphone01item .picbox {
    width: 40%;
    position: relative;
    z-index: 1;
}

.smartphone01item .tbox {
    width: 60%;
}

.smartphone01item .tbox .tboxinn {
    padding: 80px 40px;
    -webkit-box-shadow: 0px 2px 7px #999;
    box-shadow: 0px 2px 7px #999;
    border-radius: 20px;
    position: relative;
    width: 125%;
    padding-right: 30%;
    margin-top: 60px;
}

.smartphone01item .tbox .tboxinn:before {
    counter-increment: number;
    content: counter(number, decimal-leading-zero);
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -0.5em;
    font-size: 150px;
    font-family: 'Roboto', sans-serif;
    line-height: 100%;
    color: rgba(0, 178, 204, 255);
}

.smartphone01list .smartphone01item:nth-of-type(even) .tboxinn:before {
    left: auto;
    right: 0;
}

.smartphone01list .smartphone01item:nth-of-type(even) .tboxinn {
    padding-right: 40px;
    padding-left: 30%;
    margin-left: -25%;
}

.smartphone01item .tbox .tboxinn .tit {
    font-size: 22px;
    color: rgba(0, 178, 204, 255);
    margin-bottom: 1em;
}

.smartphone02 .heading {
    color: #fff;
    text-align: center;
}

.smartphone02 .heading+.p {
    margin-bottom: 60px;
}

.smartphone02list {
    margin: 60px 0 0;
}

.smartphone02item {
    width: 47%;
    margin: 1% 0;
    border-radius: 20px;
    border: 5px solid #f3f3f3;
    padding: 1.5em 1.5em 3em;
}

.smartphone02item .tit {
    font-size: 30px;
    margin-bottom: 1em;
    text-align: center;
}

.smartphone02item .img {
    text-align: center;
    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-bottom: 1em;
}

.smartphone02item .img .icon {
    display: inline-block;
}

@media only screen and (max-width: 1024px) {
    .smartphone01item .tbox .tboxinn:before {
        font-size: 110px;
    }

    .smartphone01item .tbox .tboxinn {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .smartphone02item .tit {
        font-size: 20px;
    }
}

@media only screen and (max-width: 599px) {
    .smartphone01item .tbox {
        width: 100%;
    }

    .smartphone01item .picbox {
        width: 100%;
    }

    .smartphone01item .tbox .tboxinn:before {
        font-size: 90px;
    }

    .smartphone01item .tbox .tboxinn {
        padding: 40px 30px !important;
        width: 100% !important;
        margin-left: 0 !important;
    }

    .smartphone02 .heading+.p {
        margin-bottom: 40px;
    }

    .smartphone02item {
        width: 100%;
        margin: 2% 0;
    }

    .smartphone02list {
        margin: 40px 0 0;
    }
}

/* #####  11smartphone end  ##### */

/* ##### 23partner-introduction ##### */
.upper-arrow {
    position: relative;
}

.upper-arrow:before {
    position: absolute;
    display: block;
    content: "";
    top: -62px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 75px 62px 75px;
    border-color: transparent transparent #ffffff transparent;
}

.partner01 .partner-intro .round_wrap {
    border-radius: 40px;
    overflow: hidden;
    border: 8px solid #f3f3f3;
    margin: 0 auto 1rem;
}

.partner01 .partner-heading {
    text-align: center;
    font-size: 34px;
    margin-bottom: 2rem;
    font-weight: bold;
}

.partner01 .info_dl_wrap dl {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.partner01 .info_dl_wrap dt,
.partner01 .info_dl_wrap dd {
    font-size: 18px;
}

.partner01 .info_dl_wrap dt {
    width: 20%;
    display: inline-block;
    background: #00b2cc;
    border-radius: 10px;
    padding: .15rem 1rem;
    color: #ffffff;
    text-align: center;
}

.partner01 .info_dl_wrap dd {
    width: 80%;
    padding-left: 3rem;
}

.partner01 .info_dl_wrap dd a {
    color: #555555;
}

.partner02 .heading {
    color: #ffffff;
}

.partner02 .text {
    font-size: 18px;
}

.partner03 .heading {
    font-size: 30px;
}

.partner03 .pbox {
    padding: 100px 30px;
}

.partner03 .partner_li li {
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #f3f3f3;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

.partner03 .partner_li .ill {
    margin: 0 auto 1rem;
}

.partner03 .partner_li .ill_1 {
    width: 100px;
}

.partner03 .partner_li .ill_2 {
    width: 90px;
}

.introduce .heading-in-logo {
    font-size: 24px;
    text-align: center;
    margin-bottom: 1rem;
}

.introduce .heading-in-logo .logo {
    margin: auto;
    width: 268px;
    display: block;
    margin-bottom: 1rem;
}

.introduce ul p {
    margin-bottom: 1rem;
    border-radius: 10px;
    overflow: hidden;
}

.introduce ul .heading-sub {
    margin-bottom: 1rem;
}

.introduce ul .url {
    text-align: center;
    font-size: 16px;
}

.introduce ul .url span {
    display: block;
    font-size: 12px;
}

.introduce ul .url a {
    color: #555555;
}

@media only screen and (max-width: 1024px) {
    .partner01 .partner-heading {
        font-size: 24px;
    }

    .partner01 .info_dl_wrap dt,
    .partner01 .info_dl_wrap dd {
        width: 100%;
    }

    .partner01 .info_dl_wrap dt {
        margin-bottom: 1rem;
    }

    .partner01 .info_dl_wrap dd {
        padding: 0;
    }

    .partner03 .pbox {
        padding: 100px 20px 120px;
    }

    .partner03 .heading {
        font-size: 24px;
    }

    .introduce .heading-in-logo {
        font-size: 20px;
    }

    .introduce ul li {
        width: 46%;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 599px) {
    .partner01 .partner-heading {
        font-size: 20px;
    }

    .partner01 .info_dl_wrap dt,
    .partner01 .info_dl_wrap dd {
        font-size: 16px;
    }

    .partner03 .pbox {
        padding: 30px 20px 120px;
    }

    .partner03 .heading {
        font-size: 18px;
    }

    .partner03 .partner_li li {
        padding: 15px;
    }

    .partner_li li:first-child {
        margin-bottom: 3rem;
    }

    .introduce ul li {
        width: 96%;
    }

    .introduce .heading-in-logo {
        font-size: 18px;
    }
}

/* ##### 23partner-introduction end ##### */
/* #####  08analysis  ##### */

.analy1 .tr80 {
    padding: 100px 50px 180px;
}

.analy1 .left {
    padding-left: 40px;
    padding-top: 50px;
    font-size: 16px;
}

.analy1 .right {
    padding-right: 40px;
}

.analy1 .right img {
    -webkit-box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.analy2 h2 {
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .analy1 .left {
        padding-top: 0;
    }

    .analy1 .tr80 {
        padding: 80px 50px 160px;
    }

    .inner-under-visual160 {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 599px) {
    .analy1 .left {
        font-size: 14px;
    }

    .analy1 .tr80 {
        padding: 40px 20px 100px;
    }

    .analy1 .left {
        padding-left: 0;
        padding-bottom: 30px;
    }

    .analy1 .right {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
    }
}

/* ##### 08analysis end ##### */

/* ##### 12 work-flow ##### */
.work-flow1 .checkbox-list {
    margin: 60px auto;
}

.work-flow1 .checkbox-list li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 30px;
    font-size: 18px;
    padding-top: 5px;
}

.work-flow1 .checkbox-list li:before {
    content: "";
    display: block;
    width: 40px;
    height: 34px;
    background: url(/import/tenant_10/153.126.208.246/html/images/12work-flow/img01.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    left: 0;
}

.work-flow1 .heading {
    font-size: 30px;
}

.white-underline {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(84%, transparent), color-stop(0%, #fff)) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 84%, #fff 0%) repeat scroll 0 0;
}

.work-flow2 {
    position: relative;
}

.work-flow2:before {
    content: "";
    display: block;
    width: 260px;
    height: 85px;
    background: url(/import/tenant_10/153.126.208.246/html/images/12work-flow/img02.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -85px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.work-flow2 .heading {
    font-size: 30px;
}

.work-flow2 h3 {
    color: #555;
    font-size: 26px;
}

.comment.txt {
    font-size: 16px;
}

@media only screen and (max-width: 1024px) {


    .work-flow1 .heading {
        font-size: 24px;
    }

    .work-flow2 .heading {
        font-size: 24px;
    }
}

@media only screen and (max-width: 599px) {

    .work-flow1 .heading {
        font-size: 18px;
    }

    .work-flow2 .heading {
        font-size: 18px;
    }

    .work-flow1 .checkbox-list li {
        font-size: 14px;
        padding-left: 30px;
        padding-top: 5px;
        margin-bottom: 18px;
    }

    .work-flow1 .checkbox-list li:before {
        content: "";
        display: block;
        width: 22px;
    }

    .work-flow1 .checkbox-list {
        margin: 30px auto 0px;
    }

    .work-flow2:before {
        width: 100px;
        height: 38px;
        top: -30px;
    }

    .round-box80 {
        padding-bottom: 20px;
    }

    .work-flow2 h3 {
        font-size: 20px;
    }

    .comment.txt {
        font-size: 14px;
        margin-top: 10px;
    }


}



/* ##### 12 work-flow end ##### */


/* ##### 404 ##### */
.not-found h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
}

@media (max-width: 599px) {
    .not-found h2 {
        font-size: 18px;
    }
}

/* ##### 404 end ##### */


/* ##### 提供プラン ##### */

.plan1inn {
    padding: 5% 0;
}

.plantable table {
    width: 100%;
    border-collapse: collapse;
}

.plantable table tr:nth-of-type(2n) {
    background: #f9f9f9;
}

.plantable thead td {
    padding: 5px !important;
}

.plantable thead td span {
    display: block;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.plantable thead td:nth-of-type(2) span {
    background: #58D1EC;
}

.plantable thead td:nth-of-type(3) span {
    background: #35c1e0;
}

.plantable thead td:nth-of-type(4) span {
    background: #27b6d8;
}

.plantable thead td:nth-of-type(5) span {
    background: #00a3c3;
}

.plantable thead td:nth-of-type(6) span {
    background: #028FAB;
}

.plantable table td {
    border: solid 1px #999;
    padding: 10px;
}

.plantable table td:nth-of-type(1) {
    color: #00a3c3;
}

.plantable table td:nth-of-type(n+2) {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.plantable table td:nth-of-type(2) {
    display: none;
}

.plantable table td .checklist {
    font-size: 12px;
    margin-top: 5px;
}

@media (max-width: 1024px) {
  .plantable {
      overflow-x: scroll;
  }
  
  .plantable table {
      width: 1000px;
  }
  
  .plantable table td {
      padding: 5px;
  }
  
}


.abtopfl{
  display: flex
}

.abtopfl_l {
    width: 80%;
    background: #fff;
    padding: 20px 0 30px;
    margin: 0 10px;
    border-radius: 10px;
}

.abtopfl h4 {
    text-align: center;
    padding: 0px 0 15px;
    font-size: 22px;
    color: #00b2cc;
}


@media (max-width: 599px) {
    .abtopfl {
        display: block;
    }

.abtopfl_l {
    padding: 20px 0 30px;
    margin: 20px auto;
}
    
    .abtopfl .more-btn {
    margin-top: 0px;
}
}


/* ##### 提供プラン end ##### */






/* ##### どこでもA-BiSU専用 ##### */

.about .under-heading.for-dokodemo{
  text-align:center;
}
  
.about01 .for-dokodemo.pbox{
  padding-right: 50px;
  background-image:none;
  background-size: 0;
  background-repeat: no-repeat, no-repeat;
  background-position:0;
  display:flex;
}

.about01 .for-dokodemo.pbox .text{
  width:55%;
}

.about01 .for-dokodemo.pbox .dokodemo-img{
  width:45%;
  height:auto;
  overflow:hidden;
  background-color:#86878b;
  position:relative;
}

.about01 .for-dokodemo.pbox .dokodemo-img img{
  width:100%;
  height:100%!important;
  object-fit:cover;
  object-position:center;
  transform:rotate(10deg);
  position:relative;
  z-index:0;
}

.about01 .for-dokodemo.pbox .dokodemo-img::before{
  content:"";
  width:30px;
  height:100%;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.new-flex{
  display:flex;
  justify-content: space-between;
}

.new-flex-left{
  width:48%;
  height:auto;
}

.new-flex-left .ofimg{
   height:100%;
   width:100%;
}

.new-flex-left .ofimg.contain img{
  width:100%;
  height:100%!important;
  object-fit:contain;
  object-position:center;
}

.new-flex-left .ofimg img{
  width:100%;
  height:100%!important;
  object-fit:cover;
  object-position:center;
}

.in-abisu>img{
  height:.8em!important;
  margin-top:.4em;
  padding:0 8px;
  filter: drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 2px #ffffff);
}

.new-flex-right{
  width:48%;
}

.text.up-ta-c{
  text-align:center;
}

.dokodemo-img-02{
  max-width:450px;
  margin:0 auto 30px auto;
  height:300px;
}

.about02b {
    /* background: linear-gradient(0deg, #e8faff 0%, #e8faff calc(100% - 75px), #fff calc(100% - 75px), #fff 100%); */
    background: linear-gradient(0deg, #fffbe1 0%, #fffbe1 calc(100% - 85px), #fff calc(100% - 85px), #fff 100%);
}

.heading.mk2{
  font-size: 32px;
    margin-bottom: 20px;
}
.mt50{
  margin-top:50px;
}

.pt40{
  padding-top:40px;
}

.func-list li>span {
    display: block;
}

.func-list li>span .ofimg {
    width: 70%;
    margin: auto;
}

.func-list li>span h3 {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
}

.for-modal .func-list li {
    width: 21%;
    margin: 0 1.5% 2.5% 1.5%;
}

.for-modal .func-list li>span .ofimg{
  max-width:81px;
  margin:0 auto;
}

.modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}

/* モーダルの擬似要素の指定 */
.modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* クラスが追加された時の指定 */
.modal.is-active{
  opacity: 1;
  visibility: visible;
  z-index:999;
  display: flex;
    align-items: center;
    justify-content: center;
}

[data-element-id].modal{
  opacity: 1;
  visibility: visible;
  height:auto;
  position:relative;
}

/* モーダル内側の指定 */
.modal-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 1000px;
  width:96%;
  魔r銀:０あうと；あうと；

}

/* モーダルを閉じるボタンの指定 */
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

.modal-inner{
display:flex;
justify-content: space-between;
  background-color:#fff;
  border-radius:30px;
  overflow:hidden;
}

.modal-nav{
  background-color:#00b2cc;
  width:25%;
  padding:30px;
}

.modal-list.mk2{
  margin-top:60px;
}

.modal-list-title{
  color:#fff;
  font-size:18px;
  border-bottom:3px solid #fce861;
  text-align:center;
}

.modal-list-data{
  color:#fff;
  font-size:16px;
  border-bottom:1px solid #fff;
  margin:5px 0;
}

.modal-main{
  width:75%;
  padding:30px;
}

.modal-main.single{
  width:75%;
  padding:30px;
  margin:0 auto;
}

.modal-main-list{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}

.modal-list-item{
  width:28%;
  margin-bottom:30px;
}

.modal-item-img{
  width:100%;
  height:120px;
  background-color:rgba(0,0,0,50%);
  position:relative;
}

.modal-item-cat{
  display:inline-block;
  padding:1px 5px;
  font-size:14px;
  color:#fff;
  background-color:#00b2cc;
  border-radius:5px;
  position:absolute;
  top:5px;
  left:5px;
}

.modal-item-title{
    width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.modal-item-link{
  text-align:right;
  margin-top:5px;
}

.modal-item-link>span{
  display:inline-block;
  font-size:14px;
  color:#000;
  border-bottom:2px solid #000;
}

.pagenation{
  display:flex;
  justify-content: center;
  align-items: center;
}

.pagenation>li>i{
  font-size:20px;
  color:#00b2cc;
  line-height:1em;
}

.pagenation>li>span{
  font-size:20px;
  color:#00b2cc;
  line-height:1em;
  display:inline-block;
  padding:3px 5px;
  border:2px solid #00b2cc;
  margin:0 10px;
}

.pagenation>li.now>span{
  color:#fff;
  background-color:#00b2cc;
}

.total-num{
  text-align:right;
}

.total-num>span{
 display:inline-block;
}


.js-modal2 .modal-list.mk1{
  position:relative;
  padding:5px;
  border:4px solid red;
}

.js-modal2 .modal-list.mk1::after{
  content:"カスタムコンテンツ カテゴリリンクリスト";
  position:absolute;
  top:105%;
  left:30%;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:6;
}

.modal-link-btn{
  display:flex;
  align-items:center;
  justify-content: center;
  text-align:center;
}

.modal-link-btn>span{
  display:inline-block;
  width:100%;
  max-width:250px;
  background-color:#00b2cc;
  color:#fff;
  font-size:18px;
  padding:8px 20px;
  border-radius:15px;
}

.modal-link-btn>span>i{
 margin-left:10px;
}


.js-modal1 .point{
  position:relative;
  padding:5px;
  border:4px solid red;
}

.js-modal1 .point::after{
  content:"カスタムコンテンツ カテゴリリンク";
  position:absolute;
  top:105%;
  left:0;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:6;
}

.js-modal3 .modal-list.mk2{
  position:relative;
  padding:5px;
  border:4px solid red;
}

.js-modal3 .modal-list.mk2::after{
  content:"カスタムコンテンツ記事 アーカイブリンクリスト";
  position:absolute;
  top:105%;
  left:30%;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:6;
}

.js-modal4 .modal-main-list{
  position:relative;
  padding:5px;
  border:4px solid red;
}

.js-modal4 .modal-main-list::after{
  content:"カスタムコンテンツ記事一覧";
  position:absolute;
 bottom:102%;
  left:0px;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
}

.js-modal5 .total-num span{
  position:relative;
  padding:5px;
  border:4px solid red;
}

.js-modal5 .total-num span::after{
  content:"カスタムコンテンツ記事件数";
  position:absolute;
 top:105%;
  right:0px;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:8;
}

.modal-item-date.mk2{
  text-align:left;
}


.modal-item-cat.mk2{
  position:relative;
  top:0;
  left:0;
  font-size:16px;
  margin-bottom:10px;
  text-align:left;
}

.modal-item-title.mk2{
  font-size:22px;
  text-align:left;
}

.modal-item-img.mk2{
  width:70%;
  height:250px;
}

.modal-item-text{
  line-height:1.8em;
  margin:30px 0;
}

.modal-link-btn.mk2>span>i {
    margin-left:0;
    margin-right:10px;
}

.js-modal6 .modal-main .modal-main-inner{
  position:relative;
  border:4px solid red;
  padding:5px;
}

.js-modal6 .modal-main .modal-main-inner::after{
  content:"カスタムコンテンツ記事詳細";
  position:absolute;
 top:5px;
  right:0px;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:8;
}

.js-modal7 .pagenation{
  position:relative;
  border:4px solid red;
  padding:5px;
}

.js-modal7 .pagenation::after{
  content:"ページネーション";
  position:absolute;
 bottom:102%;
  right:0px;
  background-color:red;
  color:#00b2cc;
  font-size:14px;
  text-align:center;
  padding:5px 15px;
  white-space: nowrap;
  background-color:#e8faff;
  border-radius:15px;
  box-shadow: 0px 0px 10px 0px #000;
  z-index:8;
}

.new-block01{
  padding:50px;
  border-radius:30px;
  background-color:#fff;
}

.new-block01.second{
  margin-top:50px;
}


.new-title01{
  display:flex;
  align-items: center;
}

.new-no{
  width:130px;
}

.new-no img{
  width:100%;
}

.new-tit{
  width:calc(100% - 250px);
  text-align:center;
  color:#00b2cc;
  font-size:25px;
  font-weight:bold;
}

.new-text{
  text-align:center;
  line-height:2em;
}

.new-title02{
  display:flex;
  align-items: center;
  margin-top:60px;
}

.new-title02.r{
  justify-content: flex-end;
}

.new-no2{
  width:150px;
}

.new-no2 img{
  width:100%;
}

.new-tit2{
  width:calc(100% - 280px);
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

.new-flex.ai-c{
  align-items:center;
  margin-top:30px;
}

.new-flex.r{
  flex-direction:row-reverse;
}

.new-flex-left .ofimg.ofi70.str{
  height:0px;
  padding-top:70%;
  position:relative;
}

.new-flex-left .ofimg.ofi70.str img{
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  object-fit:cover;
  object-position:center;
}

.new-flex-left .ofimg.ofi70.str.contain img{
  object-fit:contain;
}



@media(max-width:1024px){
  .new-flex,
  .new-flex.r {
    flex-direction:column;
  }
  
  .new-flex-left {
    width:100%;
    height: auto;
}

.new-flex-left>.max-img{
  max-width:600px;
  margin:0 auto;
}

  .new-flex-right{
    width:100%;
}

.text.up-ta-c {
    text-align:left;
}

.for-modal .func-list li {
    width: 33%;
    margin: 0;
}

.modal-list-item {
    width: 48%;
    margin-bottom: 30px;
}

.modal-inner{
  flex-direction:column-reverse;
}

.modal-main {
    width: 100%;
    padding: 30px;
}

.modal-main.single {
    width: 100%;
}

.modal-nav {
    width:100%;
    padding: 30px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.modal-list{
  width:48%;
}

.modal-list.mk2{
  margin-top:0;
}

.modal-item-img {
    height: 150px;
}

.modal-main-list .modal-list-item:nth-child(5),
.modal-main-list .modal-list-item:nth-child(6){
  display:none;
}

.js-modal2 .modal-list.mk1::after {
    top:auto;
    bottom:105%;
    left: 30%;
}

.new-flex-right .heading.br-none{
  margin-top:30px;
}

.heading.mk2 {
    font-size: 26px;
}

.mt50{
  margin-top:25px;
}

.ofimg.ofi70.contain{
  max-width:600px;
  margin:0 auto;
}

.func-box.round-box30.for-modal .heading.br-none.in-abisu{
  margin-top:30px;
  margin-bottom: 15px;
}

.js-modal3 .modal-list.mk2::after{
  top:auto;
  left:auto;
  bottom:105%;
  right:0%;
}


.js-modal6 .modal-main::after {
    top: 15px;
    right:15px;
}

.new-no {
    width: 90px;
}

.new-tit {
    width: calc(100% - 90px);
}

.new-no2 {
    width: 90px;
}


.new-tit2 {
    width: calc(100% - 90px);
}




}

.only-for-sp{
  display:none;
}

@media(max-width:599px){
  .only-for-sp{
    display:block;
  }
  
  .about01 .for-dokodemo.pbox {
    padding:15px;
    flex-direction: column-reverse;
}

.about01 .for-dokodemo.pbox .text {
    width: 100%;
}

.about01 .for-dokodemo.pbox .text {
    width: 100%;
}

.about01 .for-dokodemo.pbox .dokodemo-img::before {
    width: 100%;
    height:30px;
    top:auto;
    bottom:0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.in-abisu>img {
    height: .8em !important;
    margin-top: .2em;
    padding: 0 8px;
}

.heading.in-abisu{
    font-size: 18px;
}

.dokodemo-img-02{
  height:200px;
}

.for-modal .func-list li {
    width: 50%;
    margin:10px 0;
}

.func-list li>span h3 {
    font-size: 14px;
}

.new-no {
    width: 50px;
}

.new-block01 {
    padding: 15px 10px;
    border-radius: 20px;
}

.new-tit {
    width: calc(100% - 50px);
    font-size: 18px;
}

.new-text {
    text-align:left;
    line-heigh:1.6em;
}

.new-title02{
  flex-direction:column;
  align-items: flex-start;
}

.new-no2 {
    width: 65px;
}

.new-tit2 {
    width: 100%;
    text-align:left;
}

.new-flex  .about04 .text {
    font-size: 14px;
}

.about01 .for-dokodemo.pbox .dokodemo-img {
    width: 100%;
}

.modal-main.single,.modal-main {
    padding:10px;
}

.modal-item-img {
    height: 100px;
}

.modal-nav {
padding:10px;
}

.js-modal2 .modal-list.mk1::after {
    left: 0%;
}


.modal{
  padding: 30px 10px;
}

.js-modal3 .modal-list.mk2::after{
  font-size:14px;
  padding: 5px 8px;
}

.js-modal4 .modal-main-list::after {
    bottom: 98%;
}

.new-tit2 {
    font-size: 16px;
    letter-spacing: -.1em;
    text-align:center;
}

.about04 .new-flex .text {
    font-size: 14px;
}

.point-list li {
    padding-left: 35px;
}

.inner {
    width: 96%;
    max-width: 450px;
}

.dokodemo .func-box {
    padding: 15px 10px;
}

.new-title02.r {
    flex-direction: column-reverse;
    align-items: flex-end;
}


}


.dokodemo *{
  -webkit-appearance: none;
}

.dokodemo .text{
  font-size:14px;
}


/*.dd-none{
  dosplay:none;
}

[data-element-id].dd-none{
  display:block;
  position:relative;
  border:red 3px solid;
}

[data-element-id].dd-none::after{
  content:"クラス名「dd-none」を削除で表示";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  display:block;
  padding:3px;
  background-color:red;
  color:yellow;
  border:red 3px solid;
  white-space: nowrap;
}*/

footer .inner{
  max-width:1100px;
}

@media(max-width:599px){
  .modal-item-date{
    font-size:10px;
  }
  
  .modal-item-cat{
    font-size:10px;
  }
  
  .modal-main.single, .modal-main {
    padding: 20px;
}

.modal-item-img {
    height: 80px;
}

.modal-item-title{
  font-size:12px;
}

.modal-item-link{
  margin-top:0;
  line-height:1em;
}

.modal-item-link>span{
  font-size:10px;
}

.modal-list-item{
  margin-bottom:2%;
}

.pagenation>li>span {
font-size:14px;
}

.modal-nav {
    padding: 10px 20px 20px;
}

.modal-list-title{
  font-size:14px;
}

.modal-list-data {
font-size:12px;
}

.js-modal3 .modal-list.mk2::after,
.js-modal2 .modal-list.mk1::after{
    font-size: 12px;
    letter-spacing: 0;
}

.modal-item-cat.mk2 {
    font-size: 12px;
    margin-bottom:5px;
}

.modal-item-img.mk2 {
    width: 100%;
    height: 150px;
}

.modal-item-title.mk2 {
    font-size: 16px;
}

.modal-item-text {
    margin: 10px 0;
}

.modal-link-btn>span {
    display: inline-block;
    width: 100%;
    max-width: 150px;
    background-color: #00b2cc;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 15px;
}

}

.new-switch{
  position:relative;
}

[data-element-id].new-switch{
  position:static;
}

.new-drop{
  display:block;
  position:absolute;
  top:100%;
  left:0;
  width:220px;
  z-index:5;
  max-height:0;
  overflow:hidden;
  transition:.4s;
  box-shadow: 0px 0px 5px 0px #777777;
  background-color:#fff;
}

.nav-list li .new-drop a{
  padding: 5px 10px 5px 16px;
}

.nav-list li .new-drop a::before{
  top:16px;
}

[data-element-id].new-drop{
 max-height:500px;
  transform: translateX(1000px);
   padding:5px 0;
}

.new-switch:hover .new-drop{
  max-height:500px;
  padding:5px 0;
}

.aic{
  align-items: center;
}

@media(max-width:1024px){
  .new-drop{
    display:none!important;
  }
}

.mb30{
  margin-bottom:30px;
}


.mockup-boss{
  position:relative;
}

.mockup-in{
  display:inline-block;
  position:absolute;
  z-index:1;
  width:68%;
  height:78%;
  top:5%;
  left:50%;
  transform:translateX(-50%);
}

.mockup-in>img{
  width:100%;
  height:100%;
  object-fit:cover!important;
  object-position:center;
}

.new-img{
  width:100%;
  margin-top:30px;
}

.new-img.for-sp{
  display:none;
}

[data-element-id].new-img.for-sp{
  display:block;
  max-width:375px;
}

.sp-only1{
  display:none;
}

@media(max-width:599px){
  .new-img.for-pc{
  display:none;
}

.new-img.for-sp{
  display:block;
}

.new-title02{
  margin-top:20px;
}

.sp-only1{
  display:block;
}
}

.dokodemo .point-list li{
  font-size:18px;
}

.policy{
  display:flex;
  justify-content: center;
  padding:45px 0;
}

.policy .contact-btn a {
    background: #00b2cc;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 5px 15px;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

@media(max-width:599px){
  .dokodemo .point-list li{
  font-size:16px;
}
}

.dokodemo .func-list li span{
  transition:.4s;
}

.dokodemo .func-list li span:hover{
  opacity:0.5;
  cursor: pointer;
}


/*板野友美さんMV追加時の内容*/

.main-visual.mk2{
  width:100%;
  position:relative;
}

.main-visual-inner{
  width:100%;
  height:611px;
  overflow:hidden;
}

.main-visual-inner>img{
  width:1900px;
  max-width:1900px;
  height:100%!important;
  object-fit:cover;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

/*SP用画像*/
.main-visual.mk3{
  display:none;
}

[data-element-id].main-visual.mk3{
  display:inline-block;
  border: 1px solid #ff8c00;
  position:relative;
}

[data-element-id].main-visual.mk3::before {
    content: 'SP用MV';
    display: block;
    font-size: 10px;
    line-height: 120%;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ff8c00;
    position: absolute;
    width: auto;
}

@media(max-width:1139px){
.main-visual-inner{
  width:100%;
  height:0;
  padding-top:55.6%;
  overflow:hidden;
}

.main-visual-inner>img{
  width:100%;
  max-width:100%;
  height:100%;
  position:absolute;
}
}

@media(max-width:599px){

.main-visual.mk2{
  display:none;
}

.main-visual.mk3{
  display:block;
  width:100%;
  margin-top:61px;
}

.main-visual.mk3 img{
  display:block;
  width:100%;
}
}

.term-block{
  margin-top:30px;
}

.term-block .up-fw-bold{
  font-weight:bold;
  font-size:1.4em;
  margin-bottom:15px;
}

.indent-list{
  font-size:1.1em;
  padding-left:.7em;
  text-indent: -.7em;
  margin:10px 0;
}

.indent-list.mk2{
  padding-left:1.2em;
  text-indent: -1.2em;
  margin-bottom:7px 7px;
}

.header-dokodemo + #main .main-visual {
    display: block!important;
}


.se-head.heading{
  font-size:36px;
}

.img.add-css{
  width:100%;
  position:relative;
  overflow:hidden;
}

.img.add-css::after{
  content:"";
  display:block;
  width:100%;
  position:relative;
}

.img.add-css.up-ofi-70::after{
  padding-top:70%;
}

.img.add-css>img{
  width:100%;
  height:100%!important;
  position:absolute;
  top:0;
  left:0;
  object-fit:cover;
  object-position:center;
}


.floating-boss{
  width:100%;
  display:block;
  float:none;
  clear:both;
}

.floating-boss::after{
  content:"";
  width:100%;
  height:0px;
  display:block;
  float:none;
  clear:both;
}

.floating-ch.ch01{
  width:55%;
  float:left;
}

.floating-ch.ch02{
  width:40%;
  float:right;
}

.floating-ch.ch03{
  width:55%;
  float:left;
  margin-top:30px;
}

.floating-boss .new-title01{
  align-items: flex-end;
}

.floating-boss .new-tit{
 text-align:left;
 margin-left:1em;
}

.og-txt{
  font-size:15px;
  line-height:1.8;
}

.mt-60{
  margin-top:60px;
}

.edit1 .mitamama-meritlist.ver02 li {
    border-radius: 20px;
    padding: 20px 5px;
    width: 22%;
    margin: 0 1% 6% 1%;
}

.title-flex-mk4{
  display:flex;
  color: #00b2cc;
  font-size: 15px;
  text-align:left;
  justify-content: center;
  letter-spacing:-.05em;
  margin-bottom:10px;
}

.title-flex-mk4 .flex-ch01{
  display:inline-block;
  width:1.6em;
}


.pc-floating-btns{
  display:block;
  position:fixed;
  right:0;
  bottom:150px;
}

.float-cont{
  margin-bottom:30px;
}

.float-cont a{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  background-color:#fff;
  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius:20px 0 0 20px;
  padding:10px;
}

.float-cont a p{
  text-align: center;
  font-size: 16px;
    font-weight: bold;
    color: #00a0c6;
    position: static;
}

.float-demo a{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  background-color:#f7b73b;
  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius:20px 0 0 20px;
  padding:10px;
}

.float-demo a p{
 text-align: center;
  font-size: 12px;
    font-weight: bold;
    color: #fff;
    position: static;
    line-height:1.3;
}


@media(max-width:1024px){
  .se-head.heading{
  font-size:30px;
}

.pc-floating-btns{
  display:none;
}

.floating-ch.ch01{
  width:100%;
  float:none;
}

.floating-ch.ch02{
  width:100%;
  float:none;
  margin-top:30px;
}

.floating-ch.ch03{
  width:100%;
  float:none;
}

.edit1 .mitamama-meritlist.ver02 li {
    padding: 20px 20px;
    width: 45%;
    margin: 0 2.5% 6% 2.5%;
}
}

@media(max-width:599px){
  .se-head.heading{
  font-size:20px;
}

.edit1 .mitamama-meritlist.ver02 li {
    width: 100%;
    margin: 0 0% 6% 0%;
    padding: 20px 10px;
}

.edit1 .tr80.dkn {
        padding: 20px 0px;
    }
}