@charset "utf-8";

/*
 * PC用スタイルCSS
 */


/* ===================================================================================================================
   ■ 全体
------------------------------------------------------------------------------------------------------------------- */
html {
scroll-behavior: smooth;
scroll-padding-top: 0px; 
background:#fff;
}

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

body {
  background: none transparent;
  font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
  font-weight: 500;
  color: #333333;
  min-width: 1300px !important;
  max-width: 2000px;
  margin: 0 auto;
  position: relative;
}
body#page_6 {
  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: #1084ce;
}

/* A～Cブロック記事内リンクボタン */
.main_btn a,
.sub_text_btn a {
  background-color: #1084ce;
  color: #fff;
}



/* ===================================================================================================================
   ■ ヘッダー
------------------------------------------------------------------------------------------------------------------- */
#branding_box {
  padding: calc(100% * (550/2000)) 0 0 0;
  position: relative;
  z-index: 500;
  height: 0;
 background: url("/files/branding_box_bg.png") no-repeat left 180px top 80px;
}


#page_6 #branding_box {
  padding: calc(100% * (1000/2000)) 0 0 0;
  background: url("/files/branding_box_bg_top.png") no-repeat left 180px top 80px;
}
/* ヘッダーのH1～グローバルナビの高さ調整 */
#header_information {height: 0px;}



/* スクロールギミック
---------------------------------------------------------------------------------------------------- */
#scroll-down {
  width: 20px;
  height: 300px;
  position: fixed;
  bottom: 10px;
  right: 34px;
  display: block;
  overflow: hidden;
  z-index: 9999;
}
#scroll-down a {
  display: block;
  color: #000;
  font-family: sans-serif;
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  letter-spacing: 4px;
  text-decoration: none;
}

#scroll-down a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 200px;
  background: #000;
}
#scroll-down a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 2px;
  background: #5ba8b0;
  height: 60px;
  animation: sdl 1.5s ease infinite;
}
@keyframes sdl {
0% {
  transform: translateY(-140px);
}
50%, 100% {
  transform: translateY(70px);
}
}




/*  H1テキスト
---------------------------------------------------------------------------------------------------- */
#site-description {
    width: 960px;
    margin: 0 0 0 auto;
    position: absolute;
    top: 43%;
    left: 11.5%;
    text-align: left;
    z-index: 2;
}

#page_6 #site-description{
  top: 84%;
  left: 8.5%;
}

#site-description a {
  display: inline;
  color: #1084ce;
}

/*  サイトロゴ
---------------------------------------------------------------------------------------------------- */
.main_header, .header_class {
  width: 335px; 
  margin: 0 ;
  padding: 0;
}
.main_header img, .header_class img {
  width: 335px;
  height: 115px;
  z-index: 591;
position: absolute;
top: 80px;
left: 180px;
}




/*  グローバルナビ デフォルトは右寄り固定
---------------------------------------------------------------------------------------------------- */
#access {
  width: 100%;
  min-width: 1300px !important;
  height: 70px;/*ナビ画像の高さ*/
  margin: 0 auto;
  z-index: 590;
  position: absolute;
  top: 60px;/*上からの位置*/
  
}

div#access .menu-header,
div#access .menu-header #menu-gnavi {
  height: 100%;
}

div#access .menu-header {
  width: 100%;
  text-align: right;/*右寄せ*/
  padding-right: 25px;/*右余白*/
  box-sizing: border-box;
}
div#access .menu-header #menu-gnavi {
  display: inline-block;
}


div#access .menu-item a {
  background: url("/files/topnavi.png") no-repeat left top;
  padding: 0;
  height: 70px !important;
  line-height: 70px !important;
}
div#access .gnavi11 a { width: 140px !important;}
div#access .gnavi12 a { width: 85px !important;}
div#access .gnavi13 a { width: 85px !important;}
div#access .gnavi14 a { width: 125px !important;}
div#access .gnavi15 a { width: 150px !important;}
div#access .gnavi16 a { width: 200px !important;}
div#access .gnavi17 a { width: 220px !important;}
div#access .gnavi18 a { width: 145px !important;}

div#access .gnavi11 a { background-position-x: left;}
div#access .gnavi12 a { background-position-x: -140px;}
div#access .gnavi13 a { background-position-x: -225px;}
div#access .gnavi14 a { background-position-x: -310px;}
div#access .gnavi15 a { background-position-x: -435px;}
div#access .gnavi16 a { background-position-x: -585px;}
div#access .gnavi17 a { background-position-x: -785px;}
div#access .gnavi18 a { background-position-x: right;}
div#access .menu-item a:hover { background-position-y: bottom;}



/*固定時用ナビ*/
#access.fixed{position: fixed;top: 0 !important;left: 0;background-color: rgba(255,255,255,1);min-width: 1300px !important;max-width: 2000px;/*最大2000pxを維持*/}

div#access.fixed .menu-header {
  width: 100%;
  text-align: center !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
  /* プルダウンのホバー時デフォルト下線消す */
  div#access ul.sub-menu li.sub-gnavi a:hover::after,
  div#access ul.sub-menu li.sub-gnavi2 a:hover::after{text-decoration: none;    width: 0;}

