/*vr_sp.ccs*/

.is-pc-show {
    display: none;
}

.is-sp-show {
    display: block;
}

/*----------------------------------
Main
------------------------------------*/

.vr_main_wrap {
    height: 526px;
}

.main_movie {
    display: none;
}

.main_img_sp {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.main_img_sp img {
    object-fit: cover;
}

.main_img_sp:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    z-index: 1;
}

.vr_main .main_title {
    display: block;
    width: 100%;
    top: 46%;
}

.vr_main .main_title h1 {
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}

.vr_main .main_title div {
    width: 100%;
    margin: 30px auto 0;
    
}

.vr_main .main_title div p {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.vr_main .main_title div p span {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 0 15px 10px 15px;
    border-bottom: 1px solid #707070;
}

.vr_main .main_title > p {
    width: 231px;
    margin: 0 auto;
}

/*----------------------------------
実際に体験してみてください
------------------------------------*/

.vr_taiken .demo_vr .demo_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*----------------------------------
セミナー情報
------------------------------------*/

.vr_info {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-top: 20px;
}

.vr_info ul {
    display: block;
    width: 90%;
    margin-top: 0;
}

.vr_info ul li:first-child {
    width: 100%;
    padding: 10px 10px;
}

.vr_info ul li:first-child:before {
    content: none;
}

.vr_info ul li:first-child span {
    font-size: 12px;
}

.vr_info ul li:nth-child(2) {
    width: 100%;
    padding: 15px 20px;
}

/*----------------------------------
VR360とは？
------------------------------------*/

section.vr_intro {
    margin-top: -35px;
}

.vr_intro .inner {
    padding: 80px 10px 10px;
}

.vr_merit .inner {
    padding: 50px 10px 10px;
}

.vr_merit .inner > ul {
    padding-bottom: 0;
}

#vr_cont h2 span {
    font-size: 40px;
}

#vr_cont h2 {
    font-size: 20px;
}

.vr_intro .intro_tx p {
    font-size: 14px;
}

.vr_intro ul {
    display: block;
    padding: 0 15px 40px;
}

.vr_intro ul li {
    width: 100%;
    margin-bottom: 50px;
}

.vr_intro ul li h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.vr_intro ul li .about_img {
    margin-bottom: 25px;
}

/*----------------------------------
実際に体験してみてください
------------------------------------*/

.vr_taiken .inner {
    padding: 40px 0 35px;
}

#vr_cont .vr_taiken h2 {
    font-size: 20px;
    margin-bottom: 12px;
}

.vr_taiken .demo_vr_wrap {
    margin: 30px auto 0;
}

/*----------------------------------
導入企業様
------------------------------------*/

#vr_cont .vr_com h2 {
    font-size: 20px;
    margin-bottom: 25px;
}

.vr_com .inner {
    padding: 35px 0 45px;
}

.vr_com .case_bt {
    height: 50px;
    margin-top: 30px;
}

.vr_com .case_bt span {
    font-size: 14px;
}

.vr_com .r_slider {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vr_com .r_slider > div {
    width: 33.3333333333%;
    padding: 0 10px;
}

/*----------------------------------
VR360の活用イメージ
------------------------------------*/

.vr_activity .vr360_bk {
    display: none;
}

.vr_activity .inner {
    padding: 50px 0 40px;
}

#vr_cont .vr_activity h2 {
    text-align: center;
    margin-bottom: 15px;
}

.vr_activity .inner > p {
    font-size: 14px;
    margin-bottom: 20px;
}

.ac_block {
    display: block;
    padding: 20px 0 20px;
}

.ac_left01 {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.ac_right01 {
    width: 100%;
    max-width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    margin-top: -150px;
}

.ac_right01 .desc_cont {
    padding-top: 160px;
}

.desc_cont {
    width: 100%;
}

.desc_cont > h4 {
    font-size: 16px;
    margin-top: 15px;
}

.ac_block.ac_block02 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.ac_left02 {
    width: 100%;
    max-width: 100%;
    margin-top: -150px;
    position: relative;
    z-index: 1;
}

.ac_left02 .desc_cont {
    width: 100%;
    padding-top: 160px;
}

.ac_right02 {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.vr_activity .inner {
    padding: 40px 0 30px;
}

/*----------------------------------
VR360ご提供の流れ
------------------------------------*/

.vr_flow .inner {
    padding: 40px 0 30px;
}

#vr_cont .vr_flow h2 {
    margin-bottom: 10px;
}

#vr_cont .vr_flow h2 span {
    margin-right: 5px;
}

.vr_flow .inner > p {
    font-size: 14px;
    text-align: left;
}

.vr_flow .inner .flow_img_pc {
    display: none;
}

ul.flow_img_sp {
    display: block;
    margin-top: 30px;
}

