/*===========================================================================*/
/*  p-news  */
/*===========================================================================*/
/* cat header */
.p-news-cat {
    border-bottom: #e2e2e2 solid 1px;
}

.p-news-cat__list {
    color: #b1b3b5;
    display: flex;
    justify-content: flex-start;
    padding-top: 60px;
    padding-left: 0;
    padding-right: 0;
}

.p-news-cat__list li {
    margin: 0 5px;
    padding: 20px 15px 25px;
    letter-spacing: .043em;
    width: 130px;
    text-align: center;
}

.p-news-cat__list li:first-child {
    margin-left: 0;
}

.p-news-cat__list li:last-child {
    margin-right: 0;
}

.p-news-cat__list li.cat-active {
    border-bottom: #008cd6 solid 2px;
    color: #008cd6;
}

@media screen and (max-width: 768px) {
    .p-news-cat__list {
        flex-wrap: wrap;
        padding-bottom: 10px;
        padding-top: 10px;
    }
    
    .p-news-cat__list li {
        margin: 0 0;
        padding: 20px 0 15px;
        width: 30%;
        text-align: center;
    }
}

/* news list */
.p-nesw__wrapper {
    background-color: #f2f7fa;
}

.p-nesw__inner {
    padding: 50px 0;
}

.p-news__list li {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
}

.p-news__list li:first-child {
    margin-top: 0;
}

.p-news__inner--list {
    display: flex;
    justify-content: space-between;
    padding: 30px;
}

.p-news__list--img {
    border-radius: 5px;
    height: 14.4vw;
    max-height: 184px;
    width: 35.5%;
}

.p-news__list--img img {
    border-radius: 5px;
}

.p-news__list--right {
    width: calc(64.5% - 30px);
}

.p-news__list--cat {
    color: #fff;
    background-color: #96cc21;
    font-size: 15px;
    padding: 5px 7px;
    margin-right: 5px;
}

.p-news__list--date {
    color: #999;
    font-size: 14px;
}

.p-news__list--ttl {
    color: #008cd6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 15px;
}

.p-news__list--txt {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .p-nesw__inner {
        padding-top: 40px;
    }

    .p-news__list {
        padding: 0 20px;
    }
    
    .p-news__list li {
        border-radius: 5px;
    }

    
    .p-news__inner--list {
        padding: 15px 10px;
    }
    
    .p-news__list--img {
        border-radius: 3px;
        height: 22.1vw;
        width: 38.2%;
    }
    
    .p-news__list--img img {
        border-radius: 3px;
    }
    
    .p-news__list--right {
        width: calc(61.8% - 15px);
    }

    .p-news__list--cat {
        font-size: 11px;
        padding: 5px 8px;
    }
    
    .p-news__list--date {
        font-size: 12px;
        margin-top: 5px;
    }
    
    .p-news__list--ttl {
        font-size: 16px;
    }
}

/* pagenation */
.p-news__pagenation {
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
    .p-news__pagenation {
        margin-bottom: 80px;
        margin-top: 40px;
    }
}

/*===========================================================================*/
/*  post  */
/*===========================================================================*/
.p-post__wrapper {
    background-color: #f2f7fa;
    padding-bottom: 40px;
}

.p-post__contents {
    background-color: #fff;
    border-radius: 10px;
    padding: 50px;
}

.p-post__cat-date span:not(:nth-of-type(1)) {
    margin-left: 5px;
}

.p-post__cat {
    color: #fff;
    background-color: #96cc21;
    font-size: 15px;
    padding: 5px 7px;
}

.p-post__date {
    color: #999;
    font-size: 14px;
    margin-left: 10px;
}

.p-post__ttl {
    color: #008cd6;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 20px;
}

.p-post__img img {
    border-radius: 5px;
    margin-top: 25px;
}

.p-post__sns {
    display: flex;
    justify-content: center;
    margin-top: 55px;
}

.p-post__sns a {
    align-items: center;
    border-radius: 3px;
    display: flex;
    color: #fff;
    font-size: 12px;
    height: 33px;
    justify-content: center;
    margin-left: 5px;
    width: 130px;
}

.p-post__sns a:first-child {
    margin-left: 0;
}

.p-post__sns .--line {
    background-color: #00b900;
}

.p-post__sns .--line span {
    padding-left: 23px;
    position: relative;
}

.p-post__sns .--line span::before {
    background: url(../img/common/postLine.png) no-repeat center center/contain;
    content: '';
    height: 18px;
    left: 0;
    position: absolute;
    top: calc(50% - 9px);
    width: 19px;
}

.p-post__sns .--twitter {
    background-color: #1da1f2;
}

.p-post__sns .--twitter span {
    padding-left: 22px;
    position: relative;
}

.p-post__sns .--twitter span::before {
    background: url(../img/common/postTwitter.png) no-repeat center center/contain;
    content: '';
    height: 14px;
    left: 0;
    position: absolute;
    top: calc(50% - 7px);
    width: 16px;
}

.p-post__sns .--facebook {
    background-color: #1877f2;
}

.p-post__sns .--facebook span {
    padding-left: 16px;
    position: relative;
}

.p-post__sns .--facebook span::before {
    background: url(../img/common/postFacebook.png) no-repeat center center/contain;
    content: '';
    height: 13px;
    left: 0;
    position: absolute;
    top: calc(50% - 6.5px);
    width: 7px;
}

@media screen and (max-width: 768px) {
    .p-post__contents {
        border-radius: 5px;
        padding: 20px;
    }
    
    .p-post__date {
        font-size: 13px;
    }
    
    .p-post__ttl {
        font-size: 18px;
        margin-top: 15px;
    }
    
    .p-post__img img {
        margin-top: 15px;
    }
    
    .p-post__sns {
        margin-top: 50px;
    }
    
    .p-post__sns a {
        font-size: 10px;
        height: 29px;
        margin-left: 3px;
        width: 96px;
    }

    .p-post__sns .--line span {
        padding-left: 18px;
    }
    
    .p-post__sns .--line span::before {
        height: 14px;
        top: calc(50% - 7px);
        width: 15px;
    }
    
    .p-post__sns .--twitter span {
        padding-left: 17px;
    }
    
    .p-post__sns .--twitter span::before {
        height: 12px;
        top: calc(50% - 6px);
        width: 15px;
    }
    
    .p-post__sns .--facebook span {
        padding-left: 12px;
    }
    
    .p-post__sns .--facebook span::before {
        height: 12px;
        top: calc(50% - 6px);
        width: 7px;
    }
}

.p-post__pagenation {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 13px 0;
}

.p-post__pagenation--link {
    align-items: center;
    display: flex;
    font-size: 15px;
    line-height: 1.4;
    padding: 10px 0;
    width: 33.3%;
}

.p-post__pagenation--link.--prev {
    padding-left: 40px;
    padding-right: 30px;
    position: relative;
}

.p-post__pagenation--link.--all {
    border-left: #e2e2e2 solid 1px;
    border-right: #e2e2e2 solid 1px;
    color: #008cd6;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}

.p-post__pagenation--link.--next {
    padding-left: 30px;
    padding-right: 40px;
    position: relative;
}

.p-post__pagenation--link.--prev::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    left: 20px;
    position: absolute;
    top: calc(50% + 3px);
    transform: rotate(45deg);
    width: 10px;
}

.p-post__pagenation--link.--prev::after {
    background-color: #008cd6;
    content: '';
    height: 2px;
    left: 20px;
    position: absolute;
    top: calc(50% - 3px);
    transform: rotate(-45deg);
    width: 10px;
}

.p-post__pagenation--link.--next::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    right: 20px;
    position: absolute;
    top: calc(50% - 3px);
    transform: rotate(45deg);
    width: 10px;
}

.p-post__pagenation--link.--next::after {
    background-color: #008cd6;
    content: '';
    height: 2px;
    right: 20px;
    position: absolute;
    top: calc(50% + 3px);
    transform: rotate(-45deg);
    width: 10px;
}

@media screen and (max-width: 768px) {
    .p-post__pagenation {
        border-radius: 5px;
        display: block;
        padding: 0 20px;
    }
    
    .p-post__pagenation--link {
        display: block;
        font-size: 14px;
        padding: 20px 0;
        width: 100%;
    }
    
    .p-post__pagenation--link.--prev {
        padding-left: 30px;
        padding-right: 20px;
    }
    
    .p-post__pagenation--link.--all {
        border-left: none;
        border-right: none;
        border-top: #e2e2e2 solid 1px;
        border-bottom: #e2e2e2 solid 1px;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
    }
    
    .p-post__pagenation--link.--next {
        padding-left: 20px;
        padding-right: 30px;
    }
    
    .p-post__pagenation--link.--prev::before {
        left: 0;
    }
    
    .p-post__pagenation--link.--prev::after {
        left: 0;
    }
    
    .p-post__pagenation--link.--next::before {
        right: 0;
    }
    
    .p-post__pagenation--link.--next::after {
        right: 0;
    }
}

.p-post__connection {
    margin-top: 60px;
}

.p-post__connection--ttl {
    font-size: 22px;
    font-weight: 700;
    padding-left: 16px;
    position: relative;
}

.p-post__connection--ttl::before {
    background-color: #2f3b50;
    content: '';
    height: 23px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 2px;
}

.p-post__connection--list {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.p-post__connection--list li {
    background-color: #fff;
    border-top-right-radius : 5px;
    border-bottom-left-radius : 5px;
    border-bottom-right-radius : 5px;
    position: relative;
    width: 31.1%;
}

.p-post__connection--list li a {
    display: block;
}

.p-post__connectionList--img {
    height: 13vw;
    max-height: 166px;
}

.p-post__connectionList--img img {
    border-top-right-radius : 5px;
}

.p-post__inner__connectionListTxt {
    padding: 20px;
}

.p-post__connectionList--cats {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
}

.p-post__connectionList--cats span:not(:nth-of-type(1)) {
    margin-left: 5px;
}

.p-post__connectionList--cat {
    color: #fff;
    background-color: #96cc21;
    font-size: 15px;
    padding: 5px 7px;
}

.p-post__connectionList--date {
    color: #999;
    font-size: 14px;
}

.p-post__connectionList--ttl {
    color: #008cd6;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 15px;
}

.p-post__connectionList--txt {
    font-size: 12px;
    line-height: 1.6;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .p-post__connection {
        margin-bottom: 80px;
        margin-top: 50px;
    }
    
    .p-post__connection--ttl {
        font-size: 22px;
        padding-left: 14px;
    }
    
    .p-post__connection--list {
        display: block;
        margin-top: 18px;
    }
    
    .p-post__connection--list li {
        border-top-left-radius : 5px;
        margin-top: 20px;
        padding: 20px 10px;
        width: 100%;
    }

    .p-post__connection--list li:first-child {
        margin-top: 0;
    }
    
    .p-post__connection--list li a {
        display: flex;
        justify-content: space-between;
    }
    
    .p-post__connectionList--img {
        height: 22.1vw;
        width: 38.2%;
    }
    
    .p-post__connectionList--img img {
        border-radius: 5px;
    }
    
    .p-post__inner__connectionListTxt {
        padding: 0;
        width: calc(61.8% - 20px);
    }

    .p-post__connectionList--cats {
        position: static;
        display: inline-block;
    }
    
    .p-post__connectionList--cat {
        font-size: 11px;
        padding: 3px 5px;
        position: static;
        margin-right: 5px;
    }
    
    .p-post__connectionList--date {
        display: inline-block;
        font-size: 12px;
        margin-left: 0;
    }
    
    .p-post__connectionList--ttl {
        color: #008cd6;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.4;
        margin-top: 10px;
    }
}

#post p {
    line-height: 1.6;
}

#post .m-s {
    margin: 10px 0;
}
#post .m-m {
    margin: 30px 0;
}
#post .m-l {
    margin: 50px 0;
}

#post .mb-s {
    margin-bottom: 10px;
}
#post .mb-m {
    margin-bottom: 30px;
}
#post .mb-l {
    margin-bottom: 50px;
}

#post .mt-s {
    margin-top: 10px;
}
#post .mt-m {
    margin-top: 30px;
}
#post .mt-l {
    margin-top: 50px;
}

#post h2 {
    clear: both;
    font-size: 24px;
    font-weight: 700;
    margin: 50px 0 25px;
    line-height: 1.4;
    padding-bottom: 30px;
    position: relative;
}

#post h2::before {
    background-color: #008cd6;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px;
}

#post h3 {
    border-bottom: #2f3b50 solid 1px;
    clear: both;
    font-size: 22px;
    font-weight: 700;
    margin: 50px 0 25px;
    line-height: 1.4;
    padding-bottom: 20px;
}

#post h4 {
    clear: both;
    font-size: 20px;
    font-weight: 700;
    margin: 50px 0 25px;
    line-height: 1.4;
    padding-left: 16px;
    position: relative;
}

#post h4::before {
    background-color: #96cc21;
    content: '';
    height: 23px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 4px;
}

#post h5 {
    clear: both;
    font-size: 20px;
    font-weight: 700;
    margin: 50px 0 25px;
    line-height: 1.4;
}

#post .u-float-clear {
    clear: both;
}

#post .aligncenter {
    display: block;
    margin: 40px auto 0;
    max-width: 100%;
}

#post .alignleft {
    float: left;
    margin: 0 20px 10px 0;
    width: 50%;
}

#post .alignright {
    float: right;
    margin: 0 0 10px 20px;
    width: 50%;
}

#post ul li {
    line-height: 1.4;
    margin-top: 20px;
    padding-left: 16px;
    position: relative;
}

#post ul li::before {
    background-color: #008cd6;
    border-radius: 2px;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px;
}

#post ul li:first-child {
    margin-top: 0;
}

#post ol li {
    line-height: 1.4;
    margin-top: 20px;
    padding-left: 30px;
    position: relative;
}

#post ol li::before {
    align-items: center;
    background-color: #008cd6;
    border-radius: 10px;
        color: #fff;
        font-family: 'Alata', sans-serif;
    font-size: 12px;
    display: flex;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 2px;
    width: 20px;
}

#post ol li:nth-of-type(1):before {
    content: '1';
}
#post ol li:nth-of-type(2):before {
    content: '2';
}
#post ol li:nth-of-type(3):before {
    content: '3';
}
#post ol li:nth-of-type(4):before {
    content: '4';
}
#post ol li:nth-of-type(5):before {
    content: '5';
}
#post ol li:nth-of-type(6):before {
    content: '6';
}
#post ol li:nth-of-type(7):before {
    content: '7';
}
#post ol li:nth-of-type(8):before {
    content: '8';
}
#post ol li:nth-of-type(9):before {
    content: '9';
}
#post ol li:nth-of-type(10):before {
    content: '10';
}
#post ol li:nth-of-type(11):before {
    content: '11';
}
#post ol li:nth-of-type(12):before {
    content: '12';
}
#post ol li:nth-of-type(13):before {
    content: '13';
}
#post ol li:nth-of-type(14):before {
    content: '14';
}
#post ol li:nth-of-type(15):before {
    content: '15';
}

#post ol li:first-child {
    margin-top: 0;
}

#post blockquote {
    background-color: #f8f8f8;
    border: #d6d6d6 solid 1px;
    border-radius: 14px;
    padding: 30px 70px;
    position: relative;
}

#post blockquote::before {
    background: url(../img/common/blockquote.png) no-repeat center center/contain;
    content: '';
    height: 22px;
    left: 30px;
    position: absolute;
    top: 15px;
    width: 26px;
}

#post blockquote::after {
    background: url(../img/common/blockquote.png) no-repeat center center/contain;
    bottom: 15px;
    content: '';
    height: 22px;
    position: absolute;
    transform: rotate(180deg);
    right: 30px;
    width: 26px;
}

#post table {
    border-collapse: collapse;
    border: #d6d6d6 solid 1px;
    font-size: 15px;
    width: 100%;
}

#post th {
    border: #d6d6d6 solid 1px;
    font-weight: 400;
    text-align: center;
    padding: 15px;
}

#post td {
    border: #d6d6d6 solid 1px;
    text-align: center;
    padding: 15px;
}

#post table tr:nth-of-type(2n) th,
#post table tr:nth-of-type(2n) td {
    background-color: #f8f8f8;
}

