@charset "utf-8";

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


/* ↓↓　雛形　レイアウトにあわせて追記・上書きして下さい　↓↓
   後々解読が面倒になるので、必要な箇所のみ記述すること
  （例：背景がPNGになるなら background-image: url("../files/xx_bg.png");　など） */


/* =================================================================================================================== */
/* PCカスタムプロパティ */
:root {
  --basic_background_color: #fff;
  --body_text_color: #000;
  --link_color: #1c56df;
  --border_color: #666;
  --table_border_color: #333;
  --th_background_color: transparent;
  --td_background_color: transparent;
  --th_character_color: #000;
  --td_character_color: #000;
  --required_color: #999;
  --top_h1_color: #000;
  /* --header_navigation_color: url(../files/topnavi_bg.png) no-repeat center top; */
  --header_navigation_color: #fff;
  --top_entry_title_color: #000;
  --entry_title_bg_color: #fff;
  --blog_title_color: #000;
  --sub_entry_title_bg_color: #000;
  --entry_title_bg_w570_color: #000;
  --sub_entry_title_bg_w570_color: #000;
  --half_entry_title_bg_color: #000;
  --half_sub_entry_title_bg_color: #000;
  --column3_title_bg_color: #000;
  --widget_title_bg_color: #fff;
  --widget_list_bg_color: #000;
  --footnavi_color: #fff;
  --address_color: #000;
  --copy_color: #999;
}
/* 置換以外 */
:root {
  --easys_min_width: 1300;/* EASYSの最小幅(単位なし) */
  --easys_max_width: 2000;/* EASYSの最大幅(単位なし) */
  --easys_top_main_h: 930;/* トップメインのオリジナル高さ(単位なし) */
  --easys_naka_main_h: 400;/* 中ページメインのオリジナル高さ(単位なし) */
  --easys_standard_value001: #fff;/* A～Cブロック記事内リンクボタン＞文字色 */
  --easys_standard_value002: rgba(255,255,255,0.95);/* プルダウンメニュー＞背景色 */
  --easys_standard_value003: #000;/* プルダウンメニュー＞文字色 */
  --easys_standard_value004: #1c56df;/* プルダウンメニュー＞文字色(ホバー時) */
  --easys_standard_value005: #fff;/* カレンダーの本日＞文字色 */
  --easys_standard_value006: #fff;/* 大きな地図で見る＞文字色(ホバー時) */
  --easys_standard_value007: #fff;/* ページ遷移ボタン＞線色 */
  --easys_standard_value008: #fff;/* ページ遷移ボタン＞文字色 */
  --easys_standard_value009: #000;/* ブログ＞ページング＞線色 */
}
/* 個人追加 */
:root {
  --header_h: 100;          /*brandingbox外ヘッダー高*/
  --easys_navi_h : 70px;  /*初期ナビ高*/
  --easys_fixed_h: 100px;  /*固定ナビ高*/
  --custom_padding: 70px; /*ブロック間余白*/
  --custom_fade: 100;   /*フェードイン範囲*/
  --custom_transition: .3s;   /*フェードの基本時間*/
}

/* =================================================================================================================== */


/* ===================================================================================================================
   ■ 全体
------------------------------------------------------------------------------------------------------------------- */
html {
  background: var(--basic_background_color);
  scroll-padding-top: var(--easys_fixed_h);
  scroll-behavior: smooth;
}
body {
  background: none transparent;
  /* background: url(../files/body_bg.jpg) no-repeat center top calc(var(--header_h) * 1px) / 100%; */
  position: relative;/* 2000pxを超える画面の対策 */
  margin: 0 auto;
  min-width: calc(var(--easys_min_width)*1px);
  max-width: calc(var(--easys_max_width)*1px);
  word-break: break-word;
}
body,
.wpcf7c-conf {
  color: var(--body_text_color);
}
/* Safariのみ */
_:lang(x) + _:-webkit-full-screen-document,
body {
          text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
body#page_6 {
  background: none no-repeat center top;
}
#wrapper {
  background: none transparent;
}

/* ※最初のブロックが背景ありになった場合の余白処理はfooter_common.jsに記述しています */
#outer_block {
  background: none transparent;
}


#main {
  overflow: clip;
}

a:link,
a:visited,
a:hover,
a:active {
  color: var(--link_color);
}

/* A～Cブロック記事内リンクボタン */
.main_btn a,
.sub_text_btn a {
  background-color: var(--link_color);
  color: var(--easys_standard_value001);
}


/* ===================================================================================================================
   ■ ヘッダー
------------------------------------------------------------------------------------------------------------------- */
#branding_box {
  background: none transparent;
  height: calc(var(--header_h) * 1px);
  padding: calc(var(--easys_naka_main_h) / var(--easys_max_width) * 100%) 0 0;
  position: relative;
  z-index: 500;
}
#page_6 #branding_box {
  background: url(../files/top_header_cover.png) no-repeat center bottom / 100%;
  padding-top: calc(var(--easys_top_main_h) / var(--easys_max_width) * 100%);
}


/*  H1テキスト
---------------------------------------------------------------------------------------------------- */
#site-description {
  position: absolute;
  top : 100px;
  left: 25px;
  width: auto;
  white-space: nowrap;
}
#site-description a {
  display: inline;
  color: var(--top_h1_color);
}


/*  サイトロゴ
---------------------------------------------------------------------------------------------------- */
/* ヘッダーのH1～グローバルナビの高さ調整 */
#header_information {
  height: auto;
  /* CSSレスポンシブ用
  position: absolute;
  top: 26%;
  left: 48%;
  z-index: 1;
  background: url("../files/main_logo.png");
  transform-origin: top left;
  */
}
/* トップページのみ調整する時 */
#page_6 #header_information {
  height: auto;
  /* CSSレスポンシブ用
  top: 26%;
  */
}
#header_information .main_header {
  width : 270px;
  height: 100px;
  position: absolute;
  top : 0;
  left: 0;
  background: url(../files/main_logo.png) no-repeat no-repeat left top;
  pointer-events: none;
  z-index: 700;
}
#header_information .main_header a {
  display: block;
  padding: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
#header_information .main_header a img {
  width: 100%;
  height: 100%;
}


/*  グローバルナビ
---------------------------------------------------------------------------------------------------- */
#access {
  position: fixed;
  top: 30px;
  right: 0;
  padding: 0;
  width: 100%;
  height: var(--easys_navi_h);
  width: clamp(980px, 100%, calc(var(--easys_max_width)*1px));
  z-index: 1;
}
div#access .menu-header,
div#access .menu-header #menu-gnavi { height: 100%;}
div#access .menu-header {
  box-sizing: border-box;
  text-align: right;
  width: 100%;
  padding-right: 100px;
}
div#access .menu-header #menu-gnavi {
  background: var(--header_navigation_color);
  border: 1px solid #000;
  border-radius: 100vmax;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 35px;
}

div#access .menu-item a {
  background: url(../files/topnavi.png) no-repeat left top;
  height: var(--easys_navi_h) !important;
  line-height: var(--easys_navi_h) !important;
  padding: 0;
}
div#access .gnavi11 a { width: 100px !important;}
div#access .gnavi12 a { width: 80px !important;}
div#access .gnavi13 a { width: 80px !important;}
div#access .gnavi14 a { width: 80px !important;}
div#access .gnavi15 a { width: 80px !important;}
div#access .gnavi16 a { width: 90px !important;}
div#access .gnavi17 a { width: 105px !important;}
div#access .gnavi18 a { width: 80px !important;}
div#access .gnavi19 a { width: 105px !important;}
div#access .gnavi11 a { background-position-x: left;}
div#access .gnavi12 a { background-position-x: -100px;}
div#access .gnavi13 a { background-position-x: -180px;}
div#access .gnavi14 a { background-position-x: -260px;}
div#access .gnavi15 a { background-position-x: -340px;}
div#access .gnavi16 a { background-position-x: -420px;}
div#access .gnavi17 a { background-position-x: -510px;}
div#access .gnavi18 a { background-position-x: -615px;}
div#access .gnavi19 a { background-position-x: right;}
div#access .menu-item a:hover { background-position-y: bottom;}

/* プルダウンメニューのサイズ */
#access ul li:hover > ul {
  display: flex;
}
#access ul.menu ul.sub-menu {
  flex-direction: column;
  top: 100%;
}
#access ul.menu ul.sub-menu,
#access ul.menu ul.sub-menu li {
  min-width: 100%;
  width: auto;
}
/* プルダウンメニューの色　16進数、RGBA両方変更すること */
div#access ul.sub-menu li.sub-gnavi a,
div#access ul.sub-menu li.sub-gnavi2 a {
  background: none var(--easys_standard_value002);
  box-sizing: border-box;
  color: var(--easys_standard_value003);
  padding: 10px;
  line-height: 1.2em !important;
  text-align: left;
  white-space: nowrap;
  width: 100% !important;
  height: auto !important;
}
#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: var(--easys_standard_value003);
}
div#access ul.sub-menu li.sub-gnavi a:hover,
div#access ul.sub-menu li.sub-gnavi2 a:hover {
  background: none var(--easys_standard_value002);
  color: var(--easys_standard_value004);
}
#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: var(--easys_standard_value004);
}

/* Gナビ上部固定(最大2000pxを維持) */
/* body.fixed #header_information {
  width: 100%;
  min-width: calc(var(--easys_min_width)*1px);
  max-width: calc(var(--easys_max_width)*1px);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  z-index: 700;
}
body.fixed #header_information .main_header {
  display: block;
  pointer-events: all;
} */
/* body.fixed div#access {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0;
  width: clamp(980px, 100%, calc(var(--easys_max_width)*1px));
  height: var(--easys_fixed_h);
} */

/* ハンバーガーメニュー */
#access02 {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../files/navi_bg.png) no-repeat center center;
  transition: .5s;
  overflow: visible;
  opacity: 0;
  pointer-events: none;
  z-index: 900;
}
.opened #access02 {
  pointer-events: all;
  opacity: 1;
}
#access02 .menu-header {
  width: 490px;
  height: 490px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 70px);
  margin: auto;
}
#access02 #menu-gnavi02 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
#access02 #menu-gnavi02 > li {
  height: 40px;
  background: url(../files/navi_01.png) no-repeat left top;
}
#access02 #menu-gnavi02 > li > a {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
  text-indent: -99999px;
}
#access02 #menu-gnavi02 > li > a::after {
  content: "";
  width : 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transform: translate(-48px) scale(1.5,.5);
  transition: opacity .3s cubic-bezier(.39,.575,.565,1) 0s,transform 0s linear .3s,-webkit-transform 0s linear .3s;
}
#access02 #menu-gnavi02 > li > a:hover::after {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
  transform: translate(0) scale(1);
  transition: opacity .5s cubic-bezier(.39,.575,.565,1) 0s,transform .5s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) 0s;
}
#access02 #menu-gnavi02 > li:nth-of-type(3) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(4) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(5) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(7) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(8) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(13) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(14) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(16) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(17) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(20) a::after,
#access02 #menu-gnavi02 > li:nth-of-type(21) a::after {
  display: none;
}

#access02 #menu-gnavi02 > li:hover {
  background-position-x: right !important;
}
#access02 #menu-gnavi02 > li:nth-of-type(1) { width: 120px;}
#access02 #menu-gnavi02 > li:nth-of-type(2),
#access02 #menu-gnavi02 > li:nth-of-type(3),
#access02 #menu-gnavi02 > li:nth-of-type(4),
#access02 #menu-gnavi02 > li:nth-of-type(5) {
  background-image: url(../files/navi_02.png);
  width: 90px;
}
#access02 #menu-gnavi02 > li:nth-of-type(3) { background-position-y: -40px;}
#access02 #menu-gnavi02 > li:nth-of-type(4) { background-position-y: -70px;}
#access02 #menu-gnavi02 > li:nth-of-type(5) { background-position-y: bottom;}
#access02 #menu-gnavi02 > li:nth-of-type(3),
#access02 #menu-gnavi02 > li:nth-of-type(4),
#access02 #menu-gnavi02 > li:nth-of-type(5) {
  height: 30px;
}
#access02 #menu-gnavi02 > li:nth-of-type(6),
#access02 #menu-gnavi02 > li:nth-of-type(7),
#access02 #menu-gnavi02 > li:nth-of-type(8) {
  background-image: url(../files/navi_03.png);
  width: 225px;
}
#access02 #menu-gnavi02 > li:nth-of-type(7) { background-position-y: -40px;}
#access02 #menu-gnavi02 > li:nth-of-type(8) { background-position-y: bottom;}
#access02 #menu-gnavi02 > li:nth-of-type(7),
#access02 #menu-gnavi02 > li:nth-of-type(8) {
  height: 30px;
}
#access02 #menu-gnavi02 > li:nth-of-type(9) {
  background-image: url(../files/navi_04.png);
  width: 90px;
}
#access02 #menu-gnavi02 > li:nth-of-type(10) {
  background-image: url(../files/navi_05.png);
  width: 90px;
}
#access02 #menu-gnavi02 > li:nth-of-type(11) {
  background-image: url(../files/navi_06.png);
  width: 105px;
}
#access02 #menu-gnavi02 > li:nth-of-type(12),
#access02 #menu-gnavi02 > li:nth-of-type(13),
#access02 #menu-gnavi02 > li:nth-of-type(14) {
  background-image: url(../files/navi_07.png);
  width: 130px;
}
#access02 #menu-gnavi02 > li:nth-of-type(13) { background-position-y: -40px;}
#access02 #menu-gnavi02 > li:nth-of-type(14) { background-position-y: bottom;}
#access02 #menu-gnavi02 > li:nth-of-type(13),
#access02 #menu-gnavi02 > li:nth-of-type(14) {
  height: 30px;
}
#access02 #menu-gnavi02 > li:nth-of-type(15),
#access02 #menu-gnavi02 > li:nth-of-type(16),
#access02 #menu-gnavi02 > li:nth-of-type(17) {
  background-image: url(../files/navi_08.png);
  width: 130px;
}
#access02 #menu-gnavi02 > li:nth-of-type(16) { background-position-y: -40px;}
#access02 #menu-gnavi02 > li:nth-of-type(17) { background-position-y: bottom;}
#access02 #menu-gnavi02 > li:nth-of-type(16),
#access02 #menu-gnavi02 > li:nth-of-type(17) {
  height: 30px;
}
#access02 #menu-gnavi02 > li:nth-of-type(18) {
  background-image: url(../files/navi_09.png);
  width: 125px;
}
#access02 #menu-gnavi02 > li:nth-of-type(19),
#access02 #menu-gnavi02 > li:nth-of-type(20),
#access02 #menu-gnavi02 > li:nth-of-type(21) {
  background-image: url(../files/navi_10.png);
  width: 200px;
}
#access02 #menu-gnavi02 > li:nth-of-type(20) { background-position-y: -40px;}
#access02 #menu-gnavi02 > li:nth-of-type(21) { background-position-y: bottom;}
#access02 #menu-gnavi02 > li:nth-of-type(20),
#access02 #menu-gnavi02 > li:nth-of-type(21) {
  height: 30px;
}

#access02 #menu-gnavi02 > li:nth-of-type(2),
#access02 #menu-gnavi02 > li:nth-of-type(6),
#access02 #menu-gnavi02 > li:nth-of-type(7),
#access02 #menu-gnavi02 > li:nth-of-type(9),
#access02 #menu-gnavi02 > li:nth-of-type(10),
#access02 #menu-gnavi02 > li:nth-of-type(12),
#access02 #menu-gnavi02 > li:nth-of-type(18),
#access02 #menu-gnavi02 > li:nth-of-type(19) {
  margin-top: 20px;
}
#access02 #menu-gnavi02 > li:nth-of-type(15) {
  margin-top: 50px;
}
#access02 #menu-gnavi02 > li:nth-of-type(10) {
  margin-bottom: 10px;
}