/* プルダウンメニューのサイズ */
#access ul.menu ul.sub-menu {
  top: 100%;
  }
  #access ul.menu ul.sub-menu,
  #access ul.menu ul.sub-menu li {
    width: 100%;
  }
  /* プルダウンメニューの色　16進数、RGBA両方変更すること */
  div#access ul.sub-menu li.sub-gnavi a,
  div#access ul.sub-menu li.sub-gnavi2 a {
    width: 100%;
    background:#fff;
    color: #3f6195;
  }
  #access ul li.current_page_item > a,
  #access ul li.current-menu-ancestor > a,
  #access ul li.current-menu-item > a,
  #access ul li.current-menu-parent > a {
    color: #3f6195;
  }
  div#access ul.sub-menu li.sub-gnavi a:hover,
  div#access ul.sub-menu li.sub-gnavi2 a:hover {
    background: #3f6195;
    color: #fff;
  }
  #access ul li.current_page_item > a:hover,
  #access ul li.current-menu-ancestor > a:hover,
  #access ul li.current-menu-item > a:hover,
  #access ul li.current-menu-parent > a:hover {
    color: #fff;
  }

/*  メイン画像
---------------------------------------------------------------------------------------------------- */
/* 通常メイン画像 */
#main_teaser, #video_teaser {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 99;
}
/* フラッシュ選択時 */
.flash_teaser {
  background-repeat: no-repeat;
  background-position: center top;
}

/* TOP SLIDER使用時 */
#video_teaser,
#main_teaser img {
  display: block;
  min-width: 1300px !important;
  max-width: 2000px;
  margin: 0 auto;
  right: 0;
  width: 100%;
}

/*
#video_teaser
*/

#main_teaser img {
  display: block;
  min-width: 1300px !important;
  max-width: 2000px;
  margin: 0 auto;
}


/* ===================================================================================================================
   ■ サイド
------------------------------------------------------------------------------------------------------------------- */
/* サイドナビ　タイトル */
.widget-title,
.widget-title2 a {
  padding: 0;
  background-image: none;
  color: #000000;
  text-align: center;
  border: 1px solid #31baee;
}
.widget-title2 a:link,
.widget-title2 a:visited,
.widget-title2 a:hover,
.widget-title2 a:active {
  color: #000000;
}

/* サイドナビ　メニュー部分 */
#blog_main .widget-area ul ul li a {
  overflow: hidden;
  background-image: url(/files/widget_list_bg.png);
  color: #000000;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#wp-calendar {
  border-collapse: separate;
}
#wp-calendar caption {
  text-align: center;
}
#wp-calendar thead th {
}
#wp-calendar tbody td {
  background: none transparent;
  border-width: 0 0 1px;
  border-style: dotted;
  border-color: #666666;
  line-height: 2;
  padding: 5px;
}
#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: #1084ce;
}



/* ===================================================================================================================
   ■ フッター
------------------------------------------------------------------------------------------------------------------- */
#footer_block {
  background: url(/files/footer_bg.jpg) no-repeat left top/cover;
  max-height: 449px;
  min-height: calc(449px * (1300 / 2000));
  height: calc(100vw * (449 / 2000));
  position: relative;
}
#footer_box {
  background: none transparent;
  height: 340px;
  position: relative;
}

#footer_box,#footer_sitemap_block,#footer-widget-area, .footer_infomation{
  width: 100%;
  margin: 0 auto;
}
#footer-widget-area{/*フッターナビの所*/
  display: block;
}
/*  フッターナビ
---------------------------------------------------------------------------------------------------- */
#footer_sitemap_block {
  position: absolute;
  top: 9vw;
  left: 47.5%;
  margin: 0;
  width: 550px;
}
@media screen and (max-width: 1316px) {

.footer_infomation {
  top: 150px;
}
}


#footer-widget-area .widget-area ul.menu {
  border-color: none transparent !important;
  column-count: 3;
  column-fill: auto;
  column-gap: 0;
  border: none;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  height: 150px;
  width: 550px;
}
#footer-widget-area .widget-area .menu-item a {
  border-color: transparent;
  width: 150px;
  text-align: left;
  margin-bottom: 12px;
  padding: 0;
  color: #ffffff;
  font-size: 0.9em;
}
#menu-item-63 a{
  padding-right:50px !Important;
}
#wp-calendar tbody td a {
  text-decoration: underline;
  color: #fff !important;
}


/*  フッター情報
---------------------------------------------------------------------------------------------------- */
.footer_infomation {
  display: block;
  margin: 0 auto;
  display: block;
  margin: 0;
  width: 400px;
  position: absolute;
  top: 11vw;
  left: 14.5%;
}
@media screen and (max-width: 1316px) {

.footer_infomation {
  top: 140px;
}
}

#footer_information .entry-post {
  width: 100%;
  margin:  0;
  text-align: left;
  color: #000000;
}

/*  フッターSNSボタン
---------------------------------------------------------------------------------------------------- */
#footer_sns_btn {
  margin: 20px auto 0;
}
#footer_sns_btn .footer_sns_inner {
  width: 250px;
  height: 25px;
}
#footer_sns_btn div {width: 25px;height: 25px;}
#footer_sns_btn div a:hover {opacity: 0.8;}



/*  コピーライト
---------------------------------------------------------------------------------------------------- */
#copyright {
  color: #31baee;
  text-align: left;
  margin: 0 auto;
  width: auto;
  position: absolute;
  top: 76%;
  left: 14.5%;
}


/*  フッターメニュー
---------------------------------------------------------------------------------------------------- */
.fixed_btn1{
  position: fixed;
  z-index: 9999;
  right: 200px;
  bottom:0px;
  display: flex;
  justify-content: space-between;
  width: 440px;
}
#fixed_btn_recruit a{
  background: url(/files/btn_recruit.png)no-repeat left top;
  display: block;
  width: 130px;
  height: 50px;
}

