@charset "utf-8";
/*
Theme Name: grits THEME
Author: grits
Version: 1.0.0
*/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
/******************************************************
リセット
******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: middle;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body {
  margin: 0;
	padding: 0;
	border: 0;
  color: #202020;
	font-size: 100%;
  font-weight: 500;
	font: inherit;
	vertical-align: middle;
  word-break : break-all;
}
html {
  font-size: 62.5%;
}
body {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  counter-reset: 0;
}
main {
  overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: 500;
  line-height: 1.5;
}
table, th, td {
  border-collapse: collapse;
  font-weight: 500;
}
dl, dt, dd {
  margin: 0;
  padding: 0;
}
p, ul, ol, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul, ol {
  font-size: 0;
  text-align: left;
}
li {
  font-size: 1.4rem;
}
img {
  max-width: 100%;
	height: auto;
  vertical-align: middle;
}
a {
  color: #202020;
  text-decoration: none;
  vertical-align: baseline;
  border:none;
  outline:none;
}
span {
  vertical-align: baseline;
}
*:focus {
  outline: none;
}
/******************************************************
animate.css カスタマイズ
******************************************************/
@keyframes fadeInUp30 {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp30 {
  animation-name: fadeInUp30;
  animation-duration: 1s;
}
/******************************************************
回り込み解除 ※解除したいclassを記述
******************************************************/
.clear:after,
.clearfix:after,
.inner:after,
.col:after,
.box:after {
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
/******************************************************
領域指定
******************************************************/
.pc, .tab, .sp {display:none!important;}
/* SP */
@media screen and (max-width: 1024px){
  .inner {
    margin: 0 1.5rem;
    position: relative;
  }
  .sp {
    display: block!important;
  }
}
/* PC */
@media screen and (min-width: 1025px){
  .inner {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5rem;
    position: relative;
    box-sizing: border-box;
  }
  .pc {
    display: block!important;
  }
}
/******************************************************
基本フォント
******************************************************/
/* 位置 */
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
/******************************************************
各種フォント
******************************************************/
.serif {
  font-family: "Hiragino Mincho Pro", "Hiragino Mincho ProN", "游明朝体", "Yu Mincho", YuMincho, "MS PMincho", "Times New Roman", serif;
}
.text-xlarge {font-size: 3.6rem;}
.text-large {font-size: 2.7rem;}
.color-red {color: #c00;}
/******************************************************
iPhoneリセット
******************************************************/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input[type=text], input[type=email], textarea, select {
  box-sizing: border-box;
  font-size: 1.6rem;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  outline: none;
  -webkit-appearance:none;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #dedede;
}
/******************************************************
パンくず
******************************************************/
#breadcrumb {
  padding: 2em 0;
}
#breadcrumb li {
  display: inline-block;
  color: #999;
  font-size: 1.2rem;
}
#breadcrumb li a {
  color: #202020;
}
#breadcrumb li a:hover {
  color: #999;
}
#breadcrumb li a.breadcrumb_home:before {
  content: "\f015";
  font-family: "FontAwesome";
  margin-right: 1em;
}
#breadcrumb li:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin: 0 1em;
}
#breadcrumb li:last-child:after {
  content: none;
  margin: 0;
}
/******************************************************
ページネーション
******************************************************/
#pagination {
  margin-top: 6rem;
}
@media screen and (max-width: 1024px) {
  #pagination {
    margin-top: 3rem;
  }
}
#pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#pagination li {
  font-size: 1.4rem;
  font-weight: 900;
}
#pagination li:last-child {
  margin-right: 0;
}
#pagination li a,
#pagination li span {
  display: block;
  margin: 0 1em;
  color: #a0a0a0;
  box-sizing: border-box;
  transition: all 0.3s ease 0s;  
}
#pagination li a:hover {
  color: #202020;
}
#pagination li span.current {
  color: #202020;  
}
#pagination li span.dots {
  color: #202020;
}
#pagination li a.prev,
#pagination li a.next {
  border: none;
}
#pagination li a.prev:hover,
#pagination li a.next:hover {
  color: #202020;
}

