@charset "utf-8";

/*携帯表示　-ここから-
---------------------------------------------------------------------------*/
@media (max-width: 736px) {
    
    .spoff {
        display: none;
    }
    
    body {
        font-size: 4.2vmin;
        color: #626262;
    }
    
    .image_check {
        width: 100%;
    }
    
    .headerback {
        height: 50px;
    }

/* TOPページ
---------------------------------------------------------------------------*/
    .site_name {
        width: 80%;
        margin: 20px auto;
    }
    
    .information {
        margin: 15px;
        margin-bottom: 30px;
    }
    
    .main {
        margin-bottom: 0px;
    }
    
    .hamburgerarea img {
        width: 14%;
        float: right;
        margin: 1%;
    }
    
    .progress_li2 {
        border-bottom: 1px solid #626262;
        padding: 5px;
        background-color: #d6f5d5;
    }
    
    .progress_li_title {
        background-color: #626262;
        color: #fff;
        font-weight: bold;
        text-align: center;
    }
    
    .now {
        background: #3ca91f;
        color: #fff;
    }
    
    .start_button {
        margin: 0;
        position: fixed;
        bottom: 0;
    }
    
    .agree {
        margin-bottom: 50px;
    }
    
    .information2 {
        width: 98%;
    }
    
/* 回答画面設定
---------------------------------------------------------------------------*/
    .form_button {
        margin: 0;
        position: fixed;
        bottom: 0;
    }
    
    .answer_area {
        width: 100vw;
        margin: 0;
        margin-top: 20px;
        padding-bottom: 60px;
    }
    
    .pb150 {
        padding-bottom: 150px;
    }
    
    button {
        width: 100vw;
        height: 60px;
        border-radius: 0;
    }
    
    button:hover {
        border-radius: 0x;
    }
    
    .ml60 {
        margin-left: 0;
    }
    
    sp_2column {
        width: 50vw;
    }
    
    .button_area {
        position: fixed;
        bottom: 0;
    }
    
    .button3 {
        width: 100vw
    }
    
    .radioclub {
        margin: 0;
        position: fixed;
        bottom: 60px;
    }
    
    .radioclub label {
        width: 44.5vw;
        height: 30px;
        padding-top: 20px;
    }
    
    .radioclub2 label {
        width: 28vw;
    }
    
    .answer_area2 {
        width: 100vw;
    }
    
    .form_button2 {
        width: 100%;
        margin: 0;
        position: fixed;
        bottom: 0;
    }
    
    .menu_adj {
        height: 180px;
    }
    
    .addbutton button {
        width: 100%;
        margin-top: 15px;
    }
    
    .ques_check button {
        width: 100%;
    }
    
    .answer52_4 select {
        width: 100%;
    }
    
    .answer_area .a-head input[type="text"] {
        width: 85vw;
        font-size: 16px;
    }
    
    .answer_area .a-head input.answer52text[type="text"] {
        width: 90%;
    }
    
    .answer_area .a-head input[type="url"] {
        width: 85vw;
        font-size: 16px;
    }
    
    .answer_area .a-head input[type="email"] {
        width: 85vw;
        font-size: 16px;
    }
    
    .answer_area .a-head input[type="tel"] {
        width: 85vw;
        font-size: 16px;
    }
    
    .answer_area .radioclub2 label {
        width: 78vw;
        padding: 15px;
    }
    
    .button_area2 {
        width: 75vw;
        margin: 10px auto;
    }
    
    li.progress_li2 {
        width: 100vw;
        position: relative;
        top: 0px;
    }
    
    .button_area1 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100vw;
    }
    
    .button_area2 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100vw;
    }
    
    .button_area3 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100vw;
    }
    
    .button_area4 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100vw;
    }
    
    .button_area5 {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 100vw;
    }
    
    button {
        width: 100vw;
        margin: 0;
    }
    
    .button_area5 button {
        width: 100vw;
    }
    
    .radioclub3 label {
        width: 78vw;
        padding: 15px;
    }
    
    .sbutton {
        bottom: 60px;
        position: static;
        width: 100%;
    }
    
    .suggest_button {
        width: 100%;
        border-radius: 5px;
        margin: 0;
    }
    
    #quest_zone41 .a-head {
        margin-bottom: 70px;
    }
    
    .popup .button_area2 {
        position: static;
    }
    
    .popup_content2 {
        width: 100vw;
        font-size: 14px;
    }
    
    .checkClub label {
        width: 78vw;
        padding: 15px;
    }
    
    .radioclub2 label {
        width: 78vw;
        padding: 15px;
    }
    
    input#domainRightOther1 {
        width: 80vw;
    }
    
    .button_area4 button {
        width: 100vw;
    }
    
    .top_head {
        width: 100%;
        float: none;
    }
    
    span#text4 {
        position: static;
    }
    
    span#text5 {
        position: static;
    }
    
    span#text6 {
        right: 0px;
        bottom: 80px;
    }
    
    textarea {
        width: 60vw;
        font-size: 16px;
    }
    
    .reqtext {
        width: 100%;
    }
    
    .reqtext textarea {
        width: 83vw;
    }
    
    .radioclub2 label {
        width: 25vw;
    }
    
    .checkClub .days {
        width: 48px;
    }
    
    .button_area2_2 {
        width: 100vw;
    }
    
    .prev_section4 {
        width: 99%;
        float: left;
        border: 1px solid;
        margin-right: 1%;
        background-color: #fff;
    }
    
    .answer_area3 label {
        width: 85%;
    }
    
    .gkv {
        margin-left: 0;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .onamae {
        width: 95%;
        margin: 0 9px;
        text-align: center;
    }
    
    .saggest_btn button {
        width: 50%;
        float: left;
        font-size: 4vw;
    }
    
    #check1 {
        background: url(/images/page_tag/page_menu_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check2 {
        background: url(/images/page_tag/page_menu_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check3 {
        background: url(/images/page_tag/page_staff_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check4 {
        background: url(/images/page_tag/page_gallery_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check5 {
        background: url(/images/page_tag/page_schedule_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check6 {
        background: url(/images/page_tag/page_voice_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check7 {
        background: url(/images/page_tag/page_faq_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    #check8 {
        background: url(/images/page_tag/page_news_off.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check1_h:checked + .switch7{
        background: url(/images/page_tag/page_menu_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check2_h:checked + .switch7{
        background: url(/images/page_tag/page_menu_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check3_h:checked + .switch7{
        background: url(/images/page_tag/page_staff_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check4_h:checked + .switch7{
        background: url(/images/page_tag/page_gallery_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check5_h:checked + .switch7{
        background: url(/images/page_tag/page_schedule_on.jpg);
        background-size: 100px;
        height: 56px;;
    }

    .checkClub input[type="checkbox"]#check6_h:checked + .switch7{
        background: url(/images/page_tag/page_voice_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check7_h:checked + .switch7{
        background: url(/images/page_tag/page_faq_on.jpg);
        background-size: 100px;
        height: 56px;
    }

    .checkClub input[type="checkbox"]#check8_h:checked + .switch7{
        background: url(/images/page_tag/page_news_on.jpg);
        background-size: 100px;
        height: 56px;
    }
    
    #check1, #check2, #check3, #check4, #check5, #check6, #check7, #check8 {
        width: 70px;
    }
    
    .theme_zone .a-head {
        width: 95%;
    }
    
    .theme_zone .a-head input[type="text"] {
        width: 94%;
    }
    
/* ポップアップ
---------------------------------------------------------------------------*/
    .popup_content {
        width: 98vw;
        height: 90vh;
    }
    
    .accent_kome {
        font-size: 10px;
    }
    
    .popup_content {
        color: #fff;
    }
    
    .popup_content5 {
        width: 95vw;
    }
    
/* 全体プレビュー画面
---------------------------------------------------------------------------*/
    .prev_section {
        padding-top: 0;
    }
    
    .preview_area2, .preview_area5 {
        height: 70vh;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    /* ヘッダー
    -----------------------------------------------------------------------*/
    .prev_header_sp {
        background-color: #fff;
        height: 53px;
    }
    
    .prev_logo_area {
        padding: 2%;
    }
    
    .prev_logo_area img {
        height: 40px;
    }
    
    .prev_hum_area {
        padding: 2%;
    }
    
    .prev_hum_area img {
        height: 40px;
    }
    
    .mv1 {
        height: 75vh;
    }
    
    .mv_cap.mv_text {
        margin: 0;
        position: relative;
        top: 25%;
        padding: 15px;
    }
    
    .mv_cap.mv_text {
        width: 100%;
    }
    
    .mv_text_L {
        font-size: 6.9vw;
    }
    
    .mv_text_M {
        font-size: 6.9vw;
    }
    
    /* コンセプト
    -----------------------------------------------------------------------*/
    .poparea {
        padding: 0;
    }
    
    .heading p {
        font-size: 34px;
        text-align: left;
    }
    
    .heading_text h2 {
        font-size: 20px;
        text-align: left;
    }
    
    .heading_text h3 {
        font-size: 18px;
        text-align: left;
    }
    
    .text_h {
        margin-top: 30px;
        text-align: left;
    }
    
    .img_1 {
        width: 100%;
    }
    
    .text_1 {
        width: 100%;
    }
    
    .prev_h3 {
        font-size: 5vmin;
        margin-top: -7px;
    }
    
    .more_btn {
        width: 100%;
    }
    
    .more_btn p {
        padding: 20px 5px;
        font-size: 4vw;
    }
    
    /* サービス
    -----------------------------------------------------------------------*/
    .servicelist {
        width: 100%;
        margin: 0;
    }
    
    .js-matchHeight_inner2 {
        margin-bottom: 15px;
    }
    
    .prev_h4 {
        font-size: 5vmin;
        padding: 15px;
        margin-top: -7px;
    }
    
    li.column3 {
        width: 100%;
    }
    
    .servise_text h4 {
        font-size: 4vw;
    }
    
    .servise_text p {
        font-size: 4vw;
    }
    
    /* スケジュール
    -----------------------------------------------------------------------*/
    .servicelist h4 {
        font-size: 3.5vmin;
        padding: 15px;
        margin-top: -7px;
    }
    
    .heading span {
        font-size: 8vw;
    }
    
    .schedule_table {
        width: 90%;
    }
    
    /* メニュー
    -----------------------------------------------------------------------*/
    .table_bdr th {
        width: 70%;
    }
    
    td.price {
        width: 100%;
    }
    
    .heading {
        font-size: 4.5vw;
    }
    
    .img_1 img {
        width: 100%;
        height: auto;
    }
    
    .img_1 {
        width: 100%;
        height: auto;
    }
    
    .common_table {
        margin-top: 20px;
    }

    /* スタッフ
    -----------------------------------------------------------------------*/
    .heading_type1 h3 {
        margin: 0;
    }
    
    .infolist2 {
        width: 47%;
        height: 145px;
        margin-bottom: 5%;
    }
    
    .staff_image {
        height: 110px;
    }
    
    .staff_image img {
        height: 110px;
    }
    
    .spmr5 {
        margin-right: 5%;
    }
    
    .spmr0 {
        margin: 0%;
    }
    
    /* ギャラリー
    -----------------------------------------------------------------------*/
    .blogarea2 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .infolist3 {
        width: 47%;
        height: 145px;
        margin-bottom: 5%;
    }
    
    .infolist3 .staff_image {
        height: 145px;
    }
    
    .infolist3 .staff_image img {
        height: 145px;
    }
    
    /* 採用情報
    -----------------------------------------------------------------------*/
    .text_3 {
        width: 100%;
    }
    
    tr.table_bdr {
        width: 100%;
    }
    
    .table_bdr2 th {
        width: 100%;
        display: block;
    }
    
    .table_bdr td {
        display: block;
    }
    
    td.price2 {
        border: none;
        width: 100%;
        padding: 6px;
    }
    
    .recruit_positon img {
        position: static;
        right: 0;
    }
    
    /* 新着情報
    -----------------------------------------------------------------------*/
    .infolist {
        width: 100%;
    }
    
    .news_body {
        margin-top: 20px;
    }
    
    /* Q&A
    -----------------------------------------------------------------------*/
    .q_contents {
        width: 25%;
        height: 60px;
    }
    
    .q_contents img {
        width: 30px;
        position: relative;
        top: 15px;
        left: 25px;
    }
    
    .q-cont {
        line-height: 1.2;
        position: static;
        padding: 20px 10px;
        font-size: 4vw;
    }
    
    .a_contents {
        width: 25%;
        height: 112px;
    }
    
    .a_contents img {
        width: 30px;
        position: relative;
        top: 40px;
        left: 25px;
    }
    
    .a-cont {
        position: static;
        width: 75%;
        padding: 20px 10px;
    }
    
    /* お客様の声
    -----------------------------------------------------------------------*/
    .chara_area2 {
        height: 100%;
    }
    
    .img_7 {
        height: auto;
    }
    
    .img_7 img {
        height: auto;
        width: 100%;
    }
    
    .text_voice {
        padding: 0 20px;
    }
    
    .voice_more_btn {
        width: 100%;
        height: 70px;
        margin-bottom: 60px;
    }
    
    .text_voice h3 {
        margin-top: 20px;
    }
    
    /* ブログ
    -----------------------------------------------------------------------*/
    .blogarea {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .blog_area2 {
        width: 95%;
        background-color: #fff;
        text-align: center;
        height: auto;
        margin: 0 auto 40px;
    }
    
    /* イメージ
    -----------------------------------------------------------------------*/
    .image_section {
        height: 300px;
    }

    /* アクセス
    -----------------------------------------------------------------------*/
    .access_area {
        width: 100%;
    }
    
    .access_text {
        margin-bottom: 20px;
    }
    
    .access_area h3 {
        font-size: 6vw;
    }
    
    .access th {
        font-weight: bold;
        text-align: left;
        padding: 5px 0;
        display: block;
        width: 100%;
        font-size: 5.5vw;
    }
    
    .access td {
        width: 100%;
        display: block;
        padding-bottom: 20px;
        font-size: 4.5vw;
    }
    
    .map {
        width: 95%;
    }
    
    .map_btn {
        width: 85vw;
    }
    
    /* 特徴
    -----------------------------------------------------------------------*/
    .chara_area {
        height: auto;
    }
    
    .text_characteristic p {
        font-size: 15px;
    }
    
    .img_2 {
        width: 100%;
        height: 500px;
    }
    
    .text_2 {
        width: 100%;
        height: auto;
    }
    
    .more_btn_img {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    
    /* SEOテキスト
    -----------------------------------------------------------------------*/
    .textArea {
        width: 100%;
        padding: 70px 20px;
    }
    
    /* フッター
    -----------------------------------------------------------------------*/
    .footer_access {
        padding: 20px;
    }
    
    .footer_logo {
        width: 50vw;
        margin-top: 150px;
        margin-bottom: 40px;
    }
    
    .footer_address {
        font-size: 5vw;
    }
    
    .footer_tel {
        font-size: 8vw;
    }
    
    .blackarea2 {
        height: 200px;
    }
    
    .more_btn2 p {
        font-size: 5vw;
    }
    
    .copyright {
        margin-top: 40px;
        padding-top: 5px;
        font-size: 2vw;
    }
    
    .foot_area {
        width: 100%;
    }
    
    .end_tel {
        font-size: 5vw;
    }
    
    .more_btn3 {
        width: 100%;
    }
    
    .more_btn3 p {
        padding: 5px 10px;
        font-size: 3.5vw;
        height: auto;
    }
    
    /* タイプ選択
    -----------------------------------------------------------------------*/
    .typepreview_area {
        height: 100%;
    }
    
    p.typ_info {
        height: auto;
    }
    
    .prev_section2, .prev_section3 {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    
    .type_prev2 {
        overflow: scroll;
        height: 350px;
    }
    
    div.type_select2 {
        width: 80vw;
        margin-bottom: 20px;
    }
    
    .type_select2 label.switch5 {
        width: 30vw;
    }
    
    div.type_select3 {
        width: 87vw;
        margin-bottom: 20px;
    }
    
    .service_a {
        font-size: 12px;
        padding: 0;
        margin: 0;
    }
    
    .more_btn5 {
        width: 35%;
    }
    
    td.price3 {
        width: 30%;
    }
    
    .common_table2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .blogarea3 {
        width: 30%;
        margin-top: 5px;
    }
    
    .type_select3 label.switch5 {
        width: 20vw;
    }
    
    .button_area2_3 {
        width: 100%;
    }
    
    .servicelist2 {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .typekome {
        font-size: 3.8vw;
    }
    
    .tagarea {
        width: 100%;
    }
    
    .tagli div {
        width: 23vw;
    }
    
    .img_4 {
        width: 100%;
    }
    
    .text_4 {
        width: 100%;
    }
    
    h3.voice_type_title.pcoff {
        background-color: #c41a41;
        color: #fff;
        padding: 15px;
        margin-top: -7px;
    }
    
    /* カラー選択設定
    -----------------------------------------------------------------------*/
    .popup_content2 {
        position: absolute;
        z-index: 30;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        width: 95vw;
        height: 95vh;
        border-radius: 5px;
    }
    
    .color_choice_area_title2 h2 {
        color: #fff;
    }
    
    .color_zone3 button {
        width: 58px;
    }
    
    .color_zone3 {
        height: 50vh;
        overflow: scroll;
    }
    
    .button5 {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    
    .button5 .color_button {
        width: 50%;
        margin-top: 30px;
    }
    
    .button5 .form_area {
        display: block;
    }
    
    /* ローディング設定
    -----------------------------------------------------------------------*/
    .loading_area {
        width: 100%;
        margin: 15px auto;
    }
    
    .loading_text h2 {
        font-size: 7vw;
    }
    
    .loading_text p {
        font-size: 5vw;
    }
    
    .ml15 {
        margin: 0;
    }
    
    /* リザルト画面設定
    -----------------------------------------------------------------------*/
    .color_prev {
        width: 94vw;
    }
    
    .result_type_prev {
        width: 100%;
    }
    
    .check_button {
        width: 100%;
    }
    
    .prev_area_bottom {
        height: 200px;
    }
    
    .return_button {
        float: none;
    }
    
    .google_evaluation {
        width: 97%;
    }
    
    .site_image {
        width: 94vw;
        border-radius: 5px;
    }
    
    .ques_check {
        margin-top: 10px;
    }
    
    .address_gr {
        padding: 0;
    }
    
    .prev_section5 {
        width: 100%;
    }
    
    .lower_section_back {
        width: 250px;
        height: 180px;
    }
    
    .ttl_wrap {
        margin-top: 100px;
    }
    
    h4.vertical_ttl {
        font-size: 18px;
    }
    
    .menu_tag_section {
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .menu_table tr th.ttl {
        width: 52vw;
    }
    
    .radioclub4 label {
        width: 90%;
    }
    
    
    /* -------------------------------------------------------------------------
        プレビュー画面3 【Aタイプ】
    --------------------------------------------------------------------------*/
    .design_type {
        font-size: 11px;
    }
    
    .header_dis .switch4 {
        width: 60px;
    }
    
    /* ヘッダー
    -----------------------------------------------------------------------*/
    .prev_header {
        background: unset;
        box-shadow: none;
    }
    
    .prev_h1 {
        display: none;
    }
    
    .header_right {
        display: none;
    }
    
    .mv3 {
        height: 40vh;
    }
    
    .mv_cap3 {
        padding: 20px 0;
    }
    
    .mv_text_wrap div {
        font-size: 5vw;
        line-height: 0.5em;
    }
    
    /* ニュース
    -----------------------------------------------------------------------*/
    .prev_section_news {
        padding: 40px 20px;
    }
    
    .news_h3 {
        line-height: 0.8em;
        padding-bottom: 23px;
    }
    
    .news_h3 span {
        font-size: 4vw;
    }
    
    span.date_btn3 {
        display: block;
        width: 100px;
    }
    
    .date_btn3_after {
        padding: 13px;
        font-size: 12px;
    }
    
    .news_title3 {
        display: block;
        margin-top: 15px;
    }
    
    /* メッセージ
    -----------------------------------------------------------------------*/
    .prev_section_message .heading p {
        text-align: center;
    }
    
    .msg_back {
        padding: 40px 0;
        background-size: 200%;
    }
    
    /* バナー
    -----------------------------------------------------------------------*/
    .blackarea3 {
        height: 150px;
    }
    
    .list_image3 {
        padding: 15px;
    }
    
    .prev_section_banner .servise_text h4 {
        padding-bottom: 0;
    }
    
    .servise_text {
        width: 100%;
        margin: 0;
    }
    
    .sample {
        font-size: 3.5vw;
    }
    
    .more_btn_prev4 {
        padding: 5px;
        width: 110px;
        text-align: center;
        margin: 0 auto;
        display: table;
    }

    .more_btn_prev4 p {
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        border-radius: 20px;
        font-weight: bold;
        font-size: 13px;
    }
    
    /* メンバー
    -----------------------------------------------------------------------*/
    .prev_section_member .heading p {
        text-align: center;
    }
    
    .w50_3 {
        width: 100%;
    }
    
    .name_text3 {
        padding: 10px;
        font-size: 13px;
        color: #626262;
    }
    
    .blackZone3 {
        padding: 0;
    }
    
    /* サービス
    -----------------------------------------------------------------------*/
    .prev_section_service4 .heading p {
        text-align: center;
    }
    
    .service_block {
        width: 100%;
        margin-right: 0;
    }
    
    .member_title {
        margin-bottom: 0;
    }
    
    /* リクルート
    -----------------------------------------------------------------------*/
    .prev_section_recruit .heading p {
        text-align: center;
    }
    
    .prev_section_recruit .more_btn_prev3 {
        width: 80vw;
    }
    
    .prev_section_recruit .heading_area {
        padding: 100px 0;
    }
    
    /* ギャラリー
    -----------------------------------------------------------------------*/
    .prev_section_gallery .heading p {
        text-align: center;
    }
    
    .gallery_list > div {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    
    /* カンパニー
    -----------------------------------------------------------------------*/
    .prev_section_company .heading_area {
        padding: 10px;
    }
    
    .prev_section_company .heading p {
        text-align: center;
    }
    
    .prev_section_company .heading_text p {
        font-size: 14px;
    }
    
    .prev_section_company .heading_text {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    
    .color_p3 {
        padding: 10px;
    }
    
    .company_table th {
        text-align: center;
        width: 100%;
        display: block;
        background-color: #f5f5f5;
        font-size: 14px;
        padding: 10px;
    }
    
    .company_table td {
        width: 100%;
        display: block;
        padding: 20px 10px;
    }
    
    .googlemap {
        height: 40vh;
    }
    
    .googlemap iframe {
        width: 100%;
    }
    
    /* ギャラリー
    -----------------------------------------------------------------------*/
    .prev_section_about .color_p3 p {
        text-align: center;
    }
    
    /* SEOテキスト
    -----------------------------------------------------------------------*/
    .seo_area {
        width: 80%;
        margin: 0 auto;
        font-size: 12px;
    }
    
    /* フッター
    -----------------------------------------------------------------------*/
    .footer.foot1.mainColor {
        margin-bottom: 180px;
    }
    
    .footer_area2 {
        width: 100%;
        text-align: center;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    
    
    /* -------------------------------------------------------------------------
        プレビュー画面3 【Bタイプ】
    --------------------------------------------------------------------------*/
    
    /* メッセージ
    -----------------------------------------------------------------------*/
    #prevSectionMessage2_sp {
        width: 100%;
        height: auto;
        position: relative;
    }
    
    #prevSectionMessage2_sp .heading_area {
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }
    
    .more_btn_prev5 {
        padding: 5px;
        width: 180px;
        text-align: center;
        margin: 0 auto;
        margin-top: 30px;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        border: 1px solid;
    }
    
    /* バナー
    -----------------------------------------------------------------------*/
    .banner_area4 {
        width: 90%;
        margin: 0 auto;
    }
    
    .servise_text4 {
        margin: 0 auto;
        padding: 110px 10px;
    }
    
    .prev_section_banner4 {
        padding-bottom: 40px;
    }
    
    /* メンバー
    -----------------------------------------------------------------------*/
    .prev_section_member4 {
        padding: 0;
        padding-bottom: 40px;
    }
    
    .color_p4_1 {
        left: 0;
    }
    
    .color_p4_2 {
        left: 0;
    }
    
    .more_btn_prev6 {
        padding: 5px;
        width: 60%;
        text-align: center;
        margin: 0 auto;
        border: 1px solid;
    }
    
    .heading_area {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    
    .heading p {
        text-align: center;
    }
    
    .prev_section_member4 .heading_text h2 {
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: bold;
    }
    
    /* サービス
    -----------------------------------------------------------------------*/
    .prev_section_service4 .heading {
        padding-top: 40px;
    }
    
    .prev_section_service4 .blackZone3 {
        padding: 0;
        padding-bottom: 40px;
    }
    
    .service_block {
        width: 90%;
        margin: 0 auto;
    }
    
    .prev_section_service4 .service_block h4 {
        padding: 80px 0;
    }
    
    .prev_section_service4 .more_btn_prev6 {
        margin-bottom: 0;
    }
    
    .prev_section_service4 .service_area {
        margin-bottom: 20px;
    }
    
    /* リクルート
    -----------------------------------------------------------------------*/
    .rec_back_img4 {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    
    .accent_color {
        font-size: 22px;
        padding: 50px 0;
    }
    
    .rec_back_img4 i.far {
        font-size: 120px;
        position: relative;
        bottom: 25px;
        display: block;
        top: unset;
        right: unset;
    }
    
    .prev_section_recruit4 {
        background-image: linear-gradient(rgba(158, 158, 158, 0.1) 1px, transparent 0), linear-gradient(90deg, rgba(158, 158, 158, 0.1) 1px, transparent 0);
        background-size: 5px 5px;
    }
    
    /* ギャラリー
    -----------------------------------------------------------------------*/
    #gallery_area2_sp {
        padding: 40px 0;
    }
    
    #gallery_area2_sp .gallery_list {
        margin-bottom: 20px;
    }
    
    /* カンパニー
    -----------------------------------------------------------------------*/
    .prev_section_company .heading_area {
        padding: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .company_table {
        padding: 10px;;
    }
    
    .company_p4 {
        padding: 20px;
        padding-bottom: 0;
    }
    
    /* アバウトアス
    -----------------------------------------------------------------------*/
    #about_area2_sp .color_p3 h2 {
        text-align: center;
    }
    
    .about_3block {
        width: 95%;
        margin: 10px auto;
    }
    
    .about_3block p {
        padding: 50px;
    }
    
    .prev_section_seo {
        background-color: #f4f5f7;
        color: #626262;
        padding: 40px 0;
    }
    
/*携帯表示 -ここまで-
---------------------------------------------------------------------------*/
}



/*携帯以外指定　-ここから-
---------------------------------------------------------------------------*/
@media (min-width: 736px){
    .pcoff {
        display: none;
    }
    
/*携帯以外指定　-ここまで-
---------------------------------------------------------------------------*/
}