@charset "utf-8";

/*
 * PC用スタイルCSS
 */
/* ===================================================================================================================
   ■ 全体
------------------------------------------------------------------------------------------------*/
html{
    scroll-behavior: smooth;
    scroll-padding-top: 0; 
    background:#ffffff;
}

/*Safariのみ*/
_:lang(x) + _:-webkit-full-screen-document,
body{
          text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

body{
    position: relative;/*2000pxを超える画面の対策*/
    min-width: 1300px !important;
    max-width: 2000px;
    margin: 0 auto;
    color: #5d4b41;
    background: none transparent;
}

#wrapper{
    background: none transparent;
}
#outer_block{
    background: none transparent;
}
#page_6 #outer_block{
    padding-top: 0;
}
a:link, a:visited, a:hover, a:active{
    color: #fa9e0b;
}
/* A～Cブロック記事内リンクボタン */
.main_btn a,
.sub_text_btn a{
    background-color: #fa9e0b;
    color: #fff;
}

/* 全ページ共通　フェードイン　文章とか
-----------------------------------------------------*/
#outer_block .easys_content_inner:not(#nn76crdgckciljwgxbnm .easys_content_inner),
#outer_block .post_data,
#outer_block .read_more_btn,
#outer_block .entry_title,
#outer_block .table_area,
#outer_block .html_post,
#outer_block .entry_post,
#outer_block .main_btn{
  opacity: 0;
  transition: transform 1.3s ease 0s, opacity 1.3s ease 0s;
  transform: translateY(30px);
}
#outer_block .moved:not(#nn76crdgckciljwgxbnm .easys_content_inner){
  opacity: 1;
  transform: translateY(0);
}

/* ===================================================================================================================
   ■ ヘッダー
------------------------------------------------------------------------------------------------*/
#branding_box{
    position: relative;
    z-index: 500;
    height: 0;
    padding: calc(100% * (630/2000)) 0 0 0;
    background: none transparent;
}
#page_6 #branding_box{
    padding: calc(100% * (1035/2000)) 0 0 0;
}
/* ヘッダーのH1～グローバルナビの高さ調整 */
#header_information{
    height: 0px;
}

/*  H1テキスト
---------------------------------------------------------------------------------------------------- */
#site-description{
    position: absolute;
    z-index: 2;
    bottom: calc(210/630 * 100%);
    left: 13.6%;
    margin: 0 0 0 auto;
    width: max-content;
    text-align: left;
}
#page_6 #site-description{
    left: 11.8%;
    bottom: calc(210/1035 * 100%);
}
#site-description a{
    display: inline;
    color: #d4c6b4;
}

/*  サイトロゴ
---------------------------------------------------------------------------------------------------- */
.main_header img{
    position: absolute;
    z-index: 591;
    display: block;
    top: 12%;
    left: 1.4%;
    width: 4%;
    height: 65%;
}
#page_6 .main_header img{
    top: 29%;
    left: 11.7%;
    width: 22%;
    height: 7%;
}

/*  グローバルナビ デフォルトは右寄り固定
---------------------------------------------------------------------------------------------------- */
#access{
    display: none;
}

/*  メイン画像  ※★以外変更しない
---------------------------------------------------------------------------------------------------- */
/* 通常メイン画像 */
#jquery_slider_pc,
#video_teaser,
#main_teaser{
    position: absolute;
    z-index: 99;
    top: 0;/*★メインの上にヘッダー部分がくる場合位置指定*/
    left: 0;
    width: 100%;
    text-align: center;
}
#jquery_slider_pc img,
#video_teaser video,
#main_teaser img{
    display: block;
    right: 0;
    width: 100%;
    min-width: 1300px !important;
    max-width: 2000px;
    margin: 0 auto;
}
/* ===================================================================================================================
   ■ サイド
------------------------------------------------------------------------------------------------*/
/* サイドナビ　タイトル */
.widget-title,
.widget-title2 a{
    padding: 0;
    text-align: center;
    background-image: url(/files/widget_title_bg.png);
    color: #ffffff;
}
.widget-title2 a:link,
.widget-title2 a:visited,
.widget-title2 a:hover,
.widget-title2 a:active{
    color: #ffffff;
}
/* サイドナビ　メニュー部分 */
#blog_main .widget-area ul ul li a{
    overflow: hidden;
    background-image: url(/files/widget_list_bg.png);
    color: #5d4b41;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#wp-calendar{
    border-collapse: separate;
}
#wp-calendar caption{
    text-align: center;
}
#wp-calendar tbody td{
    padding: 5px;
    background: none transparent;
    border-width: 0 0 1px;
    border-style: dotted;
    border-color: transparent;
    line-height: 2;
}
#wp-calendar tbody td a{
    text-decoration: underline;
}
#wp-calendar tbody td a:hover{
    text-decoration: none;
}
#calendar_wrap table tr td#today{
    background-color: #fa9e0b;
    color: #fff;
}