#post table tr:nth-of-type(1) th,
#post table tr:nth-of-type(1) td {
    background-color: #008cd6;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #post .m-m {
        margin: 20px 0;
    }
    #post .m-l {
        margin: 40px 0;
    }
    
    #post .mb-m {
        margin-bottom: 20px;
    }
    #post .mb-l {
        margin-bottom: 40px;
    }
    
    #post .mt-m {
        margin-top: 20px;
    }
    #post .mt-l {
        margin-top: 40px;
    }
    
    #post h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }
    
    #post h2::before {
        width: 50px;
    }
    
    #post h3 {
        font-size: 18px;
        margin: 50px 0 15px;
        padding-bottom: 15px;
    }
    
    #post h4 {
        font-size: 16px;
        margin: 50px 0 15px;
        padding-left: 14px;
    }
    
    #post h4::before {
        background-color: #96cc21;
        content: '';
        height: 20px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 2px;
    }
    
    #post h5 {
        font-size: 16px;
        margin: 50px 0 15px;
    }
    
    #post .aligncenter {
        margin: 20px auto 0;
        width: 100%;
    }
    
    #post .alignleft {
        float: none;
        margin: 0 0 10px 0;
        width: 100%;
    }
    
    #post .alignright {
        float: none;
        margin: 0 0 10px 0;
        width: 100%;
    }
    
    #post ul li {
        margin-top: 10px;
        padding-left: 14px;
    }
    
    #post ul li::before {
        top: 8px;
    }
    
    #post ol li {
        margin-top: 14px;
        padding-left: 26px;
    }
    
    #post ol li::before {
        font-size: 10px;
        display: flex;
        height: 18px;
        top: 1px;
        width: 18px;
    }
    
    #post ol li:first-child {
        margin-top: 0;
    }
    
    #post blockquote {
        border-radius: 10px;
        padding: 40px 20px;
    }
    
    #post blockquote::before {
        height: 15px;
        left: 10px;
        top: 20px;
        width: 18px;
    }
    
    #post blockquote::after {
        bottom: 20px;
        height: 15px;
        right: 10px;
        width: 18px;
    }

    #post .table__wrapper {
        overflow-x: scroll;
    }
    
    #post table {
        font-size: 14px;
        overflow-x: scroll;
        display: block;
        white-space: nowrap;
    }

    #post table tbody {
        width: 100%;
        display: table;
    }
    
    #post th {
        padding: 10px;
    }
    
    #post td {
        padding: 10px;
    }
}

.p-post__authors {
    border-radius: 10px;
    font-feature-settings: "palt";
    margin-top: 50px;
    overflow: hidden;
}

.p-post__authors--ttl {
    background: #008cd6;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: .12em;
    padding: 16px 0;
    text-align: center;
}

.p-post-author {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 30px 30px 40px;
}

.p-post-author + .p-post-author {
    border-top: solid 1px #e2e2e2;
}

.p-post-author__info {
    flex: 0 0 180px;
    padding-top: 10px;
}

.p-post-author__img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 18px;
}

.p-post-author__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p-post-author__name {
    display: block;
    font-size: 24px;
    letter-spacing: .12em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.p-post-author__txt {
    flex: 0 0 calc(100% - 180px);
    font-size: 15px;
    line-height: 2;
    letter-spacing: .1em;
    padding-left: 42px
}

@media screen and (max-width: 768px) {
    .p-post__authors {
        border-radius: 5px;
        margin-top: 30px;
    }

    .p-post__authors--ttl {
        font-size: 20px;
        padding: 14px 0;
    }

    .p-post-author {
        display: block;
        padding: 25px 20px;
    }

    .p-post-author__info {
        width: 120px;
        margin: 0 auto;
        padding-top: 0;
    }

    .p-post-author__img {
        width: 120px;
        height: 120px;
        margin-bottom: 10px;
    }

    .p-post-author__name {
        font-size: 20px;
    }

    .p-post-author__txt {
        width: 100%;
        font-size: 14px;
        letter-spacing: .1em;
        margin-top: 10px;
        padding-left: 0;
    }
}


/*===========================================================================*/
/*  faq  */
/*===========================================================================*/
.p-faq-cat {
    border-bottom: #b1b3b5 solid 1px;
    padding-top: 100px;
    position: relative;
}

.p-faq-cat__list {
    display: flex;
    justify-content: space-between;
}

.p-faq-cat__list>li {
    color: #b1b3b5;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    margin: 0 5px;
    padding: 0 10px 25px;
    position: relative;
}

.p-faq-cat__list>li.faq-active {
    color: #008cd6;
}

.p-faq-cat__list>li:first-child {
    margin-left: 0;
}

.p-faq-cat__list>li:last-child {
    margin-right: 0;
}

.p-faq-cat__list>li.faq-active::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 21px solid #fff;
    position: absolute;
    left: calc(50% - 10.5px);
    bottom: -45px;
}

.p-faq-cat__list>li.faq-active::after {
    background-color: #008cd6;
    bottom: -1.5px;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}

.p-faq-cat__list>li .p-faq-cat__inner--list {
    padding-left: 62px;
    position: relative;
}

.p-faq-cat__list>li:nth-of-type(1) .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-gray01.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 43px;
}
.p-faq-cat__list>li:nth-of-type(1).faq-active .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-blue01.png) no-repeat center center/contain;
}

.p-faq-cat__list>li:nth-of-type(2) .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-gray02.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 43px;
}
.p-faq-cat__list>li:nth-of-type(2).faq-active .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-blue02.png) no-repeat center center/contain;
}

.p-faq-cat__list>li:nth-of-type(3) .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-gray03.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 43px;
}
.p-faq-cat__list>li:nth-of-type(3).faq-active .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-blue03.png) no-repeat center center/contain;
}

.p-faq-cat__list>li:nth-of-type(4) .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-gray04.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 43px;
}
.p-faq-cat__list>li:nth-of-type(4).faq-active .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-blue04.png) no-repeat center center/contain;
}

.p-faq-cat__list>li:nth-of-type(5) .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-gray.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 43px;
}
.p-faq-cat__list>li:nth-of-type(5).faq-active .p-faq-cat__inner--list::before {
    background: url(../img/page/faq/faqIcon-blue.png) no-repeat center center/contain;
}

.p-faq__list--question02-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .p-faq-cat {
        border-bottom: none;
        padding-top: 0;
        position: relative;
    }
    
    .p-faq-cat__list {
        display: block;
        padding: 0;
    }
    
    .p-faq-cat__list>li {
        border-bottom: #e3e3e3 solid 1px;
        color: unset;
        font-size: 16px;
        margin: 0;
        padding: 0 20px 0;
    }
    
    .p-faq-cat__list>li::before {
        background-color: #a8aaac;
        border-right: none !important;
        border-left: none !important;
        border-bottom: none !important;
        content: '';
        height: 2px !important;
        left: unset !important;
        right: 20px !important;
        position: absolute;
        top: 28px !important;
        width: 19px !important;
    }
    
    .p-faq-cat__list>li::after {
        background-color: #a8aaac !important;
        content: '';
        height: 19px !important;
        left: unset !important;
        right: 28.5px !important;
        top: 19.5px !important;
        position: absolute;
        width: 2px !important;
    }

    .p-faq-cat__list>li.faq-active-sp::before {
        background-color: #fff !important;
    }
    
    .p-faq-cat__list>li.faq-active-sp::after {
        display: none;
    }
    
    .p-faq-cat__list li .p-faq-cat__inner--list {
        padding: 20px 0 20px 45px;
        position: relative;
        width: 100%;
    }

    .p-faq-cat__list li.faq-active .p-faq-cat__inner--list {
        color: #fff;
    }

    .p-faq-cat__list li.faq-active .p-faq-cat__inner--list::after {
        background-color: #008cd6;
        content: '';
        height: 100%;
        left: -20px;
        position: absolute;
        top: 0;
        width: calc(100% + 40px);
        z-index: -1;
    }

    .p-faq-cat__list>li:nth-of-type(1) .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-gray01.png) no-repeat center center/contain;
        content: '';
        height: 33px;
        left: 0;
        position: absolute;
        top: calc(50% - 16.5px);
        width: 33px;
    }
    .p-faq-cat__list>li:nth-of-type(1).faq-active .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-white01.png) no-repeat center center/contain;
    }

    .p-faq-cat__list>li:nth-of-type(2) .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-gray02.png) no-repeat center center/contain;
        content: '';
        height: 33px;
        left: 0;
        position: absolute;
        top: calc(50% - 16.5px);
        width: 33px;
    }
    .p-faq-cat__list>li:nth-of-type(2).faq-active .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-white02.png) no-repeat center center/contain;
    }

    .p-faq-cat__list>li:nth-of-type(3) .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-gray03.png) no-repeat center center/contain;
        content: '';
        height: 33px;
        left: 0;
        position: absolute;
        top: calc(50% - 16.5px);
        width: 33px;
    }
    .p-faq-cat__list>li:nth-of-type(3).faq-active .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-white03.png) no-repeat center center/contain;
    }

    .p-faq-cat__list>li:nth-of-type(4) .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-gray04.png) no-repeat center center/contain;
        content: '';
        height: 33px;
        left: 0;
        position: absolute;
        top: calc(50% - 16.5px);
        width: 33px;
    }
    .p-faq-cat__list>li:nth-of-type(4).faq-active .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-white04.png) no-repeat center center/contain;
    }
    
    .p-faq-cat__list>li:nth-of-type(5) .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-gray.png) no-repeat center center/contain;
        content: '';
        height: 33px;
        left: 0;
        position: absolute;
        top: calc(50% - 16.5px);
        width: 33px;
    }
    .p-faq-cat__list>li:nth-of-type(5).faq-active .p-faq-cat__inner--list::before {
        background: url(../img/page/faq/faqIcon-white.png) no-repeat center center/contain;
    }
    
    .p-faq__list--question02-sp.faq-active-sp {
        display: block;
    }

    .p-faq__list--question02-sp li {
        color: #2f3b50;
        font-size: 14px;
        font-weight: 500;
        padding: 20px 0;
        position: relative;
    }

    .p-faq__list--question02-sp li::before {
        background-color: #e3e3e3;
        bottom: 0;
        content: '';
        height: 1px;
        left: -20px;
        position: absolute;
        width: calc(100% + 40px);
    }

    .p-faq__list--question02-sp li::after {
        background-color: #f2f7fa;
        content: '';
        height: 100%;
        left: -20px;
        position: absolute;
        top: 0;
        width: calc(100% + 40px);
        z-index: -1;
    }

    .p-faq__list--question02-sp li:last-child:before {
        display: none;
    }

    .p-faq__list--question02-sp li a {
        display: block;
        height: 100%;
        position: relative;
        width: 100%;
        padding-right: 20px;
        line-height: 1.6;
    }

    .p-faq__list--question02-sp li a::before {
        background-color: #008cd6;
        content: '';
        height: 2px;
        position: absolute;
        right: 0;
        top: calc(50% - 2px);
        transform: rotate(-45deg);
        width: 11px;
    }

    .p-faq__list--question02-sp li a::after {
        background-color: #008cd6;
        content: '';
        height: 2px;
        position: absolute;
        right: 7px;
        top: calc(50% - 2px);
        transform: rotate(45deg);
        width: 11px;
    }
}

.p-faq__wrapper--question {
    background-color: #f2f7fa;
    padding-bottom: 40px;
    padding-top: 40px;
}

.p-faq__list--question01>li {
    background-color: #fff;
    border-radius: 10px;
    display: none;
    padding: 50px;
}

.p-faq__list--question01 li.faq-active {
    display: block;
}

.p-faq__list--question02 {
    display: flex;
    flex-wrap: wrap;
}

.p-faq__list--question02 li {
    font-size: 18px;
    padding: 10px 36px;
    position: relative;
    width: 50%;
    line-height: 1.4;
}

.p-faq__list--question02 li:nth-of-type(2n) {
    border-left: #b1b3b5 solid 1px;
    padding-left: 86px;
}

.p-faq__list--question02 li::before {
    align-items: center;
    background-color: #008cd6;
    border-radius: 14px;
    color: #fff;
    content: "Q";
    display: flex;
    font-size: 15px;
    font-family: 'Alata', sans-serif;
    height: 28px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 8px;
    width: 28px;
}

.p-faq__list--question02 li:nth-of-type(2n):before {
    left: 50px;
}

@media screen and (max-width: 768px) {
    .p-faq__wrapper--question {
        display: none;
    }
}

.p-faq__list--answer01>li {
    padding-top: 150px;
}

.p-faq__ttl {
    color: #008cd6;
    display: none;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.p-faq__ttl.faq-content-about01::before {
    background: url(../img/page/faq/faqIcon-blue01.png) no-repeat center center/contain;
    content: '';
    height: 65px;
    left: calc(50% - 32.5px);
    position: absolute;
    top: -75px;
    width: 65px;
}
.p-faq__ttl.faq-content-about02::before {
    background: url(../img/page/faq/faqIcon-blue02.png) no-repeat center center/contain;
    content: '';
    height: 65px;
    left: calc(50% - 32.5px);
    position: absolute;
    top: -75px;
    width: 65px;
}
.p-faq__ttl.faq-content-about03::before {
    background: url(../img/page/faq/faqIcon-blue03.png) no-repeat center center/contain;
    content: '';
    height: 65px;
    left: calc(50% - 32.5px);
    position: absolute;
    top: -75px;
    width: 65px;
}
.p-faq__ttl.faq-content-about04::before {
    background: url(../img/page/faq/faqIcon-blue04.png) no-repeat center center/contain;
    content: '';
    height: 65px;
    left: calc(50% - 32.5px);
    position: absolute;
    top: -75px;
    width: 65px;
}
.p-faq__ttl.faq-content-about05::before {
    background: url(../img/page/faq/faqIcon-blue.png) no-repeat center center/contain;
    content: '';
    height: 65px;
    left: calc(50% - 32.5px);
    position: absolute;
    top: -75px;
    width: 65px;
}

.p-faq__ttl.faq-active {
    display: block;
}

.p-faq__list--answer01>li {
    display: none;
}

.p-faq__list--answer01 li.faq-active {
    display: block;
}

.p-faq__list--answer02>li {
    margin-top: 45px;
}

.p-faq__queation--txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    padding-left: 45px;
    position: relative;
}

.p-faq__queation--txt::before {
    color: #96cc21;
    content: "Q.";
    font-size: 30px;
    font-family: 'Alata', sans-serif;
    left: 0;
    position: absolute;
    top: -8px;
}

.p-faq__wrapper--answerTxt {
    background-color: #f2f7fa;
    border-radius: 10px;
    margin-top: 20px;
    padding: 30px;
}

.p-faq__answer--txt {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    padding-left: 45px;
    position: relative;
}

.p-faq__answer--txt::before {
    color: #008cd6;
    content: "A.";
    font-size: 30px;
    font-family: 'Alata', sans-serif;
    left: 0;
    position: absolute;
    top: -6px;
}

.p-faq__answer--desc {
    line-height: 1.6;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-faq__list--answer01>li {
        padding-top: 130px;
    }
    
    .p-faq__ttl {
        font-size: 25px;
    }
    
    .p-faq__ttl::before {
        height: 55px;
        left: calc(50% - 27.5px);
        top: -60px;
        width: 55px;
    }
    
    .p-faq__list--answer02>li {
        margin-top: 30px;
    }
    
    .p-faq__queation--txt {
        font-size: 18px;
        padding-left: 35px;
        position: relative;
    }
    
    .p-faq__queation--txt::before {
        font-size: 24px;
        top: -5px;
    }
    
    .p-faq__wrapper--answerTxt {
        margin-top: 15px;
        padding: 20px;
    }
    
    .p-faq__answer--txt {
        font-size: 18px;
        padding-left: 35px;
        position: relative;
    }
    
    .p-faq__answer--txt::before {
        font-size: 24px;
        top: -3px;
    }

    .p-faq__answer--desc {
        margin-top: 15px;
    }
}

/*===========================================================================*/
/*  contact  */
/*===========================================================================*/
.p-contact__wrapper {
    background-color: #f2f7fa;
    padding-bottom: 120px;
}

.p-contact__wrapper--ttl {
    display: flex;
}

.p-contact__inner--ttlAssessment {
    align-items: center;
    background-color: #ededed;
    border-top-left-radius : 10px;
    color: #b1b3b5;
    cursor: pointer;
    display: flex;
    height: 90px;
    justify-content: center;
    width: 50%;
}

.p-contact__inner--ttlContact {
    align-items: center;
    border-top-right-radius : 10px;
    background-color: #ededed;
    color: #b1b3b5;
    cursor: pointer;
    display: flex;
    height: 90px;
    justify-content: center;
    width: 50%;
}

.p-contact__inner--ttlAssessment.contact-active {
    background-color: #008cd6;
    color: #fff;
}

.p-contact__inner--ttlContact.contact-active {
    background-color: #efa642;
    color: #fff;
}

.p-contact__ttl--assessment {
    align-items: center;
    display: flex;
    font-size: 25px;
    font-weight: 700;
}

.p-contact__ttl--assessment .--txt {
    padding-left: 56px;
    position: relative;
}