#menuTrigger {
  width : 70px;
  height: 70px;
  position: fixed;
  top  : 30px;
  right: 15px;
  /* margin: auto; */
  z-index: 2000;
}
#menuTrigger button {
  background: rgba(0, 0, 0, 0);
  border: none;
  width: 100%;
  height: 100%;
  padding: 0;
}
#menuTrigger button > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#menuTrigger button > div span {
  position: absolute;
  height: 1px;
}
#menuTrigger button > div.close {
  opacity: 1;
  transition: .3s;
}
#menuTrigger button > div.close span {
  background-color: #000;
  width: 80%;
  transition: .2s;
  left: 0;
  right: 0;
  margin: auto;
}
#menuTrigger button > div.close span:nth-of-type(1) {
  top: 30px;
}
#menuTrigger button > div.close span:nth-of-type(2) {
  top: 40px;
}
#menuTrigger:hover button > div.close span {
  width: 100%;
}
#menuTrigger:hover button > div.close span:nth-of-type(1) {
  transform: translate(-7px,2px);
}
#menuTrigger:hover button > div.close span:nth-of-type(2) {
  transform: translate(7px,-2px);
}
body:not(.opened) #menuTrigger button > div.close,
body.opened #menuTrigger button > div.open { opacity: 1;}
body.opened #menuTrigger button > div.close,
body:not(.opened) #menuTrigger button > div.open { opacity: 0;}

body.opened #menuTrigger {
  width: 90px;
  top: 50px;
  left: calc(50% + 500px);
}
@media screen and (max-width:1300px) {
  body.opened #menuTrigger {
    left: inherit;
    right: 50px;
  }
}

#menuTrigger button > div.open {
  transition: transform .3s;
}
#menuTrigger button:hover > div.open {
  transform: scale(1.1);
}
#menuTrigger button > div.open span {
  background-color: #fff;
  width: 80px;
}
#menuTrigger button > div.open span:nth-of-type(1) {
  top: 30px;
  left: 5px;
  transform: rotate(15deg);
}
#menuTrigger button > div.open span:nth-of-type(2) {
  top: 30px;
  left: 5px;
  transform: rotate(-15deg);
}

#access02 .nav_logo {
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 430px);
  width: 300px;
  height: 140px;
}
#access02 .nav_logo a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}


/*  メイン画像
---------------------------------------------------------------------------------------------------- */
#main_teaser,
#video_teaser,
#jquery_slider_pc {
  position: absolute;
  top: calc(var(--header_h) * 1px);
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  z-index: 99;
  background: url(../files/body_bg.jpg) repeat-y center top;
}
#main_teaser,
#video_teaser #video_teaser_inner,
#jquery_slider_pc .viewer {
  display: block;
  margin: 0 auto;
  width: 100%;
  min-width: calc(var(--easys_min_width)*1px);
  max-width: calc(var(--easys_max_width)*1px);
}
#main_teaser img,
#video_teaser #video_teaser_inner video,
#jquery_slider_pc .viewer img {
  width: 100%;
}
#video_teaser,
#jquery_slider_pc .viewer {
  height: var(--easys_main_h) !important;
}

#main_teaser::before,
#video_teaser::before,
#jquery_slider_pc::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: calc(var(--header_h) * -1px);
  left: 0;
  z-index: -1;
  background: url(../files/body_bg.jpg) repeat-y center top;
}

#video_teaser .design_block,
#jquery_slider_pc .design_block {
  background-size: 100%;
}
#video_teaser     .design_block[class*="block"].moved,
#jquery_slider_pc .design_block[class*="block"].moved {
  margin: 0px;
  transform: none;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}
#video_teaser     .design_block.block1,
#jquery_slider_pc .design_block.block1 {
  background-image: url(../files/top_body_bg_mov1.png);
  width: calc(320 / var(--easys_max_width) * 100%);
  height: calc(630 / var(--easys_top_main_h) * 100%);
  top: calc(95 / var(--easys_top_main_h) * 100%);
  left: calc(836 / var(--easys_max_width) * 100%);
  transform: scale(0);
}
#video_teaser     .design_block.block2,
#jquery_slider_pc .design_block.block2 {
  background-image: url(../files/top_body_bg_mov2.png);
  width: calc(70 / var(--easys_max_width) * 100%);
  height: calc(240 / var(--easys_top_main_h) * 100%);
  top: calc(75 / var(--easys_top_main_h) * 100%);
  left: calc(1513 / var(--easys_max_width) * 100%);
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path:         inset(0 0 100% 0);
}

/* ===================================================================================================================
   ■ サイド
------------------------------------------------------------------------------------------------------------------- */
/* サイドナビ　タイトル */
.widget-title,
.widget-title2 a {
  background-image: url(../files/widget_title_bg.png);
  color: var(--widget_title_bg_color);
  padding: 0;
  text-align: center;
}
.widget-title2 a:link,
.widget-title2 a:visited,
.widget-title2 a:hover,
.widget-title2 a:active {
  color: var(--widget_title_bg_color);
}

/* サイドナビ　メニュー部分 */
#blog_main .widget-area ul ul li a {
  background-image: url(../files/widget_list_bg.png);
  color: var(--widget_list_bg_color);
  overflow: hidden;
  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-color: var(--border_color);
  border-style: dotted;
  border-width: 0 0 1px;
  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: var(--link_color);
}
#calendar_wrap table tr td#today,
#calendar_wrap table tr td#today a {
  color: var(--easys_standard_value005);
}


/* ===================================================================================================================
   ■ フッター
------------------------------------------------------------------------------------------------------------------- */
#footer_block {
  background: url(../files/footer_bg.jpg) no-repeat center top;
  height: 1000px;
  position: relative;
}
#footer_box {
  background: none transparent;
  /* background: url(../files/footer_box_bg.png) no-repeat center top; */
  height: 910px;
}


/*  フッターナビ
---------------------------------------------------------------------------------------------------- */
#footer_sitemap_block {
  padding: 340px 0 0;
  width: 800px;
  /*絶対値指定する時
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin: 0;
  width: auto;
  transform: translateX(-50%);
  */
}
/* 中央以外 */
/*
#footer-widget-area .widget-area{
    position: absolute;
    top: 320px;
    left: calc(50% - 140px);
}
*/
#footer_sitemap_block #footer-widget-area {
  display: block;
  width: 100%;
}
#footer_sitemap_block #footer-widget-area .widget-area ul.menu {
  /* border-color: var(--footnavi_color); */
  border: none;
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(3, auto);
  column-gap: 45px; /* 列間の間隔 */
  width: 100%;
  height: 300px;
}
#footer_sitemap_block #footer-widget-area .widget-area .menu-item a {
  /* border-color: var(--footnavi_color); */
  border: none;
  color: var(--footnavi_color);
  text-align: left;
  padding: 0 0 0 1px;
}
#footer_sitemap_block #footer-widget-area .widget-area ul > .menu-item a {
  font-size: 16px;
}
#footer-widget-area .widget-area .menu-item {
  float: none;
  min-width: 150px;
}
#footer_sitemap_block ul.menu > .menu-item:nth-child(1),
#footer_sitemap_block ul.menu > .menu-item:nth-child(2) { grid-column: 1;}
#footer_sitemap_block ul.menu > .menu-item:nth-child(3),
#footer_sitemap_block ul.menu > .menu-item:nth-child(4),
#footer_sitemap_block ul.menu > .menu-item:nth-child(5) { grid-column: 2;}
#footer_sitemap_block ul.menu > .menu-item:nth-child(6),
#footer_sitemap_block ul.menu > .menu-item:nth-child(7) { grid-column: 3;}
#footer_sitemap_block ul.menu > .menu-item:nth-child(8),
#footer_sitemap_block ul.menu > .menu-item:nth-child(9),
#footer_sitemap_block ul.menu > .menu-item:nth-child(10) { grid-column: 4;}

#footer-widget-area .sub-menu {
  margin-top: 5px;
}
#footer-widget-area .sub-menu .menu-item {
  background: url(../files/footer_navi_icon.png) no-repeat left 3px top 5px;
  padding-left: 15px;
}
#footer-widget-area .sub-menu .menu-item a {
  font-size: 13px !important;
}

/*  フッター情報
---------------------------------------------------------------------------------------------------- */
.footer_infomation {
  display: block;
  margin: 0 auto;
  width: 960px;
}
#footer_information .entry-post {
  margin: 0;

  /* width: 100%;
  text-align: center;
  top: 200px;
  left: 0; */

}

#footer_link {
  position: absolute;
  top: 85px;
  left: calc(50% + 100px);
}
#footer_link div + div {
  margin-top: 15px;
}
#footer_link a {
  display: block;
  position: relative;
}
#footer_link a::before {
  background-color: #000;
}
#footer_link .footer_btn_gaten::after {
  background-image: url(../files/footer_btn_gaten_on.png);
}
#footer_link .footer_btn_recruit::after {
  background-image: url(../files/footer_btn_recruit_on.png);
}


/*  フッター住所
---------------------------------------------------------------------------------------------------- */
#footer_information .entry-post .post-data > p {
  color: var(--address_color);
  position: absolute;
  width: 500px;
  text-align: left;
  top: 165px;
  left: calc(50% - 355px);
}

/*  フッターSNSボタン
---------------------------------------------------------------------------------------------------- */
#footer_sns_btn {
  position: absolute;
  top: 690px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}
#footer_sns_btn .footer_sns_inner div + div {
  margin-left: 20px;
}
#footer_sns_btn .footer_sns_inner,
#footer_sns_btn .footer_sns_inner div {
  width: fit-content;
  height: auto;
}
#footer_sns_btn .footer_sns_inner > div {
  position: relative;
}
#footer_sns_btn .footer_sns_inner .design_block {
  opacity: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
#footer_sns_btn .footer_sns_inner .design_block > span {
  background-color: #fff;
  position: absolute;
  transition: var(--custom_transition);
}
:root {
  --btn_border: 3px;
}
#footer_sns_btn .footer_sns_inner .design_block span:nth-of-type(1) {
  width: 0%;
  height: var(--btn_border);
  top: 0;
  left: 0;
}
#footer_sns_btn .footer_sns_inner .design_block span:nth-of-type(2) {
  width: var(--btn_border);
  height: 0%;
  top: 0;
  right: 0;
}
#footer_sns_btn .footer_sns_inner .design_block span:nth-of-type(3) {
  width: 0%;
  height: var(--btn_border);
  bottom: 0;
  right: 0;
}
#footer_sns_btn .footer_sns_inner .design_block span:nth-of-type(4) {
  width: var(--btn_border);
  height: 0%;
  bottom: 0;
  left: 0;
}
#footer_sns_btn .footer_sns_inner > div:hover > .design_block span:nth-of-type(1),
#footer_sns_btn .footer_sns_inner > div:hover > .design_block span:nth-of-type(3) {
  width: 100%;
}
#footer_sns_btn .footer_sns_inner > div:hover > .design_block span:nth-of-type(2),
#footer_sns_btn .footer_sns_inner > div:hover > .design_block span:nth-of-type(4) {
  height: 100%;
}


/*  コピーライト
---------------------------------------------------------------------------------------------------- */
#copyright {
  color: var(--copy_color);
  text-align: left;
  width: 700px;
}


/*  サイドメニュー
---------------------------------------------------------------------------------------------------- */
.fixed_btn {
  bottom: inherit;
  top: 110px;
  right: 25px;
  z-index: 1000;
}

.fixed_btn div,
.fixed_btn div a {
  width: 50px;
  height: 50px;
}

#fixed_btn_recruit {
  position: fixed;
  bottom: 230px;
  right: 0;
  z-index: 1000;
}
#fixed_btn_recruit,
#fixed_btn_recruit a {
  height: 200px;
}

/* .fixed_btn div,.fixed_btn div a,.fixed_btn div a:hover {
  width: auto !important;
  height: auto !important;
}
.fixed_btn div {
  margin-bottom: 0;
}
.fixed_btn div a {
  position: relative !important;
} */


/*  スクロールトップ
---------------------------------------------------------------------------------------------------- */
#float_top_btn {
  bottom: 20px;
}
#fixed_btn_recruit:hover,
.fixed_btn div a:hover,
#float_top_btn > a:hover img {
  opacity: 0.8;
}

#float_top_btn > a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../files/top_btn.png) no-repeat center center;
  -webkit-animation: anime-rotate 60s linear 0s infinite;
  animation        : anime-rotate 60s linear 0s infinite;
}
@keyframes anime-rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

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

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

/* 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: var(--half_entry_title_bg_color);
}

* .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: var(--half_sub_entry_title_bg_color);
}

/* B-03など小見出し用 */
* .sub_entry_title {
  background: url(../files/sub_entry_title_bg.png) no-repeat scroll left top transparent;
  color: var(--sub_entry_title_bg_color);
}
/* * .sub_entry_title,
* .sub_entry_title h4,
* .sub_entry_title h4 a {
  フォントサイズはこちら
} */
* .sub_entry_title a:link,
* .sub_entry_title a:visited,
* .sub_entry_title a:hover,
* .sub_entry_title a:active {
  color: var(--sub_entry_title_bg_color);
}
/* 小見出しリンクボタン */
.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: var(--sub_entry_title_bg_w570_color);
}

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

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

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

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

small a:hover {
  background-color: var(--link_color) !important;
  color: var(--easys_standard_value006) !important;
}


/*  テーブル
---------------------------------------------------------------------------------------------------- */
.table_area td.td_name,
.table_area td.td_value,
body.coupon .table_area td.td_name,
body.coupon .table_area td.td_value,
table.iqfm-table th,
table.iqfm-table td {
  border-color: var(--table_border_color);
  border-right: none;
  border-left: none;
  background: none transparent;
}
table.table_area td.td_name,
body.coupon table.table_area td.td_name,
.iqfm-table th {
  background: none transparent;
}
table.table_area td.td_value,
body.coupon table.table_area td.td_value,
.iqfm-table td,
.custom-wpcf7c-confirmed td,
input.wpcf7c-conf,
textarea.wpcf7c-conf {
  background: none transparent;
}
/* メール送信後メッセージボックスのボーダー（デフォルト：グリーン） */
div.wpcf7-mail-sent-ok {
  border-color: var(--border_color) !important;
}

/* Dメニュー下線 */
.td_cell {
  border-color: var(--border_color);
  vertical-align: top;
}

.table_area table tr td {
  border: solid 1px var(--table_border_color) !important;
  border-right: none !important;
  border-left: none !important;
  background: none transparent;
}


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


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

/* 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 {
  background-color: transparent;
  border: 1px solid var(--link_color);
  color: var(--link_color);
}
div.link_list a:hover {
  background-color: var(--link_color);
  border: 1px solid var(--link_color);
  color: #fff;
}

.faq-title {
  background-color: var(--link_color);
  color: #fff;
  font-weight: normal;
}


/*  メールフォーム
---------------------------------------------------------------------------------------------------- */
.iqfm-table td input[type="text"]:not([size]) {
  width: 75%;
}
/* 必須項目 */
.iqfm-req_color {
  color: var(--required_color);
}
.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: var(--table_border_color);
}
/* 有効期限の部分 */
.coupon_box table tr td.coupon_meta_title {
  background-color: var(--th_background_color);
  color: var(--th_character_color);
  width: 8em;
}
.coupon_box table tr td.coupon_meta {
  background-color: var(--td_background_color);
  color: var(--td_character_color);
}
.e-04 .menu_area td {
  height: 3.5em;
}
.e-04 .menu_area .parent_title {
  height: auto;
  font-size: 120%;
}