#fixed_btn_contact a{
  background: url(/files/btn_contact.png)no-repeat left top;
  display: block;
  width: 130px;
  height: 50px;
}

#fixed_btn_mitsumori a{
  background: url(/files/btn_estimate.png)no-repeat left top;
  display: block;
  width: 160px;
  height: 50px;
}

.fixed_btn1 div a{background-position: left top !important;}

.fixed_btn1 div a:hover
{background-position: left bottom !important;}
#float_top_btn {
    bottom: 20px;
    position: fixed;
    right: 120px;
    z-index: 999;
}


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

/*  見出し
---------------------------------------------------------------------------------------------------- */
.headline_title {
  background-image: url(/files/top_entry_title.png);
  color: #0069be;
  padding-top: 75px;
}
h3.entry_title,
.entry_title,
.entry-title {
  /* サイズ、背景、余白などはこちら */
  background-image: url(/files/entry_title_bg.png);
  color: #000000;
}
/*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: #000000;
}
/* 見出しリンクボタン */
.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: #000000;
}

/* 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: #ffffff;
}

* .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: #000000;
}



/* B-03など小見出し用 */
* .sub_entry_title {
  background: url(/files/sub_entry_title_bg.png) no-repeat scroll left top transparent;
  color: #000000;
  padding-left: 50px;
  width: 890px;
}
/*
* .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: #000000;
}
/* 小見出しリンクボタン */
.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{
  margin-left: -50px;
}
.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: #000000;
}

/* C-01など3列表示インラインタイトル用 */
* .inline_title {
  background-image: url(/files/column3_title_bg.png);
}
* .inline_title,
* .inline_title a {
  color: #000000;
}

/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title {
  padding: 10px;
  height: auto;
  border: 1px solid #1084ce;
  border-radius: 5px;
  background: none transparent;
  color: #333333;
  text-align: left;
  font-size: 15px;
  line-height: 1.7;
}

/* 詳細画面の下部「コメント」見出し */
.indent_border {
  width: 685px;
  border-color: #1084ce;
}


/* 大きな地図で見る */
small {
  border-color: #1084ce;
}
small a {
  padding: 5px 0;
  width: 100%;
  color: #1084ce !important;
  text-align: center !important;
}

small a:hover {
  background-color: #1084ce !important;
  color: #ffffff !important;
}

/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
/* クーポンの本文見出しなど、固定幅でないインラインタイトル用 */
.coupon_data .inline_title,
.c_04 .inline_title,
.i_01 .inline_title,
.j_01 .inline_title {
  padding: 10px;
  height: auto;
  border: 1px solid #1084ce;
  border-radius: 5px;
  background: none transparent;
  color: #333333;
  text-align: left;
  font-size: 15px;
  line-height: 1.7;
}

/* 詳細画面の下部「コメント」見出し */
.indent_border {
  width: 685px;
  border-color: #1084ce;
}


/* 大きな地図で見る */
small {
  border-color: #1084ce;
}
small a {
  padding: 5px 0;
  width: 100%;
  color: #1084ce !important;
  text-align: center !important;
}

small a:hover {
  background-color: #1084ce !important;
  color: #ffffff !important;
}






/*  テーブル
---------------------------------------------------------------------------------------------------- */


/*--------------------------line */

table:not(#wp-calendar) tr > * {
  background: none transparent !important;
  border-color: #1084ce;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}
table:not(#wp-calendar) tr:first-child > * {
  border-top: 1px solid #1084ce !important;
}

/*メール送信後メッセージボックスのボーダー（デフォルト：グリーン）*/
div.wpcf7-mail-sent-ok {
  border-color: #1084ce !important;
}

/* Dメニュー下線 */
.td_cell {
  border-color: #666666;
  vertical-align: top;
}

.table_area table tr td {
  background: none transparent;
}




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




/*  ブロック
---------------------------------------------------------------------------------------------------- */
/* 各ブロック点線 */
.border_margin,
.anchor_list ul li,
.cu_mail_block,
.blog_post,
.list_block .list_box {
  border-color: #666666;
}


/* Cブロック */
.c_01,
.c_02,
.c_03,
.c_05,
.c_06 {
  display: inline-block;
  padding: 0 0 20px;
  width: 100%;
}
.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-weight: bold;
  font-size: 13px;
}
.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 {
  max-width: 100%;
  width: auto;
}

/* Z-I スライドショー */
.z_j1 {
  margin: 0 0 15px;
}

/* Z_L お知らせブロック */
.Z_l1 .date_area {
  font-weight: bold;
  font-size: 13px;
}
.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 {
  border: 1px solid #1084ce;
  background-color: transparent;
  color: #1084ce;
}
div.link_list a:hover {
  border: 1px solid #1084ce;
  background-color: #1084ce;
  color: #ffffff;
}

.faq-title {
  background-color: #1084ce;
  color: #ffffff;
  font-weight: normal;
}




/*  メールフォーム
---------------------------------------------------------------------------------------------------- */
.iqfm-table td input[type="text"]:not([size]) {
  width: 75%;
}
/* 必須項目 */
.iqfm-req_color {
  color: #1084ce;
}
.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;
}