/* ===================================================================================================================
   ■ フッター
------------------------------------------------------------------------------------------------*/
#footer_block{
    position: relative;
    padding-top: calc(800/2000 * 100%);    /* フッター全体の高さ */
    background: url(/files/footer_bg.jpg) no-repeat center top/100%;
}
#footer_box{
    position: absolute;
    top: 0;    /* コピーライトまでの高さ */
    left: 0;
    width: 100%;
    height: 100%;
    background: none transparent;
}

/*  フッターナビ
---------------------------------------------------------------------------------------------------- */
#footer-widget-area{/*フッターナビの所*/
    display: block;
    width: auto;
}
#footer_sitemap_block{
    position: absolute;
    top: calc(570/800 * 100%);
    left: 27.8%;
    width: auto;
    margin: 0;
}
#footer-widget-area .widget-area ul.menu{
    border-color: transparent;
}
#footer-widget-area .widget-area .menu-item a{
    color: #ffa200;
    border-color: #ffa200;
}

/*  フッター情報
---------------------------------------------------------------------------------------------------- */
.footer_infomation{
    position: absolute;
    display: block;
    top: calc(480/800 * 100%);
    left: 27.8%;
    width: max-content;
    margin: 0;
}
#footer_information .entry-post{
    width: 100%;
    margin:  0;
    text-align: left;
    color: #655f5f;
}

/*  コピーライト
---------------------------------------------------------------------------------------------------- */
#copyright{
    position: absolute;
    display: block;
    top: calc(660/800 *100%);
    left: 0;
    right: 0;
    width: max-content;
    margin: 0 auto;
    color: #979797;
    text-align: center;
}
/*  フッターメニュー（サイドボタン）
---------------------------------------------------------------------------------------------------- */
.fixed_button{
    position: fixed;
    z-index: 1000;
    bottom: 270px;
    right: 0;
    transition: .3s;
}
.fixed_button:hover{
    right: 10px;
}
.fixed_button div,
.fixed_button div a{
    width: 100px;
    height: 100px;
}

#float_top_btn,
#fixed_btn_contact{
    position: fixed;
    z-index: 999;
    bottom: 10px;
    right: 20px;
}
#fixed_btn_contact{
    bottom: 80px;
}

/* ===================================================================================================================
   ■ コンテンツ
------------------------------------------------------------------------------------------------*/
#container_top{
    padding: 0;
}
#container_top.single_post{
    padding: 0 0 50px;
}

/*  見出し
---------------------------------------------------------------------------------------------------- */
.headline_title{
    background-image: url(/files/top_entry_title.png);
    color: #5d4b41;
    padding-top: 40px;
}
h3.entry_title,
.entry_title,
.entry-title{
    /* サイズ、背景、余白などはこちら */
    background-image: url(/files/entry_title_bg.png);
    color: #f77914;
    padding: 10px 0 10px 20px;
}
/*h3.entry_title,
.entry_title,
.entry_title h3,
.entry-title{
  フォントサイズはこちら
}*/
.entry_title a:link,
.entry_title a:visited,
.entry_title a:hover,
.entry_title a:active,
.entry-title a:link,
.entry-title a:visited,
.entry-title a:hover,
.entry-title a:active{
    color: #f77914;
}

