@charset "UTF-8";

/*-------------------テキスト左寄せ-----------------------*/
#p_before + .block_news_1 .align-center {
    text-align: left;
}
#p_before + .block_news_1 .heading+.add_text, 
#p_before + .contents_box01 .inner_item_txt p {
   max-width: 1200px;
}
#p_before + .contents_box01 .inner_item_txt p span {
   border-bottom: 1px solid #fff;
}
/*-------------------アクセス-----------------------*/
.acsess_btn {
  margin-top: 3rem;
  text-align: left;
}
.acsess_btn .content_wrapper {
  padding: initial;
}
.acsess_btn a {
  text-decoration: none;
}
#access1 + div .wrapper_item .heading.block_header_4.align-left.sp {
  display: none;
}
#access2 + div .wrapper_item .heading.block_header_4.align-left.sp {
  display: none;
}
@media screen and (max-width: 800px) {
.acsess_btn {
  text-align: center;
}
#access1 + div .wrapper_item .heading.block_header_4.align-left {
  display: none;
}
#access1 + div .wrapper_item .heading.block_header_4.align-left.sp {
  display: block;
  padding-left: 2vw;
}
#access2 + div .wrapper_item .heading.block_header_4.align-left {
  display: none;
}
#access2 + div .wrapper_item .heading.block_header_4.align-left.sp {
  display: block;
  padding-left: 2vw;
}
}

/*-------------------サービス-----------------------*/
.service_btn {
  margin-top: 3rem;
  height: 100%;
  display: flex;
  align-items: end;
}
.service_btn .content_wrapper {
  padding: initial;
}
.service_btn a {
/*--background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);--*/
  box-shadow: 1px 1px 2px #000;
}
#service1 + div .wrapper_item .inner_item .inner_item_txt .heading .h {
    color: #000000;
}

/*-------------------ディテールワークス-----------------------*/
#parallax + div .content_wrapper .add_text.align-center {
  text-align: left;
}
#parallax + .composite_box01 .inner_item_img img {
    max-height: 250px;
    width: auto !important;
}

/*-------------------東京・神奈川のお客様から多くのご依頼をいただける理由-----------------------*/
#nbp2167248\ 2167248 {
    color: #3d3d3d!important;
}

#nbp2167248\ 2167248 .content_wrapper {
    max-width: 1700px !important;
}

#nbp2167248\ 2167248 .heading.block_header_4 .h {
    color: #3d3d3d!important;
}

#nbp2167248\ 2167248  .heading.block_header_1 p,
#nbp2167248\ 2167248  .heading.block_header_6 .h  {
    color: #3d3d3d!important;
}

/*-------------------東京・神奈川のお客様から多くのご依頼をいただける理由-----------------------*/
#service2 + div .wrapper_item .inner_item .inner_item_txt .heading .h {
    color: rgb(61, 61, 61);
}


/*-------------------3連画像＋テキスト-----------------------*/
#top_column + section .heading.block_header_2 .h:before,
#top_column1 + section .heading.block_header_2 .h:before,
#top_column2 + section .heading.block_header_2 .h:before {
    display: none;
}

@media screen and (max-width: 1200px) {
#top_column + section .inner_item_txt,
#top_column1 + section .inner_item_txt,
#top_column2 + section .inner_item_txt {
    padding: var(--i_padding, 20px) !important;
}
}

@media screen and (min-width: 901px) {
#top_column + section .wrapper_item,
#top_column1 + section .wrapper_item,
#top_column2 + section .wrapper_item {
    align-items: center;
}

#top_column + .contents_box01.block_image_text_9.width_full:not([class*=' mw']) .inner_item_txt,
#top_column2 + .contents_box01.block_image_text_9.width_full:not([class*=' mw']) .inner_item_txt {
    padding-right: initial;
    padding-left: initial;
}
#top_column1 + .contents_box01.block_image_text_10.width_full:not([class*=' mw']) .inner_item_txt {
    padding-left: initial;
    padding-right: initial;
}

#top_column + section .heading.block_header_2 .h,
#top_column1 + section .heading.block_header_2 .h,
#top_column2 + section .heading.block_header_2 .h {
    padding-left: 0;
    /*font-size: 3.4rem !important;*/
}