/*  クーポンページ
---------------------------------------------------------------------------------------------------- */
/*body.coupon {
}*/
.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: #1084ce;
}
/* 有効期限の部分 */
.coupon_box table tr td.coupon_meta_title {
  width: 8em;
  background-color:transparent;
  color: #333333;
}
.coupon_box table tr td.coupon_meta {
  background-color:transparent;
  color: #333333;
}
.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: #000000;
}

.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;
  visibility: hidden;
  margin-top: -110px;
  height: 110px;
  content: "";
}

/* メール投稿ブロック画像幅調整 */
.img_size_thumb{
  height: 150px;
}

small {
  box-sizing: border-box;
}

.flow_arr {  height: 40px;}

/*コンタクトフォームスパム*/
.grecaptcha-badge { visibility: hidden; }

/* ============================== ↓↓各ブロックの個別CSSはこちらに記述↓↓ ============================== */


  /* 全ページ共通　フェードイン　文章とか
-----------------------------------------------------*/
.easys_content_inner{
  opacity: 0;
  transform: translateY(100px) rotate3d(-1, -1, 0, -20deg);
  transition: 1.3s ease 0s;
  top: 100px;
}
.easys_content_inner.moved2{
  opacity: 1;
  transform: translateY(0) rotate3d(0, 0, 1, 0);
  top: 0px;
}
 
/*解除　バナーの.easys_content_innerのフェードインだけ*/
.nd_01 .easys_content_inner{
  opacity: 1;
  transform: translateY(0) rotate3d(0, 0, 1, 0);
  top: 0px;
}


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

.scale {
  opacity: 0;
  transform: scale(0.0);
  transform-origin: center;
  transition: 1s ease 0s;
}
.scale.moved{
  opacity: 1;
  transform: scale(1.0);
}

/*  トップページ
---------------------------------------------------------------------------------------------------- */

/*  デザインブロック
---------------------------------------------------------------------------------------------------- */
#pwenalbrjropragqbvv5 .entry_post:first-of-type .eyecatch,
#khfr3jhe72tzrksaa242 .entry_post:first-of-type .eyecatch,
#umg8f3q13s4pid72ungt .entry_post:first-of-type .eyecatch,
#il4r7q5srl479tqv290y .entry_post:first-of-type .eyecatch,
#wevauvwaslygmer1wwts .entry_post:first-of-type .eyecatch,
#ytdhrrwrefpg3p6rxl99 .entry_post:first-of-type .eyecatch,
#q61krzqyabsjk5ki7l62 .entry_post:first-of-type .eyecatch,
#gd6mko3cj3ha4vk2z82s .entry_post:first-of-type .eyecatch
{display: none;}
/*  float 解除
---------------------------------------------------------------------------------------------------- */
#pwenalbrjropragqbvv5 .entry_post:first-of-type .float_left,
#khfr3jhe72tzrksaa242 .entry_post:first-of-type .float_left,
#umg8f3q13s4pid72ungt .entry_post:first-of-type .float_left,
#il4r7q5srl479tqv290y .entry_post:first-of-type .float_left,
#wevauvwaslygmer1wwts .entry_post:first-of-type .float_left,
#ytdhrrwrefpg3p6rxl99 .entry_post:first-of-type .float_left,
#q61krzqyabsjk5ki7l62 .entry_post:first-of-type .float_left,
#gd6mko3cj3ha4vk2z82s .entry_post:first-of-type .float_left,
#pwenalbrjropragqbvv5 .entry_post:first-of-type .float_right,
#khfr3jhe72tzrksaa242 .entry_post:first-of-type .float_right,
#umg8f3q13s4pid72ungt .entry_post:first-of-type .float_right,
#il4r7q5srl479tqv290y .entry_post:first-of-type .float_right,
#wevauvwaslygmer1wwts .entry_post:first-of-type .float_right,
#ytdhrrwrefpg3p6rxl99 .entry_post:first-of-type .float_right,
#q61krzqyabsjk5ki7l62 .entry_post:first-of-type .float_right,
#gd6mko3cj3ha4vk2z82s .entry_post:first-of-type .float_right
{float: none;}
.easys_content .sub_post .float_left {float: left !important;}
.easys_content .sub_post .float_right {float: right !important;}

/*----------------btn */
a._btn{
  display: block;
  width: 200px;
  height: 90px;
  padding: 0;
  border-radius: 0;
  text-indent: -99999px;
  float: left;
  position: relative;
  transition: 0.2s;
  background: none;
}
 
a._btn:before,
a._btn:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.2s ease 0s;
  opacity: 0;/*ON画像非表示*/
}
/*OFF画像表示*/
a._btn:after
{opacity:1;}
 
/*ホバー時*/
a._btn:hover:before
{opacity: 1;}/*ON画像表示*/
 
a._btn:hover:after
{opacity: 0;}/*Off画像非表示*/
 
 
/*OFF画像*/
a._btn:after{ background: url("/files/top_block04_link_off.png") no-repeat center top;
  padding: 0;}
/*ON画像*/
a._btn:before{ background: url("/files/top_block04_link_on.png") no-repeat center top;}


/*  DB1*創業1967年以来の“信頼と実績”
#pwenalbrjropragqbvv5
--------------------------------------------------------------- */
#pwenalbrjropragqbvv5
{
height: 1170px;
position: relative;
z-index: 200;
}
#pwenalbrjropragqbvv5 *[class*='title']
{ display: none;}
#pwenalbrjropragqbvv5 .text_box
{position: absolute;width: 480px;top: 530px;left: calc(50% - 480px);}
#pwenalbrjropragqbvv5 .text_box .post_data 
{text-align: left;}