/*  ブログ
---------------------------------------------------------------------------------------------------- */
#nav-below div {
  border-color: var(--easys_standard_value009);
}
#nav-below .nav-next {
  padding: 0 0 0 10px;
}

#blog_main .entry-title {
  background-image: url(../files/blog_title.png);
  background-position: center bottom;
  height: auto;
  line-height: 1.5;
  padding: 15px 20px 15px 20px;
}
#blog_main .entry-title,
#blog_main .entry-title a {
  color: var(--blog_title_color);
}

.img_size_thumb {
  overflow: hidden;
  width: 150px;
  height: 150px;
}


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


/*  googleカレンダー
---------------------------------------------------------------------------------------------------- */
iframe[src^="https://calendar.google.com"] {
  border: none !important;
}

/* ページ内リンクアンカー位置調整 */
a[id^="anchor"] {
  content: "";
  display: block;
  height: 110px;
  margin-top: -110px;
  visibility: hidden;
}


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

/*  flow矢印余白*/
.flow_arr {
  margin: 10px auto !important;
}

/* メール更新ブロック */
.nj_03 .cu_mail_block {
  padding-bottom: 20px;
}
.nj_03 .img_size_thumb {
  height: 100px;
}
.nj_03 .img_size_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* フェードのipad対応 */
div {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 背景と余白調整 */
.easys_content.no_margin { margin-bottom: 0 !important;}
.easys_content.no_margin + .easys_content:not(.no_margin) { margin-top: var(--custom_padding);}
.easys_content.no_margin.nk_01 { padding-bottom: 25px;}
.easys_content.no_margin.nk_01 [class*="title"] {  margin-bottom: 0;}
.shosai #outer_block { padding-top: 70px !important;}

/* テーマ余白調整 */
.easys_content,
.easys_content_inner > div:last-of-type {
  margin-bottom: 0 !important;
}
.easys_content.no_margin + .easys_content:not(.no_margin),
.easys_content:not(.no_margin):not(.nk_01) + .easys_content:not(.no_margin),
.easys_content:not(.no_margin) + .easys_content.no_margin {
  margin-top: var(--custom_padding);
}
#content > .easys_content:last-of-type:not(.no_margin) { margin-bottom: var(--custom_padding) !important;}


/*  チャットボット
---------------------------------------------------------------------------------------------------- */
#side_btn_bot {
  width : 50px;
  height: 50px;
  position: fixed;
  top: 170px;
  right: 25px;
  z-index: 9999;
}
#side_btn_bot button {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  background: url(../files/btn_chat.png) no-repeat center center;
  animation: none !important;
  box-shadow: none;
}
.chat_fixed:hover button {
  opacity: 0.8;
}
#side_btn_bot button > svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
#side_btn_bot div {
  margin-bottom: 0;
}
#chat_open {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.chat_fixed {
  position: relative !important;
  bottom: 20px !important;
  right: 10px !important;
  z-index: 9999 !important;
}
.chat_open,
.chat_rounded-full {
  cursor: pointer;
}
.chat_bg-secondary {
  background-color: #00c1ec !important;
}
#chat_container {
  left: -400px;
  top: -110px;
}


/* 遠隔サポート／お客様に感謝頂いた口コミはこちら
--------------------------------------- */
#side_btn {
  width: 200px;
  position: fixed;
  bottom: 0;
  left: 20px;
  transition: var(--custom_transition);
  z-index: 999;
  opacity: 1;
}
#side_btn #side_btn_win a {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  height: 50px;
}

body.scrolled #side_btn {
  opacity: 0;
}


/*  全体にフェードインアニメーション
---------------------------------------------------------------------------------------------------- */
#outer_block .easys_content_inner {
  position: relative;
  height: 100%;
}

#outer_block .easys_content_inner {
  top: calc(var(--custom_fade) * 1px);
  opacity: 0;
  transition: all 1.3s ease 0s;
}
#outer_block .easys_content_inner.moved {
  opacity: 1;
  top: 0px;
}
#outer_block .nd_01 .easys_content_inner {
  opacity: 1;
  top: 0px;
}


/*  追加画像
---------------------------------------------------------------------------------------------------- */
.design_block {
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  position: absolute;
  transition: all 1.3s ease 0s;
}
.design_block.moved {
  opacity: 1;
}


/*  共通ギミック
---------------------------------------------------------------------------------------------------- */
/* ON画像 */
#xz8k51dvdchyddszht8i [class*="_btn"] a::after,
#ll88oo4lrvqne1cl6ajc [class*="_btn"] a::after,
#txbat0z58ndfyhq0gag0 a::after,
#s28ovqcfetufwpesfic7 a::after,
#rqiu6e9xjzft7a58c3w8 a::after,
#pkuqb15jp0m2tbzkhjki a::after,
#ulubw2ls8q8lbxtuw41m a::after,
#xvyg8hyt6xdocwdszolb a::after,
#v3tlf6cntc8sl95av1sa a::after,
#footer_link a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  transition: var(--custom_transition);
  opacity: 0;
}
#xz8k51dvdchyddszht8i [class*="_btn"] a:hover::after,
#ll88oo4lrvqne1cl6ajc [class*="_btn"] a:hover::after,
#txbat0z58ndfyhq0gag0 a:hover::after,
#s28ovqcfetufwpesfic7 a:hover::after,
#rqiu6e9xjzft7a58c3w8 a:hover::after,
#pkuqb15jp0m2tbzkhjki a:hover::after,
#ulubw2ls8q8lbxtuw41m a:hover::after,
#xvyg8hyt6xdocwdszolb a:hover::after,
#v3tlf6cntc8sl95av1sa a:hover::after,
#footer_link a:hover::after {
  opacity: 1;
}

/* ONで円が出る */
#xz8k51dvdchyddszht8i [class*="_btn"] a::before,
#txbat0z58ndfyhq0gag0 a::before,
#s28ovqcfetufwpesfic7 a::before,
#pkuqb15jp0m2tbzkhjki a::before,
#v3tlf6cntc8sl95av1sa a::before,
#amyfq7nrseva41yu1635 a::after,
#footer_link a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  clip-path: circle(0% at 50% 50%);
  opacity: 0;
  transition: opacity .8s;
}
#xz8k51dvdchyddszht8i [class*="_btn"] a:hover::before,
#txbat0z58ndfyhq0gag0 a:hover::before,
#s28ovqcfetufwpesfic7 a:hover::before,
#pkuqb15jp0m2tbzkhjki a:hover::before,
#v3tlf6cntc8sl95av1sa a:hover::before,
#amyfq7nrseva41yu1635 a:hover::after,
#footer_link a:hover::before {
  clip-path: circle(100% at 50% 50%);
  transition: .8s;
  opacity: 1;
}

/* toggleボタン */
.btn_toggle {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  background: rgba(255,255,255,1);
  border-radius: 100vmax;
  transition: var(--custom_transition);
}
.btn_toggle:hover {
  cursor : pointer;
  transform: scale(1.1);
}
.btn_toggle::before,
.btn_toggle::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 5px);
  display: block;
  width: 10px;
  height: 2px;
}
.btn_toggle::after {
  transform: rotate(90deg);
  transition: .3s;
}
.active .btn_toggle::after {
  top: calc(50% + 5px);
  opacity: 0;
}


/*  セカンド、バナー、コンテンツ画像、パララックス
---------------------------------------------------------------------------------------------------- */
/* 共通 */
#amyfq7nrseva41yu1635,
#v3tlf6cntc8sl95av1sa,
#xvyg8hyt6xdocwdszolb,
#vuen0zbvm6seqcai0m7s,
#bkzk2t9jlxi8sph7mdou,
#ulubw2ls8q8lbxtuw41m,
#txbat0z58ndfyhq0gag0,
#pkuqb15jp0m2tbzkhjki,
#rqiu6e9xjzft7a58c3w8,
#s28ovqcfetufwpesfic7,
#q10hdvtxnc5m3aeekm0z,
#vj9zhxd4km1crew3o498,
#iqaofkqdqipjsqn9l55h,
#yr8uv1r41qm3ntf89dm2,
#kr5syd9jbwf8jcthoyb7,
#zbdazqzowxf1xsaz609t,
#wa41qyl11wvy30vstmax,
#jhphvm4fjeyuyt08m23k {
  margin-bottom: var(--custom_padding);
  position: relative;
}
#amyfq7nrseva41yu1635 div,
#v3tlf6cntc8sl95av1sa div,
#xvyg8hyt6xdocwdszolb div,
#vuen0zbvm6seqcai0m7s div,
#bkzk2t9jlxi8sph7mdou div,
#ulubw2ls8q8lbxtuw41m div,
#txbat0z58ndfyhq0gag0 div,
#pkuqb15jp0m2tbzkhjki div,
#rqiu6e9xjzft7a58c3w8 div,
#s28ovqcfetufwpesfic7 div,
#q10hdvtxnc5m3aeekm0z div,
#vj9zhxd4km1crew3o498 div,
#iqaofkqdqipjsqn9l55h div,
#yr8uv1r41qm3ntf89dm2 div,
#kr5syd9jbwf8jcthoyb7 div,
#zbdazqzowxf1xsaz609t div,
#wa41qyl11wvy30vstmax div,
#jhphvm4fjeyuyt08m23k div {
  margin-bottom: 0;
  padding-bottom: 0;
}
#amyfq7nrseva41yu1635 img,
#v3tlf6cntc8sl95av1sa img,
#xvyg8hyt6xdocwdszolb img,
#vuen0zbvm6seqcai0m7s img,
#bkzk2t9jlxi8sph7mdou img,
#ulubw2ls8q8lbxtuw41m img,
#txbat0z58ndfyhq0gag0 img,
#pkuqb15jp0m2tbzkhjki img,
#rqiu6e9xjzft7a58c3w8 img,
#s28ovqcfetufwpesfic7 img,
#q10hdvtxnc5m3aeekm0z img,
#vj9zhxd4km1crew3o498 img,
#iqaofkqdqipjsqn9l55h img,
#yr8uv1r41qm3ntf89dm2 img,
#kr5syd9jbwf8jcthoyb7 img,
#zbdazqzowxf1xsaz609t img,
#wa41qyl11wvy30vstmax img,
#jhphvm4fjeyuyt08m23k img {
  position: relative;
}

/* リンク共通 */
#amyfq7nrseva41yu1635 a,
#v3tlf6cntc8sl95av1sa a,
#xvyg8hyt6xdocwdszolb a,
#vuen0zbvm6seqcai0m7s a,
#bkzk2t9jlxi8sph7mdou a,
#ulubw2ls8q8lbxtuw41m a,
#txbat0z58ndfyhq0gag0 a,
#pkuqb15jp0m2tbzkhjki a,
#rqiu6e9xjzft7a58c3w8 a,
#s28ovqcfetufwpesfic7 a,
#q10hdvtxnc5m3aeekm0z a,
#vj9zhxd4km1crew3o498 a,
#iqaofkqdqipjsqn9l55h a,
#yr8uv1r41qm3ntf89dm2 a,
#kr5syd9jbwf8jcthoyb7 a,
#zbdazqzowxf1xsaz609t a,
#wa41qyl11wvy30vstmax a,
#jhphvm4fjeyuyt08m23k a {
  display: block;
  position: relative;
}
#amyfq7nrseva41yu1635 a:hover img,
#v3tlf6cntc8sl95av1sa a:hover img,
#xvyg8hyt6xdocwdszolb a:hover img,
#vuen0zbvm6seqcai0m7s a:hover img,
#bkzk2t9jlxi8sph7mdou a:hover img,
#ulubw2ls8q8lbxtuw41m a:hover img,
#txbat0z58ndfyhq0gag0 a:hover img,
#pkuqb15jp0m2tbzkhjki a:hover img,
#rqiu6e9xjzft7a58c3w8 a:hover img,
#s28ovqcfetufwpesfic7 a:hover img,
#q10hdvtxnc5m3aeekm0z a:hover img,
#vj9zhxd4km1crew3o498 a:hover img,
#iqaofkqdqipjsqn9l55h a:hover img,
#yr8uv1r41qm3ntf89dm2 a:hover img,
#kr5syd9jbwf8jcthoyb7 a:hover img,
#zbdazqzowxf1xsaz609t a:hover img,
#wa41qyl11wvy30vstmax a:hover img,
#jhphvm4fjeyuyt08m23k a:hover img {
  opacity: 1;
}

/* TOPICS */
#amyfq7nrseva41yu1635 {
  background: url(../files/bnrmany01_bg.png) no-repeat center top;
  box-sizing: border-box;
  height: 1105px;
  padding-top: 300px;
}
#amyfq7nrseva41yu1635 .easys_content_inner {
  width: 1120px;
}
#amyfq7nrseva41yu1635 [class*="field_"] {
  margin: 0;
  width: fit-content !important;
}
#amyfq7nrseva41yu1635 .eyecatch {
  width: 100% !important;
}
#amyfq7nrseva41yu1635 [class*="field_"]:nth-of-type(1) a::after {
  background-image: url(../files/bnrmany01_01_bg_on.jpg);
}
#amyfq7nrseva41yu1635 [class*="field_"]:nth-of-type(2) a::after {
  background-image: url(../files/bnrmany01_02_bg_on.jpg);
}
#amyfq7nrseva41yu1635 [class*="field_"]:nth-of-type(3) a::after {
  background-image: url(../files/bnrmany01_03_bg_on.jpg);
}
#amyfq7nrseva41yu1635 [class*="field_"]:nth-of-type(4) a::after {
  background-image: url(../files/bnrmany01_04_bg_on.jpg);
}
#amyfq7nrseva41yu1635 [class*="field_"]:nth-of-type(5) a::after {
  background-image: url(../files/bnrmany01_05_bg_on.jpg);
}

/* アール・エムの企業理念 */
#v3tlf6cntc8sl95av1sa {
  background: url(../files/bnrmany02_bg.jpg) no-repeat center top;
  box-sizing: border-box;
  height: 870px;
  padding-top: 360px;
}
#v3tlf6cntc8sl95av1sa .easys_content_inner {
  width: 1110px;
}
#v3tlf6cntc8sl95av1sa [class*="field_"] {
  background-color: #fff;
  margin: 0;
  width: fit-content !important;
}
#v3tlf6cntc8sl95av1sa [class*="field_"].float_left {
  margin-right: 30px;
}
#v3tlf6cntc8sl95av1sa .eyecatch {
  width: 100% !important;
}
#v3tlf6cntc8sl95av1sa a::before {
  background-color: #1c56df;
}
#v3tlf6cntc8sl95av1sa [class*="field_"]:nth-of-type(1) a::after {
  background-image: url(../files/bnrmany02_mission_on.png);
}
#v3tlf6cntc8sl95av1sa [class*="field_"]:nth-of-type(2) a::after {
  background-image: url(../files/bnrmany02_vision_on.png);
}
#v3tlf6cntc8sl95av1sa [class*="field_"]:nth-of-type(3) a::after {
  background-image: url(../files/bnrmany02_value_on.png);
}