.p-contact__ttl--assessment .--txt::before {
    background: url(../img/page/contact/assessmentIcon-gray.png) no-repeat center center/contain;
    content: '';
    height: 43px;
    left: 0;
    position: absolute;
    top: calc(50% - 21.5px);
    width: 34px;
}

.contact-active .p-contact__ttl--assessment .--txt::before {
    background: url(../img/page/contact/assessmentIcon-white.png) no-repeat center center/contain;
}

.p-contact__ttl--assessment .--small {
    border: #b1b3b5 solid 1px;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 10px;
    padding: 3px 5px;
    text-align: center;
}

.contact-active .p-contact__ttl--assessment .--small {
    border: #fff solid 1px;
}

.p-contact__ttl--contact {
    font-size: 25px;
    font-weight: 700;
    padding-left: 62px;
    position: relative;
}

.p-contact__ttl--contact::before {
    background: url(../img/page/contact/contactIcon-gray.png) no-repeat center center/contain;
    content: '';
    height: 34px;
    left: 0;
    position: absolute;
    top: calc(50% - 17px);
    width: 44px;
}

.contact-active .p-contact__ttl--contact::before {
    background: url(../img/page/contact/contactIcon-white.png) no-repeat center center/contain;
}

@media screen and (max-width: 768px) {
    .p-contact__wrapper {
        padding-bottom: 80px;
    }

    .p-contact__inner--ttlAssessment {
        border-top-left-radius : 5px;
        height: 76px;
    }
    
    .p-contact__inner--ttlContact {
        border-top-right-radius : 5px;
        height: 76px;
    }
    
    .p-contact__inner--ttlAssessment.contact-active {
        background: linear-gradient(120deg, rgba(23,187,5,1) 0%, rgba(0,140,214,1) 100%);
    }
    
    .p-contact__ttl--assessment {
        display: block;
        font-size: 16px;
        text-align: center;
    }
    
    .p-contact__ttl--assessment .--txt {
        padding-left: 23px;
    }
    
    .p-contact__ttl--assessment .--txt::before {
        height: 21px;
        top: calc(50% - 10.5px);
        width: 17px;
    }
    
    .p-contact__ttl--assessment .--small {
        font-size: 11px;
        margin-left: 0;
        margin-top: 7px;
        padding: 3px 5px 4px;
    }
    
    .p-contact__ttl--contact {
        font-size: 16px;
        padding-left: 30px;
        position: relative;
    }
    
    .p-contact__ttl--contact::before {
        height: 17px;
        top: calc(50% - 8.5px);
        width: 23px;
    }
}

.p-contact__wrapper--contents {
    background-color: #fff;
    display: none;
    padding: 50px 40px 100px;
}

.p-contact__wrapper--contents.contact-active {
    display: block;
}

.p-contact__caution {
    background-color: #fff7f7;
    border: #dd5c5c solid 1px;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 860px;
    padding: 35px 20px;
}

.p-contact__caution--ttl {
    color: #dd5c5c;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.p-contact__inner--cautionTtl {
    padding-left: 25px;
    position: relative;
}

.p-contact__inner--cautionTtl::before {
    align-items: center;
    background-color: #dd5c5c;
    border-radius: 10px;
    content: '!';
    color: #fff;
    display: flex;
    font-size: 13px;
    font-family: 'Alata', sans-serif;
    height: 20px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
}

.p-contact__caution--list {
    margin: 20px auto 0;
    max-width: 560px;
}

.p-contact__caution--list li {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
    padding-left: 15px;
    position: relative;
}

.p-contact__caution--list li::before {
    content: '※';
    left: 0;
    position: absolute;
    top: 0;
}

.radio-wrapper {
    display: flex;
    flex-direction: column;
}

.radio-wrapper label:not(:first-child) {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-contact__wrapper--contents {
        padding: 30px 20px 60px;
    }
    
    .p-contact__caution {
        border-radius: 5px;
        padding: 25px 20px;
    }
    
    .p-contact__caution--ttl {
        font-size: 16px;
    }
    
    .p-contact__inner--cautionTtl {
        padding-left: 25px;
        position: relative;
    }
    
    .p-contact__caution--list {
        margin: 0 auto 0;
        padding-top: 10px;
    }
    
    .p-contact__caution--list li {
        font-size: 13px;
    }
}

.p-contact__step {
    display: flex;
    justify-content: space-between;
    margin: 60px auto 0;
    width: 440px;
}

.p-contact__step01,
.p-contact__step02,
.p-contact__step03 {
    width: 82px;
}

.p-contact__step--upper {
    align-items: center;
    background-color: #b1b3b5;
    color: #fff;
    border-radius: 41px;
    display: flex;
    flex-direction: column;
    font-size: 30px;
    height: 82px;
    justify-content: center;
    position: relative;
    width: 82px;
}

.--active-assessment .p-contact__step--upper {
    background-color: #008cd6;
}

#mfp_phase_confirm .--active-assessment .p-contact__step--upper {
    background-color: #b1b3b5;
}

#mfp_phase_confirm .--assessment .p-contact__step02 .p-contact__step--upper {
    background-color: #008cd6;
}

.--active-contact .p-contact__step--upper {
    background-color: #efa642;
}

#mfp_phase_confirm .--active-contact .p-contact__step--upper {
    background-color: #b1b3b5;
}

#mfp_phase_confirm .--contact .p-contact__step02 .p-contact__step--upper {
    background-color: #efa642;
}

.p-contact__step--upper .--small {
    font-size: 15px;
}

.p-contact__step01 .p-contact__step--upper::before,
.p-contact__step02 .p-contact__step--upper::before {
    border-top: #ededed dashed 2px;
    content: '';
    height: 1px;
    left: 100%;
    position: absolute;
    top: calc(50% - 1px);
    width: 97px;
}

.p-contact__step--lower {
    color: #b1b3b5;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}

.--active-assessment .p-contact__step--lower {
    color: #008cd6;
}

#mfp_phase_confirm .--active-assessment .p-contact__step--lower {
    color: #b1b3b5;
}

#mfp_phase_confirm .--assessment .p-contact__step02 .p-contact__step--lower {
    color: #008cd6;
}

.--active-contact .p-contact__step--lower {
    color: #efa642;
}

#mfp_phase_confirm .--active-contact .p-contact__step--lower {
    color: #b1b3b5;
}

#mfp_phase_confirm .--contact .p-contact__step02 .p-contact__step--lower {
    color: #efa642;
}

@media screen and (max-width: 768px) {
    .p-contact__step {
        margin: 40px auto 0;
        max-width: 295px;
        width: 100%;
    }
    
    .p-contact__step01,
    .p-contact__step02,
    .p-contact__step03 {
        width: 65px;
    }
    
    .p-contact__step--upper {
        font-size: 25px;
        height: 65px;
        width: 65px;
    }
    
    .p-contact__step--upper .--small {
        font-size: 12px;
    }
    
    .p-contact__step01 .p-contact__step--upper::before,
    .p-contact__step02 .p-contact__step--upper::before {
        width: 50px;
    }
    
    .p-contact__step--lower {
        font-size: 16px;
        margin-top: 7px;
    }
}

.p-contact__form {
    margin: 60px auto 0;
    max-width: 860px;
}

.p-contact__form dl {
    border-bottom: #ededed solid 1px;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

.p-contact__form dl:nth-of-type(1) {
    border-top: #ededed solid 1px;
}

.p-contact__form dt {
    font-weight: 500;
    max-width: 200px;
    padding-top: 12px;
    width: 30%;
}

.p-contact__form dl:nth-of-type(1)>dt {
    padding-top: 0;
}

.p-contact__form dd {
    font-weight: 500;
    max-width: 515px;
    width: 70%;
}

.p-contact__form-mandatory {
    color: #dd5c5c;
}

/* table */
#mfp_confirm_table {
    margin: 60px auto 0;
    max-width: 860px;
    width: 100%;
}

#mfp_confirm_table tr {
    border-bottom: #ededed solid 1px;
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

#mfp_confirm_table tr:nth-of-type(1) {
    border-top: #ededed solid 1px;
}

#mfp_confirm_table th {
    font-weight: 500;
    max-width: 200px;
    width: 30%;
}

#mfp_confirm_table tr:nth-of-type(1)>th {
    padding-top: 0;
}

#mfp_confirm_table td {
    font-weight: 500;
    max-width: 515px;
    width: 70%;
}

.p-contact__policy--ttl {
    font-weight: 700;
    margin-top: 70px;
    text-align: center;
}

.p-contact__wrapper--policy {
    border: #ededed solid 1px;
    border-radius: 10px;
    height: 160px;
    margin: 20px auto 0;
    max-width: 860px;
    overflow-y: scroll;
}

.p-contact__policy--txt {
    line-height: 1.6;
    padding: 30px;
    width: 100%;
}

.p-contact__policy--txt a {
    word-wrap:break-word;
}

.p-contact__wrapper--agreement {
    margin-top: 50px;
    text-align: center;
}

.p-contact__btn01 #confirm {
    align-items: center;
    background-color: #2f3b50;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    width: 350px;
    margin: 30px auto 0;
}

.p-contact__btn01 #confirm:hover {
    opacity: .7;
}

@media screen and (max-width: 768px) {
    .p-contact__form {
        margin: 40px auto 0;
    }
    
    .p-contact__form dl {
        display: block;
        padding: 30px 0;
    }
    
    .p-contact__form dt {
        max-width: unset;
        width: 100%;
        padding: 0 !important;
    }
    
    .p-contact__form dd {
        margin-top: 20px;
        max-width: unset;
        width: 100%;
        padding: 0 !important;
    }

    #mfp_confirm_table {
        margin: 40px auto 0;
    }
    
    #mfp_confirm_table tr {
        flex-direction: column;
        padding: 30px 0;
    }
    
    #mfp_confirm_table th {
        max-width: unset;
        width: 100%;
    }
    
    #mfp_confirm_table td {
        margin-top: 30px;
        max-width: unset;
        width: 100%;
    }
    
    .p-contact__policy--ttl {
        font-size: 15px;
        margin-top: 50px;
    }
    
    .p-contact__wrapper--policy {
        border-radius: 5px;
    }
    
    .p-contact__policy--txt {
        padding: 20px;
    }
    
    .p-contact__wrapper--agreement {
        margin-top: 50px;
        text-align: center;
        line-height: 1.8;
    }

    .p-contact__btn01 #confirm {
        font-size: 18px;
        height: 65px;
        max-width: 295px;
        margin: 20px auto 0;
        width: 100%;
    }
}

input {
    background-color: #fafafa;
    border: #e2e2e2 solid 1px;
    border-radius: 5px;
    padding: 12px 13px;
    width: 100% !important;
}

input::placeholder {
    color: #b1b3b5;
}

input[type="radio"] {
    display: none;
}

.mwform-radio-field.vertical-item {
    margin-top: 12px !important;
}

.mwform-radio-field-text {
    padding-left: 26px;
    position: relative;
}

.mwform-radio-field-text:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    background-clip: content-box;
    left: 0;
    top: calc(50% - 8px);
}

.mfp_not_checked .mwform-radio-field-text:before {
    border-color: #2f3b50;
}

.mfp_checked .mwform-radio-field-text:before {
    border-color: #2f3b50;
    background-color: #2f3b50;
}

input[type="checkbox"] {
    padding: 0 !important;
    margin: 0 6px 3px 10px !important;
    width: unset !important;
}

input[type="submit"] {
    max-width: 350px;
}

input.input-postalcode {
    max-width: 127px;
    padding: 12px 13px 12px 34px;
}

input.input-area {
    width: 135px !important;
}

input.input-old {
    width: 135px !important;
}

input.input-area {
    margin-right: 20px;
}

select {
    background-color: #fafafa;
    border: #e2e2e2 solid 1px;
    border-radius: 5px;
    padding: 12px 34px 12px 13px;
    max-width: 236px;
    width: 100% !important;
}

.select-wrapper {
    display: inline-block;
    position: relative;
    max-width: 236px;
    width: 100%;
}

.select-wrapper::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 8px solid #2f3b50;
    position: absolute;
    right: 18px;
    top: calc(50% - 4px);
    z-index: 99;
    pointer-events: none;
}

textarea {
    background-color: #fafafa;
    border: #e2e2e2 solid 1px;
    border-radius: 5px;
    padding: 12px 13px;
    width: 100% !important;
}

textarea::placeholder {
    color: #b1b3b5;
}

.floor-plan {
    display: flex;
    justify-content: space-between;
}

.floor-plan .select-wrapper {
    max-width: 236px;
    width: 48% !important;
}

.postalcode-wrapper {
    display: inline-block;
    position: relative;
}

.postalcode-wrapper::before {
    content: '〒';
    font-size: 16px;
    position: absolute;
    left: 12px;
    top: 13px;
}

.postalcode-caution {
    font-size: 13px;
    margin: 8px 0 16px;
}

.old {
    display: flex;
    align-items: center;
}

.old .--year {
    display: flex;
    align-items: center;
}

textarea {
    height: 15rem !important;
}

@media screen and (max-width: 768px) {
    .old {
        display: block;
        align-items: center;
    }
    
    .old .--year {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .old .--year .u-ml60 {
        margin-left: 0;
    }

    .select-wrapper.--plan {
        width: 49%;
    }

    .select-wrapper.--plan::before {
        right: 10px;
    }

    .select-wrapper.--plan select {
        padding: 12px 20px 12px 13px;
    }

    .select-plan {
        width: 100%;
    }

    .select-plan.--plan2 {
        margin-left: 2%;
    }
}

.p-contact__wrapper--policy.--confirm,
.p-contact__policy--ttl.--confirm,
.p-contact__wrapper--agreement.--confirm,
.postalcode-caution.--confirm,
.select-wrapper.--confirm::before {
    display: none;
}

.postalcode-wrapper.--confirm {
    padding-left: 26px;
    margin-bottom: 16px;
}

.postalcode-wrapper.--confirm::before {
    left: 0;
    top: 0;
}

.old .--year .u-ml60.--confirm {
    margin-right: 10px;
}

.p-contact__thanks {
    text-align: center;
    margin-top: 40px;
    line-height: 1.8;
}

.mwform-checkbox-field-text {
    display: none;
}

#mfp_button_send {
    align-items: center;
    background-color: #2f3b50;
    border-radius: 3px;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    width: 350px;
    margin: 30px auto 0;
}

#mfp_button_send:hover {
    opacity: .7;
}

#mfp_button_cancel {
    align-items: center;
    border: #2f3b50 solid 1px;
    background-color: #fff;
    border-radius: 3px;
    color: #2f3b50;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    height: 70px;
    justify-content: center;
    width: 350px;
    margin: 0 auto;
}

#mfp_button_cancel:hover {
    opacity: .7;
}

#mfp_phase_confirm_inner h4 {
    display: none;
}

/*===========================================================================*/
/*  introduce  */
/*===========================================================================*/
.p-introduce {
    overflow: hidden;
}

.p-introduce__inner {
    padding-top: 60px;
}

@media screen and (max-width: 768px) {
    .p-introduce__inner {
        padding-top: 30px;
    }
}

.p-introduce__wrapper--link {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1050px;
}

.p-introduce__wrapper--link li {
    width: 23.6%;
}

.p-introduce__wrapper--link li a {
    border: #008cd6 solid 1px;
    border-radius: 3px;
    color: #008cd6;
    display: block;
    font-size: 17px;
    font-weight: 500;
    padding: 20px;
    width: 100%;
}

.p-introduce__link--txt {
    position: relative;
    width: 100%;
}

.p-introduce__link--txt::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    transform: rotate(-45deg);
    width: 11px;
}

.p-introduce__link--txt::after {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    right: 7px;
    top: calc(50% - 1px);
    transform: rotate(45deg);
    width: 11px;
}

@media screen and (max-width: 768px) {
    .p-introduce__wrapper--link {
        flex-wrap: wrap;
    }
    
    .p-introduce__wrapper--link li {
        width: 48%;
    }

    .p-introduce__wrapper--link li:nth-of-type(n + 3) {
        margin-top: 10px;
    }
    
    .p-introduce__wrapper--link li a {
        padding: 15px;
        font-size: 14px;
    }
    
    .p-introduce__link--txt::before {
        transform: rotate(-45deg);
        width: 8px;
    }
    
    .p-introduce__link--txt::after {
        right: 5px;
        width: 8px;
    }
}

.p-introduce__wrapper--greeting {
    padding-top: 130px;
}

.p-introduce__wrapper--greeting h2::before {
    content: 'TOP GREETING';
}

.p-introduce-greeting__wrapper--contents {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    padding: 60px 0;
    position: relative;
}