/* READ MORE見出しリンクボタン */
.entry_title span.read_more_btn a,
.entry_title span.read_more_btn a:hover{
    background-image: url(/files/read_more_btn.png);
}
.entry_title span.read_more_btn a:hover{
    opacity: 0.8;
}
* .mid_entry_title{
    background-image: url(/files/entry_title_bg_w570.png);
    font-size: 20px;
}
* .mid_entry_title,
* .mid_entry_title a{
    color: #5d4b41;
}
/* B-09、B-10など幅半分ブロックの見出し用 */
* .half_entry_title,
* .short_entry_title{
    background-image: url(/files/half_entry_title_bg.png);
}
* .half_entry_title,
* .half_entry_title a,
* .short_entry_title,
* .short_entry_title a{
    color: #5d4b41;
}
* .half_sub_entry_title,
.short_sub_entry_title{
    background-image: url(/files/half_sub_entry_title_bg.png);
}
* .half_sub_entry_title,
* .half_sub_entry_title a,
.short_sub_entry_title,
.short_sub_entry_title a{
    color: #ffffff;
}
/* B-03など小見出し用 */
* .sub_entry_title{
    background: url(/files/sub_entry_title_bg.png) no-repeat scroll left top transparent;
    color: #5d4b41;
}
/** .sub_entry_title h4{
  フォントサイズはこちら
}*/
* .sub_entry_title a:link,
* .sub_entry_title a:visited,
* .sub_entry_title a:hover,
* .sub_entry_title a:active{
    color: #5d4b41;
}
/* 小見出しリンクボタン */
.sub_entry_title span.read_more_btn a,
.sub_entry_title span.read_more_btn a:hover{
    background-image: url(/files/sub_read_more_btn.png);
}
.sub_entry_title span.read_more_btn a:hover{
    opacity: 0.8;
}
* .mid_sub_entry_title{
    background-image: url(/files/sub_entry_title_bg_w570.png);
    font-size: 20px;
}
* .mid_sub_entry_title,
* .mid_sub_entry_title a{
    color: #5d4b41;
}
/* C-01など3列表示インラインタイトル用 */
* .inline_title{
    background-image: url(/files/column3_title_bg.png);
}
* .inline_title,
* .inline_title a{
    color: #ffffff;
}
/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title{
    height: auto;
    padding: 10px;
    text-align: left;
    background: none transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    color: transparent;
    font-size: 15px;
    line-height: 1.7;
}
/* 詳細画面の下部「コメント」見出し */
.indent_border{
    width: 685px;
    border-color: #fa9e0b;
}
/* 大きな地図で見る */
small{
    border-color: #fa9e0b;
}
small a{
    width: 100%;
    padding: 5px 0;
    text-align: center !important;
    color: #fa9e0b !important;
}
small a:hover{
    background-color: #fa9e0b !important;
    color: #ffffff !important;
}

/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title{
    padding: 10px;
    height: auto;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 5px;
    background: none transparent;
    color: transparent;
    font-size: 15px;
    line-height: 1.7;
}
/* 詳細画面の下部「コメント」見出し */
.indent_border{
    width: 685px;
    border-color: #fa9e0b;
}
/* 大きな地図で見る */
small{
    border-color: #fa9e0b;
}
small a{
    width: 100%;
    padding: 5px 0;
    text-align: center !important;
    color: #fa9e0b !important;
}
small a:hover{
    background-color: #fa9e0b !important;
    color: #ffffff !important;
}