/* 採用情報 */
:root {
  --bnrRecruit_h: 1000;
}
#xvyg8hyt6xdocwdszolb .easys_content_inner {
  padding: calc(var(--bnrRecruit_h) / var(--easys_max_width) * 100%) 0 0;
  width: 100%;
}
#xvyg8hyt6xdocwdszolb .img_display {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#xvyg8hyt6xdocwdszolb [class*="field_"] {
  position: absolute;
  width: calc(450 / var(--easys_max_width)* 100%);
  height: calc(100 / var(--bnrRecruit_h)* 100%);
  top: calc(800 / var(--bnrRecruit_h)* 100%);
  left: calc(365 / var(--easys_max_width)* 100%);
}
#xvyg8hyt6xdocwdszolb [class*="field_"] .eyecatch,
#xvyg8hyt6xdocwdszolb [class*="field_"] .eyecatch a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#xvyg8hyt6xdocwdszolb [class*="field_"] .eyecatch a::after {
  background-image: url(../files/bnr_recruit_btn_on.png);
}
#xvyg8hyt6xdocwdszolb .design_block {
  background-size: 100%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#xvyg8hyt6xdocwdszolb .design_block.block1 {
  background-image: url(../files/bnr_recruit_bg.jpg);
  transition: var(--custom_transition);
}
#xvyg8hyt6xdocwdszolb.active .design_block.block1 {
  transform: scale(1.1);
}
#xvyg8hyt6xdocwdszolb .design_block.block2 {
  background-image: url(../files/bnr_recruit_cover.png);
}

/* 部署紹介＞ページ内リンク */
#vuen0zbvm6seqcai0m7s {
  background: 
  url(../files/design_bg.png) no-repeat center top,
  url(../files/design03_bg_repeat.jpg) repeat-y center top;
  height: 1600px;
}
#vuen0zbvm6seqcai0m7s .easys_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--easys_max_width) * 1px);
}
#vuen0zbvm6seqcai0m7s [class*="field_"] {
  margin: 0;
  width: fit-content !important;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#vuen0zbvm6seqcai0m7s .eyecatch > a {
  pointer-events: none
}
#vuen0zbvm6seqcai0m7s a img {
  width: auto;
  transition: var(--custom_transition);
  pointer-events: none
}
#vuen0zbvm6seqcai0m7s .link_hover {
  height: 72px;
  width: 300px;
  position: absolute;
  top: 500px;
  left: 300px;
  transform: translateX(-50%);
  /* background-color: rgba(0,0,0,0.3); */
}
#vuen0zbvm6seqcai0m7s .link_hover a {
  display: block;
  height: 100%;
  width: 100%;
}
#vuen0zbvm6seqcai0m7s .link_hover.link1 {
  top: 520px;
  left: 615px;
  width: 350px;
  height: 110px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link2,
#vuen0zbvm6seqcai0m7s .link_hover.link3,
#vuen0zbvm6seqcai0m7s .link_hover.link4,
#vuen0zbvm6seqcai0m7s .link_hover.link5,
#vuen0zbvm6seqcai0m7s .link_hover.link6,
#vuen0zbvm6seqcai0m7s .link_hover.link7 {
  left: 640px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link2 { top: 680px;}
#vuen0zbvm6seqcai0m7s .link_hover.link3 { top: 760px;}
#vuen0zbvm6seqcai0m7s .link_hover.link4 { top: 840px;}
#vuen0zbvm6seqcai0m7s .link_hover.link5 { top: 918px;}
#vuen0zbvm6seqcai0m7s .link_hover.link6 { top: 998px;}
#vuen0zbvm6seqcai0m7s .link_hover.link7 { top: 1078px;}
#vuen0zbvm6seqcai0m7s .link_hover.link8 {
  top: 520px;
  left: 999px;
  width: 350px;
  height: 110px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link9,
#vuen0zbvm6seqcai0m7s .link_hover.link10,
#vuen0zbvm6seqcai0m7s .link_hover.link11,
#vuen0zbvm6seqcai0m7s .link_hover.link12 {
  left: 1024px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link9  { top: 680px;}
#vuen0zbvm6seqcai0m7s .link_hover.link10 { top: 760px;}
#vuen0zbvm6seqcai0m7s .link_hover.link11 { top: 840px;}
#vuen0zbvm6seqcai0m7s .link_hover.link12 { top: 918px;}
#vuen0zbvm6seqcai0m7s .link_hover.link13 {
  top: 520px;
  left: 1386px;
  width: 350px;
  height: 110px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link14,
#vuen0zbvm6seqcai0m7s .link_hover.link15,
#vuen0zbvm6seqcai0m7s .link_hover.link16,
#vuen0zbvm6seqcai0m7s .link_hover.link17,
#vuen0zbvm6seqcai0m7s .link_hover.link18,
#vuen0zbvm6seqcai0m7s .link_hover.link19,
#vuen0zbvm6seqcai0m7s .link_hover.link20,
#vuen0zbvm6seqcai0m7s .link_hover.link21,
#vuen0zbvm6seqcai0m7s .link_hover.link22 {
  left: 1409px;
}
#vuen0zbvm6seqcai0m7s .link_hover.link14 { top: 680px;}
#vuen0zbvm6seqcai0m7s .link_hover.link15 { top: 760px;}
#vuen0zbvm6seqcai0m7s .link_hover.link16 { top: 840px;}
#vuen0zbvm6seqcai0m7s .link_hover.link17 { top: 918px;}
#vuen0zbvm6seqcai0m7s .link_hover.link18 { top: 998px;}
#vuen0zbvm6seqcai0m7s .link_hover.link19 { top: 1078px;}
#vuen0zbvm6seqcai0m7s .link_hover.link20 { top: 1158px;}
#vuen0zbvm6seqcai0m7s .link_hover.link21 { top: 1237px;}
#vuen0zbvm6seqcai0m7s .link_hover.link22 { top: 1317px;}

/* EC/不動産/予約（※easys） */
#bkzk2t9jlxi8sph7mdou {
  background: url(../files/bnrmany03_bg.jpg) no-repeat center top;
  box-sizing: border-box;
  height: 890px;
  padding-top: 145px;
}
#bkzk2t9jlxi8sph7mdou .easys_content_inner {
  width: 1120px;
}
#bkzk2t9jlxi8sph7mdou [class*="field_"] {
  margin: 0;
  width: fit-content !important;
}
#bkzk2t9jlxi8sph7mdou [class*="field_"].float_left {
  margin-right: 34px;
}
#bkzk2t9jlxi8sph7mdou .eyecatch {
  width: 100% !important;
}
#bkzk2t9jlxi8sph7mdou a::before,
#bkzk2t9jlxi8sph7mdou a::after {
  content: "";
  width : 100px;
  height: 100px;
  box-sizing: border-box;
  border-radius: 100vmax;
  position: absolute;
  top: 400px;
  left: 0;
  right: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center center;
  transition: var(--custom_transition);
  z-index: 10;
}
#bkzk2t9jlxi8sph7mdou a::before {
  border: 1px solid #fff;
}
#bkzk2t9jlxi8sph7mdou a::after {
  background-color: #fff;
  opacity: 0;
}
#bkzk2t9jlxi8sph7mdou a:hover::after {
  opacity: 1;
}
#bkzk2t9jlxi8sph7mdou [class*="field_"] a::before {
  background-image: url(../files/bnrmany03_arrow.png);
}
#bkzk2t9jlxi8sph7mdou [class*="field_"]:nth-of-type(1) a::after {
  background-image: url(../files/bnrmany03_ec_arrow_on.png);
}
#bkzk2t9jlxi8sph7mdou [class*="field_"]:nth-of-type(2) a::after {
  background-image: url(../files/bnrmany03_websystem_arrow_on.png);
}
#bkzk2t9jlxi8sph7mdou [class*="field_"]:nth-of-type(3) a::after {
  background-image: url(../files/bnrmany03_reservation_arrow_on.png);
}

/* EC/不動産/予約（※optional） */
#ulubw2ls8q8lbxtuw41m .easys_content_inner {
  width: 1108px;
}
#ulubw2ls8q8lbxtuw41m [class*="field_"] {
  margin: 0;
  width: fit-content !important;
}
#ulubw2ls8q8lbxtuw41m [class*="field_"].float_left {
  margin-right: 29px;
}
#ulubw2ls8q8lbxtuw41m .eyecatch {
  width: 100% !important;
}
#ulubw2ls8q8lbxtuw41m [class*="field_"]:nth-of-type(1) a::after {
  background-image: url(../files/bnrmany04_ec_on.png);
}
#ulubw2ls8q8lbxtuw41m [class*="field_"]:nth-of-type(2) a::after {
  background-image: url(../files/bnrmany04_websystem_on.png);
}
#ulubw2ls8q8lbxtuw41m [class*="field_"]:nth-of-type(3) a::after {
  background-image: url(../files/bnrmany04_reservation_on.png);
}

/* 制作実績一覧 */
#txbat0z58ndfyhq0gag0 {
  height: 1000px;
}
#txbat0z58ndfyhq0gag0 .eyecatch {
  background-color: #fff;
  border-radius: 100vmax;
  margin: 525px 0 0;
  overflow: hidden;
}
#txbat0z58ndfyhq0gag0 a::before {
  background-color: #f99636;
}
#txbat0z58ndfyhq0gag0 a::after {
  background-image: url(../files/bnr_works_btn_on.png);
}
#txbat0z58ndfyhq0gag0 .design_block {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#txbat0z58ndfyhq0gag0 .design_block.block1 {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}
#txbat0z58ndfyhq0gag0 .design_block.block1::before {
  content: "";
  width: 400%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../files/bnr_works_bg.jpg) repeat-x left top / auto 100%;
  animation: anime-bg 40s linear 0s infinite;
  z-index: -1;
}
@keyframes anime-bg {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-25%);}
}
#txbat0z58ndfyhq0gag0 .design_block.block2 {
  background-image: url(../files/bnr_works_bg_cover.png);
}

/* お問い合わせ */
#pkuqb15jp0m2tbzkhjki {
  height: 700px;
}
#pkuqb15jp0m2tbzkhjki .easys_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--easys_max_width) * 1px);
}
#pkuqb15jp0m2tbzkhjki [class*="field_"] {
  margin: 0;
  width: fit-content !important;
}
#pkuqb15jp0m2tbzkhjki .eyecatch {
  margin: 325px 0 0 1040px;
  background-color: #fff;
  border-radius: 15px;
  overflow: hidden;
}
#pkuqb15jp0m2tbzkhjki a::before {
  background-color: #1c56df;
}
#pkuqb15jp0m2tbzkhjki a::after {
  background-image: url(../files/bnr_contact_btn_on.png);
}
#pkuqb15jp0m2tbzkhjki > .design_block {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}
#pkuqb15jp0m2tbzkhjki > .design_block.block1::before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../files/bnr_contact_bg.jpg) no-repeat center center / cover;
  z-index: -1;
}
#pkuqb15jp0m2tbzkhjki > .design_block.block2 {
  background-image: url(../files/bnr_contact_bg_cover.png);
}

/* LINE */
#rqiu6e9xjzft7a58c3w8 .easys_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--easys_max_width) * 1px);
}
#rqiu6e9xjzft7a58c3w8 a::after {
  background-image: url(../files/bnr_line_bg_on.jpg);
}

/* 会社概要/企業理念/採用情報 */
#s28ovqcfetufwpesfic7 .easys_content_inner {
  width: 1108px;
}
#s28ovqcfetufwpesfic7 [class*="field_"] {
  margin: 0;
  width: fit-content !important;
  background-color: #fff;
}
#s28ovqcfetufwpesfic7 [class*="field_"].float_left {
  margin-right: 29px;
}
#s28ovqcfetufwpesfic7 .eyecatch {
  width: 100% !important;
}
#s28ovqcfetufwpesfic7 [class*="field_"] a::before {
  background-color: #1c56df;
}
#s28ovqcfetufwpesfic7 [class*="field_"]:nth-of-type(1) a::after {
  background-image: url(../files/bnrmany05_company_on.png);
}
#s28ovqcfetufwpesfic7 [class*="field_"]:nth-of-type(2) a::after {
  background-image: url(../files/bnrmany_05_vision_on.png);
}
#s28ovqcfetufwpesfic7 [class*="field_"]:nth-of-type(3) a::after {
  background-image: url(../files/bnrmany05_recruit_on.png);
}

/* メイン下動画 */
#q10hdvtxnc5m3aeekm0z .easys_content_inner {
  width: 100%;
  top: 0;
  position: relative;
}
#q10hdvtxnc5m3aeekm0z .easys_content_inner::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../files/bnr_movie_cover.png) no-repeat center center / 100%;
  pointer-events: none;
}
#q10hdvtxnc5m3aeekm0z #html_video01 {
  -webkit-clip-path: inset(1px 0 10px 0);
  clip-path:         inset(1px 0 10px 0);
}

/* パララ共通 */
#vj9zhxd4km1crew3o498 .easys_content_inner,
#iqaofkqdqipjsqn9l55h .easys_content_inner {
  width: 100%;
  overflow: hidden;
}
#vj9zhxd4km1crew3o498 [class*="field_"]:nth-of-type(1),
#iqaofkqdqipjsqn9l55h [class*="field_"]:nth-of-type(1) {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
  z-index: 0;
}
#vj9zhxd4km1crew3o498 [class*="field_"]:nth-of-type(1) img,
#iqaofkqdqipjsqn9l55h [class*="field_"]:nth-of-type(1) img {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 0;
}
#vj9zhxd4km1crew3o498 [class*="field_"]:nth-of-type(2),
#iqaofkqdqipjsqn9l55h [class*="field_"]:nth-of-type(2) {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--easys_max_width) * 1px);
  z-index: 1;
}

/* 画像＞イメージ */
#vj9zhxd4km1crew3o498 {
  height: 800px;
}

/* 画像＞イメージ02 */
#iqaofkqdqipjsqn9l55h {}

/* コンテンツ画像共通 */
#yr8uv1r41qm3ntf89dm2 .easys_content_inner,
#kr5syd9jbwf8jcthoyb7 .easys_content_inner,
#zbdazqzowxf1xsaz609t .easys_content_inner,
#wa41qyl11wvy30vstmax .easys_content_inner,
#jhphvm4fjeyuyt08m23k .easys_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
}
#yr8uv1r41qm3ntf89dm2 [class*="field_"],
#kr5syd9jbwf8jcthoyb7 [class*="field_"],
#zbdazqzowxf1xsaz609t [class*="field_"],
#wa41qyl11wvy30vstmax [class*="field_"],
#jhphvm4fjeyuyt08m23k [class*="field_"] {
  margin: 0;
  width: fit-content !important;
}
#yr8uv1r41qm3ntf89dm2 .eyecatch,
#kr5syd9jbwf8jcthoyb7 .eyecatch,
#zbdazqzowxf1xsaz609t .eyecatch,
#wa41qyl11wvy30vstmax .eyecatch,
#jhphvm4fjeyuyt08m23k .eyecatch {
  width: 100% !important;
}
#yr8uv1r41qm3ntf89dm2 img,
#kr5syd9jbwf8jcthoyb7 img,
#zbdazqzowxf1xsaz609t img,
#wa41qyl11wvy30vstmax img,
#jhphvm4fjeyuyt08m23k img {
  width: auto;
}

/* 画像＞RM VALUE */
#yr8uv1r41qm3ntf89dm2 {}

/* 画像＞変革 */
#kr5syd9jbwf8jcthoyb7 .easys_content_inner {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path:         inset(0 100% 0 0);
  transition: 1.3s;
}
#kr5syd9jbwf8jcthoyb7 .easys_content_inner.moved {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}

/* 画像＞会社沿革 */
#zbdazqzowxf1xsaz609t {}

/* 画像＞商標 */
#wa41qyl11wvy30vstmax {}

/* 画像＞制作の流れ */
#jhphvm4fjeyuyt08m23k {}