.p-introduce-greeting__wrapper--contents::before {
    background-color: #f2f7fa;
    border-radius: 10px;
    content: '';
    height: 100%;
    left: 25%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.p-introduce-greeting__contents--img {
    width: 52%;
}

.p-introduce-greeting__contents--img img {
    border-radius: 10px;
}

.p-introduce-greeting__contents--right {
    width: 43%;
}

.p-introduce-greeting__contents--ttl {
    color: #008cd6;
    font-size: 28px;
    font-weight: 700;
}

.p-introduce-greeting__contents--txt {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-introduce__wrapper--greeting {
        padding-top: 40px;
    }

    .p-introduce__wrapper--greeting h2::before {
        content: 'TOP\AGREETING';
        white-space: pre;
    }
    
    .p-introduce-greeting__wrapper--contents {
        display: block;
        margin-top: 30px;
        padding: 40px 0;
    }
    
    .p-introduce-greeting__wrapper--contents::before {
        border-radius: 0;
        left: -20px;
        width: calc(100% + 40px);
    }
    
    .p-introduce-greeting__contents--img {
        margin-top: 25px;
        width: 100%;
    }
    
    .p-introduce-greeting__contents--right {
        width: 100%;
    }
    
    .p-introduce-greeting__contents--ttl {
        font-size: 20px;
    }
}

.p-introduce__wrapper--company {
    padding-top: 180px;
}

.p-introduce__wrapper--company h2::before{
    content: 'COMPANY INFO';
}

.p-introduce-company__wrapper--contents {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.p-introduce-company__wrapper--contents li {
    width: 49%;
}

.p-introduce-company__wrapper--contents dl {
    display: flex;
    margin-top: 40px;
}

.p-introduce-company__wrapper--contents dt {
    border-bottom: #008cd6 solid 1px;
    color: #008cd6;
    font-weight: 500;
    padding-bottom: 20px;
    width: 23.7%;
    min-height: 60px;
    line-height: 1.6;
}

.p-introduce-company__wrapper--contents dd {
    border-bottom: #e2e2e2 solid 1px;
    padding: 0 20px 20px 20px;
    width: 76.3%;
    min-height: 60px;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .p-introduce__wrapper--company {
        padding-top: 70px;
    }

    .p-introduce__wrapper--company h2::before{
        content: 'COMPANY\AINFO';
        white-space: pre;
    }
    
    .p-introduce-company__wrapper--contents {
        display: block;
        margin-top: 40px;
    }
    
    .p-introduce-company__wrapper--contents li {
        width: 100%;
    }
    
    .p-introduce-company__wrapper--contents dl {
        display: flex;
        margin-top: 20px;
    }
    
    .p-introduce-company__wrapper--contents dt {
        width: 18%;
        min-height: unset;
    }
    
    .p-introduce-company__wrapper--contents dd {
        width: 82%;
        min-height: unset;
    }
}

.p-introduce__wrapper--access {
    padding-top: 180px;
}

.p-introduce__wrapper--access h2::before {
    content: 'ACCESS';
}

.p-introduce-access__wrapper--contents {
    height: 500px;
    margin-top: 60px;
    position: relative;
}

.p-introduce-access__contents {
    align-items: center;
    background-color: rgba(255,255,255,.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 460px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 345px;
}

.p-introduce-access__contents--postalcode {
    font-size: 18px;
    padding-top: 60px;
    position: relative;
}

.p-introduce-access__contents--postalcode::before {
    background: url(../img/common/pinIcon.png) no-repeat center center/contain;
    content: '';
    height: 41px;
    left: calc(50% - 16px);
    position: absolute;
    top: 0;
    width: 32px;
}

.p-introduce-access__contents--address {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 7px;
    text-align: center;
}

.p-introduce-access__contents--tel {
    color: #008cd6;
    font-size: 34px;
    margin-top: 15px;
    padding-left: 40px;
    position: relative;
}

.p-introduce-access__contents--tel::before {
    background: url(../img/common/tel.png) no-repeat center center/contain;
    content: '';
    height: 28px;
    left: 0;
    position: absolute;
    top: calc(50% - 12px);
    width: 28px;
}

.p-introduce-access__contents--fax {
    color: #008cd6;
    font-size: 18px;
    margin-top: 15px;
}

@media screen and (max-width: 768px) {
    .p-introduce__wrapper--access {
        padding-top: 70px;
    }
    
    .p-introduce-access__wrapper--contents {
        height: 100vh;
        margin-top: 40px;
    }
    
    .p-introduce-access__contents {
        bottom: 10px;
        height: 260px;
        position: absolute;
        right: 10px;
        top: unset;
        width: calc(100% - 20px);
    }
    
    .p-introduce-access__contents--postalcode {
        font-size: 16px;
        padding-top: 60px;
        position: relative;
    }
    
    .p-introduce-access__contents--address {
        font-size: 16px;
        margin-top: 5px;
    }
    
    .p-introduce-access__contents--tel {
        font-size: 32px;
        margin-top: 10px;
    }
    
    .p-introduce-access__contents--fax {
        font-size: 16px;
        margin-top: 10px;
    }
}

.p-introduce__wrapper--staff {
    padding-top: 180px;
    padding-bottom: 120px;
}

.p-introduce__wrapper--staff h2::before {
    content: 'STAFF';
}

.p-introduce-staff__wrapper--contents {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.p-introduce-staff__wrapper--contents li {
    width: 30%;
    margin-left: 5%;
    position: relative;
}

.p-introduce-staff__wrapper--contents li:nth-of-type(n + 4) {
    margin-top: 30px;
}

.p-introduce-staff__wrapper--contents li:nth-of-type(3n + 1) {
    margin-left: 0;
}

.p-introduce-staff__contents--img {
    height: 37.1vw;
    max-height: 475px;
}

.p-introduce-staff__contents--qualification {
    color: #677284;
    margin-top: 25px;
}

.p-introduce-staff__contents--name {
    border-bottom: #e2e2e2 solid 1px;
    font-size: 28px;
    margin-top: 10px;
    padding-bottom: 20px;
}

.p-introduce-staff__contents--name .--small {
    color: #008cd6;
    font-size: 18px;
}

.p-introduce-staff__contents--txt {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
    padding-bottom: 30px;
    position: relative;
}

.p-introduce-staff__wrapper--contents li::before {
    background-color: #008cd6;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 50%;
}

.p-introduce-staff__wrapper--contents li::after {
    background-color: #91c52f;
    bottom: 0;
    content: '';
    height: 3px;
    position: absolute;
    right: 0;
    width: 50%;
}

@media screen and (max-width: 768px) {
    .p-introduce__wrapper--staff {
        padding-top: 70px;
        padding-bottom: 50px;
    }
    
    .p-introduce-staff__wrapper--contents {
        display: block;
        margin-top: 40px;
    }
    
    .p-introduce-staff__wrapper--contents li {
        width: 100%;
        margin-left: 0;
    }

    .p-introduce-staff__wrapper--contents li:nth-of-type(n + 4) {
        margin-top: unset;
    }
    
    .p-introduce-staff__wrapper--contents li:nth-of-type(3n + 1) {
        margin-left: unset;
    }

    .p-introduce-staff__wrapper--contents li:not(:first-child) {
        margin-top: 35px;
    }
    
    .p-introduce-staff__contents--img {
        height: 62.7vw;
    }
    
    .p-introduce-staff__contents--qualification {
        margin-top: 20px;
    }
    
    .p-introduce-staff__contents--name {
        font-size: 24px;
    }
    
    .p-introduce-staff__contents--name .--small {
        color: #008cd6;
        font-size: 16px;
    }
}

/*===========================================================================*/
/*  flow  */
/*===========================================================================*/
.p-flow__wrapper--link {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 1050px;
    padding: 60px 0;
}

.p-flow__wrapper--link li {
    width: 250px;
}

.p-flow__wrapper--link li:first-child {
    margin-right: 20px;
}

.p-flow__wrapper--link li a {
    border: #008cd6 solid 1px;
    border-radius: 3px;
    color: #008cd6;
    display: block;
    font-size: 17px;
    font-weight: 500;
    padding: 20px;
    width: 100%;
}

.p-flow__wrapper--link li:nth-of-type(2) a {
    border: #96CC25 solid 1px;
    color: #96CC25;
}

.p-flow__link--txt {
    position: relative;
    width: 100%;
}

.p-flow__link--txt::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    transform: rotate(-45deg);
    width: 11px;
}

.p-flow__link--txt::after {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    right: 7px;
    top: calc(50% - 1px);
    transform: rotate(45deg);
    width: 11px;
}

.p-flow__wrapper--link li:nth-of-type(2) .p-flow__link--txt::before {
    background-color: #96CC25;
}

.p-flow__wrapper--link li:nth-of-type(2) .p-flow__link--txt::after {
    background-color: #96CC25;
}

@media screen and (max-width: 768px) {
    .p-flow__wrapper--link {
        padding: 30px 20px;
    }
    

    .p-flow__wrapper--link li:first-child {
        margin-right: 10px;
    }
    
    .p-flow__wrapper--link li a {
        font-size: 14px;
        padding: 15px;
    }
    
    .p-flow__link--txt::before {
        width: 8px;
    }
    
    .p-flow__link--txt::after {
        right: 5px;
        width: 8px;
    }
}

.p-flow__wrapper__flow.--mediation {
    background-color: #f2f7fa;
}

.p-flow__wrapper__flow.--purchase {
    background-color: #f3fcde;
}

.p-flow__inner--flow {
    padding: 100px 0;
}

.p-flow__ttl {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.p-flow__ttl--txt {
    border-radius: 100vh;
    padding: 16px 50px;
    position: relative;
}

.--mediation .p-flow__ttl--txt {
    background-color: #008cd6;
}

.--purchase .p-flow__ttl--txt {
    background-color: #96cc21;
}

.p-flow__ttl--txt::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    content: '';
    top: calc(100% - 5px);
    left: calc(50% - 11px);
}

.--mediation .p-flow__ttl--txt::before {
    border-top: 22px solid #008cd6;
}

.--purchase .p-flow__ttl--txt::before {
    border-top: 22px solid #96cc21;
}

@media screen and (max-width: 768px) {
    .p-flow__inner--flow {
        padding: 40px 20px;
    }
    
    .p-flow__ttl {
        font-size: 16px;
    }
    
    .p-flow__ttl--txt {
        padding: 10px 30px;
    }
    
    .p-flow__ttl--txt::before {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: calc(100% - 3px);
        left: calc(50% - 5px);
    }
    
    .--mediation .p-flow__ttl--txt::before {
        border-top: 10px solid #008cd6;
    }
    
    .--purchase .p-flow__ttl--txt::before {
        border-top: 10px solid #96cc21;
    }
}

.p-flow__list {
    padding: 10px 0 0;
}

.p-flow__list li {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    position: relative;
}

.p-flow__step--upper {
    align-items: center;
    color: #fff;
    border-radius: 45px;
    display: flex;
    flex-direction: column;
    font-size: 32px;
    height: 90px;
    justify-content: center;
    position: relative;
    width: 90px;
}

.p-flow__step--upper.sp-only {
    display: none;
}

.--mediation .p-flow__step--upper {
    background-color: #008cd6;
}

.--purchase .p-flow__step--upper {
    background-color: #96cc21;
}

.p-flow__step--upper::before {
    content: '';
    height: 57px;
    left: calc(50% - 4.5px);
    position: absolute;
    top: calc(100% + 20px);
    width: 9px;
}

.--mediation .p-flow__step--upper::before {
    background: url(../img/page/flow/flowImgDots-blue.png) no-repeat center center/contain;
}

.--purchase .p-flow__step--upper::before {
    background: url(../img/page/flow/flowImgDots-green.png) no-repeat center center/contain;
}

.p-flow__step--upper .--small {
    font-size: 16px;
}

.p-flow__list--span {
    align-items: center;
    background-color: #fff;
    clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 20px), 55% 100%, 0 calc(100% - 20px));
    font-size: 20px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    width: 56px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: relative;
}

.--mediation .p-flow__list--span {
    border: #008cd6 solid 2px;
    color: #008cd6;
}

.--purchase .p-flow__list--span {
    border: #96cc21 solid 2px;
    color: #96cc21;
}

.p-flow__list--span::before {
    bottom: 8px;
    content: '';
    height: 2px;
    left: -4px;
    position: absolute;
    transform: rotate(33deg);
    width: 35px;
}

.--mediation .p-flow__list--span::before {
    background-color: #008cd6;
}

.--purchase .p-flow__list--span::before {
    background-color: #96cc21;
}

.p-flow__list--span::after {
    bottom: 7px;
    content: '';
    height: 2px;
    position: absolute;
    right: -6px;
    transform: rotate(-39deg);
    width: 35px;
}

.--mediation .p-flow__list--span::after {
    background-color: #008cd6;
}

.--purchase .p-flow__list--span::after {
    background-color: #96cc21;
}

.p-flow__list--contents {
    background-color: #fff;
    border-radius: 10px;
    width: calc(100% - 206px);
}

.p-flow__inner--contents {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 40px;
}

.p-flow__contents--img {
    height: 17.8vw;
    max-height: 228px;
    width: 37.3%;
}

.p-flow__contents--img img {
    border-radius: 5px;
}

.p-flow__contents--right {
    width: calc(62.3% - 30px);
}

.p-flow__contents--ttl {
    font-size: 26px;
    font-weight: 700;
    margin-top: 40px;
}

.--mediation .p-flow__contents--ttl {
    color: #008cd6;
}

.--purchase .p-flow__contents--ttl {
    color: #96cc21;
}

.p-flow__contents--txt.--open {
    margin-top: 25px;
}

.p-flow__contents--txt.--hidden {
    display: none;
}

.flow-active .p-flow__contents--txt.--hidden {
    display: block;
}

.p-flow__contents--txt .underline {
    display: inline-block;
    position: relative;
    border-bottom: #008cd6 solid 2px;
}


.p-flow__wrapper--btn {
    border-top: #e9e9e9 solid 1px;
    padding: 20px 0 25px 0;
    text-align: center;
}

.--mediation .p-flow__wrapper--btn {
    color: #008cd6;
}

.--purchase .p-flow__wrapper--btn {
    color: #96cc21;
}

.p-flow__btn--txt {
    cursor: pointer;
    padding-right: 18px;
    position: relative;
}

.p-flow__btn--txt:hover {
    opacity: .7;
}

.p-flow__btn--txt::before {
    content: '';
    height: 10px;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
    transform: rotate(45deg);
    width: 10px;
}

.--mediation .p-flow__btn--txt::before {
    background: url(../img/page/flow/flowBtnClose-blue.png) no-repeat center center/contain;
}

.--purchase .p-flow__btn--txt::before {
    background: url(../img/page/flow/flowBtnClose-green.png) no-repeat center center/contain;
}

.--mediation .flow-active .p-flow__btn--txt::before {
    transform: unset;
}

.--purchase .flow-active .p-flow__btn--txt::before {
    transform: unset;
}

@media screen and (max-width: 768px) {
    .p-flow__list {
        padding: 5px 0 0;
    }
    
    .p-flow__step--upper {
        border-radius: 45px;
        font-size: 19px;
        height: 55px;
        width: 55px;
    }

    .p-flow__step--upper .--small {
        font-size: 9px;
    }

    .p-flow__step--upper.pc-only {
        display: none;
    }
    
    .p-flow__step--upper.sp-only {
        display: flex;
    }
    
    .p-flow__step--upper::before {
        display: none;
    }
    
    .p-flow__list--span {
        clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 15px), 55% 100%, 0 calc(100% - 15px));
        font-size: 16px;
        width: 37px;
    }
    
    .--mediation .p-flow__list--span {
        border: #008cd6 solid 1px;
    }
    
    .--purchase .p-flow__list--span {
        border: #96cc21 solid 1px;
    }
    
    .p-flow__list--span::before {
        bottom: 3px;
        height: 1px;
        transform: rotate(36deg);
    }
    
    .p-flow__list--span::after {
        bottom: 3px;
        height: 1px;
        transform: rotate(-41deg);
    }
    
    .p-flow__list--contents {
        width: calc(100% - 52px);
    }
    
    .p-flow__inner--contents {
        align-items: unset;
        flex-direction: column;
        justify-content: unset;
        padding: 25px 20px;
    }
    
    .p-flow__contents--img {
        height: 43.2vw;
        margin-top: 25px;
        max-height: unset;
        width: 100%;
    }
    
    .p-flow__contents--right {
        width: 100%;
    }
    
    .p-flow__contents--ttl {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .p-flow__contents--txt.--open {
        margin-top: 20px;
    }
    
    .p-flow__wrapper--btn {
        padding: 20px 0 20px 0;
    }
    
    .p-flow__btn--txt {
        cursor: pointer;
        padding-right: 18px;
        position: relative;
    }
}