/*テーブル設定*/
.iqfm-table tr th {width: 25%;}
.iqfm-table tr th, .iqfm-table tr td, td.td_name, td.td_value,
td.coupon_meta_title, td.coupon_meta, td.coupon_data {box-sizing: border-box;}
.easys_content:not(.ne_01) table:not(#wp-calendar) th { width: 25% !important;}
.easys_content:not(.ne_01) table:not(#wp-calendar) tr > * {
  box-sizing: border-box !important;
  border: none !important;
  background: none #f7f3ee;
  color: #5d4b41;
}
.easys_content:not(.ne_01) table:not(#wp-calendar) { border-collapse: separate; border-spacing : 10px 10px !important;}


/*  ページ遷移ボタン（詳細ブロックやページ送りのナビ用）
---------------------------------------------------------------------------------------------------- */
.tablenav{
    padding: 1em 0;
}
a.page-numbers,
.tablenav .current,
.permalink_in a,
.pageback a,
.page_up a{
    color: #fa9e0b !important;
    background: none transparent;
    border-style: solid;
    border-color: #fa9e0b;
}
.tablenav .next:link,
.tablenav .next:visited,
.tablenav .prev:link,
.tablenav .prev:visited{
    background: none transparent;
    border: 1px solid #ffffff;
}
.tablenav .next:hover,
.tablenav .next:active,
.tablenav .prev:hover,
.tablenav .prev:active{
    background-color: #fa9e0b;
    border-color: #fa9e0b;
}
.tablenav .current,
a.page-numbers:hover,
.permalink_in a:hover,
.permalink_in a:active,
.pageback a:hover,
.pageback a:active,
.page_up a:hover,
.page_up a:active{
    background: none #fa9e0b;
    color: #ffffff !important;
    border-style: solid;
    border-color: #fa9e0b;
} 

/*  ブロック
---------------------------------------------------------------------------------------------------- */
/* 各ブロック点線 */
.border_margin,
.anchor_list ul li,
.cu_mail_block,
.blog_post,
.list_block .list_box{
    border-color: transparent;
}
/* Cブロック */
.c_01,
.c_02,
.c_03,
.c_05,
.c_06{
    display: inline-block;
    width: 100%;
    padding: 0 0 20px;
}
.c_04{
    margin: 0 0 20px;
}
/* Dブロック */
.menu-list table{
    border-collapse: separate;
}
/* Gブロック */
.g_01 .sub_entry_title a,
.g_02 .sub_entry_title a{
    text-decoration: underline;
}
.g_01 .sub_entry_title a:hover,
.g_02 .sub_entry_title a:hover{
    text-decoration: none;
}
/* Kブロック */
.k_03 .date_area{
    font-size: 13px;
    font-weight: bold;
}
.k_03 .news_small_text{
    font-size: 12px;
    line-height: 1.7;
}
/* Z-D ブログRSS */
.z_d1{
    margin: 0 0 20px;
}
/* Z-E リンクバナー */
.banner_box{
    text-align: center;
}
.banner_box img{
    width: auto;
    max-width: 100%;
}
/* Z-I スライドショー */
.z_j1{
    margin: 0 0 15px;
}
/* Z_L お知らせブロック */
.Z_l1 .date_area{
    font-size: 13px;
    font-weight: bold;
}
.Z_l1 .news_small_text{
    font-size: 12px;
}
/* Z_M タブブロック */
.z_m1 .link_list{
    font-size: 13px;
    line-height: 1.5;
}
.z_m1 div.link_list{
    margin-bottom: 10px;
}
div.link_list a{
    background-color: transparent;
    color: #fa9e0b;
    border: 1px solid #fa9e0b;
}
div.link_list a:hover{
    background-color: #fa9e0b;
    color: #ffffff;
    border: 1px solid #fa9e0b;
}
.faq-title{
    color: #ffffff;
    font-weight: normal;
    background-color: #fa9e0b;
}

/*  メールフォーム
---------------------------------------------------------------------------------------------------- */
.iqfm-table td input[type="text"]:not([size]){
    width: 75%;
}
/* 必須項目 */
.iqfm-req_color{
    color: #fa9e0b;
}
.iqfm-table button,
.iqfm-table input[type="reset"],
.iqfm-table input[type="button"],
.iqfm-table input[type="submit"]{
    line-height: 1.7;
}
.iqfm-table .post_data{
    margin: 0 0 30px;
}

/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
.coupon_print_block .print_header,
h1.print_page_title,
.coupon_box table tr td.coupon_data,
.coupon_box table tr td.coupon_meta_title,
.coupon_box table tr td.coupon_meta{
    border-color: transparent;
}
/* 有効期限の部分 */
.coupon_box table tr td.coupon_meta_title{
    width: 8em;
    background-color:transparent;
    color: transparent;
}
.coupon_box table tr td.coupon_meta{
    background-color:transparent;
    color: transparent;
}
.e-04 .menu_area td{
    height: 3.5em;
}
.e-04 .menu_area .parent_title{
    height: auto;
    font-size: 120%;
}

/*  ブログ
---------------------------------------------------------------------------------------------------- */
#nav-below div{
    border-color: #000000;
}
#nav-below .nav-next{
    padding: 0 0 0 10px;
}
#blog_main .entry-title{
    padding: 15px 20px 15px 20px;
    height: auto;
    background-image: url(/files/blog_title.png);
    background-position: center bottom;
    line-height: 1.5;
}
#blog_main .entry-title,
#blog_main .entry-title a{
    color: #5d4b41;
}
.img_size_thumb{
    overflow: hidden;
    width: 150px;
    height: 150px;
}

/*  ローディング画面
---------------------------------------------------------------------------------------------------- */
.black-screen{
    background-color: #000000;
}
.black-screen > .inner{
    top: calc(50vh - (5vw / 2));
    width: 3vw;
    height: 3vw;
    background-image: url("/files/loading.svg");
}