#pwenalbrjropragqbvv5 #f_up
{
position: absolute;
width: 500px;
height: 200px;
top: 310px;
left: calc(50% - 510px);
z-index: -3;
background: url(/files/top_block01_image01.png) no-repeat center top;
}
#pwenalbrjropragqbvv5 #cover
{
position: absolute;
width: 2000px;
height: 1170px;
top: 0px;
left: calc(50% - 1000px);
z-index: -3;
background: url(/files/top_block_bg01.png) no-repeat center top;
}
#pwenalbrjropragqbvv5::before {
content: '';
display: block;
position: absolute;
top: 0px;
right: 0%;
width: 100%;
height: 1170px;
z-index: -4;
background: url(/files/top_block01_slide.jpg) repeat-x center top;
animation: bg_move 60s linear 0s infinite;
}
@keyframes bg_move {
0% { background-position-x: 0; }
100% { background-position-x: -2000px; }
}

/*  DB2*お部屋に関する様々なお困りごとを解決いたします
#khfr3jhe72tzrksaa242
--------------------------------------------------------------- */
#khfr3jhe72tzrksaa242
{
height: 1050px;
position: relative;
z-index: 200;
background: url(/files/top_block_bg02.png) no-repeat center top;
}
#khfr3jhe72tzrksaa242 *[class*='title']
{ display: none;}
#khfr3jhe72tzrksaa242 .text_box
{
position: absolute;
width: 480px;
top: 600px;
left: calc(50% - 0px);
}
#khfr3jhe72tzrksaa242 .text_box .post_data 
{text-align: left;}

#khfr3jhe72tzrksaa242 .sub_post_0
{
  position: absolute;
  width: 300px;
  top: 800px;
  left: calc(50% - 480px);
}

#khfr3jhe72tzrksaa242 .sub_post_1
{
  position: absolute;
  width: 330px;
  top: 800px;
  left: calc(50% - 160px);
}

#khfr3jhe72tzrksaa242 .sub_post_2
{
  position: absolute;
  width: 290px;
  top: 800px;
  left: calc(50% + 190px);
}

a._btn3{
  display: block;
  width: 320px;
  height: 100px;
  padding: 0;
  border-radius: 0;
  text-indent: -99999px;
  float: left;
  position: relative;
  transition: 0.2s;
  background: none;
}

 
a._btn3:before,
a._btn3:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.2s ease 0s;
  opacity: 0;/*ON画像非表示*/
}
/*OFF画像表示*/
a._btn3:after
{opacity:1;}
 
/*ホバー時*/
a._btn3:hover:before
{opacity: 1;}/*ON画像表示*/
 
a._btn3:hover:after
{opacity: 0;}/*Off画像非表示*/
 
 
#khfr3jhe72tzrksaa242 .sub_post_0 a:after {
  background:url("/files/top_block02_link01_off.png") no-repeat center top;
}

#khfr3jhe72tzrksaa242 .sub_post_0 a:before {
  background:url("/files/-top_block02_link01_on.png") no-repeat center top;
}

#khfr3jhe72tzrksaa242 .sub_post_1 a:after {
  background:url("/files/top_block02_link02_off.png") no-repeat center top;
}

#khfr3jhe72tzrksaa242 .sub_post_1 a:before {
  background:url("/files/top_block02_link02_on.png") no-repeat center top;
}

#khfr3jhe72tzrksaa242 .sub_post_2 a:after {
  background:url("/files/top_block02_link03_off.png") no-repeat center top;
}

#khfr3jhe72tzrksaa242 .sub_post_2 a:before {
  background:url("/files/top_block02_link03_on.png") no-repeat center top;
}




#khfr3jhe72tzrksaa242 #f_left
{
position: absolute;
width: 1650px;
height: 400px;
top: 88px;
left: calc(50% - 1000px);
z-index: -3;
background: url(/files/top_block02_image01.png) no-repeat center top;
}


/*  DB3*企業様へ
#umg8f3q13s4pid72ungt
--------------------------------------------------------------- */
#umg8f3q13s4pid72ungt {
  position:relative;
  z-index:200;
  height:600px;
  color:#FFFFFF;
  background:url(/files/top_block_bg03.png) no-repeat center top;
}

#umg8f3q13s4pid72ungt:before {
content: '';
display: block;
position: absolute;z-index: 0;
top: 0;left: 0;
width: 100%;height: 100%;
background:url(/files/top_block_bg03.png) no-repeat center top;
}


#umg8f3q13s4pid72ungt *[class*="title"] {
  display:none;
}
#umg8f3q13s4pid72ungt .text_box
{
position: absolute;
width: 960px;
top: 285px;
left: calc(50% - 480px);
}
#umg8f3q13s4pid72ungt .text_box .post_data 
{text-align: center;}

#umg8f3q13s4pid72ungt .main_btn  {
  width: 200px;
  display: block;
  margin: 0 auto;
}
#html_video01{
  position: absolute;
  top:0;
  left: 0;
  z-index: -1;
}
#html_video01 video{width: auto;}

#umg8f3q13s4pid72ungt a:before{
  background: url("/files/top_block03_link_on.png") no-repeat center top;
}
#umg8f3q13s4pid72ungt a:after{
  background: url("/files/top_block03_link_off.png") no-repeat center top;
}