/*===========================================================================*/
/*  case study  */
/*===========================================================================*/
.p-case__wrapper {
    background-color: #f2f7fa;
    padding-bottom: 100px;
    padding-top: 330px;
}

.p-case__ttl {
    font-size: 32px;
    font-weight: 700;
    padding-left: 20px;
    position: relative;
}

.p-case__ttl::before {
    background-color: #008cd6;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

@media screen and (max-width: 768px) {
    .p-case__wrapper {
        padding-bottom: 80px;
        padding-top: 40px;
    }
    
    .p-case__ttl {
        font-size: 24px;
        padding-left: 17px;
    }
}

.p-case__cvLink .c-cvLink {
    top: 0;
    background-color: #fff;
    padding: 30px 0;
}

/* @media screen and (max-width: 1150px) {
    .p-case__cvLink .c-cvLink {
        position: relative;
        padding: 40px;
        top: unset;
    }
} */

@media screen and (max-width: 768px) {
    .p-case__cvLink .c-cvLink {
        position: relative;
        padding: 20px;
        top: unset;
    }
}

.p-case__pagenation {
    align-items: center;
    display: flex;
    justify-content: left;
    margin-top: 40px;
}

.p-case__list {
    padding-top: 20px;
}

.p-case__list li {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    padding: 30px;
}

.p-case__list--cat {
    color: #fff;
    background-color: #96cc21;
    font-size: 15px;
    padding: 5px 7px;
}

.p-case__list--date {
    color: #999;
    font-size: 14px;
    margin-left: 6px;
}

.p-case__list--ttl {
    border-bottom: #e0e0e0 solid 1px;
    color: #008cd6;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 20px;
    padding-bottom: 20px;
}

.p-case__list--midle {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.p-case__list--img {
    height: 20.6vw;
    max-height: 264px;
    width: 47.4%;
}

.p-case__list--img img {
    border-radius: 5px;
}

.p-case__list--txt {
    width: calc(52.6% - 30px);
}

.p-case__list--lower {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.p-case__listlower--left {
    width: 94px;
}

.p-case__listImg-person {
    border-radius: 100vh;
    height: 94px;
    width: 94px;
}

.p-case__listImg-person img {
    border: #008cd6 solid 2px;
    border-radius: 100vh;
}

.p-case__listlower--name {
    font-size: 13px;
    margin-top: 5px;
    text-align: center;
}

.p-case__listlower--right {
    width: calc(100% - 114px);
}

.p-case__listlower--txt {
    background-image: url(../img/page/flow/speechBubble-blue.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px 20px 20px 33px;
}

@media screen and (max-width: 768px) {
    .p-case__pagenation {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    
    .p-case__list {
        padding-top: 20px;
    }
    
    .p-case__list li {
        border-radius: 5px;
        margin-top: 10px;
        padding: 20px;
    }
    
    .p-case__list--cat {
        font-size: 11px;
        padding: 5px 7px;
    }
    
    .p-case__list--date {
        font-size: 12px;
    }
    
    .p-case__list--ttl {
        font-size: 18px;
        margin-top: 15px;
    }
    
    .p-case__list--midle {
        display: block;
        margin-top: 25px;
    }
    
    .p-case__list--img {
        height: 58.7vw;
        max-height: unset;
        width: 100%;
    }
    
    .p-case__list--txt {
        margin-top: 20px;
        width: 100%;
    }
    
    .p-case__listlower--left {
        width: 75px;
    }
    
    .p-case__listImg-person {
        height: 75px;
        width: 75px;
    }
    
    .p-case__listlower--name {
        font-size: 11px;
    }
    
    .p-case__listlower--right {
        width: calc(100% - 85px);
    }
    
    .p-case__listlower--txt {
        background-image: url(../img/common/speechBubble-blue_sp.png);
        padding: 20px 14px 20px 24px;
    }
}

.p-case__lower {
    margin-top: 79px;
}

.p-case__wrapper--trend {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 40px;
    padding: 70px 40px;
}

.p-case__trend--list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1000px;
}

.p-case__trend--list li {
    max-width: 290px;
    width: 30%;
    overflow: hidden;
}

.p-case__trendList--ttl {
    color: #008cd6;
    font-size: 20px;
    font-weight: 500;
    min-height: 70px;
    text-align: center;
    position: relative;
}

.p-case__trendListTtl--txt {
    border: #008cd6 solid 1px;
    border-radius: 3px;
    padding: 10px 10px 12px;
    position: relative;
}

.p-case__trendListTtl--txt::before {
    background-color: #fff;
    bottom: -1px;
    content: '';
    height: 3px;
    position: absolute;
    right: 50%;
    width: 6px;
}

.p-case__trendListTtl--txt::after {
    background-color: #008cd6;
    content: '';
    height: 22px;
    left: 50%;
    position: absolute;
    top: 100%;
    width: 1px;
}

.p-case__trendList--img {
    margin-top: 40px;
    padding-bottom: 10px;
    position: relative;
    width: 200%;
    left: -50%;
    height: 23.4vw;
    max-height: 300px;
}

.p-case__trendList--heading {
    display: flex;
    margin-top: 10px;
}

.p-case__trendListHeading--left {
    width: 70px;
}

.p-case__trendList--heading .--color {
    border-radius: 100vh;
    height: 14px;
    width: 14px;
}

.p-case__trendList--heading .--rate {
    font-size: 20px;
    margin-left: 5px;
}

.p-case__trendListHeading--right {
    width: calc(100% - 80px);
}

.p-case__trendList--heading .--name {
    font-size: 18px;
    margin-left: 15px;
}

.p-case__trend--txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 30px auto 0;
    max-width: 1000px;
}

@media screen and (max-width: 768px) {
    .p-case__lower {
        margin-top: 70px;
    }
    
    .p-case__wrapper--trend {
        border-radius: 5px;
        margin-top: 30px;
        padding: 40px;
    }
    
    .p-case__trend--list {
        display: block;
    }
    
    .p-case__trend--list li {
        max-width: unset;
        width: 100%;
    }

    .p-case__trend--list li:not(:first-child) {
        padding-top: 40px;
    }
    
    .p-case__trendList--ttl {
        font-size: 17px;
        min-height: unset;
    }
    
    .p-case__trendList--img {
        margin-top: 50px;
        height: 68vw;
        max-height: unset;
    }
    
    .p-case__trendList--heading .--color {
        height: 12px;
        width: 12px;
    }
    
    .p-case__trendList--heading .--rate {
        font-size: 17px;
    }
    
    .p-case__trendList--heading .--name {
        font-size: 16px;
    }
    
    .p-case__trend--txt {
        margin: 40px auto 0;
    }
}

.p-case__flow {
    margin-top: 100px;
}

.p-case__inner--flow {
    display: flex;
    justify-content: space-between;
    margin-top: 75px;
}

.p-case__flow--contents {
    background-color: #fff;
    border-radius: 10px;
    padding: 75px 40px 40px;
    position: relative;
    width: 49%;
}

.p-case__flow--ttl {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    left: 0;
    text-align: center;
    top: -30px;
    position: absolute;
    width: 100%;
}

.p-case__flowTtl--txt {
    border-radius: 100vh;
    padding: 15px 35px;
    position: relative;
}

.--mediation .p-case__flowTtl--txt {
    background-color: #008cd6;
}

.--purchase .p-case__flowTtl--txt {
    background-color: #96cc21;
}

.p-case__flowTtl--txt::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    position: absolute;
    content: '';
    top: calc(100% - 5px);
    left: calc(50% - 11px);
}

.--mediation .p-case__flowTtl--txt::before {
    border-top: 22px solid #008cd6;
}

.--purchase .p-case__flowTtl--txt::before {
    border-top: 22px solid #96cc21;
}

.p-case__flow--span {
    border-radius: 8px;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 20px;
    text-align: center;
}

.--mediation .p-case__flow--span {
    border: #008cd6 solid 2px;
    color: #008cd6;
}

.--purchase .p-case__flow--span {
    border: #96cc21 solid 2px;
    color: #96cc21;
}

.p-case__flow--list {
    margin-top: 25px;
}

.p-case__flow--list li {
    border-radius: 8px;
    margin-top: 35px;
    padding: 30px 30px 30px 150px;
    position: relative;
}

.--mediation .p-case__flow--list li {
    background-color: #f2f7fa;
}

.--purchase .p-case__flow--list li {
    background-color: #f3fcde;
}

.p-case__flow--list li:first-child {
    margin-top: 0;
}

.p-case__flow--list li::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    left: calc(50% - 2px);
    top: calc(100% + 15px);
    transform: rotate(-45deg);
    width: 11px;
}

.p-case__flow--list li::after {
    background-color: #008cd6;
    content: '';
    height: 2px;
    position: absolute;
    right: calc(50% - 2px);
    top: calc(100% + 15px);
    transform: rotate(45deg);
    width: 11px;
}

.p-case__flow--list li:last-child:before {
    display: none;
}

.p-case__flow--list li:last-child:after {
    display: none;
}

.--mediation .p-case__flow--list li::before {
    background-color: #008cd6;
}

.--purchase .p-case__flow--list li::before {
    background-color: #96cc21;
}

.--mediation .p-case__flow--list li::after {
    background-color: #008cd6;
}

.--purchase .p-case__flow--list li::after {
    background-color: #96cc21;
}

.p-case__flowList--txt {
    position: relative;
}

.p-case__flowList--txt::before {
    content: '';
    height: 34px;
    left: -59px;
    position: absolute;
    top: calc(50% - 17px);
    width: 44px;
}

.--mediation .p-case__flow--list li:nth-of-type(1) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow01-blue.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}
.--mediation .p-case__flow--list li:nth-of-type(2) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow02-blue.png) no-repeat center center/contain;
    height: 47px;
    top: calc(50% - 23.5px);
    width: 38px;
}
.--mediation .p-case__flow--list li:nth-of-type(3) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow06-blue.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}
.--mediation .p-case__flow--list li:nth-of-type(4) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow04-blue.png) no-repeat center center/contain;
    height: 35px;
    top: calc(50% - 17.5px);
    width: 40px;
}
.--mediation .p-case__flow--list li:nth-of-type(5) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow05-blue.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}
.--mediation .p-case__flow--list li:nth-of-type(6) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow03-blue.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}

.--purchase .p-case__flow--list li:nth-of-type(1) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow01-green.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}
.--purchase .p-case__flow--list li:nth-of-type(2) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow02-green.png) no-repeat center center/contain;
    height: 47px;
    top: calc(50% - 23.5px);
    width: 38px;
}
.--purchase .p-case__flow--list li:nth-of-type(3) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow03-green.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}
.--purchase .p-case__flow--list li:nth-of-type(4) .p-case__flowList--txt::before {
    background: url(../img/common/icon-flow04-green.png) no-repeat center center/contain;
    height: 40px;
    top: calc(50% - 20px);
    width: 40px;
}

.p-case__flowList--txt::after {
    align-items: center;
    color: #fff;
    clip-path: polygon(0% 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0% 100%);
    display: flex;
    font-size: 17px;
    font-family: 'Alata', sans-serif;
    height: 34px;
    justify-content: center;
    left: -175px;
    padding-right: 12px;
    position: absolute;
    top: calc(50% - 17px);
    width: 103px;
}

.p-case__flow--list li:nth-of-type(1) .p-case__flowList--txt::after {
    content: 'STEP.01';
}
.p-case__flow--list li:nth-of-type(2) .p-case__flowList--txt::after {
    content: 'STEP.02';
}
.p-case__flow--list li:nth-of-type(3) .p-case__flowList--txt::after {
    content: 'STEP.03';
}
.p-case__flow--list li:nth-of-type(4) .p-case__flowList--txt::after {
    content: 'STEP.04';
}
.p-case__flow--list li:nth-of-type(5) .p-case__flowList--txt::after {
    content: 'STEP.05';
}
.p-case__flow--list li:nth-of-type(6) .p-case__flowList--txt::after {
    content: 'STEP.06';
}

.--mediation .p-case__flowList--txt::after {
    background-color: #008cd6;
}

.--purchase .p-case__flowList--txt::after {
    background-color: #96cc21;
}

@media screen and (max-width: 768px) {
    .p-case__flow {
        margin-top: 80px;
    }
    
    .p-case__inner--flow {
        display: block;
        margin-top: 60px;
        position: relative;
    }

    .p-case__flow--contents {
        background-color: #fff;
        border-radius: 0;
        padding: 40px 0 20px;
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .p-case__flow--contents.--purchase {
        margin-top: 60px;
    }

    .p-case__flow--contents::before {
        background-color: #fff;
        content: '';
        height: 100%;
        left: -20px;
        position: absolute;
        top: 0;
        width: calc(100% + 40px);
    }
    
    .p-case__flow--ttl {
        font-size: 18px;
        top: -20px;
    }
    
    .p-case__flowTtl--txt {
        padding: 8px 20px;
    }
    
    .--mediation .p-case__flowTtl--txt {
        background-color: #008cd6;
    }
    
    .--purchase .p-case__flowTtl--txt {
        background-color: #96cc21;
    }
    
    .p-case__flowTtl--txt::before {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: calc(100% - 3px);
        left: calc(50% - 5px);
    }
    
    .--mediation .p-case__flowTtl--txt::before {
        border-top: 10px solid #008cd6;
    }
    
    .--purchase .p-case__flowTtl--txt::before {
        border-top: 10px solid #96cc21;
    }
    
    .p-case__flow--span {
        border-radius: 5px;
        font-size: 15px;
        padding: 10px 20px;
        position: relative;
        z-index: 2;
    }
    
    .--mediation .p-case__flow--span {
        border: #008cd6 solid 1px;
    }
    
    .--purchase .p-case__flow--span {
        border: #96cc21 solid 1px;
    }
    
    .p-case__flow--list {
        margin-top: 15px;
    }
    
    .p-case__flow--list li {
        border-radius: 5px;
        margin-top: 25px;
        padding: 15px 20px 15px 116px;
    }
    
    .p-case__flow--list li::before {
        top: calc(100% + 12px);
    }
    
    .p-case__flow--list li::after {
        top: calc(100% + 12px);
    }
    
    .p-case__flowList--txt::before {
        height: 22px;
        left: -38px;
        top: calc(50% - 11px);
        width: 28px;
    }

    .--mediation .p-case__flow--list li:nth-of-type(1) .p-case__flowList--txt::before {
        height: 25px;
        top: calc(50% - 12.5px);
        width: 25px;
    }
    .--mediation .p-case__flow--list li:nth-of-type(2) .p-case__flowList--txt::before {
        height: 31px;
        top: calc(50% - 15.5px);
        width: 25px;
    }
    .--mediation .p-case__flow--list li:nth-of-type(3) .p-case__flowList--txt::before {
        height: 30px;
        top: calc(50% - 15px);
        width: 30px;
    }
    .--mediation .p-case__flow--list li:nth-of-type(4) .p-case__flowList--txt::before {
        height: 27px;
        top: calc(50% - 13.5px);
        width: 30px;
    }
    .--mediation .p-case__flow--list li:nth-of-type(5) .p-case__flowList--txt::before {
        height: 30px;
        top: calc(50% - 15px);
        width: 30px;
    }
    
    .--purchase .p-case__flow--list li:nth-of-type(1) .p-case__flowList--txt::before {
        height: 25px;
        top: calc(50% - 12.5px);
        width: 25px;
    }
    .--purchase .p-case__flow--list li:nth-of-type(2) .p-case__flowList--txt::before {
        height: 31px;
        top: calc(50% - 15.5px);
        width: 25px;
    }
    .--purchase .p-case__flow--list li:nth-of-type(3) .p-case__flowList--txt::before {
        height: 30px;
        top: calc(50% - 15px);
        width: 30px;
    }
    .--purchase .p-case__flow--list li:nth-of-type(4) .p-case__flowList--txt::before {
        height: 30px;
        top: calc(50% - 15px);
        width: 30px;
    }
    
    .p-case__flowList--txt::after {
        clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%);
        font-size: 12px;
        height: 29px;
        left: -125px;
        padding-right: 6px;
        top: calc(50% - 14.5px);
        width: 77px;
    }
}

.p-case__area {
    margin-top: 100px;
}