/*  地図
---------------------------------------------------------------------------------------------------- */
#map_canvas{
    width: 100%;
    height: 450px;
    margin: 0 0 20px;
}

/*  googleカレンダー
---------------------------------------------------------------------------------------------------- */
iframe[src^="https://calendar.google.com"]{
    border: none !important;
}
/* ページ内リンクアンカー位置調整 */
a[id^="anchor"]{
    display: block;
    content: "";
    visibility: hidden;
    margin-top: -110px;
    height: 110px;
}
/* メール投稿ブロック画像幅調整 */
.img_size_thumb{
    height: 150px;
}
small{
    box-sizing: border-box;
}
.flow_arr{
    height: 40px;
}
/*コンタクトフォームスパム*/
.grecaptcha-badge{
    visibility: hidden;
}

/* ============================== ↓↓各ブロックの個別CSSはこちらに記述↓↓ ============================== */
/*  トップページ（セカンドメイン）
---------------------------------------------------------------------------------------------------- */
#nn76crdgckciljwgxbnm{
    position: relative;
    margin-bottom: 60px;
    max-height: 1300px;
    min-height: calc(1300px * (1300 / 2000));
    height: calc(100vw * (1300 / 2000));
    background: url(/files/pc_secondmain_bg.jpg) no-repeat center top / 100%;
}
#nn76crdgckciljwgxbnm::before{
    position: absolute;
    display: block;
    content: '';
    top: 120px;
    left: 0;
    width: 100%;
    height: 209px;
    background: url(/files/pc_secondmain_pop01.png) repeat-x left top;
    animation: bg_move 80s linear 0s infinite;
}
	@keyframes bg_move{
		to{background-position-x: -234vw;}
    }

#nn76crdgckciljwgxbnm div{
    margin-bottom: 0;
    padding-bottom: 0;
}
#nn76crdgckciljwgxbnm .easys_content_inner{
    width: 100%;
    height: 100%;
}
#nn76crdgckciljwgxbnm .eyecatch{
    position: absolute;
    display: block;
    top: calc(250 / 1300 * 100%);     /*分母：セカンドメインの高さ*/
    left: calc(1200 / 2000 * 100%);
    width: calc(215 / 2000 * 100%);     /*ボタンのサイズ*/
    padding-top: calc(160 / 2000* 100%);     /*ボタンのサイズ*/
    animation: yureru 2s infinite alternate ease-in-out;
}
	@keyframes yureru{
		to{transform: translateX(-10px);}
    }
#nn76crdgckciljwgxbnm .eyecatch img{
    position: absolute;
    top: 0;
    left: 0;
}
#nn76crdgckciljwgxbnm .img01{
    position: absolute;
    top: 180px;
    left: calc(50% - 390px);
    width: 510px;
    height: 100px;
    background: url(/files/pc_secondmain_ttl.png) no-repeat center top;
}

/*  DB
---------------------------------------------------------------------------------------------------- */

#by6hz2hnlnshghoau06o,
#wb8acjdlu7iqxe85cflz,
#i33vena36mgebmgbiwxs,
#pf6jsfcr5k4wcyup7v5r,
#x2rj6mk99z1vucxmvt2r{
    position: relative;
}
#by6hz2hnlnshghoau06o .post_margin,
#wb8acjdlu7iqxe85cflz .post_margin,
#i33vena36mgebmgbiwxs .post_margin,
#pf6jsfcr5k4wcyup7v5r .post_margin,
#x2rj6mk99z1vucxmvt2r .post_margin{
    margin-bottom: 0;
}
#by6hz2hnlnshghoau06o .headline_title,
#wb8acjdlu7iqxe85cflz .headline_title,
#i33vena36mgebmgbiwxs .headline_title,
#pf6jsfcr5k4wcyup7v5r .headline_title,
#x2rj6mk99z1vucxmvt2r .headline_title{
    display: none;
}
#by6hz2hnlnshghoau06o .text_box,
#wb8acjdlu7iqxe85cflz .text_box,
#i33vena36mgebmgbiwxs .text_box,
#pf6jsfcr5k4wcyup7v5r .text_box,
#x2rj6mk99z1vucxmvt2r .text_box{
    position: absolute;
    overflow: visible;
    height: auto;
}