/*  デザインブロック
---------------------------------------------------------------------------------------------------- */
/* 共通レイアウト（記事ブロック） */
#ll88oo4lrvqne1cl6ajc,
#v75ck3whvepo04zu1fji,
#dh6p081hjlokxpf9mmsj,
#ztmxef0mgkhixck1d00i,
#tc6sy34o7gb5yzqouc7m,
#n7du6g3l7df8e2iy9qfa,
#k3eut6ijfjhl0n3dhbic,
#zgfoh4r3yi4dkjar88u7,
#ql0wuzqte5s7u7yz8c05,
#b2sdx07lshstt3kvqeku,
#kt6hb38bf8yei5uzqk0a,
#iyueutygwigr3xyi9osq,
#i5f4rxsfs4p0csazxtwf,
#xz8k51dvdchyddszht8i,
#ttvjwvwzeu7c4dwcncl5,
#p680lw37q45bao9e2s5o {
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: var(--custom_padding);
  position: relative;
}
#ll88oo4lrvqne1cl6ajc .easys_content_inner,
#v75ck3whvepo04zu1fji .easys_content_inner,
#dh6p081hjlokxpf9mmsj .easys_content_inner,
#ztmxef0mgkhixck1d00i .easys_content_inner,
#tc6sy34o7gb5yzqouc7m .easys_content_inner,
#n7du6g3l7df8e2iy9qfa .easys_content_inner,
#k3eut6ijfjhl0n3dhbic .easys_content_inner,
#zgfoh4r3yi4dkjar88u7 .easys_content_inner,
#ql0wuzqte5s7u7yz8c05 .easys_content_inner,
#b2sdx07lshstt3kvqeku .easys_content_inner,
#kt6hb38bf8yei5uzqk0a .easys_content_inner,
#iyueutygwigr3xyi9osq .easys_content_inner,
#i5f4rxsfs4p0csazxtwf .easys_content_inner,
#xz8k51dvdchyddszht8i .easys_content_inner,
#ttvjwvwzeu7c4dwcncl5 .easys_content_inner,
#p680lw37q45bao9e2s5o .easys_content_inner {
  opacity: 1;
  top: 0px;
}
#ll88oo4lrvqne1cl6ajc .post_margin,
#v75ck3whvepo04zu1fji .post_margin,
#dh6p081hjlokxpf9mmsj .post_margin,
#ztmxef0mgkhixck1d00i .post_margin,
#tc6sy34o7gb5yzqouc7m .post_margin,
#n7du6g3l7df8e2iy9qfa .post_margin,
#k3eut6ijfjhl0n3dhbic .post_margin,
#zgfoh4r3yi4dkjar88u7 .post_margin,
#ql0wuzqte5s7u7yz8c05 .post_margin,
#b2sdx07lshstt3kvqeku .post_margin,
#kt6hb38bf8yei5uzqk0a .post_margin,
#iyueutygwigr3xyi9osq .post_margin,
#i5f4rxsfs4p0csazxtwf .post_margin,
#xz8k51dvdchyddszht8i .post_margin,
#ttvjwvwzeu7c4dwcncl5 .post_margin,
#p680lw37q45bao9e2s5o .post_margin {
  margin: 0;
}
#ll88oo4lrvqne1cl6ajc .entry_post,
#v75ck3whvepo04zu1fji .entry_post,
#dh6p081hjlokxpf9mmsj .entry_post,
#ztmxef0mgkhixck1d00i .entry_post,
#tc6sy34o7gb5yzqouc7m .entry_post,
#n7du6g3l7df8e2iy9qfa .entry_post,
#k3eut6ijfjhl0n3dhbic .entry_post,
#zgfoh4r3yi4dkjar88u7 .entry_post,
#ql0wuzqte5s7u7yz8c05 .entry_post,
#b2sdx07lshstt3kvqeku .entry_post,
#kt6hb38bf8yei5uzqk0a .entry_post,
#iyueutygwigr3xyi9osq .entry_post,
#i5f4rxsfs4p0csazxtwf .entry_post,
#xz8k51dvdchyddszht8i .entry_post,
#ttvjwvwzeu7c4dwcncl5 .entry_post,
#p680lw37q45bao9e2s5o .entry_post {
  box-sizing: border-box;
}
#ll88oo4lrvqne1cl6ajc .entry_post > [class*="title"],
#v75ck3whvepo04zu1fji .entry_post > [class*="title"],
#dh6p081hjlokxpf9mmsj .entry_post > [class*="title"],
#ztmxef0mgkhixck1d00i .entry_post > [class*="title"],
#tc6sy34o7gb5yzqouc7m .entry_post > [class*="title"],
#n7du6g3l7df8e2iy9qfa .entry_post > [class*="title"],
#k3eut6ijfjhl0n3dhbic .entry_post > [class*="title"],
#zgfoh4r3yi4dkjar88u7 .entry_post > [class*="title"],
#ql0wuzqte5s7u7yz8c05 .entry_post > [class*="title"],
#b2sdx07lshstt3kvqeku .entry_post > [class*="title"],
#kt6hb38bf8yei5uzqk0a .entry_post > [class*="title"],
#iyueutygwigr3xyi9osq .headline_index_box > [class*="title"],
#i5f4rxsfs4p0csazxtwf .headline_index_box > [class*="title"],
#xz8k51dvdchyddszht8i .entry_post > [class*="title"],
#ttvjwvwzeu7c4dwcncl5 .headline_index_box > [class*="title"],
#p680lw37q45bao9e2s5o .entry_post > [class*="title"] {
  display: none;
}
#ll88oo4lrvqne1cl6ajc .text_box,
#v75ck3whvepo04zu1fji .text_box,
#dh6p081hjlokxpf9mmsj .text_box,
#ztmxef0mgkhixck1d00i .text_box,
#tc6sy34o7gb5yzqouc7m .text_box,
#n7du6g3l7df8e2iy9qfa .text_box,
#k3eut6ijfjhl0n3dhbic .text_box,
#zgfoh4r3yi4dkjar88u7 .text_box,
#ql0wuzqte5s7u7yz8c05 .text_box,
#b2sdx07lshstt3kvqeku .text_box,
#kt6hb38bf8yei5uzqk0a .text_box,
#iyueutygwigr3xyi9osq .text_box,
#i5f4rxsfs4p0csazxtwf .text_box,
#xz8k51dvdchyddszht8i .text_box,
#ttvjwvwzeu7c4dwcncl5 .text_box,
#p680lw37q45bao9e2s5o .text_box {
  box-sizing: border-box;
  float: none !important;
  height: auto;
  overflow: visible;
  width: 100%;
  /* margin: 0; */
  margin: calc(var(--custom_fade) * 1px) 0 0;
  opacity: 0;
  transition: all 1.3s ease 0s;
}
#ll88oo4lrvqne1cl6ajc .text_box.moved,
#v75ck3whvepo04zu1fji .text_box.moved,
#dh6p081hjlokxpf9mmsj .text_box.moved,
#ztmxef0mgkhixck1d00i .text_box.moved,
#tc6sy34o7gb5yzqouc7m .text_box.moved,
#n7du6g3l7df8e2iy9qfa .text_box.moved,
#k3eut6ijfjhl0n3dhbic .text_box.moved,
#zgfoh4r3yi4dkjar88u7 .text_box.moved,
#ql0wuzqte5s7u7yz8c05 .text_box.moved,
#b2sdx07lshstt3kvqeku .text_box.moved,
#kt6hb38bf8yei5uzqk0a .text_box.moved,
#iyueutygwigr3xyi9osq .text_box.moved,
#i5f4rxsfs4p0csazxtwf .text_box.moved,
#xz8k51dvdchyddszht8i .text_box.moved,
#ttvjwvwzeu7c4dwcncl5 .text_box.moved,
#p680lw37q45bao9e2s5o .text_box.moved {
  margin-top: 0px;
  opacity: 1;
}
#ll88oo4lrvqne1cl6ajc .post_data,
#v75ck3whvepo04zu1fji .post_data,
#dh6p081hjlokxpf9mmsj .post_data,
#ztmxef0mgkhixck1d00i .post_data,
#tc6sy34o7gb5yzqouc7m .post_data,
#n7du6g3l7df8e2iy9qfa .post_data,
#k3eut6ijfjhl0n3dhbic .post_data,
#zgfoh4r3yi4dkjar88u7 .post_data,
#ql0wuzqte5s7u7yz8c05 .post_data,
#b2sdx07lshstt3kvqeku .post_data,
#kt6hb38bf8yei5uzqk0a .post_data,
#iyueutygwigr3xyi9osq .post_data,
#i5f4rxsfs4p0csazxtwf .post_data,
#xz8k51dvdchyddszht8i .post_data,
#ttvjwvwzeu7c4dwcncl5 .post_data,
#p680lw37q45bao9e2s5o .post_data {
  display: block;
  float: none !important;
  margin: 0;
  overflow: visible;
}
#ll88oo4lrvqne1cl6ajc .design_block[class*="block"].moved,
#v75ck3whvepo04zu1fji .design_block[class*="block"].moved,
#dh6p081hjlokxpf9mmsj .design_block[class*="block"].moved,
#ztmxef0mgkhixck1d00i .design_block[class*="block"].moved,
#tc6sy34o7gb5yzqouc7m .design_block[class*="block"].moved,
#n7du6g3l7df8e2iy9qfa .design_block[class*="block"].moved,
#k3eut6ijfjhl0n3dhbic .design_block[class*="block"].moved,
#zgfoh4r3yi4dkjar88u7 .design_block[class*="block"].moved,
#ql0wuzqte5s7u7yz8c05 .design_block[class*="block"].moved,
#b2sdx07lshstt3kvqeku .design_block[class*="block"].moved,
#kt6hb38bf8yei5uzqk0a .design_block[class*="block"].moved,
#iyueutygwigr3xyi9osq .design_block[class*="block"].moved,
#i5f4rxsfs4p0csazxtwf .design_block[class*="block"].moved,
#xz8k51dvdchyddszht8i .design_block[class*="block"].moved,
#ttvjwvwzeu7c4dwcncl5 .design_block[class*="block"].moved,
#p680lw37q45bao9e2s5o .design_block[class*="block"].moved {
  margin: 0px;
  transform: none;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}

/* 共通ボタン-ブロック内リンク */
/* ※遷移先でのボタン非表示処理はfooter_common.jsで行っています※ */
#m1mxo1ih7bdq3pgeokie [class*="_btn"],
#xz8k51dvdchyddszht8i [class*="_btn"],
#ll88oo4lrvqne1cl6ajc [class*="_btn"] {
  margin: 50px 0 0;
  padding: 0;
  width: 240px;
  height: 90px;
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a,
#xz8k51dvdchyddszht8i [class*="_btn"] a,
#ll88oo4lrvqne1cl6ajc [class*="_btn"] a {
  background: url(../files/design01_btn_x_off.jpg) no-repeat center top;
  font-size: 0;
  display: block;
  padding: 0;
  position: relative;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a::after,
#xz8k51dvdchyddszht8i [class*="_btn"] a::after,
#ll88oo4lrvqne1cl6ajc [class*="_btn"] a::after {
  background-image: url(../files/design01_btn_x_on.jpg);
}

/* 現場業界を盛り上げたいッ */
#ll88oo4lrvqne1cl6ajc {
  background-image: url(../files/design01_bg.png);
  height: 1210px;
}
#ll88oo4lrvqne1cl6ajc .entry_post {
  padding: 420px 0 0 450px;
}
#ll88oo4lrvqne1cl6ajc .text_box {
  padding-left: 10px;
}
#ll88oo4lrvqne1cl6ajc .sub_post {
  margin-top: 15px;
  margin-left: 15px;
  width: 240px;
}
#ll88oo4lrvqne1cl6ajc [class*="_btn"] {
  margin-top: 0;
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_1 [class*="_btn"] a {
  background-image: url(../files/design01_btn_insta_off.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_1 [class*="_btn"] a::after {
  background-image: url(../files/design01_btn_insta_on.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_2 [class*="_btn"] a {
  background-image: url(../files/design01_btn_youtube_off.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_2 [class*="_btn"] a::after {
  background-image: url(../files/design01_btn_youtube_on.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_3 [class*="_btn"] a {
  background-image: url(../files/design01_btn_tiktok_off.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_3 [class*="_btn"] a::after {
  background-image: url(../files/design01_btn_tiktok_on.jpg);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_4 {
  margin-top: 70px;
  margin-left: -390px;
  width: 1010px;
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_4 [class*="_btn"] {
  width: 100%;
  height: 220px;
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_4 [class*="_btn"] a {
  background-image: url(../files/design01_btn_gaten_off.png);
}
#ll88oo4lrvqne1cl6ajc .sub_post.sub_post_4 [class*="_btn"] a::after {
  background-image: url(../files/design01_btn_gaten_on.png);
}
#ll88oo4lrvqne1cl6ajc > .design_block.block1 {
  background-image: url(../files/design01_bg_cover.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 10;
  pointer-events: none;
}
#ll88oo4lrvqne1cl6ajc > .design_block.block2 {
  width: 100%;
  height: 60px;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
}
#ll88oo4lrvqne1cl6ajc > .design_block.block2::before {
  content: "";
  width: calc(1380 * 4px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: anime-bg 40s linear 0s infinite;
  background: url(../files/design01_img1.png) repeat-x left top / auto 100%;
}
#ll88oo4lrvqne1cl6ajc > .design_block.block3 {
  background-image: url(../files/design01_img2.png);
  width: 640px;
  height: 210px;
  top: 165px;
  left: calc(50% - 20px);
  opacity: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path:         inset(0 100% 0 0);
}

/* 代表挨拶 */
#v75ck3whvepo04zu1fji {
  background-image: url(../files/design02_bg.jpg);
  height: 1040px;
}
#v75ck3whvepo04zu1fji .entry_post {
  padding: 590px 400px 0 70px;
}
#v75ck3whvepo04zu1fji .text_box {
  padding: 0 0 50px 0;
  background: url(../files/design02_img5.png) no-repeat left bottom;
}
#v75ck3whvepo04zu1fji > .design_block.block1 {
  background-image: url(../files/design02_img1.png);
  width: 230px;
  height: 230px;
  top: 333px;
  left: calc(50% - 357px);
  transform: scale(0.1);
}
#v75ck3whvepo04zu1fji > .design_block.block2 {
  background-image: url(../files/design02_img2.png);
  width: 140px;
  height: 130px;
  top: 383px;
  left: calc(50% - 317px);
  margin-left: calc(var(--custom_fade) * -1px);
  transition-delay: 1s;
}
#v75ck3whvepo04zu1fji > .design_block.block3 {
  background-image: url(../files/design02_bg_cover.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#v75ck3whvepo04zu1fji > .design_block.block4 {
  background-image: url(../files/design02_img3.png);
  width: 160px;
  height: 200px;
  top: 375px;
  left: calc(50% + 387px);
  margin-top: calc(var(--custom_fade) * -1px);
}
#v75ck3whvepo04zu1fji > .design_block.block5 {
  background-image: url(../files/design02_img4.png);
  width: 380px;
  height: 453px;
  top: 528px;
  left: calc(50% + 107px);
  margin-top: calc(var(--custom_fade) * 1px);
}

/* RM MISSIN　会社の意義、果たすべき使命や貢献 */
#dh6p081hjlokxpf9mmsj {
  background-image: url(../files/design03_bg.jpg);
  height: 1020px;
}
#dh6p081hjlokxpf9mmsj .entry_post {
  padding: 870px 0 0 580px;
}
#dh6p081hjlokxpf9mmsj > .design_block.block1 {
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
}
#dh6p081hjlokxpf9mmsj > .design_block.block1::before {
  content: "";
  width: calc(2070 * 4px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: anime-bg 40s linear 0s infinite;
  background: url(../files/design03_mov_txt.jpg) repeat-x left top / auto 100%;
}

/* RM VISION　会社が目指している将来像 */
#ztmxef0mgkhixck1d00i {
  background-image: url(../files/design04_bg.jpg);
  height: 730px;
}
#ztmxef0mgkhixck1d00i .entry_post {
  padding: 610px 60px 0;
}
#ztmxef0mgkhixck1d00i > .design_block.block1 {
  background-image: url(../files/design04_img.png);
  width: 225px;
  height: 225px;
  top: -90px;
  left: calc(50% - 210px);
  opacity: 1;
  z-index: 10;
}