.p-case__inner--area {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.p-case__area--left {
    width: calc(48.3% - 30px);
}

.p-case__area--ttl {
    font-size: 20px;
    font-weight: 700;
    padding-left: 50px;
    position: relative;
}

.p-case__area--left h3:not(:nth-of-type(1)) {
    margin-top: 40px;
}

.p-case__area--ttl::before {
    background-color: #008cd6;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50% - 1px);
    width: 30px;
}

.p-case__area--left h3:nth-of-type(1)::before {
    background-color: #96cc21;
}

.p-case__area--txt {
    margin-top: 10px;
}

.p-case__area--right {
    width: 51.7%;
}

.p-case__area--iframe {
    width: 100%;
    height: 100%;
}

.p-case__area--iframe iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .p-case__area {
        margin-top: 80px;
    }
    
    .p-case__inner--area {
        display: flex;
        justify-content: unset;
        flex-direction: column-reverse;
        margin-top: 30px;
    }
    
    .p-case__area--left {
        margin-top: 40px;
        width: 100%;
    }
    
    .p-case__area--ttl {
        font-size: 16px;
        padding-left: 30px;
        position: relative;
    }
    
    .p-case__area--left h3:not(:nth-of-type(1)) {
        margin-top: 40px;
    }
    
    .p-case__area--ttl::before {
        width: 20px;
    }
    
    .p-case__area--txt {
        margin-top: 10px;
    }
    
    .p-case__area--right {
        height: 56vw;
        width: 100%;
    }
}

.p-case__explain {
    margin-top: 140px;
    position: relative;
}

.p-case__explain--ttl {
    color: #008cd6;
    font-size: 32px;
    font-weight: 500;
    left: 0;
    text-align: center;
    position: absolute;
    top: -40px;
    width: 100%;
    z-index: 3;
}

.p-case__explain--ttl.--bg {
    top: -42px;
}

.p-case__explainTtl--txt {
    background-color: #fff;
    clip-path: polygon(23px 0%, 100% 0, 100% calc(100% - 23px), calc(100% - 23px) 100%, 0 100%, 0 23px);
    padding: 17px 60px;
    position: relative;
}

.--bg .p-case__explainTtl--txt {
    background-color: #008cd6;
    padding: 21px 62px;
}

.p-case__explain--img {
    position: relative;
    z-index: 1;
}

.p-case__explain--img img {
    border-radius: 5px;
    
}