/*  DB4*一般のお客様へ
#il4r7q5srl479tqv290y
--------------------------------------------------------------- */
#il4r7q5srl479tqv290y
{
height: 1050px;
position: relative;
z-index: 200;
background: url(/files/top_block_bg04.png) no-repeat center top;
}
#il4r7q5srl479tqv290y *[class*='title']
{ display: none;}
#il4r7q5srl479tqv290y .text_box
{position: absolute;width: 480px;top: 490px;left: calc(50% + 20px);}
#il4r7q5srl479tqv290y .text_box .post_data 
{text-align: left;}

#il4r7q5srl479tqv290y #scale
{
position: absolute;
width: 750px;
height: 800px;
top:150px;
left: calc(50% - 800px);
z-index: -3;
background: url(/files/top_block04_image01.png) no-repeat center top;
}
#il4r7q5srl479tqv290y #f_up
{
position: absolute;
width: 300px;
height: 150px;
top: 315px;
left: calc(50% - 0px);
z-index: -3;
background: url(/files/top_block04_image02.png) no-repeat center top;
}

#il4r7q5srl479tqv290y  a._btn {
    margin-left: 300px;
}



/*  DB5*選ばれ続ける理由
#wevauvwaslygmer1wwts
--------------------------------------------------------------- */
#wevauvwaslygmer1wwts
{
height: 700px;
position: relative;
z-index: 200;
background: url(/files/top_block_bg05.jpg) no-repeat center top;
}
#wevauvwaslygmer1wwts *[class*='title']
{ display: none;}
#wevauvwaslygmer1wwts .text_box
{
position: absolute;
width: 480px;
top: 260px;
left: calc(50% - 480px);
}
#wevauvwaslygmer1wwts .text_box .post_data 
{text-align: left;}

#wevauvwaslygmer1wwts #f_up
{
position: absolute;
width: 550px;
height: 500px;
top: 70px;
left: calc(50% + 30px);
z-index: -3;
background: url(/files/top_block05_image01.png) no-repeat center top;
}

#wevauvwaslygmer1wwts::before {
content: '';
display: block;
position: absolute;
top: 480px;
right: 0%;
width: 100%;
height: 150px;
z-index: 1;
background: url(/files/top_block05_slide.png) repeat-x center top;
animation: bg_move 60s linear 0s infinite;
}


/*  DB6*内装工事職人募集中！未経験OK！
#ytdhrrwrefpg3p6rxl99
--------------------------------------------------------------- */
#ytdhrrwrefpg3p6rxl99 {
  position:relative;
  z-index:200;
  height:900px;
  background:url(/files/top_block_bg06_parallax.jpg) no-repeat center center/cover fixed;
}
#ytdhrrwrefpg3p6rxl99 *[class*="title"] {
  display:none;
}
#ytdhrrwrefpg3p6rxl99 .text_box {
  position:absolute;
  top:420px;
  left:calc(50% - 0px);
  width:480px;
}
#ytdhrrwrefpg3p6rxl99 .text_box .post_data {
  text-align:left;
}

#ytdhrrwrefpg3p6rxl99 #f_up {
  position:absolute;
  top:180px;
  left:calc(50% - 30px);
  z-index:-3;
  width:500px;
  height:200px;
  background:url(/files/top_block06_image02.png) no-repeat center top;
}

#ytdhrrwrefpg3p6rxl99  a._btn {
  margin-left:300px;
}

/*  DB7*どんな職場？先輩インタビュー！！
#q61krzqyabsjk5ki7l62
--------------------------------------------------------------- */
#q61krzqyabsjk5ki7l62
{
height: 1300px;
position: relative;
z-index: 200;
background: url(/files/top_block_bg07.png) no-repeat center top;
}
#q61krzqyabsjk5ki7l62 *[class*='title']
{ display: none;}
#q61krzqyabsjk5ki7l62 .text_box
{
position: absolute;
width: 480px;
top: 270px;
left: calc(50% - 480px);
}
#q61krzqyabsjk5ki7l62 .text_box .post_data 
{text-align: left;}

#q61krzqyabsjk5ki7l62 a{margin-left: 300px;}

#q61krzqyabsjk5ki7l62 #f_up
{
position: absolute;
width: 550px;
height: 200px;
top: 60px;
left: calc(50% - 560px);
z-index: -3;
background: url(/files/top_block07_image02.png) no-repeat center top;
}
#q61krzqyabsjk5ki7l62 #f_right
{position: absolute;width: 1700px;height: 1000px;top: 0px;left: calc(50% - 690px);z-index: -3;background: url(/files/top_block07_image01.png) no-repeat center top;}
/* blog s3f705p2epkpyi98jxn1 mcjm4i1sgutqg0x0egdd */
#s3f705p2epkpyi98jxn1{
  background: url(/files/repeat_bg02.jpg) ;
  margin-bottom: 0;
}
#s3f705p2epkpyi98jxn1 .entry_title {
  background: none;
  height: 200px;
  position: relative;
  margin: 0;
}
#s3f705p2epkpyi98jxn1 .entry_title h3{
display: none;
}
#s3f705p2epkpyi98jxn1 .entry_title a{
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 200px;
background: url("/files/top_blog_title.png") no-repeat center;
}

#mcjm4i1sgutqg0x0egdd {
  margin-bottom:50px;
  padding-bottom:50px;
  background: url(/files/repeat_bg02.jpg) ;
}

/* 会社概要 wrrnj9f06d3dvbjq7aqv  */

