@charset "utf-8";

@media print,
screen and (max-width:767px) {

    .flopd_font {
        font-family: FLOPDesignFont, "游ゴシック Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;

    }

    .smart_contents {
        z-index: 1;
        bottom: 0;
        width: 100%;
        height: 80px;
    }

    .footer-logo {
        height: 50px;
        position: fixed;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 10px;
        opacity: 0.4;
        z-index: 99999;
    }

    .top-back {
        position: fixed;
        bottom: 85px;
        right: 20px;
        width: 50px;
        height: 50px;
        text-align: center;
        padding-top: 16px;
        border-style: solid;
        background: rgba(255, 255, 255, 0.3);
        border-width: 1px;
        border-color: #d1dcdd;
    }

    .top-back span {
        position: relative;
        color: #d1dcdd;
    }

    .top-back a {
        padding-top: 20px;
    }

    .top-back span::before {
        content: "";
        border-style: solid;
        border-left-color: transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        color: #d1dcdd;
        border-width: 9px;
        position: absolute;
        top: -23px;
        right: 11px;
        margin: auto;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="url"],
    textarea {
        width: 100%;
    }

    body {
        background: #f2f9f9;
        font-family: "游ゴシック Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
        color: #525d5e;
        letter-spacing: 1px;
        line-height: 1.8;
        font-size: 1.6rem;
    }

    body::after {
        content: "";
        width: 100%;
        height: 60px;
        position: fixed;
        bottom: 0;
        background: #f2f9f9;
        border-top-style: solid;
        border-color: #a4b9bb;
        border-width: 1px;
        z-index: 2;
    }

    .font_change {
        display: none;
    }

    .load-old {
        display: none;
    }

    #loader {
        background: #f2f9f9 !important;
    }

    a {
        color: #525d5e;
        text-decoration: none;
    }

    a:link {
        color: #525d5e;
        text-decoration: none;
    }

    a:visited {
        color: #525d5e;
        text-decoration: none;
    }

    a:hover {
        color: #57aabf;
        text-decoration: none;
    }

    a:focus {
        color: #525d5e;
        text-decoration: none;
    }

    a:active {
        color: #525d5e;
        text-decoration: none;
    }

    tbody tr td {
        border-top-style: solid;
        border-width: 1px;
        border-color: #d1dcdd;
    }

    .top_h1 {
        margin-top: -27px !important;
        color: white;
    }

    .color_change {}

    .typewriter {
        visibility: hidden;
        display: none;
    }

    .typewriter-load {
        display: none;
    }

    .light {
        animation: blink 1s infinite;
    }

    @keyframes blink {
        to {
            opacity: .0;
        }
    }

    .max500 {
        max-height: 500px;
        overflow: scroll;
    }

    .mt0 {
        margin-top: 0 !important;
    }

    #box {
        position: fixed;
        bottom: 15vh;
        right: 320px;
        width: 30px;
    }

    .lmenu-on {
        display: block;
        -webkit-animation-name: right_slide;
        -webkit-animation-duration: 0.6s;
        animation-name: right_slide;
        animation-duration: 0.6s;
        margin-right: 0 !important;
        z-index: 999999;
        padding-right: 10px;
        right: 0 !important;
    }

    .rmenu-on {
        display: block;
        -webkit-animation-name: left_slide;
        -webkit-animation-duration: 0.6s;
        animation-name: left_slide;
        animation-duration: 0.6s;
        margin-left: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .rmenu img,
    .lmenu img {
        display: none;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .menu-trigger {
        position: relative;
        width: 50px;
        height: 44px;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 40px;
        height: 4px;
        background-color: #d1dcdd;
        border-radius: 4px;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 4px;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 17px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 10px;
    }

    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) rotate(-45deg);
        transform: translateY(20px) rotate(-45deg);
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg);
    }

    .menu-trigger2,
    .menu-trigger2 span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    .menu-trigger2 {
        position: relative;
        width: 50px;
        height: 44px;
    }

    .menu-trigger2 span {
        position: absolute;
        left: 0;
        width: 40px;
        height: 4px;
        background-color: #d1dcdd;
        border-radius: 4px;
    }

    .menu-trigger2 span:nth-of-type(1) {
        top: 4px;
    }

    .menu-trigger2 span:nth-of-type(2) {
        top: 17px;
    }

    .menu-trigger2 span:nth-of-type(3) {
        bottom: 10px;
    }

    .menu-trigger2.active span:nth-of-type(1) {
        -webkit-transform: translateY(20px) rotate(-45deg);
        transform: translateY(20px) rotate(-45deg);
    }

    .menu-trigger2.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger2.active span:nth-of-type(3) {
        -webkit-transform: translateY(-6px) rotate(45deg);
        transform: translateY(-6px) rotate(45deg);
    }

    .inner {
        padding: 0;
    }

    .menu_circle {
        display: none;
    }

    .pagenavi {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 100px;
        display: block;
        position: relative;
        height: 100px;
    }

    .page-numbers {
        margin-right: 10px;
        margin-top: 5px;
        font-size: 15px;
    }

    .current {}

    .navigation.pagination {
        margin-top: 20px;
    }

    .screen-reader-text {
        display: none;
    }

    .nav-links {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 80px;
    }

    .page-numbers.current {
        padding: 2px;
        border-style: solid;
        border-width: 1px;
    }

    .next.page-numbers {
        float: right;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }

    .prev.page-numbers {
        float: left;
        margin-top: 0;
        overflow: hidden;
    }

    .photo_actual_top {
        width: 13.3%;
        height: 9.5vh;
        margin-top: 1vh;
        display: inline-block;
    }

    .promo_logo_box {
        position: relative;
        width: calc(100% + 40px);
        margin-top: -27px;
        margin-left: -20px;
        background: white;
        padding: 10px 20px;
        padding-bottom: 40px;
        margin-bottom: -20px;
    }

    .promo-logo {
        width: 100%;
        margin: auto;
        padding: 0 20px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    input[type="password"],
    input[type="url"],
    textarea {
        border-color: #d1dcdd;
        color: #292e2f;
    }

    .css_change {
        position: fixed;
        top: 26px;
        right: 145px;
        height: 23px;
        color: #65b0c3;
        border-color: #d1d1d1;
        background: white;
    }

    select {
        border: 0;
        outline: 2px solid #ccc;
        outline-offset: -1px;
    }

    /* メニューアニメーション関連 サービス　 ***********************************************************************/

    .mini_menu,
    .mini_menu_company,
    .mini_menu_other {
        display: none;
        text-align: right;
    }

    .on,
    .on_company,
    .on_other,
    .on_other ul li {
        display: block;
    }

    .on ul li,
    .on_company ul li {
        position: relative;
    }

    .on ul li::before,
    .on_company ul li::before,
    .on_other ul li::before {
        content: "";
        width: 151px;
        height: 2px;
        background: #d1dcdd;
        position: absolute;
        right: 5px;
        z-index: 1;
        top: 33px;
    }

    @-webkit-keyframes height_change {
        0% {
            margin-top: -130px;
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            margin-top: 0px !important;
            opacity: 0;
        }
    }

    @-webkit-keyframes height_change_other {
        0% {
            margin-top: -205px;
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            margin-top: 0px !important;
            opacity: 0;
        }
    }

    .mini_menu,
    .mini_menu_company,
    .mini_menu_other {
        display: none;
        text-align: right;
    }

    .hover:hover,
    .hover_company:hover,
    .hover_other:hover {

        cursor: ns-resize;
    }

    .on_company {
        display: block;
        -webkit-animation-name: height_change;
        -webkit-animation-duration: 0.6s;
        animation-name: height_change;
        animation-duration: 0.6s;
    }

    .on {
        display: block;
        -webkit-animation-name: height_change_other;
        -webkit-animation-duration: 1.0s;
        animation-name: height_change_other;
        animation-duration: 1.0s;
    }

    @-webkit-keyframes left_in {
        0% {
            opacity: 0;
            margin-right: 140px;
        }

        100% {
            margin-right: 0px !important;
        }
    }

    .menu_list {
        background: #f2f9f9;
    }

    .on_company ul {
        height: 140px;
        background: #f2f9f9;
    }

    .on ul {
        height: 210px;
    }

    .on ul li:nth-child(3) {
        animation-delay: 0.6s;
    }

    .on ul li:nth-child(4) {
        animation-delay: 0.8s;
    }

    .on ul li,
    .on_company ul li,
    .on_other ul li {
        -webkit-animation-name: left_in;
        -webkit-animation-duration: 0.6s;
        animation-name: left_in;
        animation-duration: 0.6s;
        padding: 10px 15px;
        position: relative;
        line-height: 19px;
    }

    .on ul li:nth-child(1),
    .on_company ul li:nth-child(1),
    .on_other ul li:nth-child(1) {
        animation-delay: 0.2s;
    }

    .on ul li:nth-child(2),
    .on_company ul li:nth-child(2),
    .on_other ul li:nth-child(2) {
        animation-delay: 0.4s;
    }

    .on ul li:nth-child(3),
    .on_company ul li:nth-child(3),
    .on_other ul li:nth-child(3) {
        animation-delay: 0.6s;
    }

    .on ul li:nth-child(4) {
        animation-delay: 0.8s;
    }

    .on ul li:nth-child(5) {
        animation-delay: 1.0s;
    }

    /* メニューアニメーション関連 その他　 ***********************************************************************/

    .on_other {
        display: block;
        -webkit-animation-name: height_change_other;
        -webkit-animation-duration: 1.0s;
        animation-name: height_change_other;
        animation-duration: 1.0s;
    }

    .on_other ul {
        height: 210px;
        background: #f2f9f9;
    }

    .on_other ul li:nth-child(4) {
        animation-delay: 0.8s;
    }

    .on_other ul li:nth-child(5) {
        animation-delay: 1.0s;
    }

    /* 左サイドバー　 ***********************************************************************/

    .imitu {
        width: 92%;
        margin: 90px 15px -78px !important;
    }

    .detail {
        position: relative;
    }

    .detail::after {
        content: " ";
        position: absolute;
        top: 11px;
        width: 0;
        right: 7px;
        height: 0;
        border-width: 10px 8px 8px 8px;
        border-style: solid;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
        color: #79bbcc;
    }

    .ps__rail-x,
    .ps__rail-y {
        opacity: 0 !important;
    }

    .l-sidebar {
        width: 245px;
        height: 500px;
        margin-right: -300px;
        top: 0;
        transition: all .4s;
        right: 0;
        background: #f2f9f9;
        position: fixed;
    }

    .l-sidebar_wrapper {
        position: fixed;
        width: 245px;
        height: 77vh;
        overflow-y: scroll;
        margin-top: 85px;
        -ms-overflow-style: none;
        background: #f2f9f9;
    }

    .scrollbar_none::-webkit-scrollbar {
        display: none;
    }

    .scrollbar_none {
        height: 200px;
        overflow-y: auto;
        -ms-overflow-style: none;
    }

    .logo_2 {
        display: none;
    }

    .logo_box {
        margin-top: 20px;
        margin-bottom: 10px;
        padding: 6px 15px;
        width: 245px;
        height: 60px;
    }

    .reflection {
        display: inline-block;
        position: fixed;
        ;
        overflow: hidden;
    }

    .reflection:after {
        content: "";
        height: 100%;
        width: 30px;
        position: absolute;
        top: -180px;
        left: 0;
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -webkit-animation: reflection 5s ease-in-out;
    }

    @keyframes reflection {
        0% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0;
        }

        80% {
            -webkit-transform: scale(0) rotate(45deg);
            opacity: 0.5;
        }

        81% {
            -webkit-transform: scale(4) rotate(45deg);
            opacity: 1;
        }

        100% {
            -webkit-transform: scale(50) rotate(45deg);
            opacity: 0;
        }
    }

    .menu-list {
        width: 100%;
    }

    .ruby {
        font-size: 13px;
        color: #57aabf;
    }

    .list_title.estimate {
        border-color: #909090;
        background: #defdff;
    }

    .list_title b {
        display: block;
        padding: 10px 10px 0 10px;
        font-size: 25px;
        letter-spacing: 5px;
        line-height: 25px;
    }

    .blog_article {
        border-bottom-style: solid;
        border-width: 1px;
        border-color: #d1dcdd;
    }

    .blog {
        margin: 5px 10px;
        border-style: solid;
        border-width: 2px;
        position: relative;
        border-color: #d1dcdd;
        background: white;
    }

    .logo_single {
        text-align: left;
        margin-left: 0;
        padding-left: 30px;
        margin-bottom: 0;
    }

    .object3 {
        display: none;
    }

    .sankaku-top {
        position: absolute;
        right: 0;
        width: 20px;
        margin: 2px;
    }

    .blog h2 {
        padding: 3px 15px;
        font-size: 19px;
        letter-spacing: 5px;
        font-weight: bold;
        margin-bottom: -15px;
    }

    .blog_wrapper {
        padding-top: 30px;
    }

    .spec_contents {
        padding: 20px 10px 10px 10px;
        overflow: hidden;
    }

    .spec_img {
        width: 70px;
        height: 80px;
        float: left;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .spec_list {
        width: 131px;
        float: left;
        line-height: 20px;
    }

    .blog .spec_list h2 {
        color: #57aabf;
        margin: 0;
    }

    .spec_list span {
        font-size: 13px;
        padding-left: 10px;
    }

    .spec_list img {
        display: none;
    }

    .article_contents {
        padding: 2px 8px 10px;
        font-size: 13px;
        line-height: 20px;
    }

    .object3::after {
        content: "-"
    }

    .arrow_contact {
        position: fixed;
        width: 400px;
        z-index: 99999;
        left: 290px;
        background: white;
        padding: 20px;
        display: none;
        border-style: solid;
        border-color: #ac2258;
    }

    .arrow_contact:after {
        content: " ";
        position: absolute;
        top: 20px;
        left: -28px;
        width: 0;
        height: 0;
        border-width: 10px 10px 10px 10px;
        border-style: solid;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-top-color: transparent;
        color: #269ba2;
    }

    .side_on {
        opacity: 1;
    }

    .menu_hide {
        opacity: 0.6;
    }

    .menu_appier {
        opacity: 1;
    }

    .arrow_appier {
        display: block;
    }

    /* 右サイドバー　 ***********************************************************************/

    .r-sidebar {
        width: 270px;
        height: 900px;
        float: right;
        position: fixed;
        margin-left: -390px;
        overflow: scroll;
        padding-top: 20px;
        background: #f2f9f9;
        transition: all .4s;
        top: 0;
        z-index: 999999;
    }

    .r-sidebar_wrapper .widget-area {
        top: -37px;
        right: 73px;
    }

    .news_block {
        border-style: solid;
        border-width: 2px;
        border-color: #d1dcdd;
        background: white;
        height: 215px;
        overflow: hidden;
        position: relative;
    }

    .news_block h2 {
        padding: 7px 15px;
        font-size: 19px;
        letter-spacing: 5px;
        font-weight: bold;
    }

    .news_block p {
        padding: 20px;
        font-size: 13px;
        line-height: 25px;
    }

    .news_block small {
        bottom: 5px;
        right: 30px;
        position: absolute;
        font-size: 13px;
    }

    .actual {
        margin-top: 5px;
        position: relative;
        padding-bottom: 150px;
    }

    .modal_actual {
        width: 100%;
    }

    .actual.search {
        padding-bottom: 0;
    }

    .cat-item {
        display: inline-block;
        margin: 0 3px 3px 0;
        border-style: solid;
        border-width: 1px;
        line-height: 23px;
        font-size: 13px;
        float: left;
    }

    .cat-item a {
        padding: 4px 10px;
        width: 100%;
        height: 100%;
        margin: auto;
    }

    .cat-item a:hover {
        color: white;
        background: #556061;
        display: block;
        line-height: 15px;
    }

    .cat-item-3 {}

    .cat-item-3:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-3 a:hover {}

    .cat-item-12 {}

    .cat-item-12:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-12 a:hover {}

    .cat-item-13 {}

    .cat-item-13:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-13 a:hover {}

    .cat-item-9 {}

    .cat-item-9:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-9 a:hover {}

    .cat-item-4 {}

    .cat-item-4:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-4 a:hover {}

    .cat-item-99999 {}

    .cat-item-99999:hover {
        background: none;
        border-style: solid;
    }

    .cat-item-99999 a:hover {}

    .actual_link {
        padding: 10px 10px 30px;
        text-align: right;
    }

    .actual h2 {
        padding: 0px 15px;
        font-size: 19px;
        letter-spacing: 5px;
        font-weight: bold;
        text-align: center;
        border-style: solid solid none;
        border-width: 2px;
        border-color: #d1dcdd;
    }

    .white_top_damy {
        height: 2px;
        width: 146px;
        position: absolute;
        top: 0;
    }

    .actual::before {}

    .actual_wrapper {
        border-style: solid;
        border-width: 2px;
        border-color: #d1dcdd;
        background: white;
        height: auto;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .actual_wrapper ul {
        padding: 10px 10px 0;
    }

    .actual_contents {
        width: 50%;
        float: left;
        padding: 12px 10px 5px 10px;
    }

    .actual_contents h3 {
        font-size: 13px;
        padding: 3px;
        line-height: 19px;
    }

    .actual_photo {
        width: 100%;
        height: 115px;
        border-style: solid;
        border-width: 1px;
    }

    .actual_photo {
        background-blend-mode: color-dodge !important;
    }

    .actual_photo h3 {
        padding: 5px;
        font-size: 13px;
    }

    /* メインコンテンツ　 ***********************************************************************/

    .main {
        width: 100%;
        overflow-x: hidden;
        -ms-overflow-style: none;
        color: #292e2f;
        margin-bottom: 30px;
        padding: 0 15px 30px;
    }

    .topright {
        display: none;
    }

    .topleft {
        display: none;
    }

    .bottomright {
        display: none;
    }

    .bottomleft {
        display: none;
    }

    .list_title {
        height: 70px;
        margin: 5px 10px;
        position: relative;
        border-style: solid;
        border-width: 2px;
        border-color: #d1dcdd;
        background: white;
        text-align: center;
    }

    .top-line {
        display: none;
    }

    .top-line>img {
        display: none;
    }

    .top-line::after {
        content: "";
        width: calc(100vw - 954px);
        height: 2px;
        position: absolute;
        left: 103%;
        top: 3px;
        z-index: 1;
    }

    .top-line::before {
        content: "";
        width: 150px;
        height: 2px;
        position: absolute;
        right: 102%;
        top: 3px;
        z-index: 1;
    }

    .bottom-line {
        position: absolute;
        bottom: -8px;
        right: 150px;
        z-index: 1;
    }

    .bottom-line>img {
        display: none;
    }

    .bottom-line::after {
        content: "";
        width: 146px;
        height: 2px;
        position: absolute;
        left: 103%;
        top: 4px;
        z-index: 1;
    }

    .bottom-line::before {
        content: "";
        width: calc(100vw - 886px);
        height: 2px;
        position: absolute;
        right: 102%;
        top: 5px;
        z-index: 1;
    }

    .main-bottom {
        display: none;
    }

    .main-bottom-wrapper {
        float: right;
        width: 100%;
        height: calc(11vh - 20px);
        margin-bottom: 1vh;
        padding-left: 5px;
        text-align: center;
    }

    .bottom_title {
        position: absolute;
        padding: 0px 5px;
        top: -6px;
        background: #2b3030;
        color: white;
    }

    .main-bottom-wrapper .bottom-more {
        position: absolute;
        right: -5px;
        top: -17px;
        text-shadow: 0px 0px 1px #ffffff;
    }

    .main-bottom-wrapper .bottom-more:hover {}

    .modal_bottom {
        display: block;
        color: #ae275c;
    }

    .promo {
        display: none;
    }

    .main_wrapper {
        width: 100%;
        margin: 0;
        background: #f2f7fa;
    }

    .rmenu {
        width: 55px;
        position: fixed;
        bottom: 28px;
        right: 5px;
        margin-top: 30px;
        z-index: 99999;
        height: 28px;
    }

    .rmenu::after {
        content: "";
        position: absolute;
        bottom: -35px;
        right: 6px;
        color: #d1dcdd;
        font-size: 12px;
    }

    .lmenu {
        width: 55px;
        position: fixed;
        bottom: 28px;
        left: 15px;
        margin-top: 30px;
        z-index: 99999;
        height: 28px;
    }

    .lmenu::after {
        content: "";
        position: absolute;
        bottom: -35px;
        right: 6px;
        color: #d1dcdd;
        font-size: 12px;
    }

    .sankaku {
        display: none;
    }

    .contact-box {
        position: absolute;
        bottom: 14vh;
        padding: 0 0 13px 0;
        left: 7px;
    }

    .contact-box p {
        float: right;
        margin-top: 19px;
    }

    .contact-box p:hover {}

    .contact-box h2 {
        font-size: 20px;
        margin-top: 10px;
        margin-right: 120px;
        margin-bottom: -20px;
        float: left;
        border-style: solid;
        border-width: 1px;
        background: white;
    }

    .form_on {
        background: white;
        border-color: #2b3030;
    }

    .type_area {
        color: #57aabf !important;
    }

    .contact_submit2 {
        color: #65b1c4 !important;
        border-width: 1px;
        border-style: solid !important;
        padding: 5px !important;
        border-color: #d1dcdd !important;
        background: #f2f9f9 !important;
    }

    .contact_submit2:hover {
        border-color: #dee7e8 !important;
        background: white !important;
    }

    .contact_button h2 {
        padding: 0 5px;
    }

    .picture_contents {
        width: 100%;
        height: 250px;
        margin-top: 30px;
        position: relative;
        background-position: unset !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .white_damy_top {
        display: none;
    }

    .white_damy_bottom {
        display: none;
    }

    .site_left {
        display: none;
    }

    .site_right {
        display: none;
    }

    .yellow_slash {
        display: none;
    }

    .yellow_damy {
        display: none;
    }

    .point {
        width: 100%;
        position: relative;
        padding: 0px 0 20px 0;
        text-align: right;
    }

    .site_contents01 .site_keyword {
        padding: 0px 4px;
        background: #a4b9bb;
        color: white;
        display: inline-block;
        font-weight: normal;
        border-radius: 0;
        line-height: 23px;
    }

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

    .point>span {
        font-size: 21px;
        padding: 0px 20px;
        width: 100%;
        display: block;
        text-align: center;
        color: #ac2258;
    }

    .point-topright {
        display: none;
    }

    .point-topleft {
        display: none;
    }

    .point-bottomright {
        display: none;
    }

    .point-bottomleft {
        display: none;
    }

    .second_contents {
        float: left;
        border-style: solid;
        border-width: 2px;
        position: relative;
        padding: 10px 10px 30px;
        background: white;
        border-color: #d1dcdd;
        margin-top: 10px;
    }

    .left_contents_zone .site_keyword {
        padding: 0px 5px;
        background: #a4b9bb;
        color: white;
        border-radius: 0;
    }

    .yellow_slash2 {
        display: none;
    }

    .blue_line {
        display: none;
    }

    .second_contents>h2 {
        font-size: 18px;
        color: #ac2258;
        text-align: center;
    }

    .blue_line>img {
        display: none;
    }

    .blue_line::before {
        content: "";
        width: 61px;
        height: 1px;
        position: absolute;
        z-index: 1;
        left: -1px;
        top: -1px;
    }

    .blue_line::after {
        display: none;
    }

    .site_contents01 {
        padding: 10px 0;
    }

    .site_contents01 ul li {}

    .left {
        width: 100%;
        margin-top: 35px;
        overflow: scroll;
    }

    .left_contents_zone {
        padding: 10px 0;
    }

    .right {
        width: 100%;
        margin-top: 15px;
    }

    .grey {
        margin-right: 15px;
        display: inline-block;
    }

    .site_contents01_box {
        padding: 5px 0;
    }

    .control_area {
        overflow: hidden;
        margin: 0 auto;
        display: inline-flex;
        padding-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }

    .next,
    .previous,
    .prev {
        max-height: 50px;
        background: #d1dcdd;
        padding: 5px 10px;
        width: 50%;
    }

    .next:hover,
    .prev:hover {
        background: none;
    }

    /* company　 ***********************************************************************/

    .company {
        position: relative;
        width: 825px;
        height: 440px;
        overflow-x: scroll;
        margin: 0 auto;
        margin-top: 30px;
        line-height: 20px;
        background: slategrey;
        left: -14px;
        color: #697374;
        font-size: 13px;
    }

    .company_wrapper {
        width: 100%;
        overflow: scroll;
    }

    .company strong {
        font-weight: normal;
        color: #57aabf;
    }

    .company_info {
        background: url(img/company-info.png);
        background-size: contain;
        width: 614px;
        height: 298px;
        position: absolute;
        right: 146px;
        top: 60px;
    }

    .company_contents1 {
        position: absolute;
        width: fit-content;
        right: 120px;
        top: 7px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        border-color: #525d5e;
        background: #f2f9f9;
    }

    .company_contents1 span {}

    .company_contents2 {
        position: absolute;
        right: 55px;
        top: 155px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        border-color: #525d5e;
        background: #f2f9f9;
    }

    .company_contents3 {
        position: absolute;
        top: 340px;
        right: 150px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        border-color: #525d5e;
        background: #f2f9f9;
    }

    .company_contents4 {
        position: absolute;
        left: 20px;
        top: 80px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        border-color: #525d5e;
        background: #f2f9f9;
    }

    .company_contents5 {
        position: absolute;
        top: 360px;
        left: 100px;
        border-style: solid;
        border-width: 1px;
        padding: 10px;
        border-color: #525d5e;
        background: #f2f9f9;
    }

    .company_bottom_contents {
        margin: 30px 0px;
        background: white;
        padding: 5px 15px;
    }

    .company_bottom_contents strong {
        font-weight: normal;
    }

    .company_bottom_contents h2 {
        margin-bottom: 10px;
        font-size: 20px;
        color: #5cacc0;
    }

    /* archive　 ***********************************************************************/

    .archive_wrapper {
        margin-top: 30px;
    }

    .archive_wrapper a {
        padding: 0;
    }

    .archive_wrapper a:hover {
        opacity: 0.8;
    }

    .archive_menu>img {
        display: none;
    }

    .archive_menu {
        overflow: hidden;
        padding-top: 30px;
    }

    .archive_menu>h1,
    .archive_menu>h2 {
        overflow: hidden;
        padding-top: 80px;
    }

    .archive_menu h1 span,
    .archive_menu h2 span {}

    .archive_box {
        width: 100%;
        padding: 10px 0;
        position: relative;
        margin-bottom: 20px;
    }

    .archive_left_wrapper {
        width: 100%;
        position: relative;
    }

    .archive_left_wrapper_photo>span {
        float: right;
        margin-top: 5px;
        margin-bottom: 20px;
        text-align: center;
    }

    .archive_left_wrapper_photo {
        width: 100%;
        position: relative;
        height: 250px;
    }

    .archive_box .bf-click-counter {
        margin-top: 0;
    }

    .photo_info {}

    .btn-default {
        width: 100%;
        display: block;
        text-align: center;
    }

    .count {
        padding: 3px;
        border-radius: 3px;
    }

    .archive_left_contents {
        position: relative;
        height: 215px;
        background-blend-mode: luminosity;
        background-size: cover !important;
    }

    .archive_left_contents:hover {
        background-blend-mode: unset !important;
    }

    .archive_left_wrapper>span {
        bottom: 5px;
        display: block;
        padding: 10px 0;
        color: #64afc3;
    }

    .archive_right_contents {
        width: 100%;
        padding: 10px 0;
    }

    .archive_right_contents p {
        width: 100%;
        line-height: 20px;
    }

    .archive_left {
        display: none;
    }

    .archive_right {
        display: none;
    }

    .news_log,
    .news_log:visited {
        position: absolute;
        top: 5px;
        right: 35px;
        bottom: unset;
        left: unset;
    }

    .news_log span {
        position: absolute;
        right: 0;
        width: 80px;
        text-align: right;
    }

    .news_wrapper {
        margin-top: 30px;
    }

    .news_log:hover {
        color: #57aabf !important;
    }

    .news_block_archive {
        margin: 10px 0;
        background: #f2f9f9;
        border-style: solid;
        border-color: #d1dcdd;
        border-width: 2px;
        position: relative;
    }

    .news_block_archive h2 {
        padding: 7px 15px;
        font-size: 19px;
        letter-spacing: 5px;
        font-weight: bold;
    }

    .news_block_archive p {
        padding: 10px 20px 0 20px;
        font-size: 13px;
        display: table-cell;
    }

    .news_block_archive small {
        font-size: 13px;
        padding-left: 20px;
        padding-bottom: 10px;
        color: #ac2258;
    }

    /* policy　 ***********************************************************************/

    .policy_wrapper {}

    .policy_contents {
        position: relative;
        overflow: hidden;
        background: white;
        padding: 5px 10px;
        margin-bottom: 30px;
    }

    .policy_contents:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 120%;
        height: 80%;
        margin: 3% -10% 0;
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        z-index: -1;
        background: #f2f9f9;
    }

    .policy_contents:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 120%;
        height: 80%;
        margin: 3% -10% 0;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg);
        z-index: -2;
    }

    .bk_c01:after {
        background: #d1dcdd;
    }

    .bk_c02:after {
        background: #d1dcdd;
    }

    .bk_c03:after {
        background: #d1dcdd;
    }

    .bk_c04:after {
        background: #d1dcdd;
    }

    .bk_c05:after {
        background: #d1dcdd;
    }

    .policy_contents>img {
        display: none;
    }

    .policy_contents>h2 {
        padding: 15px 0;
        font-size: 18px;
        color: #57aabf;
    }

    .policy_contents>p {
        padding-bottom: 20px;
    }

    .red_line {
        height: 1px;
        width: calc(100vw - 865px);
        display: block;
        z-index: 1;
        margin: 0 auto;
        display: none;
    }

    /* log　 ***********************************************************************/

    .logline_left {
        display: none;
    }

    .logline_right {
        display: none;
    }

    .blue_damy {
        display: none;
    }

    .pankuzu_position::before {
        content: "";
        width: 0;
        height: 0px;
        border-top: 5px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 9px solid #269ba2;
        position: absolute;
        top: 2px;
        left: -6px;
    }

    .pankuzu {
        padding: 0 20px 0 0;
        margin-top: 10px;
    }

    .home_position {
        padding: 5px;
        font-size: 13px;
    }

    .blue_sankaku {
        display: none;
    }

    .pankuzu_position {
        position: relative;
        padding-left: 10px;
        font-size: 13px;
        padding-right: 5px;
    }

    .log_contents {
        margin-top: 30px;
        margin-bottom: 30px;
        background: white;
        padding: 5px 10px;
    }

    .chatch_img {
        margin-bottom: 10px;
        max-width: 300px;
        box-shadow: 7px 8px 1px #d1dcdd;
    }

    .log_contents>h1 {
        font-size: 22px;
    }

    .log_contents p {
        padding: 10px 0;
        font-size: 15px;
    }

    /* service　 ***********************************************************************/

    .service_wrapper {
        margin-top: 30px;
    }

    .service_contents {
        border-style: solid;
        border-width: 2px;
        padding: 10px 15px;
        position: relative;
        font-size: 14px;
        border-color: #d1dcdd;
        margin-bottom: 10px;
        background: white;
    }

    .service_contents:nth-child(1) {}

    .service_contents:nth-child(2) {}

    .service_contents:nth-child(3) {}

    .service_contents:nth-child(4) {}

    .service_contents:nth-child(5) {}

    .service_contents h2 {
        font-size: 18px;
        font-weight: bold;
        color: #c9342f;
    }

    .step::before {
        display: none;
    }

    .step::after {
        display: none;
    }

    .left_damy {
        display: none;
    }

    .right_damy {
        display: none;
    }

    .service_contents p {}

    .service_contents h3 {
        font-size: 15px;
        margin-bottom: 30px;
        border-bottom-style: solid;
        width: fit-content;
        border-width: 2px;
        padding-right: 20px;
        color: #59abc0;
    }

    .service_contents h4 {
        margin-bottom: 7px;
        padding: 0 20px 0 5px;
        width: fit-content;
        margin-top: 30px;
        background: #f2f9f9;
    }

    .service_contents ul {
        list-style: inherit;
        margin-left: 30px;
    }

    /* contact　 ***********************************************************************/

    .contact_box {
        position: relative;
        min-height: 600px;
        padding: 0 20px;
    }

    .contact_top {
        position: absolute;
        top: -16px;
        height: 23px;
        left: 50px;
    }

    .contact_topright {
        position: absolute;
        right: -3px;
        height: 80px;
        top: 0;
        display: none;
    }

    .contact_bottom {
        display: none;
    }

    .contact_textbox {
        width: 100%;
    }

    .contact_textbox p {
        padding: 0 0 10px 0;
    }

    .contact_formbox {
        width: 100%;
        padding: 0 0 100px 0;
        margin-top: 30px;
    }

    .contact_formbox b {
        display: block;
        margin-top: 25px;
        margin-bottom: 7px;
        background: #f2f9f9;
        padding-left: 10px;
    }

    .contact_formbox .important {
        font-size: 11px;
        margin-left: 11px;
        color: #c9342f;
    }

    .contact_inner::before {
        content: "";
        width: 59px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 0px;
        z-index: 1;
    }

    .contact_inner::after {
        content: "";
        width: calc(100vw - 1052px);
        height: 2px;
        position: absolute;
        left: 407px;
        top: 0px;
        z-index: 1;
    }

    .contact_inner {
        position: relative;
    }

    .thanks {}

    .small_box {
        float: left;
        margin-bottom: 15px;
        line-height: 20px;
    }

    .small_box span {
        float: left;
    }

    .type_area span {
        padding: 10px 10px 43px;
        display: block;
        height: 74px;
    }

    .type_text1 span {
        padding: 0px 9px 0px 5px;
        height: 25px;
    }

    .type_text1 input {
        width: 190px;
    }

    .type_text2 span {
        padding: 0 10px 0;
        height: 25px;
    }

    .type_text2 input {
        width: 227px;
    }

    .type_text3 span {
        padding: 0px 10px 0px 5px;
        height: 25px;
    }

    .type_text3 input {
        width: 160px;
    }

    .type_text4 span {
        height: 25px;
        padding: 0px 15px 0 5px;
    }

    .type_text4 input {
        width: 170px;
    }

    .type_text5 span {
        height: 25px;
        padding: 0 5px 0 5px;
    }

    .type_text5 input {
        width: 210px;
    }

    .type_text6 span {
        height: 25px;
        padding: 0 65px 0 5px;
    }

    .type_text6 input {
        width: 136px;
    }

    .type_text7 span {
        height: 25px;
        padding: 0 20px 0 5px;
    }

    .type_text7 input {
        width: 223px;
    }

    .small_box textarea {
        width: 240px;
        height: 74px;
    }

    .submit_contact {
        background: #f2f9f9;
        border-style: solid;
        border-color: #d1dcdd;
        color: #64afc3;
    }

    .submit_contact:hover {
        background: #64afc3;
        border-style: solid;
        color: #f2f9f9;
    }

    .contact_line {
        display: none;
    }

    .contact_botton {
        display: none;
    }

    .contact_formbox b em {
        font-size: 13px;
        color: #57aabf;
    }

    /* rental　 ***********************************************************************/

    .rental_wrapper {
        margin-top: 50px;
        padding: 0 20px;
    }

    .rental_contents p {
        margin-bottom: 10px;
    }

    .require {
        float: left;
        width: 70%;
        padding: 0 0 50px 20px;
    }

    .rental_photo {
        float: left;
        width: 30%;
        margin-top: 30px;
    }

    .require h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .require p {}

    .first_cost h3 {
        font-size: 15px;
        border-bottom-style: solid;
        width: fit-content;
        border-width: 2px;
        padding-right: 20px;
    }

    .compare_contents h4 {
        font-size: 15px;
        border-bottom-style: solid;
        width: fit-content;
        border-width: 2px;
        padding-right: 20px;
    }

    .rental_ex {
        width: 50%;
        float: left;
        margin-top: 30px;
    }

    .rental_box table thead tr {}

    .rental_box table tbody tr td {
        background: none;
        padding: 0 5px 0 10px;
    }

    .price {
        text-align: center;
    }

    .rental_box .atension {
        padding-top: 20px;
    }

    .compare_contents table {
        border-collapse: collapse;
        text-align: center;
        width: 100%;
    }

    .compare_contents table tr td {
        width: 30%;
        background: none;
    }

    .compare_contents table tbody tr th {
        font-size: 16px;
    }

    .compare_contents table thead tr th {}

    .compare_contents table thead tr .blank_th {
        background: none;
    }

    /* greeting　 ***********************************************************************/

    .greeting {
        font-size: 14px;
        margin: 0 auto;
        margin-top: 30px;
        overflow: hidden;
    }

    .greeting_text {
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .greeting_text h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .geeting_text p {
        padding: 30px;
    }

    /* gifu_weather　 ***********************************************************************/

    .weather_wrapper {
        margin-top: 30px;
    }

    .weather_rule {
        background: white;
        margin-top: 30px;
        padding: 5px 10px;
    }

    .archive_wrapper .fuwatto_contents {
        margin-bottom: 0;
        text-align: left;
        color: #525d5e;
        letter-spacing: 1px;
        padding: 0;
    }

    .lockon,
    .locked {
        display: none !important;
    }

    .weather_wrapper .weather_info tbody tr td {
        border-color: #d1dcdd;
    }


    /* adsense　 ***********************************************************************/
    .add_wrapper {
        margin-top: 30px;
    }

    .add_wrapper span,
    .add_wrapper p {
        font-size: 15px;
    }


    /* shop　 ***********************************************************************/
    .shop_info {
        padding: 30px 20px;
        max-width: 500px;
    }

    /* ========================================================================
	投稿用スタイル
======================================================================== */
    .log_single {
        margin-top: 40px;
    }

    .mt23 {
        padding: 0 15px;
    }

    .log_log_single h2,
    .log_log_single h3,
    .log_log_single h4,
    .log_log_single h5,
    .log_log_single ol,
    .log_log_single ul,
    .log_log_single table,
    .log_log_single table tr,
    .log_log_single table th,
    .log_log_single table td {
        margin-left: 30px;
    }

    .point_contents a,
    .log_single a {}

    .point_contents a:hover,
    .log_single a:hover {}

    .point_contents h1,
    .right h1,
    .log_log_single h1 {
        font-size: 18px;
        font-weight: bold;
    }

    /******** 見出し１ *********/
    .point_contents h2,
    .right h2,
    .log_single h2 {
        font-size: 16px;
        font-weight: bold;
        color: #64afc3;
    }

    .log_single h2 {}

    .log_contents h1 {
        margin-bottom: 0;
        color: #ac2258;
        margin-top: 50px;
    }

    /******** 見出し２ *********/
    .point_contents h3,
    .right h3,
    .log_single h3 {
        font-size: 15px;
        border-bottom-style: solid;
        width: fit-content;
        border-width: 2px;
        padding-right: 20px;
        display: inline-block;
    }

    .log_contents h3 {
        color: #5b912d;
    }

    /******** 見出し３ *********/
    .point_contents h4,
    .right h4,
    .log_single h4 {
        padding: 0 20px 0 5px;
        width: fit-content;
    }

    .log_contents h4 {
        background: #f2f9f9;
        border-left-style: solid;
        border-color: #d1dcdd;
    }

    /******** 見出し４ *********/
    .point_contents h5,
    .right h5,
    .log_single h5 {
        font-size: 19px;
    }

    .log_contents h5 {}

    .point_contents h5:before,
    .right h5:before,
    .log_single h5:before {
        font-size: 19px;
        content: "■"
    }

    .point_contents ul,
    .point_contents ol,
    .right ul,
    .right ol,
    .log_single ul,
    .log_single ol {
        margin: 0;
        list-style: none;
    }

    .point_contents ul li,
    .right ul li,
    .log_single ul li {
        padding: 0 0 0 30px;
        background-size: 25px;
        background-position-x: -5px;
        position: relative;
        color: #79bbcc;
    }

    .point_contents ul li:before,
    .right ul li:before,
    .log_single ul li:before {
        content: "☆";
        font-size: 18px;
        position: absolute;
        top: -1px;
        left: 5px;
        color: #79bbcc;
    }

    .point_contents ol,
    .right ol,
    .log_single ol {
        counter-reset: number;
        padding-left: 10px;
        margin-top: 15px;
    }

    .point_contents ul,
    .right ul,
    .log_single ul {
        margin-top: 15px;
    }

    .point_contents ol li,
    .right ol li,
    .log_single ol li {
        position: relative;
        padding: 0 0 0 41px;
    }

    .point_contents ol li:before,
    .right ol li:before,
    .log_single ol li:before {
        position: absolute;
        top: 0;
        left: 1px;
        width: 22px;
        text-align: center;
        font-size: 18px;
        counter-increment: number;
        content: counter(number);
        background-position-y: 6px;
        background-size: 20px;
        background-position-x: 1px;
        color: #5b912d;
    }

    .point_contents ol li:after,
    .right ol li:after,
    .log_single ol li:after {
        position: absolute;
        top: 0;
        left: 17px;
        width: 22px;
        text-align: center;
        font-size: 18px;
        background-position-y: 6px;
        background-size: 20px;
        background-position-x: 1px;
        content: "-";
        color: #c9342f;
    }

    .point_contents table,
    .right table,
    .log_single table {
        margin: 0 0 60px 0;
        border-collapse: collapse;
        width: auto !important;
    }

    .point_contents table tr,
    .right table tr,
    .log_single table tr {
        height: auto;
    }

    .point_contents table th,
    .right table th,
    .log_single table th {
        width: auto !important;
        padding: 10px 30px;
        border: none;
        font-weight: bold;
        white-space: nowrap;
    }

    .point_contents table td,
    .right table td,
    .log_single table td {
        width: auto !important;
        background: none;
        padding: 21px 23px;
        font-size: 15px;
    }


    /* 流れ星　 ***********************************************************************/

    #stars {
        display: none;
    }

    #stars:after {
        display: none;
    }

    #stars2 {
        display: none;
    }

    #stars2:after {
        display: none;
    }

    #stars3 {
        display: none;
    }

    #stars3:after {
        display: none;
    }

    /* modal window　 ***********************************************************************/

    .modal-window {
        -webkit-transform: translate(0, 100%);
        -moz-transform: translate(0, 100%);
        -o-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        opacity: 0;
        display: none\9;
    }

    .modal-window:target {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }

    .is-active.modal-window {
        display: block\9;
    }

    .modal-window:target {
        display: block\9;
        background: rgb(0, 0, 0, 0.8);
    }

    .modal-window .modal-inner {
        position: relative;
        top: 50px;
        z-index: 20;
        margin: 0 auto;
        border-style: solid;
        overflow-x: hidden;
        border-radius: 2px;
        background: black;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 33px;
        width: fit-content;
        max-width: 80vw;
        text-align: center;
    }

    .modal-window .modal-inner p {
        padding: 0 20px;
    }

    .modal-window .modal-close {
        display: block;
        text-indent: -100px;
        overflow: hidden;
    }

    .modal-window .modal-close:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }

    .modal-window .modal-close:after {
        content: '\00d7';
        position: absolute;
        top: 55px;
        left: 50%;
        z-index: 20;
        border-radius: 2px;
        padding: 2px 8px;
        font-size: 1.2em;
        text-decoration: none;
        text-indent: 0;
    }

    .modal-window {
        -webkit-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    .modal_photo {
        max-width: 100%;
        max-height: 90vh;
    }

    /* wanted　 ***********************************************************************/

    .wanted {
        padding: 30px 0px;
    }

    .wanted h2 {
        font-size: 20px;
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .thinking {
        font-size: 25px;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .wanted_box {
        max-width: 700px;
        border-style: solid;
        border-width: 1px;
        padding: 5px 15px 15px;
        margin: 0 auto;
        vertical-align: bottom;
        background: white;
        margin-bottom: 5px;
        overflow: hidden;
    }

    .wanted .wanted_box h3 {
        display: none;
    }

    .wanted_image {
        height: 145px;
        background: rgba(54, 200, 232, 0.9);
        display: block;
        text-align: center;
        display: none;
    }

    .apoint img {
        height: 146px;
    }

    .target_box {
        margin-top: 20px;
        position: relative;
    }

    .target_box span {
        position: absolute;
        bottom: 13px;
        right: 5px;
        background: #ff0389;
        padding: 1px 5px;
        font-size: 13px;
        border-radius: 5px;
        text-shadow: 2px 2px 3px #9d00ff;
        box-shadow: 1px 1px 1px #03fdff;
    }

    .target_box span:hover {
        box-shadow: none;
        bottom: 14px;
        right: 4px;
    }

    .target_box .modalContents p {
        text-align: left;
        padding: 5px 20px 19px 30px;
        font-size: 15px;
    }

    .target_box .modalContents img {
        position: unset;
        width: 80%;
        height: auto;
        background: none;
        padding: 0;
        margin-left: 10%;
        padding-bottom: 10px;
    }

    .modalWrapper .modalContents img {
        width: auto;
    }

    .target_box .modalContents a {}

    .target_box .modalContents a:hover {}

    .target_box .modalContents b {
        background: #00afaa;
        padding: 5px;
        margin: 20px;
        border-radius: 5px;
    }

    /* モーダルCSS */
    .modalArea {
        display: none;
        position: fixed;
        z-index: 10;
        /*サイトによってここの数値は調整 */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(113, 113, 113, 0.8);
    }

    .modalBg {
        width: 100%;
        height: 100%;
    }

    .modalWrapper {
        position: absolute;
        top: 0;
        width: 100%;
        max-height: 80vh;
        overflow: scroll;
        margin-top: 32px;
        background: #f2f9f9;
        border-style: solid;
        border-color: #d1dcdd;
        text-align: center;
    }

    .closeModal {
        position: relative;
        top: 1px;
        left: -3rem;
        cursor: pointer;
        z-index: 999;
        color: #c9342f;
    }

    .closeModal::after {
        position: absolute;
        content: "close";
    }

    .modalContents h1 {
        font-size: 18px;
        padding: 20px;
        text-decoration-line: underline;
        text-decoration-style: inherit;
        text-underline-position: under;
    }

    /* モーダルCSS ここまで */
    .target_box .modalContents .wp_logo {
        width: 150px;
    }

    .other_works {
        margin-top: 150px;
    }

    .choice_us {
        padding: 10px 0px;
    }

    .choice_us h2 {
        font-size: 25px;
        padding: 10px 0 0;
    }

    .choice_us h3 {
        font-size: 24px;
        margin-bottom: 3px;
        margin-top: 20px;
        text-align: center;
    }

    .choice_us p {
        padding-left: 10px;
        background: white;
        padding: 10px 15px;
        min-height: 130px;
        border-radius: 5px;
        font-size: 15px;
        color: #2c3131;
        text-shadow: none;
        border-style: solid;
        border-color: #6eb5c7;
        border-width: 1px;
    }

    #openModal-price {
        display: none;
    }

    .wanted .target_box h4 {
        text-align: center;
        font-size: 19px;
        margin-top: 7px;
        position: absolute;
        top: -23px;
        width: 100%;
        padding: 0;
    }

    .target_box::after {
        display: none;
    }

    .target_box p {
        padding: 40px 25px;
        text-align: center;
        color: #c9342f;
        font-size: 18px;
    }

    .target_box p::before {
        content: "Q&A";
        position: absolute;
        right: 0;
        font-size: 60px;
        color: #e7f1f1;
        font-style: italic;
        z-index: -1;
        bottom: 0;
        font-weight: bold;
    }

    .target_box img {
        display: none;
    }

    .result {
        margin-top: 30px;
        margin-bottom: 30px;
        background: white;
        padding: 5px 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .result h2 {
        font-size: 22px;
        padding-left: 5px;
    }

    .result_wrapper {
        position: relative;
        margin-bottom: 20px;
    }

    .result_wrapper h2 {
        font-size: 18px;
        color: #57aabf;
        margin-top: 30px;
    }

    .result_squea {
        display: none;
    }

    .result_box {
        border-style: solid;
        border-width: 2px;
        padding: 25px 20px;
        border-color: #d1dcdd;
    }

    .worldmap {
        background: #f2f9f9 url(/img/worldmap.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        background-blend-mode: luminosity;
    }

    .student {
        background: #f2f9f9 url(/img/student.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        background-blend-mode: luminosity;
    }

    .quarity {
        background: #f2f9f9 url(/img/quarity.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: right;
        background-blend-mode: luminosity;
    }

    .result_box p {
        text-shadow: 1px 1px 1px white;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px 10px;
    }

    .result_box::before {
        display: none;
    }

    .result_box::after {
        display: none;
    }

    .result_point {
        margin: 80px 10px 0;
    }

    .result_point_wrapper {
        position: relative;
        margin-bottom: 80px;
        width: 32%;
        display: inline-block;
        overflow: hidden;
        vertical-align: bottom;
    }

    .result_point_wrapper img:first-child {
        height: 40px;
        position: absolute;
        left: 5px;
    }

    .result_point_wrapper img:last-child {
        position: absolute;
        left: calc(100% - 50px);
        height: 32px;
        bottom: -15px;
    }

    .result_point_wrapper b {
        position: absolute;
        margin-left: 15px;
        margin-top: 1px;
    }

    .result_point_wrapper p {
        padding: 70px 5px 40px 10px;
    }

    .result_point_wrapper::after {
        content: "";
        width: calc(100% - 52px);
        height: 1px;
        background: #02fdff;
        position: absolute;
        left: 15px;
        z-index: 1;
        bottom: 6px;
        margin: auto;
        border-radius: 3px;
    }

    .user_voice {
        position: relative;
        padding: 10px;
        overflow: hidden;
    }

    .user_voice img:first-child {
        height: 25px;
        position: absolute;
        left: 10px;
    }

    .user_voice h2 {
        margin-left: 60px;
        font-size: 16px;
        font-weight: bold;
    }

    .job,
    .work_area {
        padding: 10px;
        border-style: solid;
        border-width: 1px;
        background: white;
        margin: 50px 0px;
    }

    .job h2,
    .work_area h2 {
        font-size: 18px;
    }

    .job h3,
    .work_area h3 {
        margin-top: 10px;
        font-size: 16px;
        margin-bottom: 2px;
    }

    .job p,
    .work_area p {
        margin-left: 5px;
        font-size: 14px;
    }

    .other_wanted {
        padding: 10px;
        margin-bottom: 50px;
        background: url(/img/women.png), #ffffff url(/img/station3);
        background-size: 100px, cover;
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: bottom, top;
        margin-top: 100px;
    }

    .other_wanted h5 {
        font-size: 18px;
        text-align: center;
        background: #4a4a4a;
        margin-bottom: 20px;
    }

    .other_wanted ul {
        padding: 10px 10px 10px 30px;
        font-size: 16px;
        width: 70%;
        background: whitesmoke;
        border-style: solid;
        border-radius: 15px;
    }

    .other_wanted ul:after {
        content: "";
        position: absolute;
        top: 70%;
        left: 100%;
        margin-top: -14px;
        border: 15px solid #615d5d00;
        border-left: 15px solid #333435;
        margin-left: 0px;
    }

    .other_wanted ul li {
        height: 40px;
    }

    .voice_box {
        width: 100%;
        float: left;
        padding: 50px 25px 50px;
        position: relative;
        min-height: 420px;
    }

    .user02 {
        animation-delay: 1s;
    }

    .user03 {
        animation-delay: 1.1s;
    }

    .user04 {
        animation-delay: 1.2s;
    }

    .voice_box img {
        width: 40%;
        margin-left: 6%;
        position: absolute;
        bottom: 30px;
        opacity: 0.7;
        right: 0;
    }

    .voice_box span {
        display: block;
        text-align: right;
        font-size: 15px;
        padding-right: 17px;
        position: absolute;
        bottom: 0;
        right: 20px;
    }

    .wanted_image img {
        padding: 13px;
    }

    .question {
        margin-top: 30px;
        padding: 0 15px;
    }

    .question h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 30px;
    }

    .good_point {
        position: relative;
        margin-top: 30px;
        background: white;
    }

    .question h4 {
        margin-top: 80px;
        font-size: 18px;
    }

    .merit_box {
        border-style: solid;
        padding: 0px;
        overflow: hidden;
        border-width: 1px;
        border-color: #d1dcdd;
    }

    .merit_small_box {
        position: relative;
        border-width: 1px;
        padding: 15px 10px;
        border-style: solid;
        width: 100%;
        float: left;
        border-color: #d1dcdd;
    }

    .merit_small_box:nth-child(1),
    .merit_small_box:nth-child(3) {}

    .merit_small_box p {
        font-size: 16px;
    }

    .merit_circle {
        width: 40px;
        height: 40px;
        background: #f2f9f9;
        display: block;
        border-radius: 40px;
    }

    .merit_number {
        font-size: 12px;
        position: absolute;
        left: 26px;
        top: 12px;
    }

    .merit_title {
        position: absolute;
        left: 15px;
        top: 25px;
        font-size: 10px;
    }

    .add_web h2 {
        font-size: 35px;
        text-align: center;
        margin-top: 80px;
    }

    .add_web h3 {
        font-size: 20px;
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .add_web h4 {
        padding: 40px 0;
        max-width: 700px;
        margin: 0 auto;
        font-size: 18px;
    }

    .add_voice {
        margin-top: 80px;
        position: relative;
        margin-left: 10px;
    }

    .add_voice img {
        height: 27px;
    }

    .add_web h5,
    .price_list h5 {
        font-size: 20px;
        margin-left: 10px;
    }

    .add_voice_box {
        padding: 5px 20px;
        background: darkslategrey;
        margin: 10px 10px;
        border-left-style: solid;
    }

    .add_schedule {
        margin: 20px;
        border-style: solid;
        border-width: 1px;
        padding: 20px;
        border-radius: 5px;
    }

    .price_reason {
        margin-top: 80px;
    }

    .price_reason h3 {
        font-size: 20px;
        margin-left: 10px;
    }

    .price_reason ul {
        padding: 0 20px 20px;
        font-size: 16px;
        list-style: inside;
    }

    .add_add p {
        padding: 20px;
    }

    .price_list {
        margin-top: 80px;
    }

    .price_list b {
        display: block;
        text-align: center;
        font-size: 28px;
        padding: 30px 0 0;
    }

    .price_list p {
        text-align: center;
        font-size: 15px;
        margin-bottom: 50px;
    }

    .price_list span {
        padding-left: 25px;
        font-size: 15px;
    }

    .price_list table {
        border-collapse: collapse;
        text-align: center;
        margin-top: 0;
    }

    .price_list th,
    .price_list td {
        text-align: center;
        border-style: solid;
    }

    .price_list th {}

    .price_list tr {
        height: 50px;
    }

    .price_list tr:first-child {
        height: 35px;
    }

    .price_list tr:nth-child(4) {
        background: rgba(3, 169, 244, 0.5);
    }

    .add {
        width: 100%;
        border-right-style: none;
        margin-left: 0;
        border-left-style: none;
        min-height: 75px;
    }

    .add_voice_box span {
        display: block;
        text-align: right;
    }

    .status {
        margin-top: 50px;
    }

    .status_wrapper {
        overflow: hidden;
        max-width: 1200px;
        margin: 0 auto;
    }

    .status_left {
        display: none;
    }

    .status_right {
        width: 100%;
        text-align: center;
    }

    .status_box {
        margin-bottom: 15px;
    }

    .status_box ul li b {
        display: inline-block;
    }

    .status_box h2 {
        font-size: 30px;
        margin-bottom: 20px;
        color: #ac2258;
    }

    .status_box h3,
    .status_box b {
        color: #5bacc0;
        font-size: 16px;
        font-weight: normal;
    }

    .status_box p {
        padding-left: 10px;
    }

    .status_under_wrapper {
        padding: 20px;
        margin-top: 20px;
        background: #efffff url(img/tv.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: contain;
        background-position-x: calc(100% - 300px);
        background-blend-mode: multiply;
        text-shadow: 0px 0px 3px white;
        text-align: center;
    }

    .font_meiryo {
        font-family: makinas;
    }

    #font_change {
        position: absolute;
        padding: 3px;
        border-style: solid;
        right: 315px;
        top: 25px;
        border-width: 2px;
        width: 200px;
        color: #5fadc1;
        background: white;
        border-color: #cccccc;
        line-height: 17px;
    }

    #font_change:hover {
        color: white;
        background: #5fadc1;
    }

    #font_change:active {
        background: blue;
        right: 358;
        top: 27px;
        box-shadow: 2px 2px 2px blue;
    }

    .job_type {
        border-style: solid;
        padding: 15px;
        border-width: 2px;
        margin-top: 25px;
        background: white;
        border-color: #d1dcdd;
    }

    .job_left {
        width: 100%;
    }

    .job_left h2 {
        font-size: 20px;
        margin-bottom: 5px;
        border-bottom-style: solid;
        width: fit-content;
    }

    .job_left h2 span {
        border-bottom-style: solid;
        padding-bottom: 6px;
        color: #57aabf;
    }

    .job_left p {
        padding: 10px 0;
        font-size: 15px;
    }

    .bk_color {
        background: white;
    }

    .job_right_chirashi {
        width: 100%;
        min-height: 200px;
        background: url(img/chirashi.jpg);
        background-size: cover;
    }

    .job_right_panfu {
        width: 100%;
        min-height: 200px;
        background: url(img/panfu.jpg);
        background-size: cover;
    }

    .job_right_rogo {
        width: 100%;
        min-height: 200px;
        background: url(img/rogo.jpg);
        background-size: cover;
    }

    .job_right_kanban {
        width: 100%;
        min-height: 200px;
        background: url(img/kanban.jpg);
        background-size: cover;
    }

    .job_wrapper {
        position: relative;
    }

    .other_job {
        font-size: 22px;
        padding-left: 5px;
        transform: rotate(-19deg);
        transform-origin: bottom;
        z-index: 9999;
        position: absolute;
        -webkit-transform-origin-x: -70px;
        -ms-transform-origin-x: -70px;
        padding: 5px 10px;
        border-radius: 5px;
        -webkit-transform-origin-y: 39px;
        -ms-transform-origin-y: 39px;
        border-style: solid;
        background: rgba(128, 128, 128, 0.3);
    }

    .start_contents {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .box17 {
        display: block;
    }

    .box17.pt50 {
        padding: 5px 10px;
    }

    .start_contents h2 {
        font-size: 40px;
        margin-top: 100px;
        margin-bottom: 50px;
        text-align: center;
        border-radius: 7px;
        text-underline-position: under;
        text-decoration: underline;
    }

    .question .shadow_title,
    .result .shadow_title,
    .archive_menu .shadow_title,
    .start_contents .shadow_title,
    .packege_plan2 .shadow_title,
    .box17 .title_wrapper h3,
    .choice_us h3,
    .wanted h3,
    .user_category h3,
    .other_works h3 {
        position: absolute;
        font-size: 22px;
        left: 11px;
        color: #e1e8e8;
        top: -20px;
        margin: 0;
        text-align: left;
        text-underline-position: unset;
        text-decoration: none;
        z-index: 0;
        font-weight: bold;
        border-radius: 0;
        border-color: #2b3030;
        padding-bottom: 29px;
        display: block;
        width: 100%;
        line-height: 76px;
        overflow: hidden;
        max-height: 88px;
    }

    .title_wrapper {
        position: relative;
        border-bottom-style: solid;
    }

    .choice_point_right .pr_title {
        font-size: 18px;
        display: block;
        position: relative;
        text-align: center;
        color: #57aabf !important;
        text-shadow: none;
        border-style: none;
        font-weight: normal;
        top: 0;
        left: 0;
        text-shadow: 1px 1px 0px white;
        max-height: unset;
        line-height: 33px;
        padding-bottom: 5px;
    }

    .question span,
    .result span,
    .archive_menu .box-title2,
    .start_contents span,
    .packege_plan2 span,
    .box17 .title_wrapper span,
    .choice_us .title_wrapper span,
    .wanted .title_wrapper span,
    .user_category .title_wrapper span,
    .other_works .title_wrapper span {
        font-size: 22px;
        padding-left: 5px;
        border-radius: 0;
        font-weight: bold;
        color: #2b3030;
        padding: 0 10px 4px 0;
        line-height: 55px;
        z-index: 1;
        position: relative;
    }

    .title_wrapper:before {
        content: "";
        position: absolute;
        width: 100px;
        height: 6px;
        background: #292e2f;
        bottom: -3px;
    }

    .start_contents p {
        font-size: 14px;
        line-height: 1.8;
    }

    .sample_wrapper {
        margin-top: 30px;
    }

    .actual_sample {
        width: 100%;
        position: relative;
        margin: 0 2px 2px;
        display: block;
        border-bottom-style: solid;
        margin-bottom: 30px;
        border-color: #a4b9bb;
        padding-bottom: 30px;
    }

    .topics_list {
        overflow: hidden;
        text-align: center;
        width: calc(100% - 4px);
        height: 45px;
        position: relative;
        background: #57aabf;
        color: white;
        line-height: 40px;
        top: 5px;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    a:hover .topics_list {
        background: #f2f9f9;
        border-style: solid;
        border-width: 1px;
        color: #c9342f;
        border-color: black;
    }

    .actual_note {
        margin-bottom: 5px;
    }

    .actual_note p {
        font-size: 13px;
        text-align: left;
        margin: 0;
    }

    .actual_note b {
        font-size: 15px;
        padding: 5px 0;
    }

    .actual_note h2 {
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 0;
        text-align: left;
        padding: 5px 0;
        text-underline-position: under;
        text-decoration: underline;
    }

    .actual_mini_photo {}

    .actual_note .actual_mini_photo {
        position: relative;
        cursor: pointer;
        transition-duration: 0.3s;
        overflow: hidden;
    }

    .actual_note .actual_mini_photo:before {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        content: "Read More";
        background: radial-gradient(rgba(0, 0, 0, 0.6), #d1dcdd);
        font-size: 22px;
        text-shadow: 0 0 2px #565656;
        filter: blur(4px);
        transition-duration: 0.3s;
        opacity: 0;
        width: 100%;
        height: 100%;
        color: #57aabf;
    }

    .actual_note .actual_mini_photo:hover {
        transform: scale(1.1);
    }

    .actual_note .actual_mini_photo:hover:before {
        transform: scale(1.3);
        filter: blur(0);
        opacity: 1;
    }

    .actual_note small {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        background: #fff;
        margin: 0;
        padding: 0.6em 1em;
    }

    .imgWrap {
        overflow: hidden;
        margin-bottom: 5px;
    }

    .actual_sample .site_keyword_top {
        background: #a4b9bb;
        margin: 2px 0;
        display: inline-block;
        font-weight: normal;
        font-size: 13px;
        padding: 0 5px;
        margin-top: 5px;
        color: white;
        line-height: 23px;
    }

    .job_policy {
        font-size: 24px;
        margin: 75px 0 10px;
        border-top-style: solid;
    }

    .job_policy_p {
        padding: 0 10px;
        font-size: 15px;
    }

    .choice_point {
        position: relative;
        margin-top: 30px;
        overflow: hidden;
    }

    .choice_point_right {
        text-shadow: 1px 1px black;
        display: block;
        position: relative;
        background: white;
        padding: 5px 10px 10px;
    }

    .choice_point_right span {
        position: absolute;
        right: 25%;
        bottom: 5px;
        border-style: solid;
        border-width: 1px;
        padding: 5px;
        border-radius: 5px;
        width: 50%;
        text-align: center;
    }

    .choice_point_right span:hover {}

    .choice_point_left {
        width: 30%;
        display: inline-block;
        min-height: 170px;
        position: absolute;
        z-index: 0;
    }

    .cp01 {
        background: url(img/choice-support.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp02 {
        background: url(img/choice-plan.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp03 {
        background: url(img/choice-strong.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp04 {
        background: url(img/choice-speed.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp05 {
        background: url(img/choice-coaching.png);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp06 {
        background: url(img/choice-service.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp07 {
        background: url(img/choice-meeting.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .cp08 {
        background: url(img/choice-design.jpg);
        background-size: cover;
        box-shadow: 25px 27px #f2f9f9;
        background-blend-mode: luminosity;
        background-color: aliceblue;
    }

    .suggest {
        display: none;
    }

    /*************   タブメニュー　 **********************************************/
    cp_tab *,
    .cp_tab *:before,
    .cp_tab *:after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cp_tab {
        margin: 1em auto;
        position: relative;
        margin-top: 45px;
    }

    .cp_tab input[type='radio'] {
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
        -webkit-appearance: none;
        appearance: none;
        display: none;
    }

    .cp_tab .cp_tabpanel {
        display: none;
    }

    .cp_tab>input:first-child:checked~.cp_tabpanels>.cp_tabpanel:first-child,
    .cp_tab>input:nth-child(3):checked~.cp_tabpanels>.cp_tabpanel:nth-child(2),
    .cp_tab>input:nth-child(5):checked~.cp_tabpanels>.cp_tabpanel:nth-child(3),
    .cp_tab>input:nth-child(7):checked~.cp_tabpanels>.cp_tabpanel:nth-child(4),
    .cp_tab>input:nth-child(9):checked~.cp_tabpanels>.cp_tabpanel:nth-child(5),
    .cp_tab>input:nth-child(11):checked~.cp_tabpanels>.cp_tabpanel:nth-child(6),
    .cp_tab>input:nth-child(13):checked~.cp_tabpanels>.cp_tabpanel:nth-child(7),
    .cp_tab>input:nth-child(15):checked~.cp_tabpanels>.cp_tabpanel:nth-child(8),
    .cp_tab>input:nth-child(17):checked~.cp_tabpanels>.cp_tabpanel:nth-child(9),
    .cp_tab>input:nth-child(19):checked~.cp_tabpanels>.cp_tabpanel:nth-child(10) {
        display: block;
    }

    .cp_tab .cp_tabpanels {
        position: absolute;
        top: -15px;
        left: 100px;
        display: block;
        border-style: solid;
        border-width: 2px 2px 2px 0;
        height: auto;
        min-height: 590px;
        background-size: contain;
        background-attachment: fixed;
        background-position-x: center;
        background-position-y: -67px;
        border-color: #d1dcdd;
    }

    .cp_tabpanel h2 {
        margin-bottom: 20px;
        font-size: 20px;
        text-decoration: underline;
        text-underline-position: under;
        margin-top: 10px;
        color: #57aabf;
    }

    .cp_tabpanel h2 span {
        text-decoration: underline;
        text-underline-position: under;
    }

    .cp_tabpanel p {
        padding: 0 5px;
        font-size: 15px;
        max-height: 515px;
        overflow: scroll;
        text-shadow: 1px 1px 3px #ffffff;
    }

    .cp_tab>input+label {
        position: relative;
        z-index: 100;
        top: -15px;
        left: 1px;
        display: block;
        width: 100px;
        margin-bottom: 3px;
        padding: 15px;
        cursor: pointer;
        border: 2px solid #d1dcdd;
        border-radius: 1px 0 0 6px;
        line-height: 13px;
    }

    .cp_tab>input+label:last-of-type {}

    .cp_tab>label:hover,
    .cp_tab>input:focus+label {}

    .cp_tab>input:checked+label {
        border-right: 1px solid whitesmoke;
        background: #f4f4f4;
    }

    .cp_tab .cp_tabpanel {
        padding: 0.5em 1em;
        border-left: 1px solid #cccccc;
        min-height: 515px;
    }

    .tab_contents {
        padding: 0;
    }

    /*************   プライステーブル　 **********************************************/
    .choice_point_right table img {
        border: 0;
        margin: .5em;
    }

    .choice_point_right table {
        border: 1px solid #e5eff8;
        border-spacing: 0;
        border-collapse: collapse;
        text-shadow: none;
    }

    caption {
        font-size: .94em;
        margin: 1em 0 0 0;
        padding: 0;
        caption-side: top;
        text-align: center;
    }

    tr.odd td {
        background: #f7fbff
    }

    tr.odd .column1 {
        background: #f4f9fe;
    }

    .column1 {
        background: #f9fcfe;
    }

    .choice_point_right td {
        border-bottom: 1px solid #e5eff8;
        border-left: 1px solid #e5eff8;
        padding: .3em 1em;
        text-align: center;
        font-size: 15px;
    }

    .choice_point_right th {
        font-weight: normal;
        text-align: left;
        border-bottom: 1px solid #e5eff8;
        border-left: 1px solid #e5eff8;
        padding: .3em 1em;
        font-size: 15px;
        width: auto;
    }

    .choice_point_right tbody tr {
        height: 50px;
    }

    .choice_point_right thead th {
        background: #f4f9fe;
        text-align: center;
    }

    .choice_point_right td em {
        font-weight: bold;
        font-size: 1.1em;
        font-style: normal;
    }

    .meeting {
        background: url(img/meeting.jpg);
        background-size: contain;
    }

    .box17 {
        position: relative;
        padding: 5px 10px;
        background-size: cover;
        background-attachment: fixed;
        padding: 0 25px;
        background-position-x: center;
    }

    .box17.work {
        background-image: linear-gradient(90deg, #105b92 0%, #24a5c2 50%, #105b92 100%) !important;
        background-image: linear-gradient(90deg, #1287cd 0, #3cc 50%, #1287cd) !important;
        color: #fff;
        display: block;
    }

    .box17 .box-title {
        position: absolute;
        display: inline-block;
        top: 7px;
        left: 15px;
        padding: 0 9px;
        height: 25px;
        background: #2cb1ae;
        font-weight: bold;
        font-size: 18px;
        border-radius: 2px;
    }

    .box17 .box-title2,
    .packege_plan2 .box-title2,
    .choice_us .box-title2,
    .wanted .box-title2 {
        font-size: 42px;
        padding-left: 5px;
        padding: 5px 10px;
        border-radius: 0;
        font-weight: bold;
        color: #2b3030;

        border-width: 5px;
    }

    .box17 p {
        padding: 25px 0;
        text-shadow: 0 0 3px white;
    }

    .target_contents_box {
        overflow: hidden;
        padding-top: 30px;
    }

    .target_contents {
        border-width: 1px;
        margin: 0 auto;
        margin-top: -40px;
        position: relative;
    }

    .target_contents h1 {
        font-size: 18px;
        padding: 20px;
        text-decoration-line: underline;
        text-decoration-style: inherit;
        text-underline-position: under;
        color: #5dadc1;
        text-align: center;
    }

    .hidden_box label:hover {
        color: #59abc0 !important;
    }

    .target_contents .hidden_show p,
    .target_contents .hidden_show b {
        text-align: center;
    }

    .target_contents p {
        text-align: left;
        padding: 5px 10px 19px 10px;
        font-size: 15px;
    }

    .target_contents p a {}

    .hidden_box .hidden_show b {
        font-size: 18px;
        color: #57aabf;
        font-weight: normal;
        text-align: center;
        display: block;
    }

    .target_contents .wp_logo {
        display: none;
    }

    .user_category {
        padding-top: 30px;
    }

    /*************   パック価格表関連ページ　 **********************************************/
    .num {
        color: #ac2258;
    }

    .creative_plan h2 {
        font-size: 18px;
        border-bottom-style: dashed;
        margin-bottom: 10px;
        padding-left: 10px;
    }

    .creative_plan h2 span {
        display: block;
        font-size: 16px;
        float: right;
        padding-right: 5px;
        color: #60aec2;
    }

    .create_contents h3 {
        position: relative;
        font-size: 20px;
        border-bottom-style: solid;
        border-width: 2px;
        padding-bottom: 9px;
    }

    .create_contents h3::before {
        display: none;
    }

    .target_user {
        margin-bottom: 30px;
    }

    .target_user small {
        display: block;
        font-size: 13px;
        color: #219aa0;
    }

    .target_user h3 {
        position: relative;
        font-size: 20px;
        border-bottom-style: solid;
        border-width: 2px;
        color: #57aabf;
    }

    .target_user h3::before {
        display: none;
    }

    .target_user span {
        float: right;
        font-size: 13px;
        margin-top: 5px;
    }

    .target_user ul {
        padding: 25px 10px 0 20px;
    }

    .target_user ul li {
        position: relative;
        font-size: 15px;
        padding-left: 14px;
        min-height: 35px;
    }

    .target_user ul li::before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #269ba2;
        top: 11px;
    }

    .create_contents h3 {
        position: relative;
        font-size: 20px;
        border-width: 2px;
        padding-bottom: 9px;
        border-style: none;
        color: #5babc0;
    }

    .create_contents h3::before {
        content: "";
        width: 5px;
        height: 27px;
        background: #56ea71;
        position: absolute;
        left: 0px;
        top: 1px;
    }

    .create_contents h3::before {
        display: none;
    }

    .create_contents ul {
        padding: 13px 10px 0 20px;
    }

    .create_contents ul li {
        position: relative;
        font-size: 15px;
        padding-left: 14px;
        height: 30px;
    }

    .create_contents ul li::before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid #56ea71;
        top: 6px;
    }

    .create_contents table {
        border-collapse: collapse;
        font-size: 13px;
        margin: 0;
        width: 100%;
    }

    .create_contents table tbody tr {
        height: 50px;
    }

    .create_contents table tbody tr td {
        padding: 5px 10px;
        border-style: solid;
    }

    .create_contents table tbody tr td a {
        color: #ac2258;
        display: block;
    }

    .create_contents table tbody tr td a:hover {}

    .create_contents table tbody tr td:nth-child(1) {
        background: #f2f9f9;
        max-width: 70px;
        min-width: 88px;
    }

    .create_contents table tbody tr td span {
        display: block;
        font-size: 13px;
    }

    .function h3 {
        position: relative;
        font-size: 20px;
        margin-top: 50px;
        border-style: none;
        color: #5babc0;
    }

    .function h3::before {
        display: none;
    }

    .function table {
        border-collapse: collapse;
        font-size: 13px;
        width: 100%;
    }

    .function table tbody tr {
        height: 50px;
    }

    .function table tbody tr td {
        padding: 5px 10px;
        border-style: solid;
    }

    .function table tbody tr td:nth-child(1) {
        background: #f2f9f9;
    }

    .function table tbody tr td span {
        display: block;
        font-size: 13px;
        color: #219aa0;
    }

    .create_option h3 {
        position: relative;
        font-size: 20px;
        margin-top: 50px;
        border-style: none;
        color: #5babc0;
    }

    .create_option h3::before {
        display: none;
    }

    .create_option table {
        border-collapse: collapse;
        font-size: 13px;
        width: 100%;
    }

    .create_option table tbody tr {
        height: 50px;
    }

    .create_option table tbody tr td {
        padding: 5px 10px;
        border-style: solid;
    }

    .create_option table tbody tr td:nth-child(1) {
        background: #f2f9f9;
        position: relative;
        width: 50px;
    }

    .create_option table tbody tr td:nth-child(2) {
        background: #f2f9f9;
    }

    .create_option table tbody tr td:nth-child(3) {
        text-align: right;
        border-right-style: none;
        padding-right: 3px;
    }

    .create_option table tbody tr td:nth-child(4) {
        border-left-style: none;
        padding-left: 0;
        width: 10px;
    }

    .create_option table tbody tr td span {
        display: block;
        font-size: 13px;
    }

    .create_option .f1_wrapper {
        background: #f2f9f9;
        height: 100%;
        padding: 0;
        position: absolute;
        width: 55px;
        left: 0px;
        top: 0;
    }

    .create_option2 {
        overflow: hidden;
        border-style: solid;
        border-width: 2px;
        width: 100%;
        background: #f2f9f9;
        border-color: #d1dcdd;
    }

    .create_option2 .answer_price {
        font-size: 25px;
        text-align: right;
        width: 150px;
        border-style: none;
        float: right;
        margin-top: 20px;
        color: #2fa0a6;
        font-weight: bold;
        min-height: 30px;
    }

    .create_option2 span {
        font-size: 25px;
        text-align: left;
        padding: 0 10px;
        border-style: none;
        margin-top: 10px;
        float: left;
    }

    .answer_check {
        margin-top: 20px;
        padding: 5px 10px;
    }

    .create_check {}

    .create_option .send {
        border-collapse: collapse;
        font-size: 13px;
        width: 100%;
    }

    .create_option .send td em {
        display: contents;
    }

    .create_option .send tbody tr {
        height: 50px;
    }

    .create_option .send tbody tr td {
        padding: 5px 10px;
        border-style: solid;
        display: block;
    }

    .create_option .send tbody tr td:nth-child(1) {
        background: #f2f9f9;
        max-width: fit-content;
        position: relative;
        width: 100%;
        display: inline-flex;
        margin-top: 10px;
    }

    .create_option .send tbody tr td:nth-child(2) {
        background: none;
        padding: 10px;
    }

    .create_option .send tbody tr td:nth-child(3) {
        text-align: right;
        border-right-style: none;
        padding-right: 3px;
    }

    .create_option .send tbody tr td:nth-child(4) {
        border-left-style: none;
        padding-left: 0;
        width: 100px;
    }

    .create_option .send tbody tr td span {
        display: block;
        font-size: 13px;
        color: #c9342f;
    }

    .create_option .send input {
        width: 100%;
        height: 49px;
        border: none;
        -webkit-appearance: none;
        background: transparent;
        border-style: none;
        border-width: 1px;
        padding: 0;
        color: #525d5e;
    }

    .create_option .send .mwform-zip-field input[type="text"] {
        display: inline-block;
        width: auto;
        border-style: solid;
        height: 24px;
    }

    .create_option .send textarea {
        border-style: none;
    }

    .create_option .send #zip1,
    #zip2 {
        width: 100px;
        border-style: solid;
        height: 28px;
        padding-left: 5px;
    }

    .server {
        margin-top: 30px;
    }

    #option-camera,
    #option-cms,
    #option-contact,
    #option-design,
    #option-intaview,
    #option-sns,
    #option-manual,
    #option-cmsplus,
    #option-server {
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .calcurate_title {
        margin-top: 50px;
        font-size: 15px;
    }

    .create_option .mw_wp_form_complete {
        text-align: center;
        font-size: 15px;
        margin-bottom: 100px;
        margin-top: 50px;
    }

    .create_option .send .mwform-tel-field .type_tel {
        border-style: solid;
        height: 27px;
    }

    .create_option .plan_checked input {
        width: 100%;
        height: 49px;
        border: none;
        -webkit-appearance: none;
        background: transparent;
        border-style: none;
        border-width: 1px;
        padding: 0;
    }

    .create_option .plan_checked {
        margin-top: 60px;
    }

    .create_option .plan_checked h5 {
        padding: 0 10px;
        font-size: 15px;
    }

    .create_option .plan_checked table tr td {
        width: 50%;
        background: none;
    }

    .create_option .plan_checked table tr td input {
        height: 40px;
    }

    .banner_wrapper {
        position: relative;
        min-height: 245px;
        margin: 50px 0;
        background-size: cover;
        padding-bottom: 10px;
        background: #f2f9f9;
    }

    .banner_wrapper h3 {
        position: absolute;
        right: 10px;
        top: -55px;
        font-size: 20px;
        border-style: solid;
        margin-top: 10px;
        background: white;
        padding: 23px 5px 5px 5px;
        line-height: 37px;
    }

    .banner_wrapper h3 span {
        font-size: 50px;
        color: #ac2258;
    }

    .banner_wrapper h2 {
        font-size: 30px;
        text-align: left;
        padding-top: 40px;
        padding-left: 20px;
        margin-bottom: 0;
        padding-bottom: 5px;
        color: #5cacc1;
        border-bottom-color: #d1dcdd;
        line-height: 38px;
    }

    .banner_wrapper strong {
        padding-left: 20px;
        margin-top: 35px;
        display: block;
        font-size: 18px;
        line-height: 20px;
    }

    .banner_wrapper p {
        padding: 0 20px;
        margin-top: 20px;
    }

    .plan_ex {
        width: calc(100% / 5 * 2);
        overflow: hidden;
        float: left;
        font-size: 14px;
    }

    .plan_ex.ex2 {
        width: calc(100% / 5 * 3);
    }

    .plan_ex p {
        padding: 10px 10px 30px;
    }

    .other_plan h3 {
        position: relative;
        font-size: 20px;
        margin: 50px 0 6px;
        border-style: none;
        text-align: left;
        color: #61aec2;
    }

    .other_plan h3::before {
        display: none;
    }

    .other_plan a {
        position: relative;
    }

    .other_plan a .banner_icon {
        width: calc(100% - 9px);
        margin: 5px 3px;
        display: inline-block;
        box-shadow: 10px 10px 0px #d1dcdd;
    }

    .other_plan a:hover .banner_icon {
        box-shadow: 0 0 0 transparent;
        left: -1px;
        top: 1px;
        opacity: 0.8;
        box-shadow: 10px 10px 0px #d1dcdd;
    }

    .packege_plan {
        padding: 0;
        margin-top: 30px;
    }

    .semi {
        font-size: 18px;
        border-bottom-style: dashed;
        margin-bottom: 10px;
        border-width: 1px;
    }

    .semi_wrapper,
    .full_wrapper {
        overflow: hidden;
        margin-top: 30px;
        padding: 0 10px;
        margin-left: -10px;
        margin-right: -10px;
        border-style: solid;
        background: white;
        border-width: 2px;
    }

    .full {
        width: 100%;
        overflow: hidden;
        font-size: 18px;
        border-bottom-style: dashed;
        margin-bottom: 10px;
        padding-left: 10px;
        border-width: 1px;
    }

    .semi a,
    .full a {
        background: #2b3030;
        line-height: 13px;
        font-size: 13px;
        margin-left: 10px;
        float: right;
        color: white;
        padding: 5px 10px;
    }

    .semi a:hover,
    .full a:hover {
        background: white;
        line-height: 13px;
        font-size: 13px;
        margin-left: 10px;
        float: right;
        color: #2b3030;
        border-style: solid;
        border-width: 1px;
        padding: 5px 10px;
    }

    .plan_h3 {
        padding: 40px 20px 0;
        font-size: 19px;
    }

    .plan_p {
        padding: 40px 20px;
        font-size: 15px;
        border-style: solid;
        margin: 20px;
        border-width: 1px;
        box-shadow: 2px 2px 3px #525d5e;
        background: white;
        border-color: #d1dcdd;
        text-align: left;
    }

    .packege_plan2 {
        margin: 5px 10px;
        margin-bottom: 30px;
    }

    .packege_plan h3 {
        font-size: 18px;
        color: #57aabf;
    }

    .packege_plan .banner_icon {
        width: 100%;
        padding: 10px 0;
    }

    .packege_plan2 .banner_icon {
        width: calc(100% - 9px);
        margin: 5px 3px;
        display: inline-block;
        box-shadow: 10px 10px 0px #d1dcdd;
    }

    .packege_plan a:hover .banner_icon {
        box-shadow: 0 0 0 transparent;
        left: -1px;
        top: 1px;
        opacity: 0.8;
        box-shadow: 10px 10px 0px #d1dcdd;
    }

    .packege_plan2 a:hover .banner_icon {
        box-shadow: 0 0 0 transparent;
        left: -1px;
        top: 1px;
        opacity: 0.8;
    }

    .contact_box h3 {
        font-size: 18px;
        margin-top: 100px;
        color: #57aabf;
    }

    /*************   カメラスペックページ　 **********************************************/
    #modalArea-price .modalContents h3 {
        margin-top: 37px;
        text-shadow: none;
    }

    #modalArea-price .modalContents img {
        padding: 20px;
        max-width: 500px;
    }

    #modalArea-price .modalContents {
        text-align: center;
    }

    .about_machine {
        border-radius: 5px;
        cursor: pointer;
        margin: 0 auto;
        min-width: 50%;
        width: 100%;
        display: block;
        border-style: solid;
        border-width: 1px;
        border-color: #d1dcdd;
        background: #f2f9f9;
        color: #c9342f;
    }

    .hidden_box .about_machine:after {
        content: "";
    }

    .camera {
        margin-top: 20px;
    }

    .photo_actual_wrapper {
        margin-top: 80px;
    }

    .photo_actual_wrapper h3 {
        font-size: 16px;
        font-weight: bold;
        padding: 0 10px;
    }

    .photo_actual_wrapper p {
        padding: 20px 0px 50px 10px;
    }

    .canon {
        background: #c69da5;
        margin-bottom: 20px;
        padding: 20px;
    }

    .photo_actual {
        margin-top: 60px;
    }

    .picture_box {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .machine_spec {
        padding: 0 10px;
        overflow: hidden;
    }

    .machine_left {
        display: none;
    }

    .machine_right {
        width: 100%;
    }

    .camera table,
    .drone table {
        border-collapse: collapse;
    }

    .camera tr,
    .drone tr {
        height: auto;
    }

    .camera td,
    .drone td {
        border-style: none;
        font-size: 13px;
        padding: 5px 10px;
        border-right-style: solid;
    }

    .camera td:nth-child(1),
    .drone td:nth-child(1) {
        width: 150px;
    }

    .camera td:nth-child(2),
    .drone td:nth-child(2) {
        border-right-style: none;
    }

    .camera h3,
    .drone h3,
    .photo_actual h3 {
        padding: 0 15px;
        font-size: 15px;
        position: relative;
        background: #f2f9f9;
        color: #5dadc1;
    }

    .camera h3::before,
    .drone h3::before,
    .photo_actual h3:before {
        display: none;
    }

    .photo_actual p {
        padding: 10px 20px;
    }

    .photo_example {
        width: 100%;
        height: 300px;
        text-align: center;
        display: inline-block;
        border-style: solid;
        overflow: hidden;
        border-color: #d1dcdd;
        border-width: 1px;
    }

    .photo_example h3 {
        font-weight: normal;
    }

    .photo_example h3:before {
        display: none;
    }

    .photo_actual_wrapper .modalArea img {}

    .photo_actual_wrapper .modalContents img {
        width: auto;
    }

    .camera_spec_list {
        background: rgb(242, 249, 249);
        padding: 10px;
    }

    .camera_spec_list_bottom {
        text-align: center;
        margin-top: 20px;
    }

    .camera_spec_list_bottom h3 {
        font-size: 15px;
        padding-bottom: 5px;
        font-weight: bold;
        text-align: center;
        color: #67b1c5;
    }

    .camera_spec_list li {
        text-shadow: 0px 0px 3px gainsboro;
    }

    .photo_actual_wrapper .modalContents h3 {
        margin-top: 20px;
        font-size: 20px;
        overflow: hidden;
        text-align: center;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .photo_actual_wrapper .modalContents small {
        font-size: 13px;
        padding: 2px;
        display: block;
        color: #ae275c;
    }

    .photo_actual_wrapper .modalContents ul {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .photo_actual_top:hover {
        border-style: solid;
        border-width: 1px;
    }


    /*************   サーバー料金表　 **********************************************/
    .table_price {
        border-collapse: collapse;
        border: solid 1px #d1dcdd;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .table_price th,
    .table_price td {
        border: solid 1px #ccc;
        padding: 8px 10px;
    }

    .table_price thead th {
        font-size: 120%;
        border-bottom: none;
        padding-bottom: 0;
    }

    .table_price thead td {
        border-top: none;
        padding-top: 0;
    }

    .table_price thead th,
    thead th,
    .table_price thead td {
        background: #f2f9f9;
        font-size: 15px;
        width: 300px;
        text-align: center;
    }

    .table_price .num {
        font-size: 25px;
        font-weight: bold;
    }

    .table_price tbody th {
        background: #f2f9f9;
    }

    .table_price tbody tr {
        height: 30px;
    }

    .table_price tbody td.em {
        background: #f2f9f9;
    }

    /*************   サーバー特徴　 **********************************************/
    .section .page_catch {
        display: block;
        margin-bottom: 1em;
    }

    .section h1 {
        margin-bottom: 2em;
    }

    .intro {
        margin-bottom: 0;
        padding-bottom: 10px;
        background: #cc0000;
        padding: 60px 0 25px;
    }

    .intro h1 {}

    .intro h1>.altus {
        display: block;
        margin-top: 60px;
    }

    .intro h1>.name {
        font-size: 58px;
    }

    .intro h1>.series {
        font-size: 44px;
    }

    .intro h1>.text {
        display: block;
        margin: 30px 0;
        font-size: 32px;
    }

    .intro h2 {
        margin: 30px 0 10px 0;
        font-size: 52px;
    }

    .intro .icon-new:before {
        font-size: 12px;
        margin-right: 1rem;
    }

    .intro p.em {
        margin-bottom: 20px;
    }

    .column-1 {
        margin-bottom: 0;
    }

    .column-1 .wrap {
        padding: 50px 0;
    }

    .column-1 h2 {
        margin-bottom: 20px;
        font-size: 40px;
        text-align: center;
    }

    .column-1 .text {
        font-size: 18px;
        text-align: center;
    }

    .feature .float_l {
        width: 100%;
        overflow: hidden;
        border-width: 2px;
        border-style: none none solid none;
        border-color: #d1dcdd;
        margin-top: 15px;
        background: white;
        padding: 5px 10px;
        margin-bottom: 30px;
    }

    .feature .float_r {
        width: 100%;
        overflow: hidden;
        border-width: 2px;
        border-style: none none solid none;
        border-color: #d1dcdd;
        margin-top: 15px;
        margin-bottom: 15px;
        background: white;
        padding: 5px 10px;
        margin-bottom: 30px;
    }

    .feature .float_l>.img,
    .feature .float_r>.img {
        width: 150px;
        border-style: none;
        margin: 0 auto;
    }

    .feature .float_l>.img img,
    .feature .float_r>.img img {
        width: 150px;
        height: auto;
        border-style: none;
        margin: 0;
    }

    .feature .float_l>.text,
    .feature .float_r>.text {}

    .feature .float_l>.text h3,
    .feature .float_r>.text h3 {
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
        padding-top: 10px;
        color: #6bb3c6;
        text-align: center;
    }

    .feature .float_l>.text p,
    .feature .float_r>.text p {
        font-size: 13px;
    }

    .wrap {
        overflow: scroll;
    }

    .wrap h2 {
        font-size: 20px;
        border-style: none;
        text-align: center;
        color: #64afc3;
    }

    .wrap h2:before {
        display: none;
    }

    .tree1 {
        display: none;
    }

    .tree2 {
        display: none;
    }

    .tree3 {
        display: none;
    }

    .look_ok {
        max-width: 500px;
        margin: 0 auto;
        background: #f2f9f9;
        border-style: solid;
        padding: 10px;
        border-width: 2px;
        border-color: #d1dcdd;
    }

    .point_contents .look_ok h3,
    .point_contents .look_ok p {
        text-align: center;
        width: 100%;
    }

    .point_contents .look_ok a {
        color: #249ba1;
        font-size: 18px;
    }

    .point_contents .site_keyword {
        background: #a4b9bb;
        margin: 2px 0;
        display: inline-block;
        font-weight: normal;
        font-size: 13px;
        padding: 0 5px;
        margin-top: 5px;
        color: white;
        line-height: 23px;
        border-radius: 0;
    }

    .damy_type {
        display: none;
    }

    .hidden_show img {
        display: none;
    }

    .cat_span {
        border-style: solid;
        border-width: 1px;
        margin-left: 9px;
        padding: 2px 6px;
        border-color: #525d5e;
    }

    .hp_actual {
        margin-top: 30px;
        background: white;
        padding: 5px 10px;
    }

    table {
        font-size: 14px;
    }

    .greeting p {
        text-align: center;
        width: 100%;
        background: white;
        padding: 15px;
    }

    .now_contact {
        margin-bottom: 100px;
        text-align: center;
    }

    .now_contact h3 {
        color: #79bbcd;
        font-size: 15px;
        margin-bottom: 5px;
        margin-top: 100px;
    }

    .now_contact_button {
        max-width: 350px;
        background: #57aabf;
        margin: 0 auto;
        padding: 20px 10px;
    }

    .now_contact_button:hover {
        background: #f2f9f9;
        border-style: solid;
        border-width: 1px;
        margin-bottom: -2px;
    }

    .now_contact_button a {
        color: white;
    }

    .now_contact_button:hover a {
        color: #c9342f;
    }

    .plan {
        max-width: 800px;
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

    .plan th {
        width: auto;
        background: #d1dcdd;
    }

    .plan tbody tr th {
        border-top-style: none;
        width: 98px;
        text-align: center;
        background: #e8f0f1;
    }

    .plan .lp_min {
        background: #175f81;
        color: #cde8fe;
    }

    .plan tbody tr td {
        border-top-style: none;
        background: #f2f9f9;
        line-height: 20px;
    }

    .plan tbody tr td a {
        color: #c9342f;
        font-size: 13px;
    }

    .plan tbody tr td a:hover {
        color: #63afc2;
    }

    .plan .lp_first {
        color: #9afb99;
        background: #175f81;
    }

    .plan .lp_standard {
        color: #02fdfe;
        background: #175f81;
    }

    .plan .lp_advance {
        color: #fbb03b;
        background: #175f81;
    }

    .plan .lp_branding {
        color: #f4f641;
        background: #175f81;
    }

    .sales_point {
        background: #175f81;
        color: white;
        padding: 0 5px;
        margin-bottom: 10px;
        position: relative;
        min-height: 65px;
    }

    .sales_point:after {
        content: " ";
        position: absolute;
        width: 0;
        left: 7px;
        height: 0;
        border-width: 10px 8px 8px 8px;
        border-style: solid;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
        color: #175f81;
        bottom: -18px;
    }

    .sales_point em {
        color: yellow;
        margin-right: 5px;
        border-style: none none solid none;
        border-width: 1px;
        padding: 2px;
    }

    .icon_us {
        width: 10%;
        border-style: solid;
        border-radius: 50%;
        padding: 3px;
        border-width: 2px;
        border-color: #57aabf;
        background: #f2f9f9;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .contact_tel {
        text-align: center;
    }

    .contact_tel b {
        display: block;
        font-size: 15px;
        margin-top: 80px;
    }

    .contact_tel strong a {
        display: block;
        font-size: 25px;
        padding: 10px;
        color: #c9342f;
    }

    .contact_tel small {
        display: block;
        font-size: 13px;
        margin-bottom: 100px;
    }
}