.p-case__explain--txt {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-case__explain {
        margin-top: 110px;
    }
    
    .p-case__explain--ttl {
        color: #008cd6;
        font-size: 18px;
        top: -30px;
        width: 100%;
        z-index: 3;
    }
    
    .p-case__explain--ttl.--bg {
        top: -32px;
    }
    
    .p-case__explainTtl--txt {
        background-color: #fff;
        clip-path: polygon(10px 0%, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
        padding: 10px 25px;
        position: relative;
    }
    
    .--bg .p-case__explainTtl--txt {
        background-color: #008cd6;
        padding: 13px 27px;
    }
    
    .p-case__explain--txt {
        font-size: 14px;
        line-height: 1.6;
        margin-top: 30px;
    }
}

/*===========================================================================*/
/*  kind page  */
/*===========================================================================*/
.p-kinds__ttl {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.p-kinds__ttl .--small {
    color: #008cd6;
    font-size: 24px;
    letter-spacing: .08em;
}

.p-kinds__ttl .--blue {
    color: #008cd6;
}

.p-kinds__ttl .--green {
    color: #96cc21;
}

@media screen and (max-width: 768px) {
    .p-kinds__ttl {
        font-size: 25px;
    }
    
    .p-kinds__ttl .--small {
        font-size: 14px;
    }
}

.p-kinds__result {
    background-color: #f2f7fa;
    margin-bottom: 260px;
    padding-top: 100px;
    position: relative;
    z-index: -2;
}

.p-kinds__result::before {
    background-color: #f2f7fa;
    content: '';
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    height: 160px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
}

.p-kinds__result::after {
    background: url(../img/page/kinds/kindsImg01.png) no-repeat center center/contain;
    content: '';
    height: 210px;
    left: calc(50% - 105px);
    position: absolute;
    top: calc(100% + 25px);
    width: 210px;
}

.p-kinds__result .c-h2 {
    z-index: 1;
}

.p-kinds__result .c-h2::before{
    color: #fff;
    content: 'RESULT';
    z-index: -1;
}

.p-kinds__result--list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-bottom: 30px;
}

.p-kinds__result--list li{
    background-color: #fff;
    border: #008cd6 solid 1px;
    border-radius: 10px;
    padding: 30px 10px;
    width: 30.8%;
}

.p-kinds__resultList--upper {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.p-kinds__resultList--upperTxt {
    position: relative;
}

.p-kinds__result--list li:nth-of-type(1) .p-kinds__resultList--upperTxt {
    padding-left: 39px;
}

.p-kinds__result--list li:nth-of-type(1) .p-kinds__resultList--upperTxt::before {
    background: url(../img/page/kinds/numberIcon.png) no-repeat center center/contain;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    top: calc(50% - 12px);
    width: 29px;
}

.p-kinds__result--list li:nth-of-type(2) .p-kinds__resultList--upperTxt {
    padding-left: 33px;
}

.p-kinds__result--list li:nth-of-type(2) .p-kinds__resultList--upperTxt::before {
    background: url(../img/page/kinds/priceIcon.png) no-repeat center center/contain;
    content: '';
    height: 26px;
    left: 0;
    position: absolute;
    top: calc(50% - 13px);
    width: 24px;
}

.p-kinds__result--list li:nth-of-type(3) .p-kinds__resultList--upperTxt {
    padding-left: 34px;
}

.p-kinds__result--list li:nth-of-type(3) .p-kinds__resultList--upperTxt::before {
    background: url(../img/page/kinds/timeIcon.png) no-repeat center center/contain;
    content: '';
    height: 25px;
    left: 0;
    position: absolute;
    top: calc(50% - 12.5px);
    width: 25px;
}

.p-kinds__resultList--lower {
    color: #008cd6;
    font-size: 80px;
    margin-top: 5px;
    padding-left: 20px;
    text-align: center;
}

.p-kinds__resultList--lower .--small {
    font-size: 24px;
    font-weight: 500;
    margin-left: -20px;
}

@media screen and (max-width: 1280px) {
    .p-kinds__resultList--lower {
        font-size: 6.3vw;
    }

    .p-kinds__resultList--lower .--small {
        margin-left: -1.6vw;
    }
}

@media screen and (max-width: 768px) {
    .p-kinds__result {
        margin-bottom: 160px;
        padding-top: 100px;
    }
    
    .p-kinds__result::before {
        height: 70px;
    }
    
    .p-kinds__result::after {
        height: 137px;
        left: calc(50% - 68px);
        top: 100%;
        width: 136px;
    }
    
    .p-kinds__result--list {
        display: block;
        margin-top: 30px;
        padding-bottom: 20px;
    }
    
    .p-kinds__result--list li{
        margin-top: 10px;
        padding: 15px 10px;
        width: 100%;
    }
    
    .p-kinds__resultList--upper {
        font-size: 14px;
    }
    
    .p-kinds__result--list li:nth-of-type(1) .p-kinds__resultList--upperTxt {
        padding-left: 25px;
    }
    
    .p-kinds__result--list li:nth-of-type(1) .p-kinds__resultList--upperTxt::before {
        height: 15px;
        top: calc(50% - 7.5px);
        width: 18px;
    }
    
    .p-kinds__result--list li:nth-of-type(2) .p-kinds__resultList--upperTxt {
        padding-left: 20px;
    }
    
    .p-kinds__result--list li:nth-of-type(2) .p-kinds__resultList--upperTxt::before {
        height: 16px;
        top: calc(50% - 8px);
        width: 15px;
    }
    
    .p-kinds__result--list li:nth-of-type(3) .p-kinds__resultList--upperTxt {
        padding-left: 20px;
    }
    
    .p-kinds__result--list li:nth-of-type(3) .p-kinds__resultList--upperTxt::before {
        height: 15px;
        top: calc(50% - 7.5px);
        width: 15px;
    }
    
    .p-kinds__resultList--lower {
        font-size: 60px;
        padding-left: 10px;
    }
    
    .p-kinds__resultList--lower .--small {
        font-size: 18px;
        margin-left: -10px;
    }
}

.p-kinds__support--subTxt {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 30px;
}

.p-kinds__support--list {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}

.p-kinds__support--list li {
    padding: 40px;
    position: relative;
    width: 49%;
}

.p-kinds__support--list li:nth-of-type(1) {
    background-color: #f2f7fa;
}

.p-kinds__support--list li:nth-of-type(2) {
    background-color: #f4facd;
}

.p-kinds__supportList--bubble {
    color: #fff;
    font-size: 20px;
    left: 0;
    text-align: center;
    top: -30px;
    position: absolute;
    width: 100%;
}

.p-kinds__supportList--bubble .--learge{
    font-size: 24px;
    font-weight: 700;
}

.p-kinds__supportList--bubbleTxt {
    border-radius: 100vh;
    padding: 15px 35px;
    position: relative;
}

.p-kinds__support--list li:nth-of-type(1) .p-kinds__supportList--bubbleTxt {
    background-color: #008cd6;
}

.p-kinds__support--list li:nth-of-type(2) .p-kinds__supportList--bubbleTxt {
    background-color: #96cc21;
}

.p-kinds__supportList--bubbleTxt::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
    position: absolute;
    content: '';
    top: calc(100% - 8px);
    left: calc(50% - 18px);
}

.p-kinds__support--list li:nth-of-type(1) .p-kinds__supportList--bubbleTxt::before {
    border-top: 22px solid #008cd6;
}

.p-kinds__support--list li:nth-of-type(2) .p-kinds__supportList--bubbleTxt::before {
    border-top: 22px solid #96cc21;
}

.p-kinds__supportList--ttl {
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}

.p-kinds__supportList--ttl::before {
    bottom: -8px;
    content: '';
    height: 2px;
    left: calc(50% - 25px);
    position: absolute;
    width: 50px;
}

.p-kinds__support--list li:nth-of-type(1) .p-kinds__supportList--ttl::before {
    background-color: #008cd6;
}

.p-kinds__support--list li:nth-of-type(2) .p-kinds__supportList--ttl::before {
    background-color: #96cc21;
}

.p-kinds__supportList--txt {
    margin-top: 25px;
}

.p-kinds__supportList--img {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-kinds__support--subTxt {
        font-size: 16px;
    }
    
    .p-kinds__support--list {
        display: block;
        margin-top: 70px;
    }
    
    .p-kinds__support--list li {
        padding: 30px 0;
        position: relative;
        width: 100%;
    }
    
    .p-kinds__support--list li:nth-of-type(1) {
        background-color: #f2f7fa;
    }
    
    .p-kinds__support--list li:nth-of-type(2) {
        margin-top: 50px;
    }

    .p-kinds__support--list li:nth-of-type(1)::before {
        background-color: #f2f7fa;
        content: '';
        height: 100%;
        left: -20px;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1;
    }
    
    .p-kinds__support--list li:nth-of-type(2)::before {
        background-color: #f4facd;
        content: '';
        height: 100%;
        left: -20px;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1;
    }
    
    .p-kinds__supportList--bubble {
        font-size: 16px;
        left: 0;
        top: -20px;
    }
    
    .p-kinds__supportList--bubble .--learge{
        font-size: 18px;
    }
    
    .p-kinds__supportList--bubbleTxt {
        padding: 8px 20px;
    }
    
    .p-kinds__support--list li:nth-of-type(1) .p-kinds__supportList--bubbleTxt {
        background-color: #008cd6;
    }
    
    .p-kinds__support--list li:nth-of-type(2) .p-kinds__supportList--bubbleTxt {
        background-color: #96cc21;
    }
    
    .p-kinds__supportList--bubbleTxt::before {
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        top: calc(100% - 3px);
        left: calc(50% - 8px);
    }
    
    .p-kinds__support--list li:nth-of-type(1) .p-kinds__supportList--bubbleTxt::before {
        border-top: 10px solid #008cd6;
    }
    
    .p-kinds__support--list li:nth-of-type(2) .p-kinds__supportList--bubbleTxt::before {
        border-top: 10px solid #96cc21;
    }
    
    .p-kinds__supportList--ttl {
        font-size: 20px;
        margin-top: 15px;
        padding-bottom: 10px;
    }

    .p-kinds__supportList--ttl::before {
        bottom: -8px;
        content: '';
        height: 2px;
        left: calc(50% - 12px);
        position: absolute;
        width: 26px;
    }
    
    .p-kinds__supportList--txt {
        margin-top: 20px;
    }
}

.p-kinds__worry {
    margin-top: 130px;
}

.p-kinds__worry--ttl {
    font-size: 40px;
    font-weight: 700;
    margin-top: 25px;
    text-align: center;
}

.p-kinds__worry--list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.p-kinds__worryList--img {
    width: 90%;
    margin: 0 auto;
}

.p-kinds__worry--list li{
    width: 22.8%;
}

.p-kinds__worryList--txt {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    line-height: 1.5;
}

.p-kinds__worry--lowerTxt {
    font-size: 40px;
    font-weight: 700;
    padding-top: 180px;
    position: relative;
    text-align: center;
}

.--warehouse.p-kinds__worry--lowerTxt {
    padding-top: 220px;
}

.--apartment .p-kinds__worry--lowerTxt {
    font-size: 40px;
    font-weight: 700;
    padding-top: 95px;
    position: relative;
    text-align: center;
}

.--unoccupied-house .p-kinds__worry--lowerTxt {
    padding-top: 220px;
}

.p-kinds__worry--lowerTxt::before {
    background: url(../img/page/kinds/arrow01.png) no-repeat center center/contain;
    content: '';
    height: 104px;
    left: calc(50% - 35px);
    position: absolute;
    top: 65px;
    width: 70px;
}

.--apartment .p-kinds__worry--lowerTxt::before {
    display: none;
}

.--unoccupied-house .p-kinds__worry--lowerTxt::before {
    display: block;
}

.p-kinds__worry--lowerTxt .--blue {
    color: #008cd6;
    font-size: 52px;
    position: relative;
}

.p-kinds__worry--lowerTxt .--blue::before {
    background-color: #c9e4f4;
    bottom: 0;
    content: '';
    height: 9px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.p-kinds__worry--lowerDesc {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 30px;
}

.p-warehouse-worry__ttl {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .043em;
}

.p-warehouse-worry__ttl .--blue {
    color: #008cd6;
}

.p-uncertainty__apartment {
    width: 503px;
    height: 488.5px;
    margin: 0 auto;
    position: relative;
}

.p-uncertainty__apartment--txt {
    position: absolute;
    background-color: #008cd6;
    font-size: 20px;
    padding: 15px 20px;
    color: #fff;
    border-radius: 100vh;
    white-space: nowrap;
}

.p-uncertainty__apartment span:nth-of-type(1) {
    top: -10px;
}

.p-uncertainty__apartment span:nth-of-type(2) {
    top: 170px;
    left: calc(50% + 30px);
}

.p-uncertainty__apartment span:nth-of-type(3) {
    top: 250px;
    right: calc(50% + 50px);
}

@media screen and (max-width: 1000px) {
    .p-uncertainty__apartment--txt {
        font-size: 1.9vw;
    }
}

@media screen and (max-width: 768px) {
    .p-kinds__worry {
        margin-top: 80px;
    }
    
    .p-kinds__worry--ttl {
        font-size: 25px;
    }
    
    .p-kinds__worry--list {
        flex-wrap: wrap;
        margin-top: 30px;
    }
    
    .p-kinds__worry--list li {
        width: 49%;
    }

    .p-kinds__worry--list li:nth-of-type(n + 3) {
        margin-top: 15px;
    }
    
    .p-kinds__worryList--txt {
        font-size: 16px;
        margin-top: 5px;
    }
    
    .p-kinds__worry--lowerTxt {
        font-size: 20px;
        padding-top: 90px;
        line-height: 1.4;
    }

    .--warehouse.p-kinds__worry--lowerTxt {
        padding-top: 120px;
    }

    .--apartment .p-kinds__worry--lowerTxt {
        padding-top: 20px;
        font-size: 20px;
        line-height: 1.4;
    }

    .main-detached-house .--apartment .p-kinds__worry--lowerTxt {
        padding-top: 50px;
    }

    .--unoccupied-house .p-kinds__worry--lowerTxt {
        padding-top: 105px;
    }

    .p-kinds__worry--lowerTxt::before {
        height: 45px;
        left: calc(50% - 15.5px);
        top: 35px;
        width: 31px;
    }
    
    .--apartment .p-kinds__worry--lowerTxt::before {
        height: 45px;
        left: calc(50% - 15.5px);
        top: 35px;
        width: 31px;
    }
    
    .p-kinds__worry--lowerTxt .--blue {
        font-size: 25px;
    }
    
    .p-kinds__worry--lowerTxt .--blue::before {
        height: 5px;
        bottom: 3px;
    }

    .p-kinds__worry--lowerDesc {
        font-size: 16px;
    }

    .p-warehouse-worry__ttl {
        font-size: 25px;
    }

    .p-uncertainty__apartment {
        width: 100%;
        height: auto;
    }

    .p-uncertainty__apartment--img {
        width: 58.7vw;
        height: 56.8vw;
        margin: 0 auto;
    }
    
    .p-uncertainty__apartment--txt {
        padding: 1.9vw 2.6vw;
        white-space: normal;
    }
    
    .p-uncertainty__apartment span:nth-of-type(1) {
        top: -1.3vw;
        left: 18vw;
    }
    
    .p-uncertainty__apartment span:nth-of-type(2) {
        top: 20.1vw;
        left: calc(50% + 3.9vw);
    }
    
    .p-uncertainty__apartment span:nth-of-type(3) {
        top: 28.5vw;
        right: calc(50% + 6.5vw);
    }
}

.slider-worry02 {
    overflow: unset !important;
    padding: 0 !important;
}

.p-kinds__worry02--list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.p-kinds__worry02--list.sp-only {
    display: none;
}

.p-kinds__worry02--list li {
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    padding: 30px 20px;
    width: 23%;
    min-height: 355px;
}

.p-kinds__worry02List--number {
    color: #008cd6;
    font-size: 27px;
    line-height: 1.4;
    text-align: center;
}

.p-kinds__worry02List--number span {
    border-bottom: #008cd6 solid 1px;
}

.p-kinds__worry02List--img {
    margin: 25px auto 0;
    max-width: 130px;
}

.p-kinds__worry02List--txt {
    font-size: 15px;
    line-height: 1.4;
    margin-top: 20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .slider-worry02 {
        overflow: hidden !important;
        padding: 0 23px !important;
    }

    .p-kinds__worry02--list {
        margin-top: 30px;
    }
    
    .p-kinds__worry02--list.sp-only {
        display: flex;
    }
    
    .p-kinds__worry02--list li {
        width: 100%;
    }
    
    .p-kinds__worry02List--number {
        font-size: 27px;
    }
}

.p-kinds__risk {
    background: url(../img/page/kinds/riskBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 80px;
    padding: 55px 40px;
}

.p-kinds__risk--ttl {
    font-size: 39px;
    font-weight: 700;
    text-align: center;
}

.p-kinds__risk--ttl .--red {
    color: #e35353;
}

.p-kinds__risk--ttlTxt {
    padding-left: 60px;
    position: relative;
}

.p-kinds__risk--ttlTxt::before {
    background: url(../img/page/kinds/riskTtlIcon.png) no-repeat center center/contain;
    content: '';
    height: 44px;
    left: 0;
    position: absolute;
    top: calc(50% - 24px);
    width: 55px;
}

.p-kinds__risk--list {
    display: flex;
    justify-content: space-between;
    margin: 50px auto 0;
    max-width: 900px;
}

.p-kinds__risk--list li {
    max-width: 290px;
    width: 32.2%;
}

.p-kinds__riskList--img {
    width: 86%;
    margin: 0 auto;
}

.p-kinds__riskList--txt {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}

.p-kinds__risk--txt {
    font-size: 18px;
    line-height: 1.6;
    margin: 50px auto 0;
    max-width: 900px;
}

@media screen and (max-width: 768px) {
    .p-kinds__risk {
        background: unset;
        margin-top: 70px;
        padding: 25px 0;
        position: relative;
    }

    .p-kinds__risk::before {
        background: url(../img/page/kinds/riskborder.png) no-repeat center center/cover;
        content: '';
        height: 10px;
        left: -20px;
        position: absolute;
        top: -10px;
        width: 100vw;
    }

    .p-kinds__risk::after {
        background: url(../img/page/kinds/riskborder.png) no-repeat center center/cover;
        bottom: -10px;
        content: '';
        height: 10px;
        left: -20px;
        position: absolute;
        width: 100vw;
    }
    
    .p-kinds__risk--ttl {
        font-size: 15px;
        line-height: 1.4;
        text-align: center;
    }
    
    .p-kinds__risk--ttlTxt {
        padding-left: 0;
        padding-top: 60px;
        font-size: 25px;
    }
    
    .p-kinds__risk--ttlTxt::before {
        left: calc(50% - 27.5px);
        top: 0;
    }
    
    .p-kinds__risk--list {
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 10px auto 0;
    }
    
    .p-kinds__risk--list li {
        max-width: 290px;
        width: 46%;
    }

    .p-kinds__riskList--img {
        width: 100%;
    }

    .p-kinds__risk--list li:nth-of-type(3) {
        margin-top: 10px;
    }
    
    .p-kinds__riskList--txt {
        font-size: 18px;
        margin-top: 5px;
    }

    .p-kinds__risk--list li:nth-of-type(3) .p-kinds__riskList--txt {
        white-space: nowrap;
        width: calc(100vw - 40px);
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
    
    .p-kinds__risk--txt {
        font-size: 16px;
        margin: 40px auto 0;
    }
}

.p-kinds__case {
    background-color: #f2f7fa;
    margin-top: 40px;
    padding: 80px 0;
}

.p-kinds__case--subTxt {
    font-size: 18px;
    line-height: 1.6;
    margin-top: 30px;
}

.p-kinds__case--list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    position: relative;
}

.p-kinds__case--list li {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px;
    width: calc(50% - 20px) !important;
}

.--case01 .p-kinds__case--list li {
    padding: 0;
}

.p-kinds__caseList--upper {
    display: flex;
    justify-content: space-between;
}

.p-kinds__caseList--img {
    height: 115px;
    width: 115px;
}

.p-kinds__caseList--img img {
    border: #008cd6 solid 2px;
    border-radius: 100vh;
}

.p-kinds__case--list li:nth-of-type(2n) .p-kinds__caseList--img img {
    border: #96cc21 solid 2px;
}

.p-kinds__caseList--upperRight {
    width: calc(100% - 140px);
}

.p-kinds__supportList--catTxt {
    background-color: #008cd6;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    padding: 7px 11px 8px;
}

.p-kinds__case--list li:nth-of-type(2n) .p-kinds__supportList--catTxt {
    background-color: #96cc21;
}

.p-kinds__caseList--ttl {
    font-size: 30px;
    font-weight: 700;
    margin-top: 15px;
    line-height: 1.4;
    min-height: 84px;
}

.p-kinds__case--list li:nth-of-type(1) .p-kinds__caseList--ttl {
    color: #008cd6;
}

.p-kinds__case--list li:nth-of-type(2) .p-kinds__caseList--ttl {
    color: #96cc21;
}

.p-kinds__caseList--txtUpper {
    margin-top: 20px;
    padding-bottom: 40px;
    position: relative;
}

.p-kinds__caseList--txtUpper::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    border-top: 16px solid #c7c7c7;
    content: '';
    bottom: 15px;
    left: calc(50% - 11px);
    position: absolute;
}

@media screen and (max-width: 768px) {
    .p-kinds__case {
        margin-top: 20px;
        padding: 50px 0;
    }

    .p-kinds__case--subTxt {
        font-size: 16px;
    }

    .p-kinds__case--list {
        margin-top: 80px;
    }

    .--case01 .p-kinds__case--list {
        margin-top: 30px;
    }

    .p-kinds__case--list li {
        background-color: #fff;
        border-radius: 10px;
        padding: 20px;
        position: relative;
        width: 100% !important;
    }

    .p-kinds__caseList--upper {
        display: block;
    }

    .p-kinds__caseList--img {
        left: calc(50% - 57.5px);
        position: absolute;
        top: -40px;
    }

    .p-kinds__caseList--upperRight {
        margin-top: 60px;
        width: 100%;
    }

    .p-kinds__supportList--cat {
        text-align: center;
    }

    .p-kinds__supportList--catTxt {
        font-size: 11px;
        padding: 3px 5px;
    }

    .p-kinds__caseList--ttl {
        font-size: 20px;
        margin-top: 10px;
        min-height: unset;
    }

    .p-kinds__caseList--txtUpper {
        padding-bottom: 56px;
    }

    .p-kinds__caseList--txtUpper::before {
        bottom: 20px;
    }
}

.p-kinds__cv {
    padding: 230px 0 80px;
}

.p-kinds__cvLink {
    top: -180px;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    .p-kinds__cv {
        padding: 50px 0 0;
    }
    
    .p-kinds__cvLink {
        top: unset;
        z-index: 99;
    }
}

.p-kinds__price {
    padding-bottom: 80px;
}

.p-kinds__transaction {
    padding-bottom: 80px;
}

.p-kinds__price .c-h2::before {
    content: 'PRICE';
}

.p-kinds__price--txt {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 30px;
}

.p-kinds__price--img {
    margin-top: 40px;
}

.p-kinds__price--table {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

.p-kinds__price--table dl{
    margin: 1px;
    width: 148px;
}

.p-kinds__price--table dt {
    align-items: flex-end;
    background-color: #dce5ef;
    display: flex;
    font-size: 30px;
    font-weight: 500;
    height: 80px;
    justify-content: center;
    padding-bottom: 25px;
}

.p-kinds__price--table dt .--s{
    font-size: 20px;
}

.p-kinds__price--table dt .--m{
    font-size: 23px;
}

.p-kinds__price--table dd {
    align-items: flex-end;
    background-color: #f0f5fa;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 80px;
    justify-content: center;
    padding-bottom: 25px;
}

.p-kinds__price--table dd .--l {
    font-size: 30px;
}

.p-kinds__price--caution {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-kinds__price {
        padding-bottom: 60px;
        padding-top: 80px;
    }

    .p-kinds__transaction {
        padding-bottom: 60px;
        padding-top: 80px;
    }

    .p-kinds__transaction.--house {
        padding-top: 0;
    }
    
    .p-kinds__price--txt {
        font-size: 16px;
    }

    .p-kinds__price--img {
        margin-top: 30px;
    }
    
    .p-kinds__price--table {
        display: flex;
        flex-wrap: wrap;
        margin-top: 30px;
    }
    
    .p-kinds__price--table dl{
        margin: 1px;
        width: calc(50% - 2px);
    }
    
    .p-kinds__price--table dt {
        font-size: 18px;
        height: 46px;
        padding-bottom: 13px;
    }
    
    .p-kinds__price--table dt .--s{
        font-size: 12px;
    }
    
    .p-kinds__price--table dt .--m{
        font-size: 12px;
    }
    
    .p-kinds__price--table dd {
        font-size: 12px;
        height: 46px;
        padding-bottom: 13px;
    }
    
    .p-kinds__price--table dd .--l {
        font-size: 18px;
    }
    
    .p-kinds__price--caution {
        font-size: 12px;
    }
}

.p-kinds__area {
    background-color: #f2f7fa;
    padding: 80px 0;
    z-index: -2;
}

.p-kinds__area .c-h2 {
    z-index: 1;
}

.p-kinds__area .c-h2::before {
    color: #fff;
    content: 'AREA';
    z-index: -1;
}

.p-kinds__area--txt {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 30px;
}

.p-kinds__area--img {
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .p-kinds__area {
        padding: 80px 0 60px;
    }
    
    .p-kinds__area--txt {
        font-size: 16px;
    }
    
    .p-kinds__area--img {
        margin-top: 30px;
    }
}

.p-kinds__point {
    padding: 80px 0;
}

.p-kinds__point .c-h2::before {
    content: 'POINT';
    top: -60px;
}

.p-kinds__point .c-h2 .--blue {
    color: #008cd6;
}

.p-kinds__point .c-h2 .--learge {
    font-size: 56px;
}

@media screen and (max-width: 768px) {
    .p-kinds__point {
        padding: 80px 0 60px;
    }
    
    .p-kinds__point .c-h2::before {
        content: 'POINT';
        top: -10px;
    }
    
    .p-kinds__point .c-h2 .--learge {
        font-size: 32px;
        line-height: .8;
    }
}

.p-kinds__caseStudy {
    background-color: #f0f5fa;
    padding: 80px 0;
}

.p-kinds__caseStudy--list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.p-kinds__caseStudy--list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    width: 49%;
}

.p-kinds__caseStudyList--img {
    border-radius: 10px 10px 0 0;
    height: 18.6vw;
    max-height: 220px;
}

.p-kinds__caseStudyList--img img {
    border-radius: 10px 10px 0 0;
}

.p-kinds__caseStudyList--cat {
    margin-top: -20px;
    padding: 0 40px;
}

.p-kinds__caseStudyList--catTxt{
    background-color: #96cc21;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    padding: 7px 11px 8px;
}

.p-kinds__caseStudyList--ttl {
    color: #008cd6;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    padding: 0 40px;
}

.p-kinds__caseStudyList--txt {
    font-size: 14px;
    line-height: 1.8;
    margin-top: 30px;
    padding: 0 40px 30px;
}

@media screen and (max-width: 768px) {
    .p-kinds__caseStudy {
        padding: 60px 0;
    }
    
    .p-kinds__caseStudy--list {
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    
    .p-kinds__caseStudy--list li {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 6px rgba(0,0,0,.16);
        width: 100%;
    }
    
    .p-kinds__caseStudyList--img {
        border-radius: 5px 5px 0 0;
        height: 30vw;
        max-height: unset;
    }

    .p-kinds__caseStudyList--img img {
        border-radius: 5px 5px 0 0;
    }
    
    .p-kinds__caseStudyList--cat {
        margin-top: -20px;
        padding: 0 40px;
    }

    .--case01 .p-kinds__caseStudyList--cat {
        padding: 0 20px;
    }
    
    .p-kinds__caseStudyList--catTxt{
        font-size: 14px;
        margin-top: 5px;
    }
    
    .p-kinds__caseStudyList--ttl {
        font-size: 18px;
        margin-top: 15px;
        padding: 0 20px;
    }
    
    .p-kinds__caseStudyList--txt {
        margin-top: 15px;
        padding: 0 20px 30px;
    }
}

.p-kinds__flow {
    padding: 80px 0;
}

.p-kinds__flow .c-h2::before {
    content: 'FLOW';
}

@media screen and (max-width: 768px) {
    .p-kinds__flow {
        padding: 80px 0 0;
    }

    .main-land .p-kinds__flow {
        padding-top: 0;
    }
}

.p-kinds__faq {
    padding: 80px 0 20px;
}

.p-kinds__faq .c-h2::before{
    content: 'FAQ';
}

@media screen and (max-width: 768px) {
    .p-kinds__faq {
        padding: 80px 0 0;
    }
}

.p-kinds__uncertainty {
    background: url(../img/page/kinds/worry-bg.png) no-repeat center center/cover;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}

.p-kinds__uncertainty::before {
    background: url(../img/page/kinds/arrow02.png) no-repeat center center/contain;
    bottom: -43px;
    content: '';
    height: 86px;
    left: calc(50% - 43px);
    position: absolute;
    width: 86px;
}

.p-kinds__uncertainty p:not(:nth-of-type(1)){
    margin-top: 20px;
}

.p-kinds__inner--uncertaintyTxt {
    font-size: 20px;
    font-weight: 700;
    padding-left: 6.7%;
}

.p-kinds__uncertainty--txt {
    background-color: #fff;
    border-radius: 100vh;
    padding: 15px 30px;
    position: relative;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}

.p-kinds__uncertainty--txt .--blue {
    color: #008cd6;
}

.p-kinds__uncertainty--txt::before {
    background-color: #fff;
    bottom: -8px;
    border-radius: 100vh;
    content: '';
    height: 22px;
    position: absolute;
    right: 0;
    width: 22px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}

.p-kinds__uncertainty--txt::after {
    background-color: #fff;
    bottom: -15px;
    border-radius: 100vh;
    content: '';
    height: 9px;
    position: absolute;
    right: -10px;
    width: 9px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}

@media screen and (max-width: 768px) {
    .p-kinds__uncertainty {
        border-radius: 10px;
        padding: 20px 20px 50px;
        position: relative;
        background: url(../img/page/kinds/worry-bg-sp.png) no-repeat center center/cover;
    }
    
    .p-kinds__uncertainty::before {
        bottom: -25px;
        height: 50px;
        left: calc(50% - 25px);
        width: 50px;
    }
    
    .p-kinds__uncertainty p:not(:nth-of-type(1)){
        margin-top: 15px;
    }
    
    .p-kinds__inner--uncertaintyTxt {
        font-size: 16px;
        padding-left: 0;
    }
    
    .p-kinds__uncertainty--txt {
        background-color: #fff;
        border-radius: 100vh;
        padding: 15px 30px;
        position: relative;
    }
    
    .p-kinds__uncertainty--txt .--blue {
        color: #008cd6;
    }
    
    .p-kinds__uncertainty--txt::before {
        background-color: #fff;
        bottom: -8px;
        border-radius: 100vh;
        content: '';
        height: 16px;
        position: absolute;
        right: 0;
        width: 16px;
    }
    
    .p-kinds__uncertainty--txt::after {
        background-color: #fff;
        bottom: -15px;
        border-radius: 100vh;
        content: '';
        height: 6px;
        position: absolute;
        right: -10px;
        width: 6px;
    }
}

.p-kinds__support.--warehouse {
    padding: 120px 0 40px;
}

.p-kinds__support.--unoccupied {
    padding: 0 0 40px;
}

@media screen and (max-width: 768px) {
    .p-kinds__support.--warehouse {
        padding: 80px 0 40px;
    }

    .p-kinds__support.--unoccupied {
        padding: 30px 0 40px;
    }
}

/*===========================================================================*/
/*  toc  */
/*===========================================================================*/
#ez-toc-container {
    margin-top: 30px;
    padding: 30px 58px !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 14px !important;
}

#ez-toc-container ul {
    font-size: 16px !important;
}

#ez-toc-container ul li::before{
    display: none !important;
}