#top_column + section .heading.block_header_2,
#top_column1 + section .heading.block_header_2,
#top_column2 + section .heading.block_header_2 {
    padding-left: 2rem;
    max-width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
}

#top_column + section .inner_item_txt .inner_item_en,
#top_column1 + section .inner_item_txt .inner_item_en,
#top_column2 + section .inner_item_txt .inner_item_en {
    max-width: 80%;
    margin: auto;
}

#top_column + section .inner_item_txt .inner_item_en span,
#top_column1 + section .inner_item_txt .inner_item_en span,
#top_column2 + section .inner_item_txt .inner_item_en span {
    font-size: 5.0rem !important;
    letter-spacing: 0.05em;
    font-family: Garamond, 'Times New Roman', MyYuMinchoM, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', serif;
}

#top_column + section .inner_item_txt p,
#top_column1 + section .inner_item_txt p,
#top_column2 + section .inner_item_txt p {
    padding-left: 4rem;
    max-width: 80%;
    margin: auto;
}

#top_column + section .heading.block_header_2 p,
#top_column1 + section .heading.block_header_2 p,
#top_column2 + section .heading.block_header_2 p {
    font-size: 1.7rem;
    padding-left: initial;
    max-width: initial;
    margin: initial;
}

#top_column + section .inner_item_img,
#top_column1 + section .inner_item_img,
#top_column2 + section .inner_item_img {
    flex-basis: 50%!important;
    max-width: 50%!important;
}

#top_column + section .inner_item_txt,
#top_column1 + section .inner_item_txt,
#top_column2 + section .inner_item_txt {
    flex-basis: 50%!important;
    max-width: 50%!important;
}
}

@media screen and (max-width: 900px) {
#nbp2167522\ 2167522 {
    margin-top: 5rem;
}

#nbp2167637\ 2167637 {
    margin: 5rem 0;
}

#top_column + section .heading.block_header_2 .h,
#top_column1 + section .heading.block_header_2 .h,
#top_column2 + section .heading.block_header_2 .h {
    padding-left: 0;
}
#top_column + section .inner_item_txt .inner_item_en span,
#top_column1 + section .inner_item_txt .inner_item_en span,
#top_column2 + section .inner_item_txt .inner_item_en span {
    font-size: 3.6rem !important;
    letter-spacing: 0.05em;
    font-family: Garamond, 'Times New Roman', MyYuMinchoM, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', serif;
}
}


@media screen and (max-width:900px){
  #top_column + section,
  #top_column1 + section,
  #top_column2 + section{
    margin: 0 0 60px 0;
  }
}

/*-------------------3つの無料サービス-----------------------*/
#nbp2167775\ 2167775 {
    color: #3d3d3d!important;
}

#nbp2167775\ 2167775  .heading.block_header_1 p,
#nbp2167775\ 2167775  .heading.block_header_6 .h  {
    color: #3d3d3d!important;
}

#nbp2167775\ 2167775 .heading.block_header_4 .h {
    color: #3d3d3d!important;
}


/*-------------------ブログ-----------------------*/
#nbp2619274\ 2619274 .content_wrapper li>p,
#nbp2619274\ 2619274 .content_wrapper li a>p {
    width: 100px;
}


/*-------------------おすすめの記事【メーカー別】-----------------------*/
#top_maker + div .inner_item_txt {
    display: none;
}


/*-------------------ご予約状況のお知らせ-----------------------*/
#nbp2168054\ 2168054 .content_wrapper li>p,
#nbp2168054\ 2168054 .content_wrapper li a>p {
    width: 100px;
}


/*-------------------バナー画像-----------------------*/
#nbp2168067\ 2168067 .inner_item_img,
#nbp2168070\ 2168070 .inner_item_img,
#nbp2168071\ 2168071 .inner_item_img,
#nbp2168201\ 2168201 .inner_item_img{
    max-width: 1160px;
}


/*-------------------パララックス-----------------------*/
#parallax+section .parallax_img, #parallax+div .parallax_img {
    /*filter: brightness(100%) contrast(80%) blur(3px) grayscale(30%);*/
    opacity: 0.25;
}