#wrrnj9f06d3dvbjq7aqv.nf02_6 .entry_title {
  background: none;
  height: 200px;
  position: relative;
  margin: 0;
}
#wrrnj9f06d3dvbjq7aqv.nf02_6 .entry_title h3{
display: none;
}
#wrrnj9f06d3dvbjq7aqv.nf02_6 .entry_title a{
position: absolute;
top: 0;
left: 0;
width: 960px;
height: 200px;
background: url("/files/top_company_title.png") no-repeat center;
}


/*  ●【会社概要】9
---------------------------------------------------------------------------------------------------- */
/*●代表挨拶 i9g3w4utp2k8549g89bs
背景：#31baee　リピート*/

#i9g3w4utp2k8549g89bs{
background: #31baee;
padding: 80px 0 0px; margin-bottom: 0px;
}

/*●経営理念 r6syqawn29txwfp4qfxb
背景：#31baee　リピート*/
#r6syqawn29txwfp4qfxb{
  background: #31baee;
  padding: 0px 0 50px; margin-bottom: 50px;
  }

/*●会社概要 wrrnj9f06d3dvbjq7aqv
背景画像：repeat_bg01.jpg　リピート*/
#wrrnj9f06d3dvbjq7aqv.nf02_9 {
  background: url(/files/repeat_bg01.jpg);
  padding: 80px 0 50px; margin-bottom: 50px;
  }

/*●企業様へ decufly5c1hiov2pgpkc
●一般のお客様へ dt4ekaipet5ha24jjs2b
背景画像：repeat_bg02.jpg　リピート*/
#decufly5c1hiov2pgpkc
{
  background: url(/files/repeat_bg02.jpg);
  padding: 80px 0 0px; margin-bottom: 0px;
  }
#dt4ekaipet5ha24jjs2b{
  background: url(/files/repeat_bg02.jpg);
  padding: 0px 0 50px; margin-bottom: 0px;
  }


/*  ●【企業様へ】12
---------------------------------------------------------------------------------------------------- */
/*  DB8*ご相談・現地調査・お見積り無料！メール見積りも対応しています。
#gd6mko3cj3ha4vk2z82s
--------------------------------------------------------------- */
#gd6mko3cj3ha4vk2z82s
{
height: 950px;
position: relative;
z-index: 200;
background: url(/files/top_block_bg08.png) no-repeat center top;
}
#gd6mko3cj3ha4vk2z82s *[class*='title']
{ display: none;}
#gd6mko3cj3ha4vk2z82s .text_box
{position: absolute;width: 520px;top: 345px;left: calc(50% - 480px);}
#gd6mko3cj3ha4vk2z82s .text_box .post_data 
{text-align: left;}

 #gd6mko3cj3ha4vk2z82s  a._btn:before{
   background: url("/files/block08_link_on.png") no-repeat center top;
 }
 #gd6mko3cj3ha4vk2z82s  a._btn:after{
   background: url("/files/block08_link_off.png") no-repeat center top;
 }

/*  ●【ご依頼の流れ／よくある質問ページ】
---------------------------------------------------------------------------------------------------- */

/*●ご依頼の流れ j4ibuh7yy6rngdu26j9a
背景：#31baee　リピート*/
#j4ibuh7yy6rngdu26j9a{background: #31baee;padding: 80px 0 50px;margin-bottom: 0px;}

/*●よくある質問 k5du5zvzypaqeh5bx525
背景画像：repeat_bg01.jpg　リピート*/
#k5du5zvzypaqeh5bx525{
  background: url(/files/repeat_bg01.jpg);
  padding: 80px 0 50px;
  margin-bottom: 0px;
  }
  

/*  ●【採用情報/従業員インタビュー】
---------------------------------------------------------------------------------------------------- */
/*●募集要項 t7vwsjgtf49tkmw6zq5q
背景画像：repeat_bg02.jpg　リピート*/
#t7vwsjgtf49tkmw6zq5q{
  background: url(/files/repeat_bg02.jpg);
  padding: 80px 0 50px;
  margin-bottom: 0px;
  }
  

/*●1日の流れ vh0cuj43m2zspifeg8bg
背景：#31baee　リピート*/
#vh0cuj43m2zspifeg8bg{
  background: #31baee;
  padding: 80px 0 50px; margin-bottom: 50px;
  }






/*  バナー
---------------------------------------------------------------------------------------------------- */



/*  3連 壁紙/カーテン/床材
#ctf0ebw64wjas396b27p
--------------------------------------------------------------- */
#ctf0ebw64wjas396b27p{
  background: url("/files/3bnr_title.png") no-repeat center top 14%/29%,
  url('/files/repeat_bg01.jpg');
}

#ctf0ebw64wjas396b27p .easys_content_inner
{
    width: calc(100% *(1525/2000));
    padding: 13% 0 10%;
}
 
#ctf0ebw64wjas396b27p .img_display {
    display: flex;
    justify-content: space-evenly;
}
 
#ctf0ebw64wjas396b27p .field_3col {
  position:relative;
  width:calc(100% *(500/1525)) !important;
  margin:0;
  overflow:hidden;
}
#ctf0ebw64wjas396b27p .field_3col:before 
{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
#ctf0ebw64wjas396b27p .field_3col .eyecatch{width: 100% !important;}
 
#ctf0ebw64wjas396b27p .eyecatch a{
  height: 100%;
  display: block;
}
 #ctf0ebw64wjas396b27p .img_display > div:nth-child(1):before{
  background: url("/files/3bnr_bg01.jpg") no-repeat center top/100%; 
}
 