/* RM VALUE　会社が大切にしている考え方、価値観 */
#tc6sy34o7gb5yzqouc7m {
  background-image: url(../files/design05_bg.jpg);
  height: 1370px;
}
#tc6sy34o7gb5yzqouc7m .entry_post {
  padding: 715px 0 0 400px;
}
#tc6sy34o7gb5yzqouc7m .sub_post {
  margin-top: 0;
  height: 98px;
}
#tc6sy34o7gb5yzqouc7m .sub_post .sub_post_texts {
  height: 100%;
}
#tc6sy34o7gb5yzqouc7m .sub_post .post_data {
  padding-top: 24px;
}
#tc6sy34o7gb5yzqouc7m .sub_post .post_data
#tc6sy34o7gb5yzqouc7m .sub_post .post_data p {
  margin-bottom: 0;
}
#tc6sy34o7gb5yzqouc7m .sub_post.sub_post_0 {
  height: 103px;
}
#tc6sy34o7gb5yzqouc7m .sub_post.sub_post_0 .post_data {
  padding-top: 0;
}
#tc6sy34o7gb5yzqouc7m > .design_block.block1 {
  background-image: url(../files/design05_img.png);
  width: 200px;
  height: 200px;
  top: 220px;
  left: calc(50% + 430px);
  opacity: 1;
  z-index: 10;
}

/* 最適な独自システムの開発 */
#n7du6g3l7df8e2iy9qfa {
  background-image: url(../files/design07_bg.jpg);
  height: 1480px;
}
#n7du6g3l7df8e2iy9qfa .entry_post {
  padding: 810px 430px 0 0;
}
#n7du6g3l7df8e2iy9qfa > .design_block.block1 {
  background-image: url(../files/design07_img3.png);
  background-position: center 180px;
  width: 650px;
  height: 180px;
  top: 287px;
  left: calc(50% - 325px);
  opacity: 1;
}
#n7du6g3l7df8e2iy9qfa > .design_block.block1.moved {
  background-position-y: top;
}
#n7du6g3l7df8e2iy9qfa > .design_block.block2 {
  background-image: url(../files/design07_img1.png);
  width: 380px;
  height: 450px;
  top: 75px;
  left: calc(50% - 712px);
  margin-left: calc(var(--custom_fade) * -1px);
}
#n7du6g3l7df8e2iy9qfa > .design_block.block3 {
  background-image: url(../files/design07_img2.png);
  width: 400px;
  height: 350px;
  top: 177px;
  left: calc(50% + 280px);
  margin-left: calc(var(--custom_fade) * 1px);
}
#n7du6g3l7df8e2iy9qfa > .design_block.block4 {
  /* ※footer_pc.jsで文字追加済 */
  display: block;
  position: absolute;
  top: 550px;
  left: calc(50% - 300px);
  padding: 0 0px;
  width: 12em;
  height: 1em;
  transform-origin: top center;
  font-size: 47px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  width: 0;
}
#n7du6g3l7df8e2iy9qfa > .design_block.block4::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 2px;
  height:   1em;
  background: #000 none;
  animation: typingEffect .5s step-end infinite alternate;
}
#n7du6g3l7df8e2iy9qfa > .design_block.block4.moved {
  animation: typing 1.3s steps(12) forwards;
}
@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 12em;
  }
}
@keyframes typingEffect {
  50% {
    opacity: 0;
  }
}


/* オリジナルWEB更新システム EASYS */
#k3eut6ijfjhl0n3dhbic {
  background-image: url(../files/design08_bg.jpg);
  box-sizing: border-box;
  height: 2230px;
  padding-top: 170px;
}
#k3eut6ijfjhl0n3dhbic .easys_content_inner {
  width: 1040px;
}
#k3eut6ijfjhl0n3dhbic .sub_post {
  box-sizing: border-box;
  float: left;
  margin-top: 62px;
  padding: 320px 40px 0;
  width: 500px;
  height: 550px;
}
#k3eut6ijfjhl0n3dhbic .sub_post:nth-of-type(odd) {
  float: right;
}
#k3eut6ijfjhl0n3dhbic .sub_post p {
  line-height: 2;
  letter-spacing: -1px;
}
#k3eut6ijfjhl0n3dhbic .sub_post > [class*="title"] {
  display: none;
}

/* Webサイトを適切にかつ簡単に運用できるアプリの販売 */
#zgfoh4r3yi4dkjar88u7 {
  background-image: url(../files/design09_bg.jpg);
  height: 1230px;
  overflow: hidden;
}
#zgfoh4r3yi4dkjar88u7 > .easys_content_inner {
  height: 668px;
}
#zgfoh4r3yi4dkjar88u7 .entry_post {
  padding: 320px 513px 0 0;
}
#zgfoh4r3yi4dkjar88u7 > .design_block.block1 {
  background-image: url(../files/design09_img.png);
  width : 890px;
  height: 890px;
  top: -300px;
  left: calc(50% + 65px);
  opacity: 1;
  -webkit-animation: anime-rotate 120s linear 0s infinite;
  animation        : anime-rotate 120s linear 0s infinite;
}
@keyframes anime-rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

/* 合体デザブロ */
.group_block > .easys_content {
  height: 1000px;
}
.group_block > .easys_content > .design_block {
  opacity: 0;
}
.group_block > .easys_content.current > .design_block.block1 {
  opacity: 1;
}
#ql0wuzqte5s7u7yz8c05 .post_data,
#b2sdx07lshstt3kvqeku .post_data,
#kt6hb38bf8yei5uzqk0a .post_data {
  color: #fff;
}
#ql0wuzqte5s7u7yz8c05 > .design_block.block1,
#b2sdx07lshstt3kvqeku > .design_block.block1,
#kt6hb38bf8yei5uzqk0a > .design_block.block1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
#ql0wuzqte5s7u7yz8c05 > .design_block.block2,
#b2sdx07lshstt3kvqeku > .design_block.block2,
#kt6hb38bf8yei5uzqk0a > .design_block.block2 {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}

/* 魅力を伝えるためのコンセプト */
#ql0wuzqte5s7u7yz8c05 .entry_post {
  padding: 390px 410px 0 0;
}
#ql0wuzqte5s7u7yz8c05 .design_block.block1 {
  background-image: url(../files/design11_bg.jpg);
}
#ql0wuzqte5s7u7yz8c05 .design_block.block2 {
  background-image: url(../files/design11_bg_cover.png);
}

/* ユーザーと運営者の目的達成を促すユーザビリティ */
#b2sdx07lshstt3kvqeku .entry_post {
  padding: 440px 0 0 410px;
}
#b2sdx07lshstt3kvqeku .design_block.block1 {
  background-image: url(../files/design12_bg.jpg);
}
#b2sdx07lshstt3kvqeku .design_block.block2 {
  background-image: url(../files/design12_bg_cover.png);
}

/* メッセージを正しく伝えるビジュアルデザイン */
#kt6hb38bf8yei5uzqk0a .entry_post {
  padding: 440px 410px 0 0;
}
#kt6hb38bf8yei5uzqk0a .design_block.block1 {
  background-image: url(../files/design13_bg.jpg);
}
#kt6hb38bf8yei5uzqk0a .design_block.block2 {
  background-image: url(../files/design13_bg_cover.png);
}

/* WEBサイトの運用に必要なあらゆるサポートをお任せください */
#iyueutygwigr3xyi9osq {
  height: 800px;
}
#iyueutygwigr3xyi9osq .entry_post {
  padding: 510px 10px 0;
}
#iyueutygwigr3xyi9osq .post_data {
  text-align: center;
}
#iyueutygwigr3xyi9osq > .design_block.block1 {
  width: 100%;
  height: 110px;
  top: 445px;
  left: 0;
  opacity: 1;
  overflow: hidden;
}
#iyueutygwigr3xyi9osq > .design_block.block1::before {
  content: "";
  width: calc(1310 * 4px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: anime-bg 40s linear 0s infinite;
  background: url(../files/design15_img2.png) repeat-x left top / auto 100%;
}
#iyueutygwigr3xyi9osq > .design_block.block2 {
  background-image: url(../files/design15_bg.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
#iyueutygwigr3xyi9osq > .design_block.block3 {
  background-image: url(../files/design15_img1.png);
  background-position: center 130px;
  width: 680px;
  height: 130px;
  top: 130px;
  left: calc(50% - 340px);
  opacity: 1;
}
#iyueutygwigr3xyi9osq > .design_block.block3.moved {
  background-position-y: top;
}

/* サポート内容一覧 */
#i5f4rxsfs4p0csazxtwf {
  background-image: url(../files/design16_bg.jpg);
  height: 1730px;
}
#i5f4rxsfs4p0csazxtwf .entry_post {
  padding: 570px 0 0 520px;
}

/* その他の更新やご不明点もお気軽にお問い合わせください！ （※support） */
#xz8k51dvdchyddszht8i {
  background-image: url(../files/design17_bg.jpg);
  height: 930px;
}
#xz8k51dvdchyddszht8i .entry_post {
  padding: 110px 0 0 0;
}
#xz8k51dvdchyddszht8i .text_box {
  box-sizing: border-box;
  height: 330px;
  padding-bottom: 210px;
}
#xz8k51dvdchyddszht8i .post_data {
  text-align: center;
}
#xz8k51dvdchyddszht8i .sub_post {
  margin-top: 0;
  margin-left: 535px;
}
#xz8k51dvdchyddszht8i [class*="_btn"] {
  background-color: #fff;
  margin-top: 20px;
  width: 380px;
  height: 80px;
}
#xz8k51dvdchyddszht8i [class*="_btn"] a::before {
  background-color: #1c56df;
}
#xz8k51dvdchyddszht8i .sub_post_0 [class*="_btn"] a {
  background-image: url(../files/design17_btn_contact_off.png);
}
#xz8k51dvdchyddszht8i .sub_post_0 [class*="_btn"] a::after {
  background-image: url(../files/design17_btn_contact_on.png);
}
#xz8k51dvdchyddszht8i .sub_post_1 [class*="_btn"] a {
  background-image: url(../files/design17_btn_blogagency_off.png);
}
#xz8k51dvdchyddszht8i .sub_post_1 [class*="_btn"] a::after {
  background-image: url(../files/design17_btn_blogagency_on.png);
}

/* 02.　PC操作 充実の遠隔サポート */
#ttvjwvwzeu7c4dwcncl5 {
  background-image: url(../files/design19_bg.jpg);
  height: 1279px;
}
#ttvjwvwzeu7c4dwcncl5 .entry_post {
  padding: 305px 510px 0 30px;
}

/* 社長ブログ */
#p680lw37q45bao9e2s5o {
  background-image: url(../files/design18_bg.jpg);
  height: 900px;
}
#p680lw37q45bao9e2s5o .entry_post {
  padding: 495px 460px 0 60px;
}
#p680lw37q45bao9e2s5o > .design_block.block1 {
  background-image: url(../files/design18_img.png);
  width: 350px;
  height: 300px;
  bottom: 0;
  opacity: 1;
}
#p680lw37q45bao9e2s5o > .design_block.block1.moved {
  animation: anime-Out 1.3s ease 0s forwards;
}
@keyframes anime-Out {
  to { transform: translateX(100vw); }
}


/*  デザインブロック＞簡易
---------------------------------------------------------------------------------------------------- */
#b37sq8kei2oxatn4fa76 .entry_post > [class*="title"],
#x0cqtyzktnt9yw3z93gc .headline_index_box > [class*="title"],
#tax7p201h7gh4b6up8yp .headline_index_box > [class*="title"],
#uwicfkn5kjv8rmuyy65a .headline_index_box > [class*="title"] {
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
  height: 70px;
  line-height: 70px;
  font-size: 34px;
  line-height: 1.5em;
  padding: 0;
  text-align: left;
  width: 960px;
}

/* 会社概要 */
#b37sq8kei2oxatn4fa76 .easys_content_inner {
  width: 1130px;
}
#b37sq8kei2oxatn4fa76 .entry_post > [class*="title"] {
  background-image: url(../files/ttl_company.png);
  height     : 240px;
  line-height: 240px;
  width: 100%;
}
#b37sq8kei2oxatn4fa76 .table_area {
  background-color: #eee;
  box-sizing: border-box;
  padding: 70px 90px;
}
#b37sq8kei2oxatn4fa76 .table_area table {
  border-collapse: separate;
  border-spacing : 0 10px !important;
}
#b37sq8kei2oxatn4fa76 .table_area tr > * {
  border: none !important;
  background-color: #fff;
}

/* オプショナルシステム＞ECサイト */
#x0cqtyzktnt9yw3z93gc .headline_index_box > [class*="title"] {
  background-image: url(../files/ttl_ec.png);
}

/* オプショナルシステム＞不動産 */
#tax7p201h7gh4b6up8yp .headline_index_box > [class*="title"] {
  background-image: url(../files/ttl_reservation.png);
}

/* オプショナルシステム＞予約 */
#uwicfkn5kjv8rmuyy65a .headline_index_box > [class*="title"] {
  background-image: url(../files/ttl_websystem.png);
}

/* お客様の声＞動画 顧客訪問シリーズ */
#d3nool3n39nbmypxxrz9 {
  background: 
  url(../files/design14_bg_top.png) no-repeat center top,
  url(../files/design14_bg.jpg) repeat center top;
  position: relative;
  padding: 470px 0 170px;
}