.ez-toc-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-left: 28px !important;
    position: relative;
}

.ez-toc-title::before {
    background: url(../img/common/tocIcon.png) no-repeat center center/cover;
    content: '';
    height: 16px;
    left: 31px;
    position: absolute;
    top: 37px;
    width: 20px;
}

.ez-toc-heading-level-2 {
    margin-top: 20px !important;
}

.ez-toc-heading-level-3,
.ez-toc-heading-level-4,
.ez-toc-heading-level-5,
.ez-toc-heading-level-6 {
    margin-top: 10px !important;
}

.ez-toc-link::before {
    color: #ff9b00 !important;
}

@media screen and (max-width: 768px) {
    #ez-toc-container {
        padding: 20px 7px !important;
    }
    
    #ez-toc-container ul {
        font-size: 14px !important;
    }
    
    .ez-toc-title {
        font-size: 18px !important;
        padding-left: 22px !important;
        position: relative;
    }
    
    .ez-toc-title::before {
        height: 14px;
        top: 27.5px;
        left: 20px;
        width: 16px;
    }

    .ez-toc-title-container {
        padding-left: 37px;
    }
}

/*===========================================================================*/
/*  404  */
/*===========================================================================*/
.p-404__wrapper {
    padding: 120px 0 40px;
}

.p-404__ttl {
    color: #008cd6;
    font-size: 40px;
    text-align: center;
}

.p-404__txt {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .p-404__wrapper {
        padding: 80px 0 20px;
    }
    
    .p-404__ttl {
        font-size: 26px;
    }
    
    .p-404__txt {
        font-size: 16px;
        line-height: 1.6;
    }
}

/*===========================================================================*/
/*  area graph  */
/*===========================================================================*/
.p-kinds__area--img {
    background-color: #fff;
    padding: 60px 214px 60px 134px;
}

.p-kinds-area__inner--graph {
    position: relative;
}

.p-kinds-area__inner--graph .border {
    position: absolute;
    background-color: #e0e0e0;
    height: 100%;
    width: 1px;
    top: 0;
    z-index: 0;
}

.p-kinds-area__inner--graph .border.--01 {
    left: 90px;
}
.p-kinds-area__inner--graph .border.--02 {
    left: calc(10.3% * 1 + 90px);
}
.p-kinds-area__inner--graph .border.--03 {
    left: calc(10.3% * 2 + 90px);
}
.p-kinds-area__inner--graph .border.--04 {
    left: calc(10.3% * 3 + 90px);
}
.p-kinds-area__inner--graph .border.--05 {
    left: calc(10.3% * 4 + 90px);
}
.p-kinds-area__inner--graph .border.--06 {
    left: calc(10.3% * 5 + 90px);
}
.p-kinds-area__inner--graph .border.--07 {
    left: calc(10.3% * 6 + 90px);
}
.p-kinds-area__inner--graph .border.--08 {
    left: calc(10.3% * 7 + 90px);
}
.p-kinds-area__inner--graph .border.--09 {
    left: calc(10.3% * 8 + 90px);
}

.p-kinds-area__graph {
    position: relative;
}

.p-kinds-area__graph li {
    display: flex;
    padding-bottom: 25px;
    align-items: center;
}

.p-kinds-area__graph li.--01 {
    padding-top: 15px;
}

.p-kinds-area__graph li.--05 {
    padding-bottom: 15px;
}

.p-kinds-area__graph--ttl {
    width: 90px;
    padding-right: 15px;
    text-align: right;
    position: relative;
    font-size: 18px;
    letter-spacing: .04em;
    font-weight: 700;
}

.--01 .p-kinds-area__graph--ttl {
    color: #ff8a0d;
    font-size: 24px;
}

.--01 .p-kinds-area__graph--ttl::before {
    background: url('../img/page/kinds/area-graph-01.png') no-repeat center center/contain;
    content: '';
    height: 55px;
    left: -40px;
    position: absolute;
    top: calc(50% - 34.5px);
    width: 40px;
}
.--02 .p-kinds-area__graph--ttl::before {
    background: url('../img/page/kinds/area-graph-02.png') no-repeat center center/contain;
    content: '';
    height: 40px;
    left: -40px;
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
}
.--03 .p-kinds-area__graph--ttl::before {
    background: url('../img/page/kinds/area-graph-03.png') no-repeat center center/contain;
    content: '';
    height: 40px;
    left: -40px;
    position: absolute;
    top: calc(50% - 20px);
    width: 40px;
}

.p-kinds-area__wrapper--rate {
    width: calc(100% - 90px);
}

.p-kinds-area__rate {
    position: relative;
}

.--01 .p-kinds-area__rate {
    height: 50px;
    background-color: #ffac02;
}

.--02 .p-kinds-area__rate {
    height: 40px;
    background-color: #018cd6;
}

.--03 .p-kinds-area__rate {
    height: 40px;
    background-color: #018cd6;
}

.--04 .p-kinds-area__rate {
    height: 40px;
    background-color: #bbc4cc;
}

.--05 .p-kinds-area__rate {
    height: 40px;
    background-color: #bbc4cc;
}

.p-kinds-area__graph--numbers {
    position: absolute;
    left: calc(100% + 15px);
    width: 120px;
    top: 7px;
}

.--01 .p-kinds-area__graph--numbers {
    top: 1px;
}

.p-kinds-area__graph--number {
    font-size: 24px;
    font-weight: 700;
}

.p-kinds-area__graph--numberTxt {
    font-size: 16px;
}

.--01 .p-kinds-area__graph--number {
    font-size: 40px;
    color: #ff8a0d;
}

.--01 .p-kinds-area__graph--numberTxt {
    color: #ff8a0d;
}

.p-kinds__graph--txt {
    font-size: 14px;
    color: #2f3b50;
    margin-top: 20px;
    text-align: right;
}

.p-case-ref {
    margin-top: 100px;
}

.p-case-ref__body {
    margin-top: 32px
}

.p-case-ref-cont {
    background: #fff;
    border: solid 1px #d6d6d6;
    border-radius: 10px;
    overflow: hidden;
}

.p-case-ref-cont__tabs {
    display: flex;
}

.p-case-ref-cont__tab {
    flex: 1 0 0px;
    border-bottom: solid 1px #d6d6d6;
}

.p-case-ref-cont__tab.is-active button {
    background: #008edb;
    color: #fff;
}

.p-case-ref-cont__tab:not(:last-child) {
    border-right: solid 1px #d6d6d6;
}

.p-case-ref-cont__tab button {
    width: 100%;
    height: 48px;
    font-size: 20px;
    font-weight: 700;
    color: #2c3b52;
    text-align: center;
}

.p-case-ref-panel {
    padding: 36px 50px 38px;
    color: #2c3b52;
    display: none;
}

.p-case-ref-panel.is-active {
    display: block;
}

.p-case-ref-panel__head {
    text-align: center;
}

.p-case-ref-panel__subttl {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.p-case-ref-panel__ttl {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 29px;
}

.p-case-ref-panel__data {
    border-radius: 10px;
    overflow: hidden;
}

.p-case-ref-panel__price,
.p-case-ref-panel__info {
    background: #f1f7fa;
}

.p-case-ref-panel__price {
    margin-bottom: 5px;
    text-align: center;
    padding: 44px 0 45px;
}

.p-case-ref-panel__price-ttl {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: -2px;
}

.p-case-ref-panel__price-value {
    font-size: 24px;
    font-weight: 700;
}

.p-case-ref-panel__price-value span {
    font-family: 'Alata', sans-serif;
    font-size: 48px;
    font-weight: 400;
    color: #008edb;
}

.p-case-ref-panel__other {
    display: flex;
    column-gap: 5px;
}

.p-case-ref-panel__info {
    flex: 1 0 0px;
    text-align: center;
    padding: 17px 0 16px;
}

.p-case-ref-panel__info-ttl {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 2px;
}

.p-case-ref-panel__info-value {
    font-size: 14px;
    font-weight: 700;
}

.p-case-ref-panel__info-value span {
    font-family: 'Alata', sans-serif;
    font-size: 25px;
}

.p-case-ref-panel__note {
    font-size: 14px;
    font-weight: 700;
    color: #5b5b5b;
    text-align: right;
    margin-top: 7px;
}

@media screen and (max-width: 768px) {
    .p-case-ref {
        margin-top: 80px;
    }
    
    .p-case-ref-cont__tab button {
        font-size: 14px;
        height: 44px;
    }

    .p-case-ref-panel {
        padding: 20px;
    }

    .p-case-ref-panel__subttl {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .p-case-ref-panel__ttl {
        font-size: 25px;
        margin-bottom: 18px;
    }

    .p-case-ref-panel__price {
        padding: 25px 0;
    }
    
    .p-case-ref-panel__price-ttl {
        font-size: 14px;
    }

    .p-case-ref-panel__price-value {
        font-size: 18px;
    }

    .p-case-ref-panel__price-value span {
        font-size: 40px;
    }

    .p-case-ref-panel__info-ttl {
        font-size: 14px;
    }

    .p-case-ref-panel__info-value span {
        font-size: 22px;
    }

    .p-case-ref-panel__note {
        font-size: 12px;
        font-weight: 400;
    }
}

.p-case-soba {
    margin-top: 76px;
}

.p-case-soba__desc {
    font-size: 16px;
    line-height: 2;
    margin-top: 17px;
}

.p-case-soba__desc span {
    font-weight: 700;
    color: #008edb;
}

.p-case-soba-cont {
    border: solid 1px #d6d6d6;
    background: #fff;
    border-radius: 10px;
    padding: 59px 49px 56px;
    margin-top: 48px;
    color: #2c3b52;
}

.p-case-soba-cont__tabs {
    display: flex;
    border: solid 1px #83c400;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 36px;
}

.p-case-soba-cont__tab {
    flex: 1 0 0px;
}

.p-case-soba-cont__tab:not(:last-child) {
    border-right: solid 1px #83c400;
}

.p-case-soba-cont__tab button {
    background: #f1fcdb;
    color: #83c400;
    width: 100%;
    height: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.p-case-soba-cont__tab.is-active button {
    background: #83c400;
    color: #fff;
}

.p-case-soba-panel {
    display: none;
}

.p-case-soba-panel.is-active {
    display: block;
}

.p-case-soba-panel__ttl {
    font-size: 24px;
    font-weight: 700;
    color: #83c400
}

.p-case-soba-panel__desc {
    line-height: 2;
    margin-top: 19px;
}

.p-case-soba-panel__tbl-rapper {
    margin-top: 43px;
    overflow: auto;
}

.p-case-soba-tbl {
    border-collapse: collapse;
    min-width: 100%;
    font-family: 'Alata', 'Noto Sans JP', sans-serif;
}

.p-case-soba-tbl__row {
    display: none;
}

.p-case-soba-tbl th,
.p-case-soba-tbl td {
    border: solid 1px #d6d6d6;
    padding: 12px 23px 11px;
    white-space: nowrap;
    vertical-align: middle;
}

.p-case-soba-tbl th:first-child,
.p-case-soba-tbl td:first-child {
    background: #f1fcdb;
}

.p-case-soba-tbl th {
    font-size: 14px;
    font-weight: 400;
}

.p-case-soba-tbl td {
    padding: 13px 23px;
}

.p-case-soba-tbl__em {
    font-size: 20px;
}

.p-case-soba-tbl__unit {
    font-size: 12px;
}

.p-case-soba-tbl__madori {
    letter-spacing: .22em;
}

.p-case-soba__more {
    text-align: center;
    margin-top: 38px;
}

.p-case-soba__more button {
    width: 100%;
    max-width: 320px;
    border: solid 1px #83c400;
    color: #83c400;
    height: 52px;
    border-radius: 11px;
    background: url('../img/page/case/soba-more-arrow.png') center right 17px / 14px no-repeat;
}

.p-case-soba__note {
    font-size: 14px;
    margin-top: 25px;
    line-height: 1.5;
}

@media screen and (max-width: 768px) {
    .p-case-soba__desc {
        font-size: 14px;
    }

    .p-case-soba-cont {
        padding: 20px;
    }

    .p-case-soba-cont__tabs {
        margin-bottom: 26px;
    }

    .p-case-soba-cont__tab button {
        font-size: 14px;
        height: 44px;
    }

    .p-case-soba-panel__ttl {
        font-size: 20px;
    }

    .p-case-soba-panel__tbl-rapper {
        margin-top: 25px;
    }

    .p-case-soba__more {
        margin-top: 27px;
    }

    .p-case-soba__more button {
        height: 44px;
    }

    .p-case-soba-tbl th,
    .p-case-soba-tbl td {
        padding: 10px;
    }

    .p-case-soba-tbl th {
        font-size: 12px;
    }

    .p-case-soba-tbl__em {
        font-size: 16px;
    }
}


@media screen and (max-width: 768px) {
    .p-kinds__area--img {
        padding: 15px 62px 15px 27px;
    }
    
    .p-kinds-area__inner--graph .border.--01 {
        left: 40px;
    }
    .p-kinds-area__inner--graph .border.--02 {
        left: calc(9.7% * 1 + 40px);
    }
    .p-kinds-area__inner--graph .border.--03 {
        left: calc(9.7% * 2 + 40px);
    }
    .p-kinds-area__inner--graph .border.--04 {
        left: calc(9.7% * 3 + 40px);
    }
    .p-kinds-area__inner--graph .border.--05 {
        left: calc(9.7% * 4 + 40px);
    }
    .p-kinds-area__inner--graph .border.--06 {
        left: calc(9.7% * 5 + 40px);
    }
    .p-kinds-area__inner--graph .border.--07 {
        left: calc(9.7% * 6 + 40px);
    }
    .p-kinds-area__inner--graph .border.--08 {
        left: calc(9.7% * 7 + 40px);
    }
    .p-kinds-area__inner--graph .border.--09 {
        left: calc(9.7% * 8 + 40px);
    }
    
    .p-kinds-area__graph li {
        display: flex;
        padding-bottom: 10px;
        align-items: center;
    }
    
    .p-kinds-area__graph li.--01 {
        padding-top: 6px;
    }
    
    .p-kinds-area__graph li.--05 {
        padding-bottom: 6px;
    }
    
    .p-kinds-area__graph--ttl {
        width: 40px;
        padding-right: 9px;
        font-size: 10px;
    }
    
    .--01 .p-kinds-area__graph--ttl {
        color: #ff8a0d;
        font-size: 12px;
    }
    
    .--01 .p-kinds-area__graph--ttl::before {
        height: 25px;
        left: -18px;
        top: calc(50% - 15px);
        width: 18px;
    }
    .--02 .p-kinds-area__graph--ttl::before {
        height: 18px;
        left: -18px;
        top: calc(50% - 9px);
        width: 18px;
    }
    .--03 .p-kinds-area__graph--ttl::before {
        height: 18px;
        left: -18px;
        top: calc(50% - 9px);
        width: 18px;
    }
    
    .p-kinds-area__wrapper--rate {
        width: calc(100% - 40px);
    }
    
    .--01 .p-kinds-area__rate {
        height: 20px;
    }
    
    .--02 .p-kinds-area__rate {
        height: 20px;
    }
    
    .--03 .p-kinds-area__rate {
        height: 20px;
    }
    
    .--04 .p-kinds-area__rate {
        height: 20px;
    }
    
    .--05 .p-kinds-area__rate {
        height: 20px;
    }
    
    .p-kinds-area__graph--numbers {
        left: calc(100% + 4px);
        width: 70px;
        top: 1px;
    }
    
    .--01 .p-kinds-area__graph--numbers {
        top: 1px;
    }
    
    .p-kinds-area__graph--number {
        font-size: 12px;
        letter-spacing: 0;
    }
    
    .p-kinds-area__graph--numberTxt {
        font-size: 8px;
        margin-left: -3px;
    }
    
    .--01 .p-kinds-area__graph--number {
        font-size: 14px;
    }
    
    .p-kinds__graph--txt {
        font-size: 8px;
        margin-top: 10px;
    }
}