#ctf0ebw64wjas396b27p .img_display > div:nth-child(2):before{
  background: url("/files/3bnr_bg02.jpg") no-repeat center top/100%; 
}
 
#ctf0ebw64wjas396b27p .img_display > div:nth-child(3):before{
  background: url("/files/3bnr_bg03.jpg") no-repeat center top/100%; 
}

#ctf0ebw64wjas396b27p .field_3col:hover:before
 {
  transform: scale(1.1);
}

#ctf0ebw64wjas396b27p .img_display .clear_float {
    display: none;
}
#ctf0ebw64wjas396b27p .eyecatch a img{
  position:relative;
  z-index:10;
}
#ctf0ebw64wjas396b27p .eyecatch a:hover img
 { opacity: 1; }

/*  お問い合わせ
#usb6er7em4q7hohaac3k
--------------------------------------------------------------- */
#usb6er7em4q7hohaac3k{background: url('/files/contact_bg.jpg') no-repeat center bottom;}

#usb6er7em4q7hohaac3k .easys_content_inner{padding:0;}

#usb6er7em4q7hohaac3k .margin-bottom_50{margin-bottom: 0;}


#usb6er7em4q7hohaac3k .eyecatch a{
display: block;
width: 100%;
height: 100%;
position: relative;
}
#usb6er7em4q7hohaac3k .eyecatch a:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.5s ease 0s;
  background: url('/files/contact_bnr_on.png') no-repeat center top;
  }
  
  #usb6er7em4q7hohaac3k .eyecatch a:hover:before{opacity: 1;}
  #usb6er7em4q7hohaac3k .eyecatch a:hover img{ opacity: 1; }

/*  一般/企業
#xgtslmyexkec30vl78yc
--------------------------------------------------------------- */
#xgtslmyexkec30vl78yc
 {
  position: relative;
  overflow: hidden;
}
 
#xgtslmyexkec30vl78yc  .easys_content_inner
{width: 100%; padding: 0;}
 
 
#xgtslmyexkec30vl78yc .field_2col:before 
{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
#xgtslmyexkec30vl78yc .field_2col:hover:before
 {
  transform: scale(1.1);
}
 
#xgtslmyexkec30vl78yc .field_2col
 {
  width: 50% !important;
  overflow: hidden;
  position: relative;
  margin: 0;
}
 
#xgtslmyexkec30vl78yc .eyecatch
 {
  width: 100%;
  position: relative;
  z-index: 10;
}
#xgtslmyexkec30vl78yc .eyecatch a:hover img
 { opacity: 1; }
 
 
/*左バナー背景画像*/
#xgtslmyexkec30vl78yc .float_left:before
{ background: url("/files/harf_bnr01_bg.jpg") no-repeat center top / cover transparent; }
 
/*右バナー背景画像*/
#xgtslmyexkec30vl78yc .float_right:before
{ background: url("/files/harf_bnr02_bg.jpg") no-repeat center top /cover transparent; }



/*  catalog
#tixpd4pjm4e5fut1dh0a
--------------------------------------------------------------- */
#tixpd4pjm4e5fut1dh0a
{
height: 1100px;
position: relative;
z-index: 200;
background: url(/files/catalog_title.png) no-repeat center top 100px,
url(/files/catalog_bg.png) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a .easys_content_inner{
   padding: 260px 0 0;
 }

.cssbk {
  position:relative;
  width:100%;
  padding-bottom: 58.5%;
  font-size:18px;
  color:#000000;
}
.cssbk input {
  display:none;
}
.cssbk input ~ span {
  display:block;
  position:absolute;
  width:50%;
  height:100%;
  transition:1.5s;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.cssbk input + span {
  left:50%;
  transform:perspective(1500px) rotateY(0deg);
  transform-origin:left;
}
.cssbk input + span + span {
  right:50%;
  transform:perspective(1500px) rotateY(180deg);
  transform-origin:right;
}
.cssbk input:checked + span {
  transform:perspective(1500px) rotateY(-180deg);
}
.cssbk input:checked + span + span {
  transform:perspective(1500px) rotateY(0deg);
}

.cssbk a {
    display: block;
    position: absolute;
    top: 68px;
    right: 40px;
    z-index: 999;
    width: 165px;
    height: 50px;
    pointer-events: painted;
    cursor: pointer;
}

.cssbk span img {
  width:100%;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(1) > span:nth-child(2){
  background: url(/files/catalog_bnr00.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(1) > span.page02{
  background: url(/files/catalog_bnr01.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(2) > span.page03{
  background: url(/files/catalog_bnr02.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(2) > span.page04{
  background: url(/files/catalog_bnr03.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(3) > span.page05{
  background: url(/files/catalog_bnr04.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(3) > span.page06{
  background: url(/files/catalog_bnr05.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(4) > span.page07{
  background: url(/files/catalog_bnr06.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(4) > span.page08{
  background: url(/files/catalog_bnr07.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(5) > span.page09{
  background: url(/files/catalog_bnr08.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(5) > span.page10{
  background: url(/files/catalog_bnr09.jpg) no-repeat center top;
}

#tixpd4pjm4e5fut1dh0a > div > div > div > div > label:nth-child(6) > span.page11{
  background: url(/files/catalog_bnr10.jpg) no-repeat center top;
}