/*  01 > そもそもポリウレアとは？
#by6hz2hnlnshghoau06o
--------------------------------------------------------------- */
#by6hz2hnlnshghoau06o{
    height: 1035px;
    background: url(/files/pc_block_a_bg.jpg) no-repeat center top;
}
#by6hz2hnlnshghoau06o .text_box{
    top: 390px;
    left: calc(50% - 0px);
    width: 460px;
}
#by6hz2hnlnshghoau06o .easys_content_inner::before,
#by6hz2hnlnshghoau06o::after{
    position: absolute;
    display: block;
    content: '';
}
#by6hz2hnlnshghoau06o .easys_content_inner::before{
    top: 270px;
    left: 470px;
    width: 420px;
    height: 120px;
    background: url(/files/pc_block_a_ttl.png) no-repeat center top;
}
#by6hz2hnlnshghoau06o::after{
    top: 110px;
    left: 1160px;
    width: 165px;
    height: 165px;
    background: url(/files/pc_block_a_pop01.png) no-repeat center top;
}
#by6hz2hnlnshghoau06o .img02{
    position: absolute;
    top: 630px;
    left: calc(50% - 360px);
    width: 255px;
    height: 350px;
    background: url(/files/pc_block_a_pop03.png) no-repeat center top;
}
#by6hz2hnlnshghoau06o .img01{
    position: absolute;
    top: 60px;
    left: calc(50% - 610px);
    width: 355px;
    height: 250px;
    background: url(/files/pc_block_a_pop02.png) no-repeat center top;
}

/*  02 > 活躍の場として
#wb8acjdlu7iqxe85cflz
--------------------------------------------------------------- */
#wb8acjdlu7iqxe85cflz{
    height: 1035px;
    margin-bottom: 50px;
    background: url(/files/pc_block_c_bg.jpg) no-repeat center top;
}
#wb8acjdlu7iqxe85cflz .easys_content_inner::before,
#wb8acjdlu7iqxe85cflz .easys_content_inner::after,
#wb8acjdlu7iqxe85cflz .entry_post::before{
    position: absolute;
    display: block;
    content: '';
}
#wb8acjdlu7iqxe85cflz .easys_content_inner::before{
    top: 560px;
    left: calc(50% - 40px);
    width: 205px;
    height: 285px;
    background: url(/files/pc_block_c_pop02.png) no-repeat center top;
}
#wb8acjdlu7iqxe85cflz .easys_content_inner::after{
    top: 280px;
    left: 10px;
    width: 390px;
    height: 530px;
    background: url(/files/pc_block_c_pop01.png) no-repeat center top;
}
#wb8acjdlu7iqxe85cflz .entry_post::before{
    top: 220px;
    left: calc(50% - 50px);
    width: 260px;
    height: 100px;
    background: url(/files/pc_block_c_ttl.png) no-repeat center top;
}

#wb8acjdlu7iqxe85cflz .text_box{
    top: 350px;
    left: calc(50% - 40px);
    width: 480px;
}

/*  03 > サイズが小さくなり、細かな工事も対応ができるようになりました
#i33vena36mgebmgbiwxs
--------------------------------------------------------------- */
#i33vena36mgebmgbiwxs{
    height: 930px;
    background: url(/files/pc_block_d_bg.jpg) no-repeat center top;
}
#i33vena36mgebmgbiwxs .easys_content_inner::before{
    position: absolute;
    display: block;
    content: '';
    top: 200px;
    left: 0;
    width: 390px;
    height: 230px;
    background: url(/files/pc_block_d_ttl.png) no-repeat center top;
}
#i33vena36mgebmgbiwxs .text_box{
    top: 440px;
    left: calc(50% - 470px);
    width: 460px;
}
#i33vena36mgebmgbiwxs .img01{
    position: absolute;
    top: 220px;
    left: calc(50% + 50px);
    width: 380px;
    height: 480px;
    background: url(/files/pc_block_d_pop01.png) no-repeat center top;
}
/*  04 > クルマの外装塗装にも使えます
#pf6jsfcr5k4wcyup7v5r
--------------------------------------------------------------- */
#pf6jsfcr5k4wcyup7v5r{
    height: 1035px;
    background: url(/files/_lp01_dblock_e_bcg.png) no-repeat center top;
}
#pf6jsfcr5k4wcyup7v5r::after,
#pf6jsfcr5k4wcyup7v5r .easys_content_inner::before{
    position: absolute;
    display: block;
    content: '';
}
#pf6jsfcr5k4wcyup7v5r::after{
    top: 0;
    left: 0;
    width: 100%;
    height: 780px;
    background: url(/files/pc_block_e_pop01.png) repeat-x left top;
    animation: bg_move2 80s linear 0s infinite;
    z-index: -1;
}
    @keyframes bg_move2 {
		to{background-position-x: -115.5vw;}
    }