/******************************************************
ヘッダー
******************************************************/
@media screen and (min-width: 1240px) {
  #h_toggle_btn {
    display: none;
  }
  #h_message {
    background: #f6f6f6;
  }
  #h_message .message {
    width: 1300px;
    max-width: 100%;    
    padding: 0 50px;
    margin: 0 auto;
    line-height: 5rem;
    box-sizing: border-box;
  }
  #h_cover {
    width: 100%;
    transition: all 0.3s ease 0s;
    z-index: 100;
    background: #fff;
  }
  #h_cover.m_fixed {
    position: fixed;
    top: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
  }
  #h_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 1300px;
    max-width: 100%;    
    padding: 0 50px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  #h_logo {
    width: 240px;
  }
  #h_logo a {
    display: block;
    padding: 25px 0;
  }
  #h_logo img {
    width: auto;
    height: 4rem;
  }
  #h_nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 240px);
  }
  #h_nav .h_navigation {
    width: calc(100% - 240px);
  }
  #h_nav .h_navigation ul.first-nav {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #h_nav .h_navigation ul.first-nav li.first-list {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 9rem;
    margin: 0 2em;
    font-weight: 900;
  }
  #h_nav .h_navigation ul.first-nav li.first-list a.first-link {
    transition: all .3s linear;
  }
  #h_nav .h_navigation ul.first-nav li.first-list a.first-link:hover {
    opacity: .7;
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav {
    position: absolute;
    display: flex;
    flex-wrap: wrap;   
    top: 100%;
    left: 0;
    width: 480px;
    z-index: 1;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    box-shadow: 0 0 3px 0 rgba(0,0,0,.05);
  }
  #h_nav .h_navigation ul.first-nav li.first-list:hover ul.second-nav {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);   
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list {
    width: 50%;
    box-sizing: border-box;
    background: rgba(255,255,255,.95);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;    
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list:hover {
    background: rgba(255,255,255,1);
  } 
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list {
    border-top: 1px solid #eee;
  }  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_001,
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_002 {
    border-top: none;
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_001,
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_003,
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_005,
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_007 {
    border-right: 1px solid #eee;
  }
  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_001 {order:1;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_002 {order:2;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_003 {order:3;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_004 {order:4;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_005 {order:5;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_006 {order:6;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_007 {order:7;}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list.order_008 {order:8;}
  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list a.second-link {
    position: relative;
    display: block;
    padding: 1.2em;
  }  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list a.second-link:after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";  
  }
  
  #h_sns_list {
    width: 240px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #h_sns_list .list:nth-child(n+2) {
    margin-left: 2.6rem;
  }
  #h_sns_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    transition: all .3s linear;
  }
  #h_sns_list .list a:hover {
    border: 1px solid #999;
    background: #999;
  }
  #h_sns_list .list a img {
    width: auto;
    height: 2.6rem;
  }
  #h_sns_list .list a img {
    width: auto;
    height: 2.6rem;
    transition: all .3s linear;
  }  
  #h_sns_list .list a:hover img {
    filter: brightness(0) invert(1);
  }  
  #h_drawer_btn {
    display: none;
  }
}
@media screen and (max-width: 1239px) {
  #h_message {
    background: #f6f6f6;
  }
  #h_message .message {
    padding: 0 1em;
    font-size: 1.2rem;
    line-height: 3rem;
    box-sizing: border-box;
  }
  #h_cover {
    width: 100%;
    transition: all 0.3s ease 0s;
    z-index: 100;
    background: #fff;
  }
  #h_cover.m_fixed {
    position: fixed;
    top: 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
  }
  #h_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  #h_logo {
    padding: 1.5rem;
  }
  #h_logo img {
    display: block;
    width: auto;
    height: 3rem;
  }
  #h_nav {
    display: none;
  }  
  #h_toggle_btn {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    top: 0;
    right: 0;
    z-index: 101;
    color: #fff;
    background: #202020;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
  }
  #h_toggle_btn span {
    display: block;
    width: 26px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 17px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;	
  }
  #h_toggle_btn span:nth-child(1){
    top: 16px;
  }
  #h_toggle_btn span:nth-child(2){
    top: 22px;
  }
  #h_toggle_btn span:nth-child(3){
    top: 28px;
  }
  #h_toggle_btn.open {}
  #h_toggle_btn.open span {
    color: #fff;
  }
  /*
  #h_toggle_btn.open span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #fff;
  }
  #h_toggle_btn.open span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #h_toggle_btn.open span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #fff;
  }  
  */
  #h_toggle_btn div {
    position: absolute;
    width: 100%;
    bottom: .8rem;
    font-size: 1rem;
    text-align: center;
  }
  
  /* メニュー全体 */
  #h_nav {
    background: rgba(255,255,255,1);
    width: 100%;
    height: 100vh;
    padding: 3rem 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    transition: all .6s linear;
    box-sizing: border-box;
  }
  #h_nav.on {
    visibility: visible;
    opacity: 1;
  }
  #h_drawer_btn {
    position: relative;
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    padding-top: 40px;
    z-index: 101;
    color: #202020;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
  }
  #h_drawer_btn span {
    display: block;
    width: 26px;
    height: 1px;
    background: #202020;
    position: absolute;
    left: 17px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;	
  }
  #h_drawer_btn span:nth-child(1){
    top: 16px;
  }
  #h_drawer_btn span:nth-child(2){
    top: 22px;
  }
  #h_drawer_btn span:nth-child(3){
    top: 28px;
  }
  #h_drawer_btn.open {}
  #h_drawer_btn.open span {
    color: #202020;
  }
  #h_drawer_btn.open span:nth-child(1) {
    top: 22px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #202020;
  }
  #h_drawer_btn.open span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  #h_drawer_btn.open span:nth-child(3) {
    top: 22px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #202020;
  }  
  #h_drawer_btn div {
    bottom: .8rem;
    font-size: 1rem;
    text-align: center;
  }
  #h_nav .h_navigation {
    margin: 0 1.5rem;
    margin-bottom: 5rem;
  }
  #h_nav .h_navigation ul.first-nav {}
  #h_nav .h_navigation ul.first-nav li.first-list {
    font-weight: 900;
  }
  #h_nav .h_navigation ul.first-nav li.first-list a.first-link {
    position: relative;
    display: block;
    padding: 1em;
    border-top: 1px solid #eee;
  }
  #h_nav .h_navigation ul.first-nav li.first-list:first-child a.first-link {
    border-top: none;
  }
  #h_nav .h_navigation ul.first-nav li.first-list a.first-link:after {  
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }  
  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav {}
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list {
    box-sizing: border-box;
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list {
    border-top: 1px solid #eee;
  }
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list a.second-link {
    position: relative;
    display: block;
    padding: 1em;
    padding-left: 2em;
  }  
  #h_nav .h_navigation ul.first-nav li.first-list ul.second-nav li.second-list a.second-link:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";  
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #h_sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3rem;
  }
  #h_sns_list .list:nth-child(n+2) {
    margin-left: 2rem;
  }
  #h_sns_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #dedede;
    box-sizing: border-box;
  }
  #h_sns_list .list a img {
    width: auto;
    height: 2rem;
  }
}
/******************************************************
フッター
******************************************************/
@media screen and (min-width: 1240px) {
  #f_map {
  }
  #f_map .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 480px;
  }
  #f_map .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);    
  } 
  #footer {
    margin-top: 12rem;
    border-top: 1px solid #dedede;    
  }
  #f_inner {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 8rem 5rem;
    box-sizing: border-box;
  }
  #f_inner .f_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8rem;
  }
  #f_logo_area .logo {
    margin-bottom: 3rem;
  }
  #f_logo_area .tel {
    margin-bottom: 1rem;
    font-size: 3.6rem;
    font-weight: 900;
  }
  #f_logo_area .tel a {
    display: flex;
    align-items: center;
    line-height: 1;
    transition: all .3s linear;
  }
  #f_logo_area .tel a:hover {
    opacity: .7;
  }
  #f_logo_area .tel a span {
    vertical-align: middle;
  }
  #f_logo_area .tel a:before {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-right: .3em;
    content: "";
    background: url(/wp-content/uploads/images/icon_tel_brack.svg) center center no-repeat;
    background-size: contain;
  }
  #f_nav {
    margin-bottom: 6rem;
  }
  #f_nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #f_nav li {
    margin-left: 4rem;
    font-weight: 900;
    line-height: 4rem;
  }
  #f_nav li a {
    transition: all .3s linear;
  }
  #f_nav li a:hover {
    opacity: .7;
  }
  #f_sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  #f_sns_list .list:nth-child(n+2) {
    margin-left: 2.6rem;
  }
  #f_sns_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #dedede;
    box-sizing: border-box;
    transition: all .3s linear;
  }
  #f_sns_list .list a:hover {
    border: 1px solid #999;
    background: #999;
  }
  #f_sns_list .list a img {
    width: auto;
    height: 2.6rem;
    transition: all .3s linear;
  }  
  #f_sns_list .list a:hover img {
    filter: brightness(0) invert(1);
  }
  #copyright {
    color: #999;
    font-weight: 400;
    text-align: right;
  }
}
@media screen and (max-width: 1239px) {
  #f_map .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  #f_map .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);    
  } 
  #footer {
    margin-top: 5rem;
    border-top: 1px solid #dedede;    
  }
  #f_inner {
    margin: 0 auto;
    padding: 5rem 1.5rem;
    box-sizing: border-box;
  }
  #f_inner .f_flex {
    margin-bottom: 3rem;
  }
  #f_logo_area {
    margin-bottom: 3rem;
    text-align: center;
  }
  #f_logo_area .logo {
    margin-bottom: 3rem;
    text-align: center;
  }
  #f_logo_area .logo img {
    width: auto;
    height: 3rem;
  }
  #f_logo_area .tel {
    margin-bottom: 1rem;
    font-size: 2.4rem;
    font-weight: 900;
  }
  #f_logo_area .tel a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
  }
  #f_logo_area .tel a span {
    vertical-align: middle;
  }
  #f_logo_area .tel a:before {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: .3em;
    content: "";
    background: url(/wp-content/uploads/images/icon_tel_brack.svg) center center no-repeat;
    background-size: contain;
  }
  #f_logo_area .address {
    line-height: 1.5;
  }
  #f_nav {
    display: none;
  }
  #f_nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  #f_nav li {
    margin-left: 1.5rem;
    font-weight: 900;
    line-height: 3rem;
  }
  #f_sns_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #f_sns_list .list:nth-child(n+2) {
    margin-left: 2rem;
  }
  #f_sns_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #dedede;
    box-sizing: border-box;
  }
  #f_sns_list .list a img {
    width: auto;
    height: 2rem;
  }  
  #copyright {
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
  }
}
/******************************************************
トップページ
******************************************************/
@media screen and (min-width: 1025px) {
  .section_cover {
    margin-bottom: 12rem;
  }
  .main_title {
    margin-bottom: 1.2em;
    font-size: 3.6rem;
    font-weight: 900;
    line-height: 1;
  }
  .main_title.text-center {
    text-align: center;
  }
  .main_title.text-left {
    text-align: left;
  }  
  .main_title.text-right {
    text-align: right;
  }  
  .main_title.large {
    font-size: 6rem;
  }
  .main_title img {
    width: auto;
    height: 6rem;
  }
  .main_btn_cover {
    margin-top: 4rem;
  }
  .main_btn {
    font-weight: 900;
  }
  .main_btn a {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    padding-bottom: .5em;
  }
  .main_btn a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  .main_btn a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #202020;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: left top;
  }
  .main_btn a:hover:after {
    transform: scale(1, 1);
  }
  /* メインビジュアル */
  #top_main {
    position: relative;
  }
  #main_slider {
    box-sizing: border-box;
    opacity: 0;
    transition: all .3s linear;
  }
  #main_slider.slick-initialized {
    opacity: 1;
  }   
  #main_slider .slick-slide {
    position: relative;
    margin: 0;
  }
  #main_slider .slick-track{
    float: none;
    display: flex;
    left: -240px;
    gap: 10px;
  }  
  #main_slider img {
    width: 480px;
    height: auto;
  }      
  #main_slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    bottom: -60px;      
    right: 50%;
    max-width: 1200px;
    margin-right: -600px;
  }
  #main_slider .slick-dots li {
    margin: 0;
    margin-left: 20px;
  }   
  #main_slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
    margin-left: auto;
    padding: 10px;
    cursor: pointer;
    color: transparent;
    border: 0;
    border-radius: 50%;
    outline: none;
    background: #dedede;
  }
  #main_slider .slick-dots li.slick-active button {
    background: #202020;
  }
  /* メインビジュアル　コントローラー */
  #main_slider .slick-arrow {
    display: none!important;
  }
  #main_slider_control .slick-arrow {
    display: block!important;
  }  
  #main_slider_control {
    position: absolute;
    top: calc(100% + 3rem);
    width: 100%;
    z-index: 8;
    box-sizing: border-box;
  }
  #main_slider_control .control_cover {
    width: 1300px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 5rem;    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
  }
  #main_slider_control .arrow_number {
    margin: 0 20px;
    color: #202020;
    line-height: 20px;
    font-weight: 900;
  }
  #main_slider_control .slick-arrow {
    display: block!important;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    background: none;
  }
  #main_slider_control .slick-arrow:after {
    transition: all .3s linear;   
  }
  #main_slider_control .slick-arrow:hover:after {
    opacity: .5;
  }
  #main_slider_control .slick-prev:after {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/images/icon_prev_black.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  #main_slider_control .slick-next:after {
    position: relative;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/images/icon_next_black.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
  }   
  /* お知らせ */  
  #top_information .information_box {
    display: flex;
    flex-wrap: wrap;
  }
  #top_information .information_title {
    width: 320px;
    margin-right: 8rem;
    padding-right: 8rem;
    border-right: 1px solid #dedede;
    box-sizing: border-box;
  }
  #top_information .information_list {
    width: calc(100% - 400px);
  }
  #top_information .information_list .list:nth-child(n+2) {
    margin-top: 1.5em;
  }
  #top_information .information_list .list a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .5em;
    transition: all .3s;    
  }
  #top_information .information_list .list a:hover {
    opacity: .7;
  }
  #top_information .information_list .list a .time,
  #top_information .information_list .list a .title {
    line-height: 1.5;
  }
  #top_information .information_list .list a .time {
    width: 120px;
    font-weight: 900;
  }
  #top_information .information_list .list a .title {
    width: calc(100% - 120px);
  }
  /* ごあいささつ */
  #top_greeting .greeting_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #top_greeting .greeting_box .image {
    width: calc(100% - 650px);
    background: url(/wp-content/uploads/images/top_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_greeting .greeting_box .image img {
    display: none;
  }
  #top_greeting .greeting_box .text {
    width: 600px;
    padding: 5rem 0;
  }
  #top_greeting .greeting_box .text h2 {
    margin-bottom: .5em;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.3;
  }
  #top_greeting .greeting_box .text .comment {
    margin-bottom: 5rem;
  }
  /* オフィス */
  #top_office .office_list {
    display: flex;
    flex-wrap: wrap;
  }
  #top_office .office_list .list {
    position: relative;
    width: calc((100% / 2) - 4px);
    margin-right: 8px;
    box-sizing: border-box;
  }
  #top_office .office_list .list:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.5);
    transition: all .3s linear;
  }
  #top_office .office_list .list:hover:before {
    opacity: 0;
  }
  #top_office .office_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #top_office .office_list .list:nth-child(n+3) {
    margin-top: 8px;
  }
  #top_office .office_list .list:nth-child(1) {
    background: url(/wp-content/uploads/images/top_img002.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(2) {
    background: url(/wp-content/uploads/images/top_img003.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(3) {
    background: url(/wp-content/uploads/images/top_img004.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(4) {
    background: url(/wp-content/uploads/images/top_img005.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list a {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 5 / 2;
    padding: 4rem;
    color: #fff;
    z-index: 1;
    box-sizing: border-box;
  }
  #top_office .office_list .list .comment_box {
    transition: all .3s linear;
  }
  #top_office .office_list .list:hover .comment_box {
    opacity: 0;
  }  
  #top_office .office_list .list a .title {
    display: flex;
    flex-direction: column;
    font-weight: 900;
  }
  #top_office .office_list .list a .title .eng {
    font-size: 2rem;
    font-weight: 900;
  }
  #top_office .office_list .list a .title .jap {
    font-weight: 700;
  }
  #top_office .office_list .list .more_btn {
    position: absolute;
    top: 50%;
    right: 4rem;
    margin-top: -.5em;
    line-height: 1;
    font-weight: 900;
    opacity: 0;
    transition: all .3s linear;
  }
  #top_office .office_list .list:hover .more_btn {
    opacity: 1;
  }
  #top_office .office_list .list .more_btn span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
  }
  #top_office .office_list .list .more_btn span:before {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -.4em;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  /* オフィス　ブランド */
  #top_office_brand .office_brand_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8rem;
  }
  #top_office_brand .office_brand_btn .brand_btn {
    width: 230px;
    margin: 0 4px;
    text-align: center;
    font-weight: 900;
    line-height: 6rem;
    border: 1px solid #202020;
    background: #fff;
    cursor: pointer;
    transition: all .3s linear;
  }
  #top_office_brand .office_brand_btn .brand_btn.active {
    color: #fff;
    background: #202020;
  }
  #top_office_brand .office_brand_btn .brand_btn:hover {
    color: #fff;
    background: #202020;
  }
  #top_office_brand .brand_content {
    display: none;
  }
  #top_office_brand .brand_content.show {
    display: block;
  }
  #top_office_brand .brand_list {
    display: flex;
    flex-wrap: wrap;
  }
  #top_office_brand .brand_list .notes {
    width: 100%;
    text-align: center;
  }
  #top_office_brand .brand_list .list {
    width: calc((100% / 5) - 16px);
    margin-right: 20px;
    text-align: center;
    box-sizing: border-box;
  }
  #top_office_brand .brand_list .list:nth-child(5n) {
    margin-right: 0;
  }
  #top_office_brand .brand_list .list:nth-child(n+6) {
    margin-top: 20px;
  }
  #top_office_brand .brand_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .3s linear;
  }
  #top_office_brand .brand_list .list a:hover {
    opacity: .7;
  }    
  #top_office_brand .brand_list .list a .image {
    margin-bottom: 1rem;
    padding: 2rem;
    border: 1px solid #eee;
  }
  #top_office_brand .brand_list .list a .title {
    text-align: center;
  }
  
  /* インテリア */
  #top_interior .interior_list {
    display: flex;
    flex-wrap: wrap;
  }
  #top_interior .interior_list .list {
    position: relative;
    width: calc((100% / 4) - 6px);
    margin-right: 6px;
    box-sizing: border-box;
  }
  #top_interior .interior_list .list:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.5);
    transition: all .3s linear;
  }
  #top_interior .interior_list .list:hover:before {
    opacity: 0;
  }
  #top_interior .interior_list .list:nth-child(4n) {
    margin-right: 0;
  }
  #top_interior .interior_list .list:nth-child(1) {
    background: url(/wp-content/uploads/images/top_img006.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(2) {
    background: url(/wp-content/uploads/images/top_img007.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(3) {
    background: url(/wp-content/uploads/images/top_img008.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(4) {
    background: url(/wp-content/uploads/images/top_img009.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list a {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    aspect-ratio: 2 / 3;
    padding: 4rem;
    color: #fff;
    z-index: 1;
    box-sizing: border-box;
  }
  #top_interior .interior_list .list .comment_box {
    transition: all .3s linear;
  }
  #top_interior .interior_list .list:hover .comment_box {
    opacity: 0;
  }  
  #top_interior .interior_list .list a .title {
    display: flex;
    flex-direction: column;
  }
  #top_interior .interior_list .list a .title .eng {
    font-size: 2rem;
    font-weight: 900;    
  }  
  #top_interior .interior_list .list a .title .jap {
    font-weight: 700;
  }
  #top_interior .interior_list .list .more_btn {
    position: absolute;
    top: 50%;
    right: 4rem;
    margin-top: -.5em;
    line-height: 1;
    font-weight: 900;
    opacity: 0;
    transition: all .3s linear;
  }
  #top_interior .interior_list .list:hover .more_btn {
    opacity: 1;
  }
  #top_interior .interior_list .list .more_btn span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
  }
  #top_interior .interior_list .list .more_btn span:before {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -.4em;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  /* インテリア　スライダー */
  #top_interior_details .interior_slider .image {
    width: 720px;
    margin: 0 1rem;
  }
  #top_interior_details .interior_slider .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3 / 2;
  }
  #top_interior_details .main_btn {
    text-align: right;
  }
  /* Youtube */
  #top_youtube .youtube_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
  }
  #top_youtube .youtube_list .list {
    width: calc((100% / 2) - 1rem);
    margin-right: 2rem;
  }
  #top_youtube .youtube_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #top_youtube .youtube_list .list:nth-child(n+3) {
    margin-top: 2rem;
  }
  #top_youtube .main_btn {
    text-align: right;
  }
  #top_youtube .youtube_list .list .youtube {
	  display: inline-block;
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
  #top_youtube .youtube_list .list .youtube iframe {
	  position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
  /* 会社案内 */
  #top_company .company_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  #top_company .company_box .data,
  #top_company .company_box .image {
    width: calc((100% / 2) - 6rem);
  }
  #top_company .company_box .data table {
    width: 100%;
    table-layout: fixed;
  }
  #top_company .company_box .data tr:nth-child(n+2) th,
  #top_company .company_box .data tr:nth-child(n+2) td {
    padding-top: 1.5em;
  }
  #top_company .company_box .data th,
  #top_company .company_box .data td {
    text-align: left;
    vertical-align: top;
  }
  #top_company .company_box .data th {
    width: 12em;
  }
  #top_company .company_box .data a {
    text-decoration: none;
    transition: all .3s linear;
  }
  #top_company .company_box .data a:hover {
    opacity: .7;
  }
}
@media screen and (max-width: 1024px) {
  .section_cover {
    margin-bottom: 5rem;
  }
  .main_title {
    margin-bottom: 1.5em;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
  }
  .main_title.text-center {}
  .main_title.text-left {}  
  .main_title.text-right {}
  .main_title img {
    width: auto;
    height: 2.4rem;
  }
  .main_btn_cover {
    margin-top: 3rem;
  }
  .main_btn {
    font-weight: 900;
  }
  .main_btn a {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    padding-bottom: .5em;
  }
  .main_btn a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  .main_btn a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #202020;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: left top;
  }
  .main_btn a:hover:after {
    transform: scale(1, 1);
  }
  /* メインビジュアル */
  #top_main {
    margin-bottom: 7.5rem;
    position: relative;
  }
  #main_slider {
    box-sizing: border-box;
    opacity: 0;
    transition: all .3s linear;
  }
  #main_slider.slick-initialized {
    opacity: 1;
  }   
  #main_slider .slick-slide {
    position: relative;
    margin: 0;
  }
  #main_slider .slick-track{
    float: none;
    display: flex;
  }  
  #main_slider img {
    height: auto;
  }      
  /* メインビジュアル　コントローラー */
  #main_slider .slick-arrow {
    display: none!important;
  }
  #main_slider_control .slick-arrow {
    display: block!important;
  }
  #main_slider_control {
    position: absolute;
    top: calc(100% + 1.5rem);
    width: 100%;
    z-index: 8;
    box-sizing: border-box;
  }
  #main_slider_control .control_cover {
    margin: 0 auto;
    padding: 0 1.5rem;    
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
  }
  #main_slider_control .arrow_number {
    margin: 0 8px;
    color: #202020;
    line-height: 15px;
    font-weight: 900;
  }
  #main_slider_control .slick-arrow {
    display: block!important;
    margin: 0;
    padding: 0;
    font-size: 0;
    border: none;
    background: none;
  }
  #main_slider_control .slick-arrow:after {
    transition: all .3s linear;   
  }
  #main_slider_control .slick-arrow:hover:after {
    opacity: .5;
  }
  #main_slider_control .slick-prev:after {
    position: relative;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(/wp-content/uploads/images/icon_prev_black.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  #main_slider_control .slick-next:after {
    position: relative;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(/wp-content/uploads/images/icon_next_black.svg) center center no-repeat;
    background-size: contain;
    cursor: pointer;
  }   
  /* お知らせ */  
  #top_information .information_list {
    margin-bottom: 3rem;
  }
  #top_information .information_list .list a {
    display: block;
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
  }
  #top_information .information_list .list:nth-child(n+2) a {
    margin-top: 1em;
  }
  #top_information .information_list .list a .time,
  #top_information .information_list .list a .title {
    line-height: 1.5;
  }
  #top_information .information_list .list a .time {
    font-weight: 900;
  }
  #top_information .information_list .list a .title {
  }
  #top_information .main_btn {
    text-align: right;
  }
  /* ごあいささつ */
  #top_greeting .greeting_box {}
  #top_greeting .greeting_box .image {
    margin-bottom: 3rem;
  }
  #top_greeting .greeting_box .image img {}
  #top_greeting .greeting_box .text {}
  #top_greeting .greeting_box .text h2 {
    margin-bottom: .5em;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
  }
  #top_greeting .greeting_box .text .comment {
    margin-bottom: 3rem;
  }
  #top_greeting .main_btn {
    text-align: right;
  }
  /* オフィス */
  #top_office .inner {
    margin: 0;
  }
  #top_office .office_list {}
  #top_office .office_list .list {
    position: relative;
    box-sizing: border-box;
  }
  #top_office .office_list .list:nth-child(n+2) {
    margin-top: 3px;
  }
  #top_office .office_list .list:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.5);
    transition: all .3s linear;
  }
  #top_office .office_list .list:hover:before {
    opacity: 0;
  }
  #top_office .office_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #top_office .office_list .list:nth-child(1) {
    background: url(/wp-content/uploads/images/top_img002.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(2) {
    background: url(/wp-content/uploads/images/top_img003.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(3) {
    background: url(/wp-content/uploads/images/top_img004.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list:nth-child(4) {
    background: url(/wp-content/uploads/images/top_img005.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_office .office_list .list a {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 3rem;
    color: #fff;
    z-index: 1;
    box-sizing: border-box;
  }
  #top_office .office_list .list a .comment_box {
    margin-bottom: 3rem;
  }
  #top_office .office_list .list a .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    text-align: center;
  }
  #top_office .office_list .list a .title .eng {
    font-size: 2rem;
    font-weight: 900;
  }
  #top_office .office_list .list a .title .jap {
    font-weight: 700;
  }  
  
  #top_office .office_list .list .more_btn {
    text-align: right;
    line-height: 1;
    font-weight: 900;
  }
  #top_office .office_list .list .more_btn span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
  }
  #top_office .office_list .list .more_btn span:before {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -.4em;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  /* オフィス　ブランド */
  #top_office_brand .office_brand_btn {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }
  #top_office_brand .office_brand_btn .brand_btn {
    width: calc((100% / 2) - 1px);
    margin-right: 2px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 5rem;
    border: 1px solid #202020;
    background: #fff;
    cursor: pointer;
    transition: all .3s linear;
    box-sizing: border-box;
  }
  #top_office_brand .office_brand_btn .brand_btn:nth-child(2n) {
    margin-right: 0;
  }
  #top_office_brand .office_brand_btn .brand_btn:nth-child(n+3) {
    margin-top: 2px;
  }
  #top_office_brand .office_brand_btn .brand_btn.active {
    color: #fff;
    background: #202020;
  }
  #top_office_brand .brand_content {
    display: none;
  }
  #top_office_brand .brand_content.show {
    display: block;
  }
  #top_office_brand .brand_list {
    display: flex;
    flex-wrap: wrap;
  }
  #top_office_brand .brand_list .notes {
    width: 100%;
    text-align: center;
  }
  #top_office_brand .brand_list .list {
    width: calc((100% / 2) - 3px);
    margin-right: 6px;
    text-align: center;
    box-sizing: border-box;
  }
  #top_office_brand .brand_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #top_office_brand .brand_list .list:nth-child(n+3) {
    margin-top: 2rem;
  }
  #top_office_brand .brand_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #top_office_brand .brand_list .list a .image {
    margin-bottom: 1rem;
    padding: 1.5rem;
    border: 1px solid #eee;
  }
  #top_office_brand .brand_list .list a .title {
    font-size: 1.2rem;
    text-align: center;
  }    
  /* インテリア */
  #top_interior .inner {
    margin: 0;
  }
  #top_interior .interior_list {}
  #top_interior .interior_list .list {
    position: relative;
    box-sizing: border-box;
  }
  #top_interior .interior_list .list:nth-child(n+2) {
    margin-top: 3px;
  }  
  #top_interior .interior_list .list:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,.5);
    transition: all .3s linear;
  }
  #top_interior .interior_list .list:nth-child(1) {
    background: url(/wp-content/uploads/images/top_img006.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(2) {
    background: url(/wp-content/uploads/images/top_img007.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(3) {
    background: url(/wp-content/uploads/images/top_img008.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list:nth-child(4) {
    background: url(/wp-content/uploads/images/top_img009.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #top_interior .interior_list .list a {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 3rem;
    color: #fff;
    z-index: 1;
    box-sizing: border-box;
  }
  #top_interior .interior_list .list a .comment_box {
    margin-bottom: 3rem;
  }
  #top_interior .interior_list .list a .title {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
  }
  #top_interior .interior_list .list a .title .eng {
    font-size: 2rem;
    font-weight: 900;    
  }  
  #top_interior .interior_list .list a .title .jap {
    font-weight: 700;
  }  
  #top_interior .interior_list .list .more_btn {
    text-align: right;
    line-height: 1;
    font-weight: 900;
  }
  #top_interior .interior_list .list:hover .more_btn {
    opacity: 1;
  }
  #top_interior .interior_list .list .more_btn span {
    position: relative;
    display: inline-block;
    padding-left: 1em;
  }
  #top_interior .interior_list .list .more_btn span:before {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -.4em;
    content: "\f105";
    font-family: "FontAwesome";    
  }
  /* インテリア　スライダー */
  #top_interior_details .interior_slider .image {
    margin: 0 1.5px;
  }
  #top_interior_details .interior_slider .image img {
    width: 60vw;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3 / 2;
  }
  #top_interior_details .main_btn {
    text-align: right;
  }  
  
  #top_interior_details .main_btn {
    text-align: right;
  }
  /* Youtube */
  #top_youtube .youtube_list {
    margin-bottom: 3rem;
  }
  #top_youtube .youtube_list .list:nth-child(n+2) {
    margin-top: 1rem;
  }
  #top_youtube .main_btn {
    text-align: right;
  }
  #top_youtube .youtube_list .list .youtube {
	  display: inline-block;
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
  #top_youtube .youtube_list .list .youtube iframe {
	  position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}  
  /* 会社案内 */
  #top_company .company_box {}
  #top_company .company_box .data,
  #top_company .company_box .image {
    margin-bottom: 3rem;
  }
  #top_company .company_box .data table {
    width: 100%;
    table-layout: fixed;
  }
  #top_company .company_box .data tr th,
  #top_company .company_box .data tr td {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #top_company .company_box .data tr:nth-child(1) th,
  #top_company .company_box .data tr:nth-child(1) td {
    padding-top: 0;
  }
  #top_company .company_box .data tr:nth-child(n+2) th,
  #top_company .company_box .data tr:nth-child(n+2) td {
    border-top: 1px solid #eee;
  }
  #top_company .company_box .data th,
  #top_company .company_box .data td {
    text-align: left;
    vertical-align: top;
  }
  #top_company .company_box .data th {
    width: 120px;
  }
  #top_company .company_box .data a {
    text-decoration: none;
  }
  #top_company .main_btn {
    text-align: right;
  }
}
/******************************************************
固定ページ
******************************************************/
@media screen and (min-width: 1025px) {
  /* ヘッダー */
  #page .page_header {
    padding: 10rem 0;
  }
  #page .page_header.type_a {
    text-align: center;
  }
  #page .page_header.type_b {
    text-align: left;
  }
  #pgae .page_header.type_c {
    text-align: right;
  }
  #page .page_header .title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #page .page_header .title .eng {
    font-size: 4.8rem;
  }
  #page .page_header .title .jap {
    font-size: 1em;
  }
  #page .page_header .comment {
    margin-top: 5rem;
    font-size: 1.6rem;
  }
  /* 領域 */
  #page .page_cover {
    margin-bottom: 10rem;
  }
  #page .bg_cover {
    padding: 10rem 0;
    background: #f6f6f6;
  }
  #page .contact_cover {
    margin-bottom: 20rem;
  }
  /* タイトル */
  #page .eng {
    font-weight: 900;
  }
  #page .jap {
    font-weight: 700;
  }
  /* タイトル 中央 */
  #page .page_title_a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    margin-bottom: 5rem;
  }
  #page .page_title_a .jap {
    font-size: 3rem;
  }
  #page .page_title_a .eng {
    font-size: 1.6rem;
  }  
  /* タイトル 左線 */
  #page .page_title_b {
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
    padding-left: 4rem;
    line-height: 1;
    border-left: 1px solid #202020;
  }
  #page .page_title_b .jap {
    font-size: 3rem;
  }
  #page .page_title_b .eng {
    margin-top: 2rem;
    font-size: 1.6rem;
  }  
  /* タイトル 下線 */
  #page .page_title_c {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5rem;    
    padding-bottom: 3rem;
  }
  #page .page_title_c:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #dedede;    
    z-index: 0;
  }
  #page .page_title_c:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 240px;
    height: 1px;
    background: #202020;   
    z-index: 1;
  }
  #page .page_title_c .jap {
    font-size: 3rem;
  }
  #page .page_title_c .eng {
    margin-left: 4rem;
    font-size: 1.6rem;
  }
  /* タイトル 太字 */
  #page .page_title_d {
    margin-bottom: 1em;
  }
  #page .page_title_d .jap {
    font-size: 3rem;    
  }
  #page .gallery_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #page .gallery_btn .btn {
    color: #202020;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 4px;
    padding: 0 2em;
    height: 5rem;
    cursor: pointer;
    border: 1px solid #202020;
    background: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;     
  }
  #page .gallery_btn .btn.active {
    color: #fff;
    background: #202020;
  }
  #page .gallery_btn .btn:hover {
    color: #fff;
    background: #202020;
  }
  #page .gallery_contents .gallery_content {
    display: none;
  }
  #page .gallery_contents .gallery_content.show {
    display: block;
  }
  #page .box p:nth-child(n+2) {
    margin-top: 1.2em;
  }
  #page .sitemap_list a {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;  
  }
  #page .sitemap_list a:hover {
    opacity: .7;
  }
  #page .sitemap_list a.first-link {
    position: relative;
    display: block;
    padding: 1.2em;
    border-bottom: 1px solid #eee;
  }
  #page .sitemap_list a.first-link:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }
  #page .sitemap_list a.second-link {
    position: relative;
    display: block;
    padding: 1.2em;
    padding-left: 2.4em;
    border-bottom: 1px solid #eee;
  }
  #page .sitemap_list a.second-link:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }  
  
}
@media screen and (max-width: 1024px) {
  /* ヘッダー */
  #page .page_header {
    padding: 5rem 0;
  }
  #page .page_header.type_a {
    text-align: center;
  }
  #page .page_header.type_b {
    text-align: left;
  }
  #pgae .page_header.type_c {
    text-align: right;
  }
  #page .page_header .title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #page .page_header .title .eng {
    font-size: 2.4rem;
  }
  #page .page_header .title .jap {
    font-size: 1em;
  }
  #page .page_header .comment {
    margin-top: 3rem;
  }
  /* 領域 */
  #page .page_cover {
    margin-bottom: 5rem;
  }
  #page .bg_cover {
    padding: 5rem 0;
    background: #f6f6f6;
  }
  /* タイトル */
  #page .eng {
    font-weight: 900;
  }
  #page .jap {
    font-weight: 700;
  }
  /* タイトル 中央 */
  #page .page_title_a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    margin-bottom: 3rem;
  }
  #page .page_title_a .jap {
    font-size: 2rem;
  }
  #page .page_title_a .eng {}  
  /* タイトル 左線 */
  #page .page_title_b {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    padding-left: 2rem;
    line-height: 1;
    border-left: 1px solid #202020;
  }
  #page .page_title_b .jap {
    font-size: 2rem;
  }
  #page .page_title_b .eng {
    margin-top: 1rem;
  }  
  /* タイトル 下線 */
  #page .page_title_c {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 3rem;    
    padding-bottom: 1.5rem;
  }
  #page .page_title_c:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #dedede;    
    z-index: 0;
  }
  #page .page_title_c:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    width: 20%;
    height: 1px;
    background: #202020;   
    z-index: 1;
  }
  #page .page_title_c .jap {
    font-size: 2rem;
  }
  #page .page_title_c .eng {
    margin-left: 2rem;
  }
  /* タイトル 太字 */
  #page .page_title_d {
    margin-bottom: 1em;
  }
  #page .page_title_d .jap {
    font-size: 2rem;    
  }
  #page .gallery_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #page .gallery_btn .btn {
    color: #202020;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2px;
    padding: 0 .8em;
    height: 3rem;
    font-size: .8em;
    cursor: pointer;
    border: 1px solid #202020;
    background: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;     
  }
  #page .gallery_btn .btn.active {
    color: #fff;
    background: #202020;
  }
  #page .gallery_btn .btn:hover {
    color: #fff;
    background: #202020;
  }
  #page .gallery_contents .gallery_content {
    display: none;
  }
  #page .gallery_contents .gallery_content.show {
    display: block;
  }  
  
  #page .box p:nth-child(n+2) {
    margin-top: 1.2em;
  }  
  #page .sitemap_list a {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;  
  }
  #page .sitemap_list a:hover {
    opacity: .7;
  }
  #page .sitemap_list a.first-link {
    position: relative;
    display: block;
    padding: 1.2em;
    border-bottom: 1px solid #eee;
  }
  #page .sitemap_list a.first-link:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }
  #page .sitemap_list a.second-link {
    position: relative;
    display: block;
    padding: 1.2em;
    padding-left: 2.4em;
    border-bottom: 1px solid #eee;
  }
  #page .sitemap_list a.second-link:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }    
}
/******************************************************
カスタマイズ
******************************************************/
@media screen and (min-width: 1025px) {
  /* コンセプト */
  #page .concept_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #page .concept_flex.reverse {
    flex-direction: row-reverse;
  }
  #page .concept_flex .image {
    width: calc(50% - 25px);
  }
  #page .concept_flex .text {
    width: calc(50% - 25px);
  }
  #page .concept_flex .comment p:nth-child(n+2) {
    margin-top: 1em;
  }
  /* 業務内容 */
  #page .service_list .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #page .service_list .list:nth-child(n+2) {
    margin-top: 5rem;
  }
  #page .service_list .list:nth-child(odd) {
    flex-direction: row-reverse;
  }
  #page .service_list .list:nth-child(even) {
    flex-direction: row;
  }
  #page .service_list .list .image {
    width: calc(100% - 650px);
  }
  #page .service_list .list .text {
    width: 600px;
  }
  #page .service_list .list .title {
    margin-bottom: 1em;
    font-size: 2.4rem;
    font-weight: 700;
  }
  #page .service_list .list .comment p:nth-child(n+2) {
    margin-top: 1em;
  }
  /* サービス内ギャラリー */
  #page .gallery_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .gallery_list .list {
    width: calc((100% / 4) - 15px);
    margin-right: 20px;
  }
  #page .gallery_list .list:nth-child(4n) {
    margin-right: 0;
  }
  #page .gallery_list .list:nth-child(n+5) {
    margin-top: 20px;
  }
  #page .gallery_list .list img {
    object-fit: cover;
    aspect-ratio: 3 /2;
  }
  /* ブランドリスト */
  #page .brand_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .brand_list .list {
    width: calc((100% / 5) - 16px);
    margin-right: 20px;
    text-align: center;
    box-sizing: border-box;
  }
  #page .brand_list .notes {
    width: 100%;
    text-align: center;
  }
  #page .brand_list .list:nth-child(5n) {
    margin-right: 0;
  }
  #page .brand_list .list:nth-child(n+6) {
    margin-top: 20px;
  }
  #page .brand_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .3s linear;
  }
  #page .brand_list .list a:hover {
    opacity: .7;
  }  
  #page .brand_list .list a .image {
    margin-bottom: 1rem;
    padding: 2rem;
    border: 1px solid #eee;
  }
  #page .brand_list .list a .title {
    text-align: center;
  }  
  
  /* お問い合わせの流れ */
  #page .flow_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10rem;
  }
  #page .flow_list .list {
    position: relative;
    width: calc((100% / 3) - 4rem);
    padding: 5rem;
    text-align: center;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
  }
  #page .flow_list .list:nth-child(n+2):after {
    position: absolute;
    top: 50%;
    right: calc(100% + 1.5rem);
    display: block;
    content: "";
    margin-top: -30px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #202020;
  }  
  #page .flow_list .list .title {
    font-size: 2rem;
    font-weight: 600;
  }
  #page .flow_list .list .icon {
    margin: 3rem 0;
  }
  #page .flow_list .list .icon img {
    width: 90px;
    height: auto;
  }
  #page .contact_box {
    margin-bottom: -22rem;
  }
  #page .contact_box .comment {
    margin-bottom: 5rem;
  }
  #page .contact_box .comment .title {
    margin-bottom: 3rem;
    font-size: 2.4rem;
    font-weight: 600;
  }
  #page .contact_box .contact_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .contact_box .contact_list .list {
    display: flex;
    flex-direction: column;
    width: 50%;
  }
  #page .contact_box .contact_list .list a {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    aspect-ratio: 2/1;
    transition: all 0.3s ease 0s;     
  }
  #page .contact_box .contact_list .list:nth-child(1) a {
    background: #404040;
  }
  #page .contact_box .contact_list .list:nth-child(2) a {
    background: #303030;
  } 
  #page .contact_box .contact_list .list a:hover {
    background: #202020;
  }
  #page .contact_box .contact_list .list .title {
    margin-bottom: 2rem;
  }
  #page .contact_box .contact_list .list .title span {
    position: relative;
    display: inline-block;
    padding: 0 2em;
    font-size: 2rem;
    line-height: 1;
  }
  #page .contact_box .contact_list .list .title span:before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.8rem;
    height: 2.8rem;
    margin-top: -1.4rem;
    margin-right: 1em;
    font-size: 1.4rem;
    content: "\f105";
    font-family: "FontAwesome";
    border-radius: 50%;
    border: 1px solid #fff;
  }
  #page .contact_box .contact_list .list .tel {
    font-weight: 900;
  }
  #page .contact_box .contact_list .list .tel span {
    margin-left: .3em;
    font-size: 3rem;
    line-height: 1;
  }
  /* 会社案内 */
  #page .company_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  #page .company_flex .image {
    width: 540px;
    margin-top: -36rem;
  }
  #page .company_flex .comment {
    width: calc(100% - 660px);
  }
  #page .company_flex .comment p:nth-child(n+2) {
    margin-top: 1em;
  }  
  #page .company_table {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page .company_table table {
    /*width: calc(50% - 3rem);*/
    table-layout: fixed;
  }
  #page .company_table table th,
  #page .company_table table td {
    padding: 1em;
    text-align: left;
    border-bottom: 1rem solid #fff;
  }
  #page .company_table table th {
    width: 120px;
    text-align: center;
    font-weight: 600;
    background: #f6f6f6;
  }
  #page .company_table table td {
  }
  #page .product_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .product_list .list {
    margin: 1rem;
    margin-bottom: 1rem;
    padding: 1em 2em;
    background: #fff;
  }
  #page .history_list {
    border-top: 1px solid #dedede;
  }
  #page .history_list .list {
    padding: 1em;
    border-bottom: 1px solid #dedede;
  }
  #page .history_list .list dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page .history_list .list dt {
    width: 120px;
  }
  #page .history_list .list dd {
    width: calc(100% - 120px);
  }
  /* 業務内容一覧 */
  #page .service_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 8rem;
  }
  #page .service_btns .service_btn {
    position: relative;
    width: 360px;
    margin: 0 1rem;
    text-align: center;
    line-height: 6rem;
    background: #f6f6f6;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    box-shadow: 0 4px 6px rgba(0,0,0,.08);
  }
  #page .service_btns .service_btn:hover,
  #page .service_btns .service_btn.active {
    color: #fff;
    background: #202020;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
  }
  #page .service_btns .service_btn.active:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #202020;
  }
  #page .service_contents .service_content {
    display: none;
  }
  #page .service_contents .service_content.show {
    display: block;
  }
  #page .service_contents .service_content_list .list:nth-child(n+2) {
    margin-top: 3rem;
  }
  #page .service_contents .service_content_list .list a {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fff;
    border: 1px solid #dedede;
    transition: all 0.3s ease 0s; 
    box-shadow: 0 4px 6px rgba(0,0,0,.08);
  }
  #page .service_contents .service_content_list .list a:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
  }
  #page .service_contents .office .service_content_list .list a {
    flex-direction: row;
  }
  #page .service_contents .office .service_content_list .list:nth-child(even) a {
    flex-direction: row-reverse;
  }  
  #page .service_contents .interior .service_content_list .list a {
    flex-direction: row-reverse;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(even) a {
    flex-direction: row;
  }    
  #page .service_contents .service_content_list .list a .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 360px;
    height: 360px;
    text-align: center;
    line-height: 1; 
  }
  #page .service_contents .service_content_list .list a .title .eng {
    font-size: 2rem;
    font-weight: 900;
  }
  #page .service_contents .service_content_list .list a .title .jap {
    margin-top: 2rem;
  }
  #page .service_contents .service_content_list .list a .image {
    width: calc(100% - 360px);
    background: #666;
  }  
  #page .service_contents .office .service_content_list .list:nth-child(1) a .image {
    background: url(/wp-content/uploads/images/office_interior_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(2) a .image {
    background: url(/wp-content/uploads/images/office-automation_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(3) a .image {
    background: url(/wp-content/uploads/images/stationary_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(4) a .image {
    background: url(/wp-content/uploads/images/surverillance-camera_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  
  #page .service_contents .interior .service_content_list .list:nth-child(1) a .image {
    background: url(/wp-content/uploads/images/wall_img001.webp?20240930-004) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(2) a .image {
    background: url(/wp-content/uploads/images/floor_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(3) a .image {
    background: url(/wp-content/uploads/images/bathroom_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(4) a .image {
    background: url(/wp-content/uploads/images/blind-curtain_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }  
  
  /* お問い合わせ */
  #page .contact_form {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
  }
  #page .contact_form p {
    margin-bottom: 1em;
  }
  #page .contact_form p:before {
    display: inline-block;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    border-radius: 50%;
    background: #f90;
  }  
  #page .contact_form table {
    width: 100%;
    margin-bottom: 5rem;
    table-layout: fixed;
  }
  #page .contact_form table tr:nth-child(n+2) th,
  #page .contact_form table tr:nth-child(n+2) td {
    padding-top: 2rem;
  }
  #page .contact_form table th,
  #page .contact_form table td {
    text-align: left;
    box-sizing: border-box;
  }
  #page .contact_form table th {
    width: 240px;
  }
  #page .mw_wp_form_confirm .contact_form table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
  }
  #page .mw_wp_form_confirm .contact_form th,
  #page .mw_wp_form_confirm .contact_form td {
    padding: .8em;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  #page .mw_wp_form_confirm .contact_form th {
    background: #f6f6f6;
  } 
  #page .contact_form input[type=text],
  #page .contact_form input[type=email],
  #page .contact_form textarea {
    width: 100%;
    padding: 1em;
    border: none;
    box-sizing: border-box;
    background: #f6f6f6;
  }
  #page .contact_form select {
    width: 100%;
    padding: 1em;
    border: none;
    box-sizing: border-box;
    background: #f6f6f6;
  }
  #page .contact_form .req:after {
    display: inline-block;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    border-radius: 50%;
    background: #f90;
  }
  #page .contact_form .submit_btn {
    font-size: 0;
    text-align: center;
  }
  #page .contact_form .submit_btn input[type=submit] {
    display: inline-block;
    width: 300px;
    height: 6rem;
    margin: 0 .5rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    background: #202020;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;  
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;    
  }
  #page .contact_form .submit_btn input[type=submit].btn_back {
    color: #202020;
    background: #f6f6f6;
  }
  #page .contact_form .submit_btn input[type=submit]:hover {
    opacity: .7;
  }
  /* 投稿一覧 */
  #page .post_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .post_list .list {
    width: calc(50% - 1rem);
    margin-right: 2rem;
  }
  #page .post_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #page .post_list .list:nth-child(n+3) {
    margin-top: 2rem;
  }
  #page .post_list .list a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 3em;
    transition: all 0.3s ease 0s;
    border: 1px solid #dedede;
    background: #fff;
  }
  #page .post_list .list a:hover {
    border: 1px solid #f6f6f6;
    background: #f6f6f6;
  }
  #page .post_list .list a:after {
    position: absolute;
    top: 50%;
    right: 2em;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }
  #page .post_list .list a .time {
    width: 100px;
    font-size: 1.6rem;
    font-weight: 900;    
  }
  #page .post_list .list a .title {
    width: calc(100% - 100px);
    font-size: 1.6rem;
  }  
  /* 投稿記事 */
  #page .post_data {
    margin-bottom: 6rem;
  }
  #page .post_data .title {
    font-size: 3rem;
    font-weight: 600;
  }
  #page .post_data .time {
    color: #dedede;
    font-size: 1.4rem;
    font-weight: 900;
  }
  #page .post_contents *:nth-child(n+2){
    margin-top: 1em;
  }  
}
@media screen and (max-width: 1024px) {
  /* コンセプト */
  #page .concept_flex {}
  #page .concept_flex .image {
    margin-bottom: 3rem;
  }
  #page .concept_flex .text {}
  #page .concept_flex .comment p:nth-child(n+2) {
    margin-top: 1em;
  }
  /* 業務内容 */
  #page .service_list .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #page .service_list .list:nth-child(n+2) {
    margin-top: 5rem;
  }
  #page .service_list .list:nth-child(odd) {
    flex-direction: row-reverse;
  }
  #page .service_list .list:nth-child(even) {
    flex-direction: row;
  }
  #page .service_list .list .image {
    margin-bottom: 3rem;
  }
  #page .service_list .list .text {}
  #page .service_list .list .title {
    margin-bottom: 1em;
    font-size: 2rem;
    font-weight: 700;
  }
  #page .service_list .list .comment p:nth-child(n+2) {
    margin-top: 1em;
  }
  /* サービス内ギャラリー */
  #page .gallery_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .gallery_list .list {
    width: calc((100% / 2) - 3px);
    margin-right: 6px;
  }
  #page .gallery_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #page .gallery_list .list:nth-child(n+3) {
    margin-top: 6px;
  }
  #page .gallery_list .list img {
    object-fit: cover;
    aspect-ratio: 3 /2;
  }  
  /* ブランドリスト */
  #page .brand_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .brand_list .notes {
    width: 100%;
    text-align: center;
  }
  #page .brand_list .list {
    width: calc((100% / 2) - 3px);
    margin-right: 6px;
    text-align: center;
    box-sizing: border-box;
  }
  #page .brand_list .list:nth-child(2n) {
    margin-right: 0;
  }
  #page .brand_list .list:nth-child(n+3) {
    margin-top: 2rem;
  }
  #page .brand_list .list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #page .brand_list .list a .image {
    margin-bottom: 1rem;
    padding: 1.5rem;
    border: 1px solid #eee;
  }
  #page .brand_list .list a .title {
    font-size: 1.2rem;
    text-align: center;
  }      
  /* お問い合わせの流れ */
  #page .flow_list {
    margin-bottom: 5rem;
  }
  #page .flow_list .list {
    position: relative;
    padding: 3rem 1.5rem;
    text-align: center;
    background: #fff;
    border: 1px solid #dedede;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    box-sizing: border-box;
  }
  #page .flow_list .list:nth-child(n+2) {
    margin-top: 5rem;
  }
  #page .flow_list .list:nth-child(n+2):after {
    position: absolute;
    bottom: calc(100% + 1rem);
    left: 50%;
    display: block;
    content: "";
    margin-left: -20px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 30px solid #202020;
  }  
  #page .flow_list .list .title {
    font-size: 2rem;
    font-weight: 600;
  }
  #page .flow_list .list .icon {
    margin: 1.5rem 0;
  }
  #page .flow_list .list .icon img {
    width: 90px;
    height: auto;
  }
  #page .contact_box {}
  #page .contact_box .comment {
    margin-bottom: 3rem;
  }
  #page .contact_box .comment .title {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
  }
  #page .contact_box .contact_list .list {
    display: flex;
    flex-direction: column;
  }
  #page .contact_box .contact_list .list:nth-child(n+2) {
    margin-top: 1.5rem;
  }
  #page .contact_box .contact_list .list a {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 1.5rem;
    color: #fff;
    text-align: center;   
    background: #202020;
  }
  #page .contact_box .contact_list .list:nth-child(1) a {
    background: #404040;
  }
  #page .contact_box .contact_list .list:nth-child(2) a {
    background: #303030;
  } 
  #page .contact_box .contact_list .list a:hover {
    background: #202020;
  }
  #page .contact_box .contact_list .list .title {
    margin-bottom: 1.8rem;
    text-align: center;
  }
  #page .contact_box .contact_list .list .title span {
    position: relative;
    display: inline-block;
    padding: 0 2em;
    font-size: 1.8rem;
    line-height: 1;
  }
  #page .contact_box .contact_list .list .title span:before {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -1.2rem;
    margin-right: 1em;
    font-size: 1.2rem;
    content: "\f105";
    font-family: "FontAwesome";
    border-radius: 50%;
    border: 1px solid #fff;
  }
  #page .contact_box .contact_list .list .tel {
    font-weight: 900;
  }
  #page .contact_box .contact_list .list .tel span {
    margin-left: .3em;
    font-size: 2.4rem;
    line-height: 1;
  }
  /* 会社案内 */
  #page .company_flex {}
  #page .company_flex .image {
    max-width: 240px;
    margin: 0 auto 3rem;
  }
  #page .company_flex .comment {}
  #page .company_flex .comment p:nth-child(n+2) {
    margin-top: 1em;
  }  
  #page .company_table {}
  #page .company_table table {
    width: 100%;
    table-layout: fixed;
  }
  #page .company_table table th,
  #page .company_table table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 3px solid #fff;
  }
  #page .company_table table th {
    width: 80px;
    text-align: center;
    font-weight: 600;
    background: #f6f6f6;
  }
  #page .company_table table td {
  }
  #page .product_list {
    display: flex;
    flex-wrap: wrap;
  }
  #page .product_list .list {
    margin: .3rem;
    margin-bottom: .3rem;
    padding: .5em 1em;
    background: #fff;
  }
  #page .history_list {
    border-top: 1px solid #dedede;
  }
  #page .history_list .list {
    padding: 1rem;
    border-bottom: 1px solid #dedede;
  }
  #page .history_list .list dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #page .history_list .list dt {
    width: 80px;
  }
  #page .history_list .list dd {
    width: calc(100% - 80px);
  }
  /* 業務内容一覧 */
  #page .service_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3rem;
  }
  #page .service_btns .service_btn {
    position: relative;
    width: calc(50% - 5px);
    margin-right: 10px;
    text-align: center;
    line-height: 5rem;
    background: #f6f6f6;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    box-shadow: 0 4px 6px rgba(0,0,0,.08);
  }
  #page .service_btns .service_btn:nth-child(2n) {
    margin-right: 0;
  }
  #page .service_btns .service_btn:hover,
  #page .service_btns .service_btn.active {
    color: #fff;
    background: #202020;
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
  }
  #page .service_btns .service_btn.active:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #202020;
  }
  #page .service_contents .service_content {
    display: none;
  }
  #page .service_contents .service_content.show {
    display: block;
  }
  #page .service_contents .service_content_list .list:nth-child(n+2) {
    margin-top: 1.5rem;
  }
  #page .service_contents .service_content_list .list a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid #dedede;
    transition: all 0.3s ease 0s; 
    box-shadow: 0 4px 6px rgba(0,0,0,.08);
  }
  #page .service_contents .service_content_list .list a .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 1.5rem;
    text-align: center;
    line-height: 1; 
  }
  #page .service_contents .service_content_list .list a .title .eng {
    font-size: 1.8rem;
    font-weight: 900;
  }
  #page .service_contents .service_content_list .list a .title .jap {
    margin-top: 1rem;
  }
  #page .service_contents .service_content_list .list a .image {
    width: 100%;
    height: 50vw;
    background: #666;
  }  
  #page .service_contents .office .service_content_list .list:nth-child(1) a .image {
    background: url(/wp-content/uploads/images/office_interior_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(2) a .image {
    background: url(/wp-content/uploads/images/office-automation_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(3) a .image {
    background: url(/wp-content/uploads/images/stationary_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .office .service_content_list .list:nth-child(4) a .image {
    background: url(/wp-content/uploads/images/surverillance-camera_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  
  #page .service_contents .interior .service_content_list .list:nth-child(1) a .image {
    background: url(/wp-content/uploads/images/wall_img001.webp?20240930-004) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(2) a .image {
    background: url(/wp-content/uploads/images/floor_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(3) a .image {
    background: url(/wp-content/uploads/images/bathroom_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }
  #page .service_contents .interior .service_content_list .list:nth-child(4) a .image {
    background: url(/wp-content/uploads/images/blind-curtain_img001.webp?20250630) center center no-repeat;
    background-size: cover;
  }  
  
  /* お問い合わせ */
  #page .contact_form {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
  }
  #page .contact_form p {
    margin-bottom: 1em;
  }
  #page .contact_form p:before {
    display: inline-block;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    border-radius: 50%;
    background: #f90;
  }  
  #page .contact_form table {
    width: 100%;
    margin-bottom: 3rem;
    table-layout: fixed;
  }
  #page .contact_form table tr th,
  #page .contact_form table tr td {
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
  }
  #page .contact_form table tr th {
    padding-bottom: .5em;
  }
  #page .contact_form table tr:nth-child(n+2) th {
    padding-top: 1em;
  }
  #page .mw_wp_form_confirm .contact_form table {
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
  }
  #page .mw_wp_form_confirm .contact_form th,
  #page .mw_wp_form_confirm .contact_form td {
    padding: .8em;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  #page .mw_wp_form_confirm .contact_form th {
    background: #f6f6f6;
  } 
  #page .contact_form .mwform-radio-field.horizontal-item {
    display: block;
    margin-left: 0!important;
  }
  #page .contact_form input[type=text],
  #page .contact_form input[type=email],
  #page .contact_form textarea {
    width: 100%;
    padding: 1em;
    border: none;
    box-sizing: border-box;
    background: #f6f6f6;
  }
  #page .contact_form select {
    width: 100%;
    padding: 1em;
    border: none;
    box-sizing: border-box;
    background: #f6f6f6;
  }
  #page .contact_form .req:after {
    display: inline-block;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    border-radius: 50%;
    background: #f90;
  }
  #page .contact_form .submit_btn {
    display: flex;
    flex-direction: column;
    font-size: 0;
    text-align: center;
  }
  #page .contact_form .submit_btn input[type=submit] {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
    height: 5rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    background: #202020;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;  
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;    
  }
  #page .contact_form .submit_btn input[type=submit].btn_back {
    margin-bottom: 1rem;
    color: #202020;
    background: #f6f6f6;
  }
  /* 投稿一覧 */
  #page .post_list {}
  #page .post_list .list {}
  #page .post_list .list:nth-child(n+2) {
    margin-top: 1.5rem;
  }
  #page .post_list .list a {
    position: relative;
    display: block;
    padding: 1.5rem;
    border: 1px solid #dedede;
    background: #fff;
  }
  #page .post_list .list a:after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-top: -.5em;
    line-height: 1;
    content: "\f105";
    font-family: "FontAwesome";
  }
  #page .post_list .list a .time {
    font-weight: 900;    
  }
  #page .post_list .list a .title {}  
  /* 投稿記事 */
  #page .post_data {
    margin-bottom: 3rem;
  }
  #page .post_data .title {
    font-size: 2rem;
    font-weight: 600;
  }
  #page .post_data .time {
    color: #dedede;
    font-weight: 900;
  }
  #page .post_contents *:nth-child(n+2){
    margin-top: 1em;
  }  
}