ul.flow_img_sp li:nth-child(odd) > div {
    border: 1px solid #CBCBCB;
    width: 100%;
    padding: 20px 15px;
}

ul.flow_img_sp li:nth-child(odd) > div > span {
    font-size: 14px;
    color: #B60005;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

ul.flow_img_sp li:nth-child(odd) > div > p {
    font-size: 16px;
    font-weight: 600;
}

ul.flow_img_sp li:nth-child(odd) > div > p.step_img {
    width: 100%;
    margin-top: 20px;
}

ul.flow_img_sp li .flow_ar {
    width: 36px;
    margin:  10px auto 10px;
}

/*----------------------------------
VR360主な機能
------------------------------------*/

.feature .inner {
    padding: 20px 0 40px;
    width: 100%;
}

#vr_cont .feature h2 {
    margin-bottom: 15px;
}

#vr_cont .feature h2 span {
    display: inline-block;
}

#vr_cont .feature h2 > span {
    margin-right: 5px;
}

.fe_cont {
    display: block;
}

.fe_cont_left {
    padding: 0 10px 0 10px;
    min-width: 100%;
    width: 100%;
    margin: 0 auto 10px;
    position: relative;
}

.fe_cont_right {
    padding: 0;
    width: 100%;
    position: relative;
}

.fe_cont_right:before {
    content: '';
    width: 100%;
    height: 70px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.mySwiper2 {
    margin-top: 0;
    padding: 0!important;
    padding-bottom: 20px!important;
}

.mySwiper2 .swiper-slide h3 {
    font-size: 16px;
}

.mySwiper .swiper-slide {
    font-size: 13px;
    padding-bottom: 4px;
    margin-bottom: 6px;
    margin-right: 10px!important;
}

.mySwiper .swiper-slide span {
    font-size: 13px;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    display: none;
}

.bt_wrap {
    position: relative;
    height: 46px;
    width: 80px;
    margin: 0 auto;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next,
.swiper-button-prev {
    top: auto;
    bottom: 0;
    outline: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #B60005;
    font-size: 20px;
}

.mySwiper2 .swiper-slide > div {
    padding-bottom: 10px;
    background:transparent;
    padding-left: 0;
}

.mySwiper2 .swiper-wrapper {
    align-items: flex-start!important;
    padding-top: 50px;
    margin-top: -30px;
}

.mySwiper2 .swiper-slide {
    padding-top: 0;
    padding-left: 50px;
}

.mySwiper2 .swiper-slide > span {
    font-size: 47px;
    top: -25px;
    left: 30px;
}

/*----------------------------------
Matterportとは
------------------------------------*/

.mat .inner {
    padding: 40px 0 40px;
}

.mat .mat_cont {
    margin: 25px auto 0;
}

.mat .mat_cont > p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}

.mat_cont .mat_image {
    margin-top: 30px;
}

/*----------------------------------
推奨環境
------------------------------------*/

.env .inner {
    padding: 45px 0 40px;
}

.env_cont {
    padding: 30px 15px 10px 15px;
}

.env_cont h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.env_cont h4 {
    font-size: 16px;
}

.env_cont > p {
    font-size: 14px;
}

.env_cont .terminal {
    margin-top: 25px;
}

.env_cont .terminal dl {
    display: block;
}

.env_cont .terminal dl dt {
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.env_cont .terminal dl dd {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}

/*----------------------------------
資料請求
------------------------------------*/

.doc .inner {
    padding: 0 0 60px;
}

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

.doc_request_bt {
    max-width: 90%;
}

.doc_request_bt h3:before {
    width: 32.5px;
    height: 32.5px;
    left: 0;
    top: auto;
    bottom: -6px;
}

.doc_request_bt h3:after {
    width: 32.5px;
    height: 32.5px;
    right: 0;
    top: auto;
    bottom: -6px;
}

.doc_request_bt a {
    height: 60px;
    margin: 20px auto 0;
}

.doc_request_bt a span {
    font-size: 18px;
}
/*-----------20220412ボタン修正---------*/
   .intro-btn {
    width: 100%;
    position: absolute;
    top: 88%;
}
.intro-btn a {
    display: block;
    margin: 0 auto;
    height: 70px;
    max-height: 32px;
    width: 400px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 03px;
    color: #fff;
    text-align: center;
    text-indent: -4vw;
    background-size: 20px;
    border: 3px solid #27a727;
    background-color: #289113;
    border-radius: 10px;
    font-weight: bold;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 1;
    font-family: 'Noto Sans JP', sans-serif;

  }
.intro-bdash-document {
    width: 80px;
    position: absolute;
    transform: translate(183px, -70px);
    z-index: 2;
}
/*--------------20220413フォーム修正------------------------*/
     h3.service-ttl {
        font-size: 22px;
   }
    .vrform {
        padding-top:0;
  }
    section.mat p {
        font-size:12px;
  }
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
.form_images {
    display: none;
}