/*  デザインブロック＞ブログ
---------------------------------------------------------------------------------------------------- */
/* 社長ブログ */
/* y9j6wby7p457ko59naxc */
#m1mxo1ih7bdq3pgeokie {
  background: 
  url(../files/presidetblog_bg_cover.png) no-repeat center top,
  url(../files/presidetblog_bg.jpg) repeat center top;
  position: relative;
  padding: 130px 0;
}
#m1mxo1ih7bdq3pgeokie .easys_content_inner {
  padding-left: 260px;
  width: 700px;
}
#m1mxo1ih7bdq3pgeokie .post_data {
  width: 530px;
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] {
  width : 190px;
  height: 190px;
  position: absolute;
  top: 300px;
  left: calc(50% - 480px);
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a {
  background-image: url(../files/presidetblog_btn_arrow.png);
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a::before,
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
  -webkit-animation: anime-rotate 100s linear 0s infinite;
  animation        : anime-rotate 100s linear 0s infinite;
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a::before {
  background-image: url(../files/presidetblog_btn_off.png);
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a::after {
  background-image: url(../files/presidetblog_btn_on.png);
  transition: var(--custom_transition);
  opacity: 0;
}
#m1mxo1ih7bdq3pgeokie [class*="_btn"] a:hover::after {
  opacity: 1;
}


/*  デザインブロック＞その他記事ブロック外
---------------------------------------------------------------------------------------------------- */
#i075n0ores4n4bnrcxj2,
#zr0xuh970mfx08vejema,
#p9uam634qq2pey180vbw,
#fbzsdp36m0aczo79v1do {
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: var(--custom_padding);
  position: relative;
}
#i075n0ores4n4bnrcxj2 .post_margin,
#zr0xuh970mfx08vejema .post_margin,
#p9uam634qq2pey180vbw .post_margin,
#fbzsdp36m0aczo79v1do .post_margin {
  margin: 0;
}
#i075n0ores4n4bnrcxj2 .entry_post,
#zr0xuh970mfx08vejema .entry_post,
#p9uam634qq2pey180vbw .entry_post,
#fbzsdp36m0aczo79v1do .entry_post {
  box-sizing: border-box;
}
#i075n0ores4n4bnrcxj2 .text_box,
#zr0xuh970mfx08vejema .text_box,
#p9uam634qq2pey180vbw .text_box,
#fbzsdp36m0aczo79v1do .text_box {
  float: none !important;
  height: auto;
  overflow: visible;
  width: 100%;
  margin: 0;
}
#i075n0ores4n4bnrcxj2 .post_data,
#zr0xuh970mfx08vejema .post_data,
#p9uam634qq2pey180vbw .post_data,
#fbzsdp36m0aczo79v1do .post_data {
  display: block;
  float: none !important;
  margin: 0;
  overflow: visible;
}
#i075n0ores4n4bnrcxj2 .design_block[class*="block"].moved,
#zr0xuh970mfx08vejema .design_block[class*="block"].moved,
#p9uam634qq2pey180vbw .design_block[class*="block"].moved,
#fbzsdp36m0aczo79v1do .design_block[class*="block"].moved {
  margin: 0px;
  transform: none;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path:         inset(0 0 0 0);
}

/* INFOMATION */
#i075n0ores4n4bnrcxj2 {
  background: 
  url(../files/ttl_information.png) no-repeat center top,
  url(../files/information_bg.png) repeat-y center top;
  padding-top: 385px;
  padding-bottom: var(--custom_padding);
}
#i075n0ores4n4bnrcxj2 .entry_post > [class*="title"] {
  display: none;
}
#i075n0ores4n4bnrcxj2 div {
  margin-bottom: 0;
}
/* ＞カレンダー */
#i075n0ores4n4bnrcxj2 .post-html {
  display: flex;
  justify-content: space-between;
  font-size: 2.0em;
  width: 80%;
  margin: auto;
  font-family: Host Grotesk, sans-serif;
  font-weight: 700;
}
#i075n0ores4n4bnrcxj2 .cal_header {
  text-align: center;
  margin-bottom: 10px;
}
#i075n0ores4n4bnrcxj2 .table_cal th,
#i075n0ores4n4bnrcxj2 .table_cal td {
  padding: 5px;
  text-align: center;
  position: relative;
  font-size: 90%;
}
.easys_content#i075n0ores4n4bnrcxj2 table:not(#wp-calendar) tr > * {
  min-width: 22px;
  background-color: transparent;
  white-space: nowrap;
}
.easys_content#i075n0ores4n4bnrcxj2 table:not(#wp-calendar) {
  border-spacing: 0px !important;
  border-collapse: collapse;
}
#i075n0ores4n4bnrcxj2 thead {
  border-bottom: 1px solid #ddd;
}
#i075n0ores4n4bnrcxj2 thead th {
  color: #aab8c4 !important;
}
#i075n0ores4n4bnrcxj2 .closed {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #d4dadb;
  padding: 5px;
  box-sizing: border-box;
}

/* お知らせ */
#zr0xuh970mfx08vejema {
  background: url(../files/information_bg.png) repeat-y center top;
  padding-top: var(--custom_padding);
  padding-bottom: 200px;
}
#zr0xuh970mfx08vejema .list_block > [class*="title"] {
  background: url(../files/ttl_information-02.png) no-repeat center top;
  text-indent: 99999px;
  padding: 0;
  width: 100%;
  height: 70px;
}
#zr0xuh970mfx08vejema .list_box {
  position: relative;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 0;
}
#zr0xuh970mfx08vejema .btn_toggle {
  bottom: inherit;
  top: 20px;
  background-color: #1c56df;
}
#zr0xuh970mfx08vejema .btn_toggle::before,
#zr0xuh970mfx08vejema .btn_toggle::after {
  background-color: #fff;
}
#zr0xuh970mfx08vejema .date_area {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-self: flex-start;
  font-weight: 700;
  padding-left: 20px;
  width: 100%;
  height: 85px;
}
#zr0xuh970mfx08vejema .list_box.active .date_area {
  border-bottom: 1px solid #000;
}
#zr0xuh970mfx08vejema .news_small_text {
  overflow: hidden;
  height: 0;
  transform: translateY(-20px);
  transition: .2s;
  padding-left: 20px;
  padding-right: 20px;
}
#zr0xuh970mfx08vejema .list_box.active .news_small_text {
  height: auto;
  padding-top: 15px;
  padding-bottom: 20px;
  transform: translateY(0px);
}

/* OFFICE */
#p9uam634qq2pey180vbw {
  background: #1c56df url(../files/office_ttl.png) no-repeat center top;
  padding: 180px 0;
}
#p9uam634qq2pey180vbw .entry_post > [class*="title"] {
  display: none;
}
#p9uam634qq2pey180vbw .sub_post {
  margin-top: 80px;
  margin-left: 10px;
  padding-top: 195px;
  position: relative;
  width: 310px;
}
#p9uam634qq2pey180vbw .sub_post > [class*="title"],
#p9uam634qq2pey180vbw .sub_post > .sub_post_texts,
#p9uam634qq2pey180vbw .sub_post > .img_size_small {
  width: 100%;
}
#p9uam634qq2pey180vbw .sub_post > [class*="title"] {
  background: none;
  box-sizing: border-box;
  margin-bottom: 10px;
  text-align: left;
  padding-left: 0;
}
#p9uam634qq2pey180vbw .sub_post > [class*="title"],
#p9uam634qq2pey180vbw .sub_post > .sub_post_texts {
  color: #fff;
}
#p9uam634qq2pey180vbw .sub_post > .sub_post_texts p {
  line-height: 2;
}
#p9uam634qq2pey180vbw .sub_post .img_box {
  position: absolute;
  top: 0;
  left: 0;
  height: 180px;
}
#p9uam634qq2pey180vbw > .design_block.block1 {
  width: 100%;
  height: 600px;
  bottom: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
}
#p9uam634qq2pey180vbw > .design_block.block1::before {
  content: "";
  width: calc(2000 * 4px);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  animation: anime-bg 40s linear 0s infinite;
  background: url(../files/office_bg.png) repeat-x left top / auto 100%;
}

/* 画像＞私たちの考えるWEBデザイン */
#fbzsdp36m0aczo79v1do .easys_content_inner {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(var(--easys_max_width) * 1px);
}
#fbzsdp36m0aczo79v1do > .design_block.block1 {
  background-image: url(../files/design10_img1.png);
  background-position: center 373px;
  width: 1820px;
  height: 373px;
  top: 197px;
  left: calc(50% - 910px);
  opacity: 1;
}
#fbzsdp36m0aczo79v1do > .design_block.block1.moved {
  background-position-y: top;
}
#fbzsdp36m0aczo79v1do > .design_block.block2 {
  background-image: url(../files/design10_img2.png);
  width: 300px;
  height: 301px;
  top: 85px;
  left: calc(50% + 266px);
  opacity: 1;
  -webkit-animation: anime-rotate 20s linear 0s infinite;
  animation        : anime-rotate 20s linear 0s infinite;
}
#fbzsdp36m0aczo79v1do > .design_block.block3 {
  background-image: url(../files/design10_img3.png);
  width: 301px;
  height: 428px;
  top: 210px;
  left: calc(50% + 397px);
  margin-left: calc(var(--custom_fade) * 1px);
}
#fbzsdp36m0aczo79v1do > .design_block.block4 {
  background-image: url(../files/design10_bg_cover.png);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}

/*  デザインブロック＞よくあるご質問
---------------------------------------------------------------------------------------------------- */
#jkf06nd4mlp0wzh750ph {
  margin-top: 60px;
}
/* 検索ボックス */
#faq_search_box {
  position: relative;
  z-index: 5;
  overflow: hidden;
  box-sizing: border-box;
  padding-right: 115px;
  width: 100%;
  height: 50px;
  border: 2px solid #4788ee;
  border-radius: 4px;
}
#faq_search_box>div>input {
  clear: both;
  box-sizing: border-box;
  padding: 3px 8px;
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #ffffff;
  box-shadow: none;
  font-size: 18px;
}
#faq_search_box>button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px 0 6px 54px;
  width: 115px;
  height: 46px;
  border: 0;
  background: #4788ee;
  color: #ffffff;
  text-align: left;
  font-size: 18px;
  cursor: pointer;
}
#faq_search_box>button:hover {
  opacity: 0.8;
}
#faq_search_box>button::before {
  position: absolute;
  top: 16px;
  left: 30px;
  display: block;
  overflow: hidden;
  width: 14px;
  height: 15px;
  background-image: url(../files/icon-faq-search-01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  text-indent: -9999px;
}
/* 入力エラー */
#faq_search_box_error {
  display: none;
  padding: 5px;
  color: red;
  font-size: 14px;
}
/* 検索件数 */
#faq_search_box_result>p {
  margin: 48px 0;
  text-align: center;
  font-size: 18px;
}
#faq_search_box_result>p>span {
  vertical-align: baseline;
  font-weight: bold;
  font-size: 24px;
}
/* 検索結果 */
#faq_search_box_result>ul>li:first-child {
  border-top: none;
}
#faq_search_box_result>ul>li {
  border-top: 1px solid #d8dadc;
}
#faq_search_box_result>ul>li>a {
  display: block;
}
#faq_search_box_result>ul>li:first-child>a>dl {
  padding-top: 0;
}
#faq_search_box_result>ul>li>a>dl {
  padding: 40px 0;
}
#faq_search_box_result>ul>li>a>dl>dt {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 38px;
  min-height: 28px;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
}
#faq_search_box_result>ul>li>a>dl>dt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 28px;
  height: 28px;
  background-image: url(../files/icon-q-01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  text-indent: -9999px;
}
#faq_search_box_result>ul>li>a>dl>dd {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 0 0 0 38px;
  min-height: 28px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 28px;
}
#faq_search_box_result>ul>li>a>dl>dd::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 28px;
  height: 28px;
  background-image: url(../files/icon-a-01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  text-indent: -9999px;
}
/* もっと見る */
#faq_search_box_result>div {
  margin-top: 40px;
  text-align: center;
}
#faq_search_box_result>div>a {
  display: inline-block;
  box-sizing: border-box;
  padding: 15px;
  min-width: 270px;
  border: 1px solid #c1c6cc;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
}
#faq_search_box_result>div>a:hover {
  opacity: 0.8;
}

/*  カスタマイズ：「よくあるご質問＞よく検索されるワード」
---------------------------------------------------------------------------------------------------- */
/* 検索ボックス */
#faq_search_ranking>ul {
  text-align: center;
}
#faq_search_ranking>ul>li {
  display: inline-block;
  margin: 20px 14px 0 0;
}
#faq_search_ranking>ul>li>a {
  display: inline-block;
  font-weight: bold;
  font-size: 22px;
}
#faq_search_ranking>ul>li::after {
  display: inline-block;
  margin-left: 14px;
  width: 1px;
  height: 22px;
  background-color: #727272;
  content: "";
}

/*  カスタマイズ：「よくあるご質問＞お問い合わせの多いご質問」
---------------------------------------------------------------------------------------------------- */
#faq_many_inquiry>ul>li {
  position: relative;
  border-top: 1px solid #d8dadc;
}
#faq_many_inquiry>ul>li>a {
  display: block;
  box-sizing: border-box;
  padding: 25px 0;
}
#faq_many_inquiry>ul>li>a>p {
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding-left: 80px;
  color: #006699;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
#faq_many_inquiry>ul>li>a>p>span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  display: block;
  margin: auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #aaaaaa;
  color: #ffffff;
  content: "";
  text-align: center;
  font-size: 12px;
}
#faq_many_inquiry>ul>li:nth-child(1)>a>p>span,
#faq_many_inquiry>ul>li:nth-child(2)>a>p>span,
#faq_many_inquiry>ul>li:nth-child(3)>a>p>span {
  overflow: hidden;
  border-radius: 0;
  background-color: transparent;
  background-position: center top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#faq_many_inquiry>ul>li:nth-child(1)>a>p>span {
  background-image: url(../files/icon-frequent-01.png);
}
#faq_many_inquiry>ul>li:nth-child(2)>a>p>span {
  background-image: url(../files/icon-frequent-02.png);
}
#faq_many_inquiry>ul>li:nth-child(3)>a>p>span {
  background-image: url(../files/icon-frequent-03.png);
}

/*  カスタマイズ：「よくあるご質問＞目的から探す」
---------------------------------------------------------------------------------------------------- */
/* 目的一覧 */
#faq_purpose_search>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#faq_purpose_search>ul>li {
  box-sizing: border-box;
  padding: 30px 0;
  width: 48%;
  border-bottom: 1px solid #d8dadc;
}
#faq_purpose_search>ul>li:nth-child(1),
#faq_purpose_search>ul>li:nth-child(2) {
  border-top: 1px solid #d8dadc;
}
#faq_purpose_search>ul>li>a {
  position: relative;
  display: block;
  overflow: hidden;
  padding-left: 40px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}
#faq_purpose_search>ul>li>a:not(:first-of-type) {
  margin-top: 5px;
}
#faq_purpose_search>ul>li>a:first-of-type::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: block;
  margin: auto;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #262626;
  content: "";
}
#faq_purpose_search>ul>li>a:first-of-type::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: block;
  margin: auto;
  width: 4px;
  height: 4px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  content: "";
  transform: rotate(45deg);
}
/* 検索件数 */
#faq_purpose_search_result>p {
  margin: 48px 0;
  text-align: center;
  font-size: 18px;
}
#faq_purpose_search_result>p>span {
  vertical-align: baseline;
  font-weight: bold;
  font-size: 24px;
}
/* 検索結果 */
#faq_purpose_search_result>ul>li:first-child {
  border-top: none;
}
#faq_purpose_search_result>ul>li {
  border-top: 1px solid #d8dadc;
}
#faq_purpose_search_result>ul>li>a {
  display: block;
}
#faq_purpose_search_result>ul>li:first-child>a>dl {
  padding-top: 0;
}
#faq_purpose_search_result>ul>li>a>dl {
  padding: 40px 0;
}
#faq_purpose_search_result>ul>li>a>dl>dt {
  position: relative;
  box-sizing: border-box;
  padding: 0 0 0 38px;
  min-height: 28px;
  font-weight: bold;
  font-size: 18px;
  line-height: 28px;
}
#faq_purpose_search_result>ul>li>a>dl>dt::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 28px;
  height: 28px;
  background-image: url(../files/icon-q-01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  text-indent: -9999px;
}
#faq_purpose_search_result>ul>li>a>dl>dd {
  position: relative;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 0 0 0 38px;
  min-height: 28px;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 28px;
}
#faq_purpose_search_result>ul>li>a>dl>dd::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 28px;
  height: 28px;
  background-image: url(../files/icon-a-01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  content: "";
  text-indent: -9999px;
}
/* もっと見る */
#faq_purpose_search_result>div {
  margin-top: 40px;
  text-align: center;
}
#faq_purpose_search_result>div>a {
  display: inline-block;
  box-sizing: border-box;
  padding: 15px;
  min-width: 270px;
  border: 1px solid #c1c6cc;
  border-radius: 4px;
  font-weight: bold;
  font-size: 16px;
}
#faq_purpose_search_result>div>a:hover {
  opacity: 0.8;
}