#pf6jsfcr5k4wcyup7v5r .easys_content_inner::before{
    top: 400px;
    left: 0;
    width: 535px;
    height: 130px;
    background: url(/files/pc_block_e_ttl.png) no-repeat center top;
}
#pf6jsfcr5k4wcyup7v5r .text_box{
    top: 530px;
    left: calc(50% - 460px);
    width: 500px;
    color: #fff;
}

/*  05 > ご依頼の流れ
#x2rj6mk99z1vucxmvt2r
--------------------------------------------------------------- */
#x2rj6mk99z1vucxmvt2r{
    height: 1660px;
    background: url(/files/pc_block_f_bg.jpg) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .easys_content_inner::before{
    position: absolute;
    display: block;
    content: '';
    top: 110px;
    left: 0;
    right: 0;
    width: 250px;
    height: 110px;
    margin: 0 auto;
    background: url(/files/pc_block_f_ttl.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .entry_post{
    margin-top: 270px;
}
#x2rj6mk99z1vucxmvt2r .sub_post{
    width: 1000px;
    height: 180px;
    margin-bottom: 30px;
}
#x2rj6mk99z1vucxmvt2r .sub_post_texts{
    display: flex;
    align-items: center;
    width: 610px;
    height: 140px;
    margin: 20px 0 20px 360px;
}
#x2rj6mk99z1vucxmvt2r .sub_post_0{
    background: url(/files/pc_block_f_01.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .sub_post_1{
    background: url(/files/pc_block_f_02.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .sub_post_2{
    background: url(/files/pc_block_f_03.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .sub_post_3{
    background: url(/files/pc_block_f_04.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .sub_post_4{
    background: url(/files/pc_block_f_05.png) no-repeat center top;
}
#x2rj6mk99z1vucxmvt2r .sub_post_texts p{
    margin: 0;
}


/*  バナー
---------------------------------------------------------------------------------------------------- */
/*  お問い合わせ
#hqdrlpgz7zthgibas6cr
#wc1uu4225tvuprco4xtw
--------------------------------------------------------------- */
#hqdrlpgz7zthgibas6cr,
#wc1uu4225tvuprco4xtw{
    margin-bottom: 50px;
    background: url(/files/pc_bnr_bg.jpg) no-repeat center top/100%;
}
#hqdrlpgz7zthgibas6cr .easys_content_inner,
#wc1uu4225tvuprco4xtw .easys_content_inner{
    width: 1300px;
    padding: 100px 0;
}
#hqdrlpgz7zthgibas6cr div,
#wc1uu4225tvuprco4xtw div{
    margin-bottom: 0;
    padding-bottom: 0;
}
#hqdrlpgz7zthgibas6cr .eyecatch a,
#wc1uu4225tvuprco4xtw .eyecatch a{
    display: block;
    width: 100%;
    height: 100%;
    background: url('/files/pc_bnr_off.png') no-repeat center top /100%;
}
#hqdrlpgz7zthgibas6cr .eyecatch a img,
#wc1uu4225tvuprco4xtw .eyecatch a img{
    transition: 0.3s;
    opacity: 0;
}
#hqdrlpgz7zthgibas6cr .eyecatch a:hover img,
#wc1uu4225tvuprco4xtw .eyecatch a:hover img{
    transition: 0.3s;
    opacity: 1;
}
        
    
/*  コンテンツ画像
#ja7010mwf5t3h6q92n6o
#wxyrtcgqa1kqyya65dt0
---------------------------------------------------------------------------------------------------- */
#ja7010mwf5t3h6q92n6o .easys_content_inner,
#wxyrtcgqa1kqyya65dt0 .easys_content_inner{
    width: 100%;
}


/*上下左右フェードインギミック------------------------------------*/
.f_down, .f_left, .f_right{
	opacity: 0;
	transform-origin: center;
 	transition: 1s ease 0s;
}
.f_down{
	transform: translateY(100px);
}
.f_left{
	transform: translateX(-100px);
}
.f_right{
transform: translateX(100px);
}
.f_down.moved,
.f_left.moved,
.f_right.moved{
	opacity: 1;
	transform: translate(0px, 0px);
}