/*-------------------TOPテキストサイズ・インナー幅-----------------------*/
.heading+.add_text {
    max-width: 984px;
    margin: 0 auto;
    font-size: 15px;
    margin-bottom: 25px;
}

.inner_item_txt p {
    max-width: 984px;
    margin: 0 auto;
    font-size: 15px;
}

/*--------------------東京・神奈川のお客様から多くのご依頼をいただける理由-------------------------*/

#image_size + div .inner_item{
  width: calc(100% / 3 - 1%);
  margin-left: 1% !important;
}

#image_size + div .inner_item:first-child{
  margin-left: 0 !important;
}

#image_size + div .wrapper_item{
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 480px){
  #image_size + div .inner_item{
    margin-left: 0 !important;
  }
}

/*---------------------------------------*/

#image2 + div .inner_item_img{
    border: 1px solid rgb(255 255 255 / 20%);
}

@media screen and (max-width: 900px){
  #image2 + div .inner_item_img{
    width: 99%;
  }
}

@media screen and (max-width: 768px){
  #image2 + .composite_box01 .wrapper_item .inner_item:nth-child(n + 2) {
    margin-left: 0 !important;
  }
}

#image4 + div .wrapper_item .inner_item {
 height: 25vw;
}
#image4 + div .wrapper_item .inner_item img {
 object-fit: contain;
}
@media screen and (max-width: 768px){
#image4 + div .wrapper_item .inner_item img {
 object-fit: contain;
}
#image4 + div .wrapper_item .inner_item {
 height: 100vw;
}
}

@media screen and (max-width:700px){
.composite_box01:not(.block_images_7):not(.block_images_8):not(.block_images_10):not(.block_images_11):not(.block_images_12):not(.block_images_13):not(.block_images_15):not(.block_images_17):not(.block_images_18):not(.block_images_19) .inner_item {
        margin-bottom: 60px;
    }
    #image_column + div .wrapper_item .inner_item {
        margin-bottom: 30px;
    }
    #image_column1 + div .wrapper_item .inner_item {
        margin-bottom: 30px;
    }
    #image_column2 + div .wrapper_item .inner_item {
        margin-bottom: 30px;
    }
}


/*-------------------コーティング豆知識（スマホ時）-----------------------*/
@media screen and (max-width:480px){
#image_column2 + div .inner_item_img {
  position: relative;
  width: 100%;
  padding-bottom: 52.4988%;
}

#image_column2 + div .inner_item_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;.service_btn a
  height: 100%!important;
  object-fit: cover;
}
}

@media screen and (min-width:481px) and (max-width:550px){
  #service + div .inner_item:nth-of-type(1) .inner_item_txt + div .content_wrapper a span{      
    font-size: 1.4rem;
  }
}

/*--ディテールワークスの技術、エンブレムタイトルカラー--*/
#p_before + div + #parallax + div .heading.block_header_4 .h{
  color: var(--i_txt_color);
}

#top_column + section .inner_item_txt .heading::after,
#top_column1 + section .inner_item_txt .heading::after,
#top_column2 + section .inner_item_txt .heading::after {
  position: absolute;
  top: -96px;
  left: 0;
  font-size: 5.0rem !important;
  letter-spacing: 0.05em;
  font-family: Garamond, 'Times New Roman', MyYuMinchoM, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'MS P明朝', 'MS PMincho', serif;
}

#top_column + section .inner_item_txt .heading::after {
  content: "Increase Value";
}

#top_column1 + section .inner_item_txt .heading::after {
  content: "Details";
}

#top_column2 + section .inner_item_txt .heading::after {
  content: "Fair Price";
}

@media screen and (max-width: 900px) {
  #top_column + section .inner_item_txt .heading::after, #top_column1 + section .inner_item_txt .heading::after, #top_column2 + section .inner_item_txt .heading::after {
      font-size: 3.6rem !important;
      top: -67px;
  }
  #top_column + section .inner_item_img,
  #top_column1 + section .inner_item_img,
  #top_column2 + section .inner_item_img {
      margin-bottom: 60px;
  }
}