/*  カスタマイズ：「よくあるご質問＞このページは役に立ちましたか？」
---------------------------------------------------------------------------------------------------- */
/* ボタン */
#dtsh81kmahltzyeaveb5 {
  display: none;
}
#faq_form>p {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}
#faq_form>ul {
  margin-top: 38px;
  text-align: center;
}
#faq_form>ul>li {
  display: inline-block;
  margin: 0 15px;
}
#faq_form>ul>li>a {
  display: inline-block;
  box-sizing: border-box;
  min-width: 270px;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
}
#faq_form>ul>li:nth-of-type(1)>a {
  padding: 14px 27px 11px 27px;
  border: none;
  background-color: #4788ee;
  color: #ffffff;
}
#faq_form>ul>li:nth-of-type(1)>a:hover {
  background-color: #6197d6;
  text-decoration: none;
}
#faq_form>ul>li:nth-of-type(2)>a {
  padding: 13px 17px 10px 17px;
  border: 1px solid #c1c6cc;
  background-color: #ffffff;
  color: #006699;
}
#faq_form>ul>li:nth-of-type(2)>a:hover {
  padding: 12px 16px 9px 16px;
  border: 2px solid #6197d6;
  text-decoration: none;
}


/*  デザインブロック＞お客様の声
---------------------------------------------------------------------------------------------------- */
.voice_category {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.voice_category_item {
  color: #fff;
  padding: 6px 15px;
  text-align: center;
  display: flex;
  background: #0065b3;
}
.voice_category_item.tool {
  margin-left: 10px;
  background: #01ddf3;
}
.voice_title {
  padding-top: 50px;
}
.voice_title > .entry-title {
  background: none transparent;
  color: #000;
  padding-left: 0;
  width: 100%;
}
.voice_site {
  display: flex;
  padding: 50px 0;
}
.voice_site_info {
  margin-left: 81px;
  display: flex;
  align-items: baseline;
  flex-direction: column;
  justify-content: center;
}
.voice_site_title {
  font-weight: bold;
  margin-bottom: 20px;
}
.voice_wrap pre {
  overflow: inherit;
  white-space: pre-wrap;
  font-size: 15px;
}
.voice.entry-content {
  position: relative;
}

#toy0hr4doldcpmw6ej0m .blog_post {
  border: none;
}
#toy0hr4doldcpmw6ej0m .google_title {
  display: none;
}
#toy0hr4doldcpmw6ej0m .voice_site_summary pre {
  line-height: 1.5rem;
}
#toy0hr4doldcpmw6ej0m .blog_title,
#toy0hr4doldcpmw6ej0m .addtoany_share_save_container {
  display: none;
}
#toy0hr4doldcpmw6ej0m .btn_toggle {
  bottom: inherit;
  top: 20px;
  background-color: #1c56df;
}
#toy0hr4doldcpmw6ej0m .btn_toggle::before,
#toy0hr4doldcpmw6ej0m .btn_toggle::after {
  background-color: #fff;
}
.voice_siteinfo,
.voice_faq {
  position: relative;
  border: 1px solid #000;
  box-sizing: border-box;
  padding: 0;
  margin-top: 20px;
}
.voice_site_info,
.voice_faq pre,
.voice_faq p {
  font-size: 15px;
  line-height: 2;
  white-space: normal;
}
.voice_siteinfo_title,
.voice_faq_question {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-self: flex-start;
  font-weight: 700;
  padding-left: 20px;
  width: 100%;
  height: 85px;
  font-size: 15px;
  position: relative;
}
.voice_faq_question::before {
  content: "Q.";
  margin-right: 10px;
}
.voice_siteinfo_table,
.voice_faq_answer {
  overflow: hidden;
  height: 0;
  transform: translateY(-20px);
  transition: .2s;
  padding-left: 20px;
  padding-right: 20px;
}
.voice_siteinfo_table,
.voice_faq_answer p {
  font-size: 15px;
  line-height: 2;
}
.voice_siteinfo.active .voice_siteinfo_title,
.voice_faq.active .voice_faq_question {
  border-bottom: 1px solid #000;
}
.voice_siteinfo.active .voice_siteinfo_table,
.voice_faq.active .voice_faq_answer {
  height: auto;
  padding-top: 30px;
  padding-bottom: 20px;
  transform: translateY(0px);
}
.voice_faq_answer {
  padding-left: 150px;
}
.voice_faq_answer pre {
  position: relative;
  line-height: 26px;
  white-space: pre-wrap; /* 自動で改行 */
  word-wrap: break-word; /* 長い単語も折り返す */
  width: 770px; /* 幅を指定 */
  font-size: 13px;
  margin-bottom: 15px;
}
.voice_faq_answer pre::before {
  content: "お客様";
  width: 65px;
  height: auto;
  position: absolute;
  top: 0;
  left: -110px;
  background: #000;
  color: #fff;
  padding: 6px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}
.voice_faq_answer pre:nth-of-type(even):before {
  content: "RM";
  background: #0066b3;
}
.voice_siteinfo_table {
  border-spacing: 0 10px !important;
  border-collapse: separate;
  display: block;
  table-layout: fixed;
}
.voice_siteinfo_table tr > * {
  padding: 10px 20px;
  background-color: #f0f0f0;
  text-align: left;
}
.voice_siteinfo_table tr > th {
  width: 300px;
}
.voice_siteinfo_table tr > td {
  width: 900px;
}


/*  デザインブロック＞制作実績
---------------------------------------------------------------------------------------------------- */
#page_1008 #content {
  padding-top: var(--custom_padding);
  padding-bottom: var(--custom_padding);
}
#xhg69xwbtqdw8hah2j80 .a2a_kit>a {
  display: none;
}
#xhg69xwbtqdw8hah2j80 .easys_content_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1100px;
}
#xhg69xwbtqdw8hah2j80 .eyecatch {
  display: none;
}
/* 一覧 */
#xhg69xwbtqdw8hah2j80 .blog_post {
  width: calc(50% - 30px);
  border: none;
}
#xhg69xwbtqdw8hah2j80 .blog_title {
  height: 50px;
  background-image: url(../files/entry_title_bg_w570.png);
  background-position: center bottom;
  line-height: 50px;
  font-size: 20px;
  text-align: center;
  border-left: solid 3px #0f598a;
  border-right: solid 3px #0f598a;
}
#xhg69xwbtqdw8hah2j80 .blog_title a {
  color: #333333;
}
.works_wrap_url {
  font-size: 15px;
  margin-bottom: 30px;
}
.works_wrap_url a {
  color: #000;
}
.works_wrap_image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 10px;
}
.works_wrap_image_pc,
.works_wrap_image_sp {
  position: relative;
  overflow: hidden;
  height: 230px;
}
.works_wrap_image_pc {
  width: 340px;
}
.works_wrap_image_sp {
  width: 90px;
}
.works_wrap_image_pc::after,
.works_wrap_image_sp::after {
  content: "";
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
}
.works_wrap_image_pc::after {
  background-image: url(/files/08_block01_bg_01.png);
}
.works_wrap_image_sp::after {
  background-image: url(/files/08_block01_bg_02.png);
}
.works_wrap_image_pc_frame,
.works_wrap_image_sp_frame {
  display: block;
  overflow: auto;
}
.works_wrap_image_pc_frame img,
.works_wrap_image_sp_frame img {
  width: 100%;
}
.works_wrap_image_pc_frame {
  width: 259px;
  height: 155px;
  margin: 10px 0 0 39px;
}
.works_wrap_image_sp_frame {
  width: 75px;
  height: 132px;
  margin: 30px 0 0 8px;
}


/*  デザインブロック＞部署紹介
---------------------------------------------------------------------------------------------------- */
/* 全体 */
#page_15 #outer_block {
  background: url(../files/design03_bg_repeat.jpg) repeat center top;
}

/* 詳細 */
.shosai .img_size_small {
  width: auto;
}
.shosai_block_bg .border_margin {
  padding: 0;
}
.shosai_block_bg div:last-of-type[class*="border_margin"] {
  padding-bottom: 50px;
}
.shosai #page_15 {
  background: #fff09f;
}
.shosai #page_15 .shosai_block_bg {
  padding-top: 50px;
  padding-bottom: 70px;
}
.shosai #page_15 #container_top.single_post {
  padding-bottom: 70px;
}

/* 詳細＞h10ブロック */
.shosai .nh_01 .text_box,
.shosai .nh_01 .text_size_large {
  width: 100%;
}
.shosai .nh_01 .entry_title {
  background-image: url(../files/entry_title_bg.png) !important;
}

/* 一覧 */
html:not(.shosai) #page_15 .nh_01 div {
  margin-bottom: 0;
}
html:not(.shosai) #page_15 .nh_01 .entry_post {
  position: relative;
}
html:not(.shosai) #page_15 .nh_01 .entry_post>[class*="title"] {
  display: none;
}
html:not(.shosai) #page_15 .nh_01 .eyecatch {
  width: 100%;
  height: auto;
}
html:not(.shosai) #page_15 .nh_01 .eyecatch a img {
  transition: all .3s;
}
html:not(.shosai) #page_15 .nh_01 .eyecatch a:hover img {
  opacity: 0.8;
}
html:not(.shosai) #page_15 .nh_01 .permalink_in {
  display: none;
}
html:not(.shosai) #page_15 [class*="nh_0"] .table_area {
  display: none;
}
html:not(.shosai) #page_15 [class*="nh_0"] .border_margin {
  border: none;
  margin-bottom: 0;
}

/* 一覧＞詳細リンクボタンなど */
html:not(.shosai) #page_15 [class*="nh_0"] .permalink_in {
  display: none;
}
.title_5517 a {
  font-size: 23px !important;
}
#page_15 .nh_02 .eyecatch a img {
  transition: all .3s;
}

/*Xアイコン*/
.nh_02 .post_data a img {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
}

/* 一覧＞見出し（大部署） */
html:not(.shosai) .nh_01 {
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 115px;
}
/* ＞WEBソリューション */
html:not(.shosai) #txgm9l2h70gmee7kgpua {
  background-image: url(../files/ttl_websolution.png);
}
/* ＞リレーション営業本部 */
html:not(.shosai) #hjuv8ubufvw43wlr1sw9 {
  background-image: url(../files/ttl_relationbusiness.png);
}
/* ＞管理本部など */
html:not(.shosai) #l5c4fu9aq6lldtlqm7b8 {
  background-image: url(../files/ttl_administrationdivision.png);
}

/* 一覧＞見出し（各部署） */
#page_15 .nk_01 [class*="title"] {
  background-repeat: no-repeat;
  background-position: left bottom;
  height     : 50px;
  line-height: 50px;
  position: relative;
  margin-bottom: 10px;
}
/* ＞WEBソリューション */
#d57k2t1ydlakzw4mo5ok [class*="title"],
#ekkt3efjcwrutgtywzx7 [class*="title"],
#f18pv81bx9yhb2hls2i4 [class*="title"],
#i0b0iqdhbkx8bv2cbd2l [class*="title"],
#vtevwlq6cou9edrbunzw [class*="title"],
#t9upuq10eel1j5us49qy [class*="title"] {
  background-image: url(../files/ttl_websolution_sub.png);
}
/* ＞リレーション営業本部 */
#hjuv8ubufvw43wlr1sw9 [class*="title"],
#zgrcughqr02gp1yb2b38 [class*="title"],
#wlzg128vrmmapdk0jyoy [class*="title"],
#ouy5ituo4zrfemtmw5tj [class*="title"],
#gh9azahyo4sbcrui4mkn [class*="title"] {
  background-image: url(../files/ttl_administrationdivision_sub.png);
}
/* 管理本部など */
#l5c4fu9aq6lldtlqm7b8 [class*="title"],
#p9jbb2y837f630yh7l62 [class*="title"],
#c0g724r9b1k26haalghp [class*="title"],
#a3uuwepi65by0ewjmr09 [class*="title"],
#dslztz3j7ynbn3i3q6o6 [class*="title"],
#dct8l4k89oyc1pj7lgrq [class*="title"],
#jui3n2tv08372qehttzr [class*="title"],
#f2pj8tsgi8zty04pk8oz [class*="title"],
#c323wzgzltpsd886i11t [class*="title"],
#hvpoubwbcp0j9xko89jr [class*="title"] {
  background-image: url(../files/ttl_administrationdivision_sub.png);
}

/* 一覧＞見出し（個人） */
#page_15 .nh_02 .inline_title {
  background: none transparent;
  height: 3em;
  margin-bottom: 10px;
}
#page_15 .nh_02 .inline_title {
  box-sizing: border-box;
  padding: 0;
  display: block;
  font-size: 20px;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_15 .nh_02 .inline_title a {
  text-align: right;
  height: 100%;
  width: 100%;
  vertical-align: sub;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page_15 .nh_02 .inline_title span {
  font-size: 14px;
  letter-spacing: -1px;
  margin-right: 10px;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
  float: left;
  height: 100%;
}
#page_15 .nh_02 .inline_title span br {
  display: block;
}

/* 一覧＞トグル開閉*/
#page_15 .easys_content .easys_content_inner {
  opacity: 1;
  top: 0px;
}
#page_15 .nk_01 {
  position: relative;
}
#page_15 .nk_01 .btn_toggle {
  border: 1px solid #000;
}
#page_15 .nk_01 .btn_toggle.active::after {
  top: calc(50% + 5px);
  opacity: 0;
}
#page_15 .nk_01 + .nh_02 {
  overflow: hidden;
  height: 0;
  transform: translateY(-20px);
  transition: .2s;
  padding-left: 20px;
  padding-right: 20px;
}
#page_15 .nk_01 + .nh_02.active {
  height: auto;
  padding-top: 10px;
  padding-bottom: 20px;
  transform: translateY(0px);
}


/*  その他＞遠隔サポート
---------------------------------------------------------------------------------------------------- */
/*チェックボックス：同意する
aizlibsx7ky3x42b7bis
--------------------------------------- */
#aizlibsx7ky3x42b7bis .easys_content_inner .entry_post > div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
#aizlibsx7ky3x42b7bis .easys_content_inner .entry_post > div input {
  margin: 5px 5px 0 0;
  width: 22px;
  height: 22px;
}
#aizlibsx7ky3x42b7bis .easys_content_inner .entry_post > div label {
  font-size: 22px;
  line-height: 22px;
}

/*ダウンロードボタン
zqg1p19lvgdsgyvu1y4g
--------------------------------------- */
#zqg1p19lvgdsgyvu1y4g .clear_float {
  display: none;
}
#zqg1p19lvgdsgyvu1y4g .easys_content_inner .img_display {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;
}
#zqg1p19lvgdsgyvu1y4g .easys_content_inner .img_display * {
  margin: 0;
  padding: 0;
  width: auto !important;
}
#zqg1p19lvgdsgyvu1y4g .easys_content_inner .img_display > div .eyecatch a {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0.2;
  pointer-events: none;
}
#zqg1p19lvgdsgyvu1y4g .easys_content_inner .img_display > div .eyecatch a.agreed {
  opacity: 1;
  pointer-events: auto;
}
#zqg1p19lvgdsgyvu1y4g .easys_content_inner .img_display > div:first-of-type .eyecatch a {
  height: 44px;
}

/* 沿革サポート ティーザー削除 */
#page_5940 #branding_box { padding: 0 !important;}
#page_5940 #main_teaser { height: 0 !important;}