@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');
:root{
/*使用しない場合も必ず設定*/
--i_bg_color: #fff;	/*背景色*/
--i_txt_color: #2f2f2f;	/*テキスト*/
--i_main_color: #88644E;	/*メイン*/
--i_sub_color: #8f3636;	/*アクセント*/
--i_sub2_color: #f2f1ea;	/*薄い色*/
--i_btn_color: #88644E;	/*ボタン*/
--i_btn_hover_color: #a07d68;	/*ボタンhover*/
--i_btn_txt_color: #fff;	/*ボタンテキスト*/
--i_btn_hover_txt_color: #fff;	/*ボタンテキスト*/
--i_shadow_color: rgba(0,0,0,0.05);	/*シャドウ*/
--i_border_color: rgba(0, 0, 0, 0.1);	/*ボーダー*/
--i_noimg_bg_color: #f2f1ea;	/*画像無し*/
}
/*base*/ html{ font-size: 62.5%; } body{ font-size: 1.65rem; line-height: 1.95; letter-spacing: 0.02rem; -webkit-text-size-adjust: 100%; color: var(--i_txt_color); font-weight: 500; } main{ background: none !important; } @media screen and (max-width: 600px){ body.index:before{ border-width: 0 0 200px 200px; } body.index:after{ border-width: 200px 200px 0 0; } } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, main { /* IE11 にのみ適用される */ display: block; } } @media screen and (max-width: 850px){ html{ font-size: 60.606%; } body{ letter-spacing: 0px; } } a{ outline: 0; text-decoration: none; color: var(--i_txt_color); } /*composite_boxの最大高さとトリミングの起点*/ /*基本はjsにより各カラム中から最大の画角に設定*/ .composite_box01 .inner_item_img img{ object-position: 50% 50%; font-family: 'object-position: 50% 50%;'; } @media screen and (max-width: 850px){ #sidebar{ border: 5px solid #f1f0f3; } } .no_img{ background: var(--i_noimg_bg_color, rgba(200,200,200,0.3)); border: 1px solid rgba(0,0,0,0.1); } #sidebar .widget_news02 li a div span{ border: 1px solid rgba(0,0,0,0.1); } /*loader*/ #load div:nth-of-type(1) { background: var(--i_bg_color); } #load .loader, .popup .loader { border: 1px solid var(--i_main_color); /*★*/ } #load .loader,#load .loader::before,.popup .loader,.popup .loader::before { border-top-color: var(--i_main_color); } #load .loader::before,#load .loader::after,.popup .loader::before,.popup .loader::after { /*★*-1*/ left: -1px; top: -1px; } #load .loader,.popup .loader { border: 1px solid var(--i_main_color); /*★*/ } #load .loader,#load .loader::before,.popup .loader,.popup .loader::before { border-top-color: #fff !important; } #load .loader::before,#load .loader::after,.popup .loader::before,.popup .loader::after { /*★*-1*/ left: -1px; top: -1px; } #load img { max-width: 300px; max-height: 100%; } @media screen and (max-width: 650px) { #load img { max-width: 210px; } } /*header*/ header{ font-size: 1.4rem; color: var(--i_txt_color); background: rgba(50, 50, 50, 0.4); } header .wraper{ max-width: 90%; } header#pattern2:not(.width_full) nav { max-width: 1780px; } body.scrolled header{ background: rgba(75, 46, 16, 0.9); background: rgba(69, 59, 56, 0.9); box-shadow: 3px 3px 3px var(--i_shadow_color); /* height: 110px !important; */ } header h1{ line-height: 1.5; font-size: 1.3rem; font-weight: normal; opacity: 0.7; fill: var(--i_txt_color); color: var(--i_bg_color); } body.scrolled header .logo{ padding: 20px 0 !important; } header .logo{ max-width: 390px; filter: brightness(0) invert(1); } header#pattern2 nav ul.nav_1st { width: 75%; } @media screen and (min-width: 901px){ body:not(.scrolled) header#pattern2 nav ul.nav_1st { padding-bottom: 10px; padding-top: 10px; justify-content: space-between; } } body.scrolled header#pattern2.width_full .logo{ background: none !important; padding: initial; left: initial; } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, header#pattern2 .logo{ /* IE11 にのみ適用される */ top: 25px !important; } *::-ms-backdrop, body.scrolled header .logo{ /* IE11 にのみ適用される */ top: 25px !important; } *::-ms-backdrop, header#pattern2 nav ul.nav_1st{ /* IE11 にのみ適用される */ min-height: 45px !important; } } body.scrolled header .logo a img{ max-height: 50px; } header .header_contents .header_col1{ /* ▼水平方向レイアウト */ flex-direction: row; align-items: center; justify-content: flex-end; /* ▼垂直方向レイアウト */ /*flex-direction: column; align-items: flex-end;*/ } header .header_contents .header_col1 .tel{ position: relative; font-size: 24px; line-height: 1; padding-left: 26px; font-weight: 500; fill: var(--i_bg_color); color: var(--i_bg_color); } header .header_contents .header_col1 .tel a{ color: #fff!important; } header .header_contents .header_col1 .tel svg,header .header_contents .header_col1 .btn .translate a svg,header .burger li.sp_translate a svg,header .header_contents .header_sns li svg{ fill:var(--i_bg_color); } header .sp_menu a div span,header .sp_menu a div:before,header .sp_menu a div:after{ background: var(--i_bg_color); } header .header_contents .header_col1 .tel svg{ width: 19px; height: 19px; top: calc(50% - 8px); left: 0; } header .header_contents .header_col1 .btn>a,header#pattern4 .wraper>.inner>.btn>a{ color: var(--i_btn_txt_color) !important; background: var(--i_sub_color); background-size: 400% 400%; background-position: 100% 0; position: relative; display: inline-block; text-align: center; font-family: inherit; font-weight: 500; transition: .4s ease; min-width: 260px !important; overflow: hidden; } header .header_contents .header_col1 .btn>a span.inn,header#pattern4 .wraper>.inner>.btn>a span.inn{ color: var(--i_btn_txt_color) !important; transition: 0.4s ease; display: inline-block; text-align: center; line-height: 1.5; font-size: 1.4rem; padding: 15px 40px 15px 25px !important; font-weight: 500; } header .wraper>.inner>.btn>a:before,header .header_contents .header_col1 .btn>a:before{ position: absolute; display: block; content: ""; width: 5px; height: 5px; top: calc(50% - 2.5px); right: 20px; background:#fff; pointer-events: none; z-index: 9; border-radius:99px; transition: transform .4s ease; } header .wraper>.inner>.btn>a:after,header .header_contents .header_col1 .btn>a:after{ display: inline-block; content: "\2192"; color: #fff; position:absolute; top: 50%; left: 0; transition: transform .4s 0.05s ease; transform: translateY(-50%) translateX(-40px); } header .wraper>.inner>.btn>a:hover,header .header_contents .header_col1 .btn>a:hover,header#pattern4 .wraper>.inner>.btn>a:hover{ /* background-position: 0 0; */ opacity: 1; background: #a54b4b; } /* 管理画面を除くここから */ body:not(.edit_view) header .wraper>.inner>.btn>a:hover span,body:not(.edit_view) header .header_contents .header_col1 .btn>a:hover span{ transform: translateX(30px); } body:not(.edit_view) header .wraper>.inner>.btn>a:hover:before,body:not(.edit_view) header .header_contents .header_col1 .btn>a:hover:before{ transform: translateY(-50%) translateX(40px) scale(0); } body:not(.edit_view) header .wraper>.inner>.btn>a:hover:after,body:not(.edit_view) header .header_contents .header_col1 .btn>a:hover:after{ transform: translateY(-50%) translateX(20px); } /* 管理画面を除くここまで */ header .header_contents .header_col1 .btn>a[target="_blank"] span.inn,header#pattern4 .wraper>.inner>.btn>a[target="_blank"] span.inn { padding-right: 25px !important; padding-left: 0 !important; } header .header_contents .header_col1 .btn > a[target="_blank"] span.inn::before,header .header_contents .header_col1 .btn > a[target="_blank"] span.inn::after,header#pattern4 .wraper > .inner > .btn > a[target="_blank"] span.inn::before,header#pattern4 .wraper > .inner > .btn > a[target="_blank"] span.inn::after { border-color: var(--i_btn_txt_color); } header .header_contents .header_col1 .btn > a:hover[target="_blank"] span.inn::before,header .header_contents .header_col1 .btn > a:hover[target="_blank"] span.inn::after,header#pattern4 .wraper > .inner > .btn > a:hover[target="_blank"] span.inn::before,header#pattern4 .wraper > .inner > .btn > a:hover[target="_blank"] span.inn::after { border-color: var(--i_btn_hover_txt_color); } header .header_contents .header_col1 .btn > a[target="_blank"] span.inn,header#pattern4 .wraper > .inner > .btn > a[target="_blank"] span.inn { padding-right: 25px !important; } /*.header_contents調整*/ header#pattern4 .header_contents{ z-index: 0; } header#pattern4.open:after{ background: rgba(255,255,255,0.95); } @media screen and (max-width: 900px) { header .header_contents,header#pattern4 .header_contents { z-index: 0; } } body.scrolled header.open .header_contents .header_col1 .btn>a{ border: 1px solid var(--i_btn_txt_color); } body.scrolled header.open .header_contents .header_col1 .btn>a:hover{ border: 1px solid var(--i_btn_color); } header .header_contents .header_col1 .btn>a span, header#pattern4 .wraper>.inner>.btn>a span { position: relative; z-index:1; } header#pattern1 nav,header#pattern3 nav{ position: relative; } header nav *{ color: var(--i_bg_color); } header nav ul.nav_1st{ width: 100%; max-width: 1300px !important;/*任意*/ } header nav ul.nav_1st>li{ box-sizing: border-box; position: relative; } header nav ul.nav_1st>li:after{/*罫線*/ content: ""; width: 1px; height: 50%; position: absolute; top: 25%; left: 0; } header nav ul.nav_1st>li:last-child:before{/*罫線*/ content: ""; width: 1px; height: 50%; position: absolute; top: 25%; right: 0; } header nav ul.nav_1st>li>a{ font-size: 1.9rem; font-weight: 500; position: relative; padding-left: 1vw; padding-right: 1vw; } header nav ul.nav_1st>li>a span{ /*ナビの高さはline-heightで調整*/ line-height: 3;/* マージン普通選択時 */ letter-spacing: 0.4rem; transition: 0.4s ease-in-out; font-size: 1.5rem; display: block; } header#pattern2 nav ul.nav_1st>li>a span{ line-height: 1; min-width: 110px; } header#pattern2 nav ul.nav_1st>li>a span span{ font-size: 1.3rem; margin-top: 5px; } body.margin header nav ul.nav_1st>li>a span{ line-height: 4;/* マージン広い選択時 */ } header nav ul.nav_2nd{ padding-top: 20px; } header nav ul.nav_1st>li:hover ul.nav_2nd{ padding-top: 15px; box-shadow: 2px 2px 5px var(--i_shadow_color); } header nav ul.nav_2nd>li{ background: rgba(50, 50, 50, 0.9); border-bottom: 1px solid var(--i_border_color); } header nav ul.nav_2nd>li:nth-last-of-type(1){ border-bottom: none; } header nav ul.nav_2nd li a{ padding: 10px 20px; font-weight: 500; font-size: 1.4rem; } header nav ul.nav_2nd>li>a{ padding-right: 30px; } header nav ul.nav_2nd>li>a:after{ height: 5px; width: 5px; transform: rotate(-45deg); border-right: 1px solid var(--i_bg_color); border-bottom: 1px solid var(--i_bg_color); top: calc(50% - 2.5px); right: 20px; } header nav ul.nav_3rd{ padding-left: 20px; } header nav ul.nav_3nd li a{ padding: 5px 20px; } header nav ul.nav_3rd>li>a:after{ height: 1px; width: 4px; background: var(--i_sub_color); top: calc(50% - 0.5px); left: 5px; } header .burger { /* transform: translateY(0); */} @media screen and (max-width: 900px){ header .header_contents .header_col1 .btn>a{ border: none; } body.scrolled header{ /* height: 75px !important; */ } header nav ul.nav_1st>li>a span{ font-size:1.45rem; } header#pattern4 .logo{ margin: 0 6px; /* width: 80px !important; */ } header .logo a img{ max-height: 100px !important; max-width: 180px; transition: 0.7s ease-in-out; } body.scrolled header .logo a img{ } body.scrolled header .logo{ padding: 10px 0 !important; } header#pattern2.width_full .logo { padding: 10px 10px 10px 0 !important; left: 0 !important; } header.open:after,header .header_contents{ background: rgba(69, 59, 56, 0.9); } header .burger li.sp_translate a svg{ height: 28px; width: 28px; margin: 10% auto; } header .header_sns,header .header_contents .header_col1,header .header_contents .header_col2{ border-top: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid var(--i_border_color); } header .header_sns{ border-bottom: none; } header .header_sns:empty,header .header_contents .header_col1:empty,header .header_contents .header_col2:empty{ border: none; } header .header_contents .header_col1 .tel,header .header_contents .header_col1 .btn{ float: none; } header .header_contents .header_col2{ display: block !important; } header nav{ border-bottom: 1px solid var(--i_border_color); } header nav ul.nav_1st{ border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid var(--i_border_color); } header nav ul.nav_1st li{ border-bottom: 1px solid var(--i_border_color); border-top: 1px solid rgba(255,255,255,0.2); } header nav ul.nav_1st>li:before,header nav ul.nav_1st>li:after{ display: none !important; } header nav ul.nav_1st>li i:before,header nav ul.nav_1st>li i:after{ background: var(--i_bg_color); } header nav ul.nav_2nd{ border-top: 1px solid var(--i_border_color); } header nav ul.nav_2nd>li{ box-shadow: none; } header nav ul.nav_3rd{ border-top: 1px solid var(--i_border_color); } header nav ul.nav_3rd>li:nth-last-of-type(1){ border-bottom: none; } header .logo a{ width: 240px!important; } header nav ul.nav_1st>li>a:hover:before{ transform: scale(0, 0); } header#pattern1 nav, header#pattern3 nav{ border-bottom: 0; border-top: 0; } header .header_contents .header_col1 .btn > a{ padding: 7px 15px 7px; margin-bottom: 5px!important; } header nav ul.nav_1st>li>a:hover{ background: none; } header#pattern2 nav ul.nav_1st{ border-bottom: 0px; } header nav ul.nav_1st>li:hover ul.nav_2nd{ box-shadow: none; } header .wraper > .inner{ min-height: 45px !important; justify-content: space-between; } header#pattern4 .inner>.header_sns ul { justify-content: center; } } /*余白設定*/ main>section:first-child:not([class*="pt"]),main>div:first-child:not([class*="pt"]),div[class*='pb']+.contents_related,section[class*='pb']+.contents_related,div[class*='pb']+.contents_related_tags,section[class*='pb']+.contents_related_tags{ padding-top: 60px; } main>section:not([class*="pt"]),main>div:not([class*="pt"]),aside>section:not([class*="pt"]),aside>div:not([class*="pt"]){ padding-bottom: 60px; } @media screen and (max-width: 800px){ main>section:first-child:not([class*="pt"]),main>div:first-child:not([class*="pt"]),div[class*='pb']+.contents_related,section[class*='pb']+.contents_related,div[class*='pb']+.contents_related_tags,section[class*='pb']+.contents_related_tags{ padding-top: 40px; } main>section:not([class*="pt"]),main>div:not([class*="pt"]),aside>section:not([class*="pt"]),aside>div:not([class*="pt"]){ padding-bottom: 40px; } } /*見出し*/ section .content_wrapper>.heading:first-child:last-child{ margin-bottom: 0; } section:not([class*="pt"]) .content_wrapper>.heading:first-child:last-child{ margin-bottom: 0; } .heading.block_header_1, .heading.block_header_6{ margin-bottom: 30px; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; } .heading.block_header_1 p,.heading.block_header_6 .h{ font-weight: 500; font-size: 3.8rem; line-height: 1.4; position: relative; padding-bottom: 17px; margin-bottom: 15px; letter-spacing: 0.3rem; } .index .heading.block_header_1 p,.index .heading.block_header_6 .h{ font-size: 5rem; } .heading.block_header_1 p:before,.heading.block_header_6 .h:before{ position: absolute; display: block; content: ""; background: var(--i_sub_color); width: 50px; bottom: 0px; height: 2px; left: calc(50% - 25px); pointer-events: none; z-index: 9; border-radius: 50px; } .heading.block_header_1.align-left p:before,.heading.block_header_6.align-left .h:before{ left: 0; } .heading.block_header_1.align-right p:before,.heading.block_header_6.align-right .h:before{ right: 0; left: auto; } *[style*=" color: #ffffff;"] .heading.block_header_1 p:before,*[style*=" color: #ffffff;"] .heading.block_header_6 .h:before,*[style*=" color: rgb(255, 255, 255);"] .heading.block_header_1 p:before, *[style*=" color: rgb(255, 255, 255);"] .heading.block_header_6 .h:before{ background: #fff; } *[style*=" color: rgb(255, 255, 255);"] .heading.block_header_1 p,*[style*=" color: rgb(255, 255, 255);"] .heading.block_header_6 .h{ color: #fff !important; } .heading.block_header_1 .h,.heading.block_header_6 p{ font-size: 1.7rem; font-weight: 500; letter-spacing: 0.3rem; } @media screen and (max-width: 800px){ .heading.block_header_1,.heading.block_header_6{ margin-bottom: 20px; padding-bottom: 12px; } .heading.block_header_1 p,.heading.block_header_6 .h{ font-size: 2.8rem; } .heading.block_header_1 .h,.heading.block_header_6 p{ font-size: 1.5rem; letter-spacing: 0.1rem; } .index .heading.block_header_1 p,.index .heading.block_header_6 .h{ font-size: 3.5rem; } } .heading.block_header_2{ margin-bottom: 30px; } section[style*=" color: rgb(255, 255, 255);"] .heading.block_header_2,div[style*=" color: rgb(255, 255, 255);"] .heading.block_header_2{ border-bottom-color: #fff; } .heading.block_header_2.align-center:before{ display: none; } .heading.block_header_2.align-left:before{ left: 0; } .heading.block_header_2.align-right:before{ right: 0; } .heading.block_header_2 .h{ display: inline-block; font-weight: 500; font-size: 2.1rem; line-height: 1.5; position: relative; padding-left: 13px; border-bottom: 3px double rgba(0,0,0,0.18); padding-bottom: 5px; margin-bottom: 5px; letter-spacing: 0.1rem; } .heading.block_header_2 .h:before,.heading.block_header_2 .h:after{ display: block; content:''; position: absolute; } .heading.block_header_2 .h:before{ top: 0.25em !important; left: 0; height: calc(100% - 16px); border: 1px solid var(--i_sub_color); } .heading.block_header_2 p{ font-size: 1.4rem; padding-left: 13px; font-weight: 500; letter-spacing: 0.2rem; } .news_archive .heading.block_header_2,.glossary_archive .heading.block_header_2,.widget_gallery01 .heading.block_header_2,.gallery_archive .heading.block_header_2{ border: none; } @media screen and (max-width: 800px){ .heading.block_header_2{ margin-bottom: 20px; } .heading.block_header_2 .h{ font-size: 2.1rem; padding-left: 10px; } .heading.block_header_2 p{ padding-left: 10px; } } .heading.block_header_3{ overflow: hidden; color: var(--i_bg_color); background: var(--i_main_color); padding: 10px 10px 10px 30px; margin-bottom: 30px; } .heading.block_header_3 .h{ font-weight: 500; font-size: 1.9rem; line-height: 1.5; letter-spacing: 0.2rem; } .heading.block_header_3 p{ font-size: 1.4rem; font-weight: 500; letter-spacing: 0.2rem; } @media screen and (max-width: 800px){ .heading.block_header_3{ padding: 5px 5px 5px 5px; margin-bottom: 20px; } .heading.block_header_3 .h{ font-size: 2.0rem; } .heading.block_header_3 p{ font-size: 1.3rem; } } .heading.block_header_4{ margin-bottom: 15px; } .heading.block_header_4:before{ display: none; } .heading.block_header_4 .h{ font-weight: 500; line-height: 1.5; margin-bottom: 5px; color: var(--i_main_color); letter-spacing: 0.2rem; font-size: 2.1rem; } .heading.block_header_4 p{ font-size: 1.4rem; letter-spacing: 0.2rem; } .heading.block_header_5{ margin-bottom: 15px; } .heading.block_header_5 .h{ display: inline; font-weight: 500; font-size: 1.8rem; margin-bottom: 10px; letter-spacing: 0.2rem; } .heading.block_header_5 p{ display: inline; font-size: 1.4rem; letter-spacing: 0.2rem; } .heading.block_header_5 p:before{ content: "　/　"; } #sidebar .heading.block_header_5{ background: var(--i_sub2_color); padding: 5px 15px; position: relative; color: var(--i_txt_color); } /*背景パララックス*/ .parallax{ box-shadow: 0 0 5px var(--i_shadow_color) inset; } .parallax_img{ opacity: 0.8; filter: brightness(120%) blur(4px); background-position: 0% 50% !important; } /*ボタン*/ .contents_btn01 a,.widget_form form .submit span{ color: var(--i_btn_txt_color) !important; background: linear-gradient(-45deg, var(--i_btn_color) 45%, var(--i_btn_hover_color) 80%); background-size: 400% 400%; background-position: 100% 0; position: relative; display: inline-block; padding-left: 0; padding-right: 0; text-align: center; font-family: inherit; font-weight: 500; transition: .4s ease; min-width: 270px!important; overflow: hidden; box-sizing: border-box; } .contents_btn01 a span,.widget_form form .submit input{ color: var(--i_btn_txt_color) !important; transition: 0.4s ease; display: inline-block; } .contents_btn01 a span{ text-align: center; line-height: 1.5; font-size: 1.5rem; padding: 14px 22px 14px; font-weight: 500; position: relative; } .widget_form form .submit input{ background: transparent; min-width: 0; padding: 14px; } .contents_btn01 a:before,main form .submit span:before{ position: absolute; display: block; content: ""; width: 5px; height: 5px; top: calc(50% - 2.5px); right: 20px; background:#fff; pointer-events: none; z-index: 9; border-radius:99px; transition: transform .4s ease; } .contents_btn01 a:after, main form .submit span:after{ display: inline-block; content: "\2192"; color: #fff; position:absolute; top: 50%; left: 0; transition: transform .4s 0.05s ease; transform: translateY(-50%) translateX(-40px); } .contents_btn01 a:hover, main form .submit span:hover{ background-position: 0 0; /* padding-left: 0px!important; */ } body:not(.edit_view) .contents_btn01 a:hover span, body:not(.edit_view) main form .submit span:hover input{ transform: translateX(30px); } body:not(.edit_view) .contents_btn01 a:hover:before, body:not(.edit_view) main form .submit span:hover:before{ transform: translateY(-50%) translateX(40px) scale(0); } body:not(.edit_view) .contents_btn01 a:hover:after,body:not(.edit_view) main form .submit span:hover:after{ transform: translateY(-50%) translateX(35px); } .contents_btn01 a[target=_blank] span:before,.contents_btn01 a[target=_blank] span:after{ border: 1px solid var(--i_btn_txt_color); /* transition: .2s ease-in-out; */ } .contents_btn01 a[target=_blank]:hover span:before,.contents_btn01 a[target=_blank]:hover span:after{ border: 1px solid var(--i_btn_hover_txt_color)!important; } input[id="form_submit"],input[type="submit"],textarea{ appearance: none; -webkit-appearance: none; border-radius: 0; } .contents_faq01.accordion .mymore a{ padding: 0 0 3px; } .contents_box01[class*="block_image_text_"] .inner_item_txt .contents_btn01 .content_wrapper{ padding-left: 10px; } #fixbtn .contents_btn01 a{ background: none; } #fixbtn .contents_btn01 a span{ padding: 0; } #fixbtn .contents_btn01 a:before,#fixbtn .contents_btn01 a:after{ display: none; } #fixbtn .contents_btn01 a:hover span{ transform: none; } section[style*=" color:"]:not([style*=" color: inherit"]) .contents_btn01 a,div[style*=" color:"]:not([style*=" color: inherit"]) .contents_btn01 a{ border: #fff 1px solid; } @media screen and (max-width: 900px){ #fixbtn .contents_btn01 a{ padding: 0!important; min-width: auto!important; } #fixbtn .contents_btn01 a:hover{ background: var(--i_btn_hover_color); } #fixbtn .contents_btn01 a:before,#fixbtn .contents_btn01 a:after{ display: none; } #fixbtn .contents_btn01 a:hover span{ transform: translateX(0); } } /*--------------------------------MV--------------------------------*/ #mv_outer{ position: relative; } #mv{ width: 100%; height: 92vh; max-height: none !important; } #mv:after { background: linear-gradient(20deg, rgba(20, 20, 20, 0.3)20%, transparent 75%); } #mv .mv_text{ height: 100%; width: 100% !important; left: 0% !important; bottom: 0% !important; align-items: center; } #mv .mv_text>div{ max-width: none !important; box-sizing: border-box; width: auto; margin-left: 50px; color: #fff; } #mv .mv_text h2{ font-size: 60px;/* ←max-font-size的意味合いで使用する。動作はjs。*/ line-height: 1.1; letter-spacing: 0.1rem; font-weight: 500; font-size: 3.5rem !important; position: relative; text-shadow: 0 0 10px #000; display: block; margin-bottom: 10px; } #mv .mv_text p{ font-size: 2.5rem; font-weight: 500; letter-spacing: 0.2rem; display: inline-block; text-shadow: 0 0 10px #000; } #mv_outer #mv .mv_text div p.static{ display: inline !important; } #mv .mv_scroll,#mv .mv_pointer,#mv .mv_arrow{ display: none; } @media screen and (max-width: 900px){ #mv{ height: 85vh; } #mv .mv_text h2{ font-size: 2.5rem !important; } #mv .mv_text p{ font-size: 1.6rem; } #mv .mv_text { bottom: -15% !important; } } @media screen and (max-width: 480px){ #mv .mv_text h2{ font-size: 5.5vw !important; margin-bottom: 0px; } #mv .mv_text p{ font-size: 3.6vw !important; } } /*IV*/ #lv{ background: var(--i_txt_color); height: 400px; padding-bottom: 0; } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .parallax .parallax_img{ /* IE11 にのみ適用される */ margin-top: -160px !important; } *::-ms-backdrop, #lv{ padding-top: 150px !important; } } header.over+#lv_outer #lv{ min-height: 400px; } #lv div{ opacity: 0.4; } #lv p{ left: 0; text-align: center; width: 100%; box-sizing: border-box; padding: 0 10px 0 } #lv p span{ display: inline-block; font-size: 3.4rem; color: #fff; font-weight: 500; text-align: center; position: relative; word-break: break-all; line-height: 1; text-shadow: 1px 1px 0 var(--i_shadow_color); letter-spacing: 0.2rem; } #lv p span span{ font-size: 1.6rem; } @media screen and (max-width: 800px){ #lv{ height: 230px; min-height: 230px; } header.over+#lv_outer #lv{ min-height: 270px; } #lv p span{ font-size: 2.7rem; } } @media all and (-ms-high-contrast: none) { #lv p span{ top: -10px; } } /*パンくず*/ #pan{ padding: 0; border-bottom: 1px solid var(--i_border_color); } #pan li{ font-size: 1.2rem; padding: 5px 0 3px 30px; } #pan li:before{ border-top: 1px solid var(--i_border_color); border-right: 1px solid var(--i_border_color); } /*other parts*/ /*--リスト--*/ .default_ul li:before{ border-top: 1px solid var(--i_sub_color); border-right: 1px solid var(--i_sub_color); height: 5px; width: 5px; transform: rotate(45deg); top: 8px; left: 0; } /*--アーカイブページ カテゴリー--*/ .category1 li a{ border: 1px solid var(--i_txt_color); border-radius: 50px; font-size: 1.4rem; } .category1 li a:hover,.category1 li a.current{ background: var(--i_main_color); color: #fff; border: 1px solid var(--i_main_color); }
/*--sidebar--*/
#sidebar section,
#sidebar>div{
	border-bottom: 1px solid var(--i_border_color);
}
#sidebar h2{
	text-align: left;
	font-size: 2.2rem;
}
#sidebar .sidebar_tag li{
	border: 1px solid var(--i_border_color);
	background: var(--i_sub2_color);
}
#sidebar .sidebar_list a{
	position: relative;
	padding-left: 15px;
}
#sidebar .sidebar_list a:before{
	content: "";
	display: block;
	position: absolute;
	border-top: 1px solid var(--i_main_color);
	border-right: 1px solid var(--i_main_color);
	height: 5px;
	width: 5px;
	transform: rotate(45deg);
	top: calc(50% - 3px);
	left: 0;
}
/*pager*/ /*アーカイブページページャー*/
.pager li a{
	height: 45px;
	width: 45px;
	border-radius: 999px;
	line-height: 45px;
	border: 1px solid var(--i_txt_color);
	font-size: 1.4rem;
}
.pager li:not(.arrow) a:hover,
.pager li:not(.arrow).current a{
	background: var(--i_main_color);
	color: #fff;
	border: 1px solid var(--i_main_color);
}
.pager li.arrow a{
	background: none;
}
/*pager2*/ /*シングルページページャー*/
.pager2 li a{
	border: 1px solid var(--i_txt_color);	
	color: var(--i_txt_color);
	line-height: 45px;
	padding: 0 15px;
	font-size: 1.4rem;
}
.pager2 li a:hover{
	background: var(--i_main_color);
	color: #fff;
	border: 1px solid var(--i_main_color);
}
/*popup*/ /*画像ポップアップ拡大表示*/
.popup{
	background: rgba(255,255,255,0.7);
}
.poptxt{
	font-size: 1.2rem;
}
/*footer*/
#fixbtn{
	margin-bottom: 30px;
	font-size: 1.55rem;
}
#fixbtn .fixbtnwrap{
	background: var(--i_bg_color);
	border-top: 1px solid rgba(0,0,0,0.1);
}
/*▼ TEL、予約ボタンない = 追従フッター有効でない場合*/
#fixbtn.no .fixbtnwrap{
	background-color: transparent;
}
#fixbtn .fixbtntel,
#fixbtn .fixbtntel a,
#fixbtn .fixbtntel span{
	color: var(--i_txt_color);
}
#fixbtn .fixbtntel{
	border-right: 1px solid var(--i_border_color);
}
#fixbtn .fixbtntel:nth-last-of-type(2){
	border-right: none;
}
#fixbtn .fixbtntel a,
#fixbtn .fixbtntel span{
	font-size: 3.4rem;
	line-height: 1;
	margin-right: 10px;
}
#fixbtn .fixbtntel a:last-child,
#fixbtn .fixbtntel span:last-child{
	margin-right: 0;
}
#fixbtn .fixbtntel svg{
	width: 22px;
	height: 22px;
	margin-right: 5px;
	fill: var(--i_txt_color);
}
#fixbtn .contents_btn01{
	border-left: 1px solid rgba(255,255,255,0.1);
}
#fixbtn .contents_btn01:nth-of-type(1){
	border-left: none;
}
#fixbtn .contents_btn01:nth-of-type(1){
	/*▼ TELない場合中央揃え*/
	margin-left: auto;
	margin-right: auto;
}
/*▼ TEL、予約ボタンない = 追従フッター有効でない場合*/
#fixbtn #scrolltop:nth-of-type(1){
	margin-left: auto;
	/*▼ 右揃え*/
	margin-right: 0;
	/*▼ 中央揃え*/
	margin-right: auto;
}
#fixbtn #scrolltop a{
	height: 40px;
	width: 40px;
}
#fixbtn #scrolltop a:before{
	top: 17px;
	left: 3px;
	transform: rotate(45deg);
	transition: 0.2s ease-in-out;
	border-left: 2px solid var(--i_main_color);
	border-top: 2px solid var(--i_main_color);
	width: 30px;
	height: 30px;
}
#fixbtn #scrolltop a:hover:before{
	opacity: 0.7;
}
/*▼ TEL、予約ボタンない = 追従フッター有効でない場合*/
#fixbtn.no #scrolltop a:before{
  border-color: rgba(120,120,120,0.6) ;
}
#fixbtn.no #scrolltop a:hover:before{
  border-left: 2px solid rgba(120,120,120,1);
  border-top: 2px solid rgba(120,120,120,1);
}
@media screen and (max-width: 600px){
  #fixbtn{
    margin-bottom: 0;
  }
  #fixbtn,#fixbtn .fixbtntel a, #fixbtn .fixbtntel span{
    font-size: 1.7rem;
  }
  #fixbtn .fixbtntel a,#fixbtn .fixbtntel span{
    font-size: 2rem;
    margin: 0;
    color: var(--i_txt_color);
}
	#fixbtn .fixbtntel svg{
		width: 14px !important;
		height: 14px !important;
		transform: translateY(0px)!important;
	}
	#fixbtn .contents_btn01 a{
		padding: 0 !important;
		letter-spacing: 0;
		margin: 2px 4.5px !important;
	}
}
footer{
	background: var(--i_sub2_color);
	padding: 0;
	color: var(--i_bg_color);
	text-align: center;
	font-size: 1.35rem;
}
footer a{
	color: var(--i_txt_color);
}
footer nav li{
	letter-spacing: 0.2rem;
	padding: 5px 0;
	font-weight: 500;
}
footer .logo{
	max-width: 400px !important;
}
footer .sns{
	margin: 0 auto 30px;
}
footer .sns svg{
	width: 40px;
	height: 40px;
	padding: 10px 10px;
	transition: 0.2s ease-in-out;
	fill: var(--i_txt_color);
}
footer .sns a:hover svg{
	opacity: 0.8;
}
footer nav li a{
	font-weight: 500;
}
#cp{
	padding: 10px 0;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
	color: var(--i_txt_color);
}
@media screen and (max-width: 700px){
	footer .logo{
		width: 210px;
		margin: 0 auto 10px;
	}
}
@media screen and (max-width: 600px){
	footer{
		padding: 0 0 20px;
	}
}
@media screen and (max-width: 600px){
	footer nav ul{
		border-bottom: 1px solid rgba(0,0,0,0.13);
	}
	footer nav ul li{
		border-top: 1px solid rgba(255,255,255,0.1);
		border-bottom: 1px solid rgba(0,0,0,0.13);
	}
	footer nav ul li:nth-last-of-type(2n){
		border-right: 1px solid rgba(0,0,0,0.13);
	}
	footer nav ul li:nth-last-of-type(2n+1){
		border-left: 1px solid rgba(255,255,255,0.1);
	}
	footer nav ul li:nth-of-type(1),
	footer nav ul li:nth-of-type(1),
	footer nav ul li:nth-of-type(2),
	footer nav ul li:nth-of-type(3):nth-last-of-type(2n-1){
		border-top: 1px solid rgba(0,0,0,0.13);
	}
	footer nav ul li:nth-last-of-type(1),
	footer nav ul li:nth-last-of-type(2){
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	#fixbtn .fixbtnwrap{
		border-bottom: none;
	}
	#fixbtn .inner{
		padding: 0;
	}
}
/*widget*/ /*contents_faq01*/
.contents_faq01 dt{
	padding-left: 5rem;
	margin-bottom: 25px;
	min-height: 35px;
	width: 100%;
	padding-right: 15px;
	box-sizing: border-box;
}
.contents_faq01 dd{
	padding-left: 7.3rem;
	margin-bottom: 15px;
	width: 100%;
	padding-right: 15px;
	box-sizing: border-box;
}
.contents_faq01 dt:before,.contents_faq01 dd:before{
	width: 4rem;
	height: 4rem;
	font-size: 2.5rem;
	line-height: 1.5;
	box-sizing: border-box;
	font-weight: 500;
	color:#fff;
	background: var(--i_main_color);
	border: 1px solid var(--i_main_color);
	text-align: center;
}
.contents_faq01 dd:before{
	font-size: 2.6rem;
	line-height: 1.45;
	color: var(--i_main_color);
	background: none;
	text-align: center;
}
/*contents_related_tags*/
.contents_related_tags .inner_item{
	border: 1px solid var(--i_border_color);
}
.contents_related_tags .inner_item:hover{
	background: var(--i_sub2_color);
}
.contents_related .inner_item a:hover{
	background: var(--i_sub2_color);
	opacity: 0.8;
}
/*block_table_1*/
.block_table_1 table thead{
	background: var(--i_sub2_color);
}
.block_table_1 table thead th,.block_table_1 table thead td{
	background-color: var(--i_sub2_color);
}
.block_table_1 table th{
	background-color: var(--i_sub2_color);
	border: 1px solid var(--i_border_color);
	text-align: center;
	vertical-align: middle;
}
.block_table_1 table td{
	background-color: #fff;
	border: 1px solid var(--i_border_color);
	vertical-align: middle;
}
.block_table_1 table thead td{
	text-align: center;
	font-weight: 500;
}
/*block_table_2,5,6*/
.block_table_2 table thead,.block_table_2 table thead th,.block_table_2 table thead td,.block_table_5 table thead,.block_table_5 table thead th,.block_table_5 table thead td,.block_table_6 table thead,.block_table_6 table thead th,.block_table_6 table thead td{
	background-color: var(--i_sub2_color);
}
.block_table_2 table th,.block_table_5 table th,.block_table_6 table th{
	background-color: var(--i_sub2_color);
	border: 1px solid var(--i_border_color);
	text-align: center;
	vertical-align: middle;
}
.block_table_2 table td,.block_table_5 table td,.block_table_6 table td{
	background-color: var(--i_bg_color);
	border: 1px solid var(--i_border_color);
	vertical-align: middle;
}
.block_table_2 table thead td,.block_table_5 table thead td,.block_table_6 table thead td{
	text-align: center;
	font-weight: 500;
}
@media screen and (max-width: 500px){
	.block_table_2 table{
		border-bottom: 1px solid var(--i_border_color);
	}
	.block_table_2 table th{
		border-top: 1px solid var(--i_border_color);
	}
	.block_table_2 table td{
		border-top: 1px dotted var(--i_border_color);
	}
}
/*block_table_3*/
.block_table_3 table thead,.block_table_3 table thead th,.block_table_3 table thead td,.block_table_7 table thead,.block_table_7 table thead th,.block_table_7 table thead td{
	background-color: var(--i_sub2_color);
}
.block_table_3 table th,.block_table_7 table th{
	background-color: var(--i_sub2_color);
	border: 1px solid var(--i_border_color);
	text-align: center;
	vertical-align: middle;
}
.block_table_3 table td,.block_table_7 table td{
	background-color: var(--i_bg_color);
	border: 1px solid var(--i_border_color);
	vertical-align: middle;
}
@media screen and (max-width: 500px){
	.block_table_3 table{
		border-bottom: 1px solid var(--i_border_color);
	}
	.block_table_3 table th{
		border-top: 1px solid var(--i_border_color);
	}
	.block_table_3 table td{
		border-top: 1px dotted var(--i_border_color);
	}
}
.block_table_3_item li{
	vertical-align: middle;
}
/*gallery_archive / gallery_single*/
.gallery_archive .inner_item a,.gallery_single .inner_item a{
	transition: 0.2s ease-in-out;
	background-color: transparent;
}
.gallery_archive .inner_item a:hover,
.gallery_single .inner_item a:hover{
	background-color: #000;
}
.gallery_archive .inner_item a:hover img,.gallery_single .inner_item a:hover img{
	opacity: 0.8;
}
.gallery_archive .inner_item a:after,.gallery_single .inner_item a:after{
	color: #fff;
}
.gallery_archive .inner_item p span,.gallery_single .inner_item p span{
	color: #fff;
}
.gallery_single_slider .slick-arrow::before{
	border-color: var(--i_btn_color);
}
/*widget_gallery01*/
.widget_gallery01 .slick-arrow{
	height: 40px;
	width: 30px;
	top: 37%;
	left: 0;
}
@media screen and (max-width: 500px){
	.widget_gallery01 .slick-arrow{
		top: 27%;
	}
}
.widget_gallery01 .slick-next{
	left: auto;
	right: 0;
}
/*gallery hover効果*/
main .widget_gallery01 a,main .gallery_archive .inner_item a,main .gallery_single .inner_item a{
	overflow: hidden;
}
main .widget_gallery01 a img,main .gallery_archive .inner_item a img,main .gallery_single .inner_item a img{
	/*▼ 位置調整 美容院などの人物の場合は50% 30%あたり*/
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	backface-visibility: visible;
	transition: 1s ease-out !important;
	transition-property: transform opacity !important;
	transform: scale(1.001,1.001);
}
main .widget_gallery01 a:hover img,main .gallery_archive .inner_item a:hover img,main .gallery_single .inner_item a:hover img{
	transform: scale(1.1,1.1);
	opacity: 0.8;
}
/*news_archive*/
.news_archive article .inner_item_img:hover{
	opacity: 0.8;
}
.news_archive article .entry_meta{
	font-size: 1.3rem;
}
.add_design5 #primary article .inner_item_img a i:nth-last-child(1){

	background-size: 50%!important;
}
#sidebar .widget_news02 li a div span i{
	background-size: 50%!important;
}
/*widget_coupon*/
.widget_coupon .content_wrapper{
	max-width: 900px !important;
}
.widget_coupon .inner_item>div,.widget_coupon .inner_item>dl{
	font-size: 1.4rem;
	line-height: 1.7;
}
/*widget_form*/
.widget_form .privacypolicy{
	border: 1px solid var(--i_border_color);
}
.widget_form form{
	border-top: 1px solid var(--i_border_color);
}
.widget_form form dl{
	border-bottom: 1px solid var(--i_border_color);

}
.widget_form form dt,.widget_form form dd{
	vertical-align: middle;
}
.widget_form form dt span{
	color: var(--i_sub2_color);
	color: #D43B3B !important;
	font-size: 1.2rem;
	font-weight: 500;
}
main form dl input:focus, main form textarea:focus{
	background: #fff !important;
}
@media screen and (max-width: 770px){
	.widget_form form dt{
		border-bottom: 1px dotted var(--i_border_color);
	}
}
main form dl input,main form textarea{
	background: var(--i_sub2_color);
	border: 1px solid var(--i_border_color);
	letter-spacing: 1px;
}
main form dl input:focus,main form textarea:focus{
	background: var(--i_bg_color);
	border: 1px solid var(--i_border_color);
}
main form .submit input{
	letter-spacing: 3px;
	border: none;
}
main form select{
	background: var(--i_bg_color);
	border: 1px solid var(--i_border_color);
	letter-spacing: 1px;
}
main form input[type=radio] + label,main form input[type=checkbox] + label{
	padding: 0 15px 0 22px;
}
main form input[type=radio] + label::before,main form input[type=checkbox] + label::before{
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  margin-top: -9px;
  background: var(--i_sub2_color);
}
main form input[type=radio] + label::before{
  border-radius: 30px;
}
main form input[type=radio]:checked + label::after,main form input[type=checkbox]:checked + label::after{
  left: 4px;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  background: var(--i_sub_color);
}
main form input[type=radio]:checked + label::after{
  border-radius: 100%;
}
/*widget_link*/
.widget_link .inner_item_txt{
  font-size: 2rem;
}
/*widget_lp01*/
.widget_lp01 li a:hover{
  opacity: 0.8;
}
.widget_lp01 li a div span{
	background-size: 60% auto;
}
/*widget_menu01*/
.widget_menu01 h3{
	vertical-align: central;
	font-size: 1.7rem;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.widget_menu01 li dd{
	font-size: 1.3rem;
	letter-spacing: 0;
}
/*widget_menu02*/
.widget_menu02 h3{
	vertical-align: central;
	font-size: 1.7rem;
	letter-spacing: 1px;
}
.widget_menu02 li>p{
	font-size: 1.3rem;
	letter-spacing: 0;
}
/*widget_news02*/
.block_news_2 li{
	box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.08) !important;
}
.block_news_2 li a{
	padding: 20px;
	border: 1px solid var(--i_border_color);
}
.block_news_2 li a:hover:after{
	border-width: 15px;
}
.block_news_2 li a:hover:after{
	border-width: 10px !important;
}
/*widget_shop01*/
.widget_staff01 .inner_item a:hover *{
	opacity: 0.8;
}
.widget_staff01 .sub{
	font-size: 1.2rem;
	font-weight: 500;
}
/*widget_tel*/
.widget_tel .inner_item_tel a,.widget_tel .inner_item_tel span{
	font-size: 3.6rem;
	letter-spacing: 0.1rem;
	line-height: 1.1;
	padding: 20px;

}
@media screen and (max-width: 450px){
	.widget_tel .inner_item_tel a,.widget_tel .inner_item_tel span{
		font-size: 2.6rem;
		padding: 15px 10px;
	}
	.widget_tel .inner_item_tel img{
		margin: 0 5px -2px 0;
	}
	.widget_tel .inner_item_tel svg{
		height: 16px;
		width: 16px;
	}
}
/*saitemap*/ /*glossary_archive*/
.glossary_archive .content_wrapper article{
	margin-bottom: 30px;
	padding-bottom: 30px;/*★1*/
}
.glossary_archive .content_wrapper .heading.block_header_2{
	margin-bottom: 10px;
}
.glossary_archive .content_wrapper .heading.block_header_2 .h{
	font-size: 1.8rem;
}
.glossary_archive .content_wrapper .heading.block_header_2 a:after{
	content: "View More";
	position: absolute;
	width: 150px;
	bottom: 32px;/*★1 + 数px*/
	right: 0;
	text-align: center;
	font-size: 1.5rem;
	font-weight: normal;
	padding: 3px 10px;
}
.glossary_archive .content_wrapper article .entry_body{
	padding-right: 180px;
}

@media screen and (max-width: 1224px){
	.glossary_archive .content_wrapper .heading.block_header_2 a:after{
		bottom: calc(32px + 1.8rem);/*★1 + 数px*/
	}
}
@media screen and (max-width: 650px){
	.glossary_archive .content_wrapper article{
		padding-bottom: 60px;
	}
	.glossary_archive .content_wrapper .heading.block_header_2 a:after{
		bottom: 30px;/*★1*/
	}
	.glossary_archive .content_wrapper article .entry_body{
		padding-right: 0;
	}
}
/*recruit*/
.recruit_archive.add_design1 .recruitment_list .inner_item{
	background: rgba(255,255,255,.8);
}
.index main>section:first-child +div.composite_box01 .heading.block_header_4 .h,.index main>section:first-child +div+div.composite_box01 .heading.block_header_4 .h{
	font-size: 2.5rem;
	letter-spacing: 0.1rem;
}
@media screen and (min-width: 901px) {
	header#pattern2 .header_contents .inner {
	    position: relative;
	    display: flex;
	    justify-content: flex-end;
	    align-items: center;
	}
	header .header_contents .header_sns.on {
	    position: relative;
	    display: inline-block;
	    width: auto;
	    padding: 0;
	}
	header .header_contents .header_sns ul {
    	width: auto;
	}
}
@media screen and (min-width: 901px) and (max-width: 1000px) {
	header .header_contents .header_col1 .tel {
	    font-size: 21px;
	}
	header .header_contents .header_col1 .btn>a {
	    padding: 5px;
	}
}
@media screen and (max-width: 800px){
	.index main>section:first-child +div.composite_box01 .heading.block_header_4 .h,	.index main>section:first-child +div+div.composite_box01 .heading.block_header_4 .h{
		font-size: 2.1rem;
	}
}
/*TOPコンテンツ内追記CSS*/
/*背景パララックス*/
a[id*="para"]+section .parallax_img,a[id*="para"]+div .parallax_img{
	opacity: 0.3;
	filter: brightness(100%) contrast(120%) blur(10px);
}
/*MVテキスト画像*/
#mv .mv_textimg{
	left: 0%;
	top: -5%;
}
#mv .mv_textimg img{
	width: 65%;
}
#mv .mv_textimg a{
	width: 33%;
	height: 17%;
	bottom: 9%;
	left: 11%;
	top: auto;
}
@media screen and (max-width: 1400px) and (min-width: 900px) and (max-height: 700px) {
	#mv .mv_textimg{
		width: 55%;
		top: -8%;
	}
	#mv .mv_textimg a{
		width: 39%;
		left: 13%;
	}
	#mv .mv_img li img[src*="mv2.jpg"]{
		object-position: 50% 30%!important;
	}
}
@media screen and (max-width: 768px){
	#mv .mv_textimg{
		left: 1%;
		top: 20%;
	}
	#mv .mv_textimg img{
		width: 98%;
		max-width: 500px;
	}
	#mv .mv_textimg a{
		width: 58%;
		left: 20%;
	}
	#mv .mv_img li img[src*="mv2.jpg"]{
		object-position: 62% 30%!important;
	}
}
#seo1+section:before{
	position: absolute;
	content:"";
	display: block;
	width: 100%;
	height: 85%;
	right: 0;
	top: 0;
	background-color: var(--i_sub2_color) !important;
	z-index: -1;
}
#c4+div {
	z-index: 0;
}
#c4+div .inner_item_img img{
	aspect-ratio: 1;
	height: auto!important;
	width: 90%!important;
}
@media screen and (min-width: 901px){
	#c4+div{
		margin-top: -145px;
	}
	#c4+div .wrapper_item{
		justify-content: space-between;
	}
	#c4+div .inner_item:nth-child(2),	#c4+div .inner_item:nth-child(3){
		margin-top: 160px;
		width: 20%;
	}
	#c4+div .inner_item:nth-child(1),	#c4+div .inner_item:nth-child(4){
		width: 25%;
	}
	#c4+div .inner_item:nth-child(1) .inner_item_img img,	#c4+div .inner_item:nth-child(4) .inner_item_img img{
		width: 800px!important;
	}
}
/*コンセプト*/
#top_box1+section{
	margin-bottom: 80px;	
}
a[id*="top_box"]+section:before{
	position: absolute;
	content:"";
	display: block;
	width: 30%;
	height: 100%;
	left: 0;
	top: 0;
	background: #e8e6dc;
}
#top_box2+section:before{
	right: 0;
	left: auto;
}
a[id*="top_box"]+section .heading.block_header_2 .h{
	font-size: 4rem!important;
	padding-left: 0;
	color: var(--i_main_color);
	border: none;
	letter-spacing: 0.3rem !important;
}
a[id*="top_box"]+section .heading.block_header_2 .h:before{
	display: none;
}
a[id*="top_box"]+section .heading.block_header_2 p{
	font-size: 1.7rem;
	color: var(--i_txt_color);
	letter-spacing: 0rem;
	padding-left: 0;
}
a[id*="top_box"]+section .inner_item_img{
	position: relative;
}
a[id*="top_box"]+section .inner_item_img:before{
	position: absolute;
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	left: -12px;
	top: -12px;
	border-left: 1px solid var(--i_sub_color);
	border-top: 1px solid var(--i_sub_color);
}
#top_box2+section .inner_item_img:before{
	right: -12px;
	left: auto;
	border-left: none;
	border-right: 1px solid var(--i_main_color);
}
@media screen and (min-width: 901px){
	a[id*="top_box"]+section .inner_item_txt{
		padding: 60px!important;
		z-index: 9;
		margin-left: -140px;
		min-width: 400px;
		background: #fff;
	}
	#top_box2+section .inner_item_txt{
		margin-right: -140px;
		margin-left: auto;
		padding-right: 50px !important;
	}
	a[id*="top_box"]+section .inner_item_txt>p{
		font-size: 90%;
	}
	a[id*="top_box"]+section .inner_item_img img{
		min-height: 520px;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (max-width: 900px){
	a[id*="top_box"]+section:before{
		width: 100%;
		height: 100%;
	}
	a[id*="top_box"]+section .inner_item_img{
		margin-bottom: 0!important;
	}
	a[id*="top_box"]+section .inner_item_img:before{
		width: 80px;
		height: 80px;
	}
	a[id*="top_box"]+section .inner_item_img:after{
		position: absolute;
		content: "";
		display: block;
		width: 80px;
		height: 80px;
		right: -12px;
		bottom: -12px;
		border-right: 1px solid var(--i_sub_color);
		border-bottom: 1px solid var(--i_sub_color);
	}
	#top_box2+section .inner_item_img:after{
		border-left: 1px solid var(--i_sub_color);
		border-right: none;
		border-bottom: 1px solid var(--i_sub_color);
		left: -12px;
		right: auto;
	}
	a[id*="top_box"]+section .inner_item_txt{
		padding: 15px!important;
		background: #fff;
		position: relative;
		width: 94%;
		margin: -30px auto 0;
		box-shadow: 10px 10px 20px var(--i_shadow_color);
	}
	a[id*="top_box"]+section .heading{
		text-align: center;
	}
	a[id*="top_box"]+section .heading.block_header_2 .h{
		font-size: 3rem !important;
		width: 100%;
		padding-bottom: 0;
	}
	a[id*="top_box"]+section .heading.block_header_2 .h:before{
		top: 1.2rem;
	}
	a[id*="top_box"]+section .heading.block_header_2 p{
		font-size: 1.5rem;
	}
}
/*chrome*/
a[id^="column"]+.block_news_1>.content_wrapper {
	display: grid;
	grid-template-columns: 35% 60%;
	align-items: center;
	justify-content: space-between;
}

a[id^="column"]+.block_news_1 .content_wrapper>.heading {
	grid-row: 1;
	grid-column: 1;
}
a[id^="column"]+div .heading.block_header_2 .h{
  font-size: 4rem !important;
  color: var(--i_main_color);
  padding-left: 0;
  letter-spacing: 0.3rem!important;
  line-height: 1.4;
  margin-bottom: 0;
  border: none;
}
a[id^="column"]+div .heading.block_header_2 p{
	padding-left: 0;
	font-size: 1.7rem;
	letter-spacing: 0.2rem;
	color: var(--i_txt_color);
}
a[id^="column"]+div .heading.block_header_2 .h:before,a[id^="column"]+div .heading.block_header_2 .h:after{
	display: none;
}
a[id^="column"]+.block_news_1 .content_wrapper>.add_text {
	grid-row: 2;
	grid-column: 1;
	text-align: left;
}
a[id^="column"]+.block_news_1 .content_wrapper>ul {
	grid-row: 1/4;
	grid-column: 2;
	min-width: 0;
	width: 100%;
}
a[id^="column"]+.block_news_1 .content_wrapper>.contents_btn01 {
	grid-row: 3;
	grid-column: 1;
	padding-top: 0;
	padding-left: 0;
}
a[id^="column"]+.block_news_1 li {
	position: relative;
	padding: 20px 0;
	border-top: none!important;
	border-bottom: 1px solid var(--i_main_color);
}
a[id^="column"]+.block_news_1 li:before{
	position: absolute;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: 0;
    background: var(--i_main_color) !important;
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
a[id^="column"]+.block_news_1 li a {
	padding: 15px 20px;
}
a[id^="column"]+.block_news_1 .content_wrapper>.contents_btn01>.content_wrapper {
	text-align: left;
}
@media screen and (max-width: 650px) {
	a[id^="column"]+.block_news_1>.content_wrapper {
		display: block;
	}
	a[id^="column"]+.block_news_1 .content_wrapper>.contents_btn01 {
		padding-top: 30px;
		padding-left: 8px;
	}
	a[id^="column"]+.block_news_1 .content_wrapper>.contents_btn01>.content_wrapper {
		text-align: center;
	}
	a[id^="column"]+div .heading.block_header_2 .h{
		font-size: 3rem !important;
		margin-bottom: 0;
	}
	a[id^="column"]+div .heading.block_header_2 p{
		font-size: 1.5rem;
	}
}
#c3+div:before{
 position: absolute;
 content:"";
 display: block;
 width: 100%;
 height: 50%;
 left: 0;
 top: 0;
 background-color: var(--i_sub2_color) !important;
}
#c3+div .inner_item_txt{
 margin-top: 0!important;
 min-height: 390px;
}
#c3+div .heading.block_header_4 .h{
 font-size: 3.5rem!important;
 letter-spacing: 0.3rem;
}
#c3+div .heading.block_header_4 p{
 font-size: 1.6rem!important;
}	
#c3+div .inner_item:before,#c3+div .inner_item:after {
 position: absolute;
 content: " ";
 height: 2px;
 background-color: var(--i_btn_txt_color);
 bottom: 40px;
 right: 45px;
 transition: right 0.3s ease-in-out; /* ← 追加 */
}
#c3+div .inner_item:before {
 width: 55px;
 z-index: 10;
}
#c3+div .inner_item:after {
 width: 20px;
 transform: rotate(35deg);
 transform-origin: right bottom;
 z-index: 2;
}
#c3+div .inner_item:hover:before {
 right: 25px;
}
#c3+div .inner_item:hover:after {
 right: 25px;
}
#c3+div .inner_item a:hover+.inner_item_txt {
	background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 901px){
 #c3+div .wrapper_item{
  justify-content: space-between;
 }
 #c3+div .inner_item{
  width: 32%;
  margin-left: 1.5%;
 }
}
@media screen and (max-width: 900px){
 #c3+div .inner_item{
  width: 100%;
  margin-bottom: 30px!important;
 }
 #c3+div .heading.block_header_4 .h{
  font-size: 3rem!important;
 }
 #c3+div .heading.block_header_4 p{
  font-size: 1.5rem!important;
 }
  #c3+div .inner_item_txt {
    background-color: rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 900px){
 article .entry_body img[src*="20251111102505.jpg/image.webp"]{
  max-width: 186px!important;
 }
}
.gallery_single table{
  max-width: 250px!important;
}
.gallery_single .inner_item_txt table th, .gallery_single .inner_item_txt table td {
  padding: 8px 8px!important;
}
@media screen and (max-width: 900px){
 .gallery_single table{
   max-width: 100%!important;
 }
}
/*ヘッダーSNSアイコン*/
@media screen and (max-width: 425px) {
 header .logo a img {
  max-width: 130px;
 }
}
/*ボタン*/
.contents_btn01 a,.widget_form form .submit span,header .header_contents .header_col1 .btn>a,header#pattern4 .wraper>.inner>.btn>a {
 border-radius: 10px;
}
/*TOPアクセスパーツ*/
.index .widget_shop01 dl:nth-of-type(n+5) {
 display: none;
}
/*spフッター*/
@media screen and (min-width: 701px) {
 #fixbtn[data-pattern="2"]:has(.fixbtntel) .contents_btn01 {
  gap: 1px;
}
}
@media screen and (max-width: 700px) {
 #fixbtn .inner {
  flex-direction: column;
 }
 #fixbtn .inner>div.fixbtntel {
  margin: auto;
 }
 #fixbtn[data-pattern="2"]:has(.fixbtntel [data-tel]:nth-child(1):nth-last-child(2)):has(.fixbtntel>p):has(.contents_btn01>a:nth-child(2):nth-last-child(1)) .contents_btn01,
 #fixbtn[data-pattern="2"]:has(.fixbtntel>a:nth-child(1):nth-last-child(2)):has(.fixbtntel>p):has(.contents_btn01>a:nth-child(2):nth-last-child(1)) .contents_btn01 {
  width: 100%;
 }
 #fixbtn[data-pattern="2"] .contents_btn01:has(>a:nth-child(1):nth-last-child(2))>a:first-child {
  border-right: 1px solid #fff;
 }
}
/*お客様の声ページ*/
[data-type="multigallery_archive"] .news_archive.add_design3 article .inner_item_img a img,[data-type="multigallery_archive"] #sidebar .widget_news02 li a div span img,[data-type="multigallery_detail"] #sidebar .widget_news02 li a div span img {
  object-fit: contain !important;
}
/*英語タイトル非表示*/
section.contents_related .heading.block_header_1 .h,section.contents_related_tags .heading.block_header_1 .h,#sidebar .heading.block_header_5 p {
  display:none;
}
/*----------------------※容量が大きいため圧縮※-------------------------------*/
.widget_form form input[type=radio]+label,.widget_form form input[type=checkbox]+label{width:100%}:root{--i_main_color:#453b38;--i_btn_color:#453b38;--i_sub2_color:#F2EDE3;--i_noimg_bg_color:#F2EDE3}header{background:#fff}@media screen and (min-width:901px){header nav ul.nav_1st>li{display:none}header nav ul.nav_1st>li:has(a[href="/concept/"]),header nav ul.nav_1st>li:has(a[href="/works/"]),header nav ul.nav_1st>li:has(a[href="/voice/"]),header nav ul.nav_1st>li:has(a[href="/company/"]){display:block}header nav ul.nav_1st>li a{position:relative;height:15px;font-size:1.5rem;transition:initial}header nav ul.nav_1st>li a[href="/concept/"] span::before{content:"CONCEPT";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:anchor-center;background:#fff;justify-content:center}header nav ul.nav_1st>li a[href="/works/"] span::before{content:"WORKS";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:anchor-center;background:#fff;justify-content:center}header nav ul.nav_1st>li a[href="/voice/"] span::before{content:"VOICE";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:anchor-center;background:#fff;justify-content:center}header nav ul.nav_1st>li a[href="/company/"] span::before{content:"COMPANY";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:anchor-center;background:#fff;justify-content:center}header nav ul.nav_1st>li:has(a:hover){line-height:1;text-align:center}header nav ul.nav_1st>li a:hover{display:block;height:auto;line-height:1}header nav ul.nav_1st>li a:hover span{display:block}header nav ul.nav_1st>li a:hover span::before{display:none}header .header_contents .header_col1 .tel svg,header .header_contents .header_col1 .btn .translate a svg,header .burger li.sp_translate a svg,header .header_contents .header_sns li svg{fill:var(--i_txt_color)}header#pattern2 .header_contents{padding-right:45px}header h1{color:var(--i_txt_color)}header .header_contents .header_col1 .btn>a:has(span.inn),header#pattern4 .wraper>.inner>.btn>a:has(span.inn),.accordion_btn summary:has(span.inn){margin-top:0}header .header_contents .header_col1 .btn.hastrans{gap:5px 0}}header .burger li.header_sns_sp a.header_sns_instagram,header .header_contents .header_sns li a.header_sns_instagram{filter:brightness(0%)}@media screen and (min-width:901px){header .header_contents .header_col1 .btn.hastrans{align-items:flex-end}header .header_contents .header_sns.on{order:-1;display:flex;align-items:center}header.open .header_contents .header_sns.on{order:1;width:100%;max-width:calc(33.3333% - 2rem * 2 / 3)}header.open .header_contents .header_sns li{margin-left:0}header.open .header_contents .header_sns ul{margin-right:auto;margin-left:0}header .header_contents .header_sns li{margin:0 20px 0}header.open .header_contents .header_sns li a.header_sns_instagram{filter:brightness(0) invert(1)}}@media screen and (max-width:900px){header.open .logo a img,header.open .header_contents .header_sns li a.header_sns_instagram{filter:brightness(0) invert(1)}}header .logo{filter:initial}@media screen and (min-width:901px){body.scrolled header#pattern2 .logo{top:-6px}body.scrolled header.open#pattern2 .logo{top:0}}@media screen and (min-width:901px){header.open{background:initial}header:after{display:block}header.open{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:100px}header.open:after{right:0;width:100%}header.open .wraper{position:initial}header.open#pattern2 .header_contents{padding-right:0;padding-left:0;padding-top:0}header .burger{display:block;top:35px;transform:initial}header .burger li.sp_menu{background-color:var(--i_main_color)}header .sp_menu[class*="mm"]:not(.mm0) a:before{color:var(--i_bg_color)}header.open .burger{top:30px}header .burger li.header_sns_sp,header .burger li.sp_translate{display:none}header.open:after,header.open .header_contents{background:rgba(69,59,56,.9)}header.open .logo a img{filter:brightness(0) invert(1)}header.open#pattern2 .header_contents{margin-left:0!important;background:initial;z-index:2}header.open .header_contents,header.open#pattern4.open .header_contents{left:0;opacity:1}header.open#pattern2 nav{display:block;z-index:2;position:relative;order:-1;border-bottom:initial}header.open .header_contents nav{visibility:visible}header.open nav{border-bottom:1px solid var(--i_border_color);background-color:transparent!important;padding:0!important;max-width:none!important}header.open nav ul.nav_1st{width:auto!important;margin-left:0!important;display:block;margin-bottom:20px;padding:0;margin-left:auto!important;margin-right:auto!important;display:flex;flex-wrap:wrap;gap:2rem;max-width:900px!important;padding:0 15px}header.open nav ul.nav_1st li{max-width:calc(33.3333% - 2rem * 2 / 3);width:100%;border-bottom:1px solid rgba(255,255,255,.2)}header.open nav ul.nav_1st li a{height:auto;text-align:left;padding-bottom:1.5rem;display:block}header.open nav ul.nav_1st>li:has(a:hover){text-align:left}header.open .header_contents .header_col1{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;text-align:left;width:100%}header.open nav ul.nav_1st>li a span::before{display:none}header.open nav ul.nav_1st>li span{display:block}header.open nav ul.nav_1st>li{display:block}header.open#pattern2 .logo{left:50%;transform:translateX(-50%);z-index:11;min-height:initial!important;left:10px;transform:initial}header nav *{color:var(--i_txt_color)}header.open nav *{color:var(--i_bg_color)}body.scrolled header{background-color:transparent;min-height:55px!important}body.scrolled header .burger{top:-3px}body.scrolled header.open .burger{top:10px}body.scrolled header#pattern2.hc_hide .wraper{position:relative;top:initial;left:initial;transform:initial}body.scrolled header.open#pattern2.hc_hide .wraper{position:initial}body.scrolled header:not(.nofixed).open .wraper>.inner{min-height:initial}body.scrolled header.open#pattern2.hc_hide .header_contents{display:block;background:initial;padding:10px 0}body.scrolled header.open#pattern2 .header_contents .inner{z-index:2}header.open#pattern2 .header_contents .inner{align-items:center;flex-direction:column-reverse;align-items:flex-end;max-width:900px;margin:auto;gap:20px}body.scrolled header.open#pattern2.hc_hide{height:100vh;flex-direction:column;justify-content:flex-start;padding-top:100px}header .header_contents .header_sns li.on:has(.header_sns_line){display:none}header.open .header_contents .header_sns li.on:has(.header_sns_line){display:block}header.open .header_contents .header_col1 .btn.hastrans .translate{display:none}header.open .header_contents .header_col1 .btn.hastrans{padding-right:0}}@media screen and (max-width:900px){header .burger ul{gap:10px}header .burger li.sp_translate{display:none}header .sp_menu a div span,header .sp_menu a div:before,header .sp_menu a div:after{background:var(--i_txt_color)}header.open .sp_menu a div span,header.open .sp_menu a div:before,header.open .sp_menu a div:after{background:var(--i_bg_color)}body.scrolled header{background:var(--i_bg_color)}header.open .sp_menu[class*="mm"]:not(.mm0) a:before{color:var(--i_bg_color)}header.open .burger li.tel svg{fill:var(--i_bg_color)}body.scrolled header.open .header_contents .header_col1 .btn>a:hover{border:1px solid var(--i_btn_txt_color)}}#fixbtn[data-pattern="2"] .contents_btn01>a[href="/contact/#a"]{background:var(--i_btn_color)}#fixbtn[data-pattern="2"] .contents_btn01>a[href="/contact/#a"]:hover{opacity:.8}#fixbtn .contents_btn01 a i.ic{margin-left:0}#fixbtn .contents_btn01 a:hover i.ic{background-color:#fff!important}#fixbtn[data-pattern="2"] .contents_btn01>a{max-width:calc(33.3333% - 0.5rem * 2 / 3);width:100%!important}@media screen and (min-width:701px){#fixbtn[data-pattern="2"] .contents_btn01>a{min-width:initial!important;padding-left:min(10px,.5vw)!important;padding-right:min(10px,.5vw)!important}#fixbtn[data-pattern="2"] .contents_btn01>a span{font-size:min(1.5rem,1.4vw)}#fixbtn .contents_btn01 a i.ic{width:min(25px,2.5vw);height:min(25px,2.5vw)}#fixbtn .inner{justify-content:center}}@media screen and (max-width:700px){#fixbtn[data-pattern="2"] .inner{padding:5px!important;gap:5px}#fixbtn[data-pattern="2"] .contents_btn01>a{padding:0 min(1rem,1vw)!important}#fixbtn[data-pattern="2"] .inner>div{gap:.5rem}#fixbtn[data-pattern="2"] .inner>div.fixbtntel{min-height:initial!important}#fixbtn .contents_btn01>a i.ic{width:min(20px,3.5vw);height:min(20px,3.5vw)}}@media screen and (max-width:600px){#fixbtn[data-pattern="2"] .contents_btn01 span{font-size:min(1.3rem,2.8vw)!important}}#lv div{position:relative;opacity:1}#lv div::before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(128,108,104,.9)}.gallery_archive.add_design2 .inner_item a img{aspect-ratio:1;height:auto}@media screen and (max-width:1200px){.gallery_archive.add_design2 .wrapper_item .inner_item a img{height:auto}}@media screen and (max-width:900px){.gallery_archive.add_design2 .wrapper_item .inner_item a img{height:auto}}@media screen and (max-width:600px){.gallery_archive.add_design2 .wrapper_item .inner_item a img{height:auto}}.widget_gallery01.add_design5 .inner_item>a{padding-top:0;aspect-ratio:1}.footer_sns_list{display:flex;gap:20px;margin-top:20px}.footer_sns_list a{display:block;width:40px;height:40px}.footer_bottom_address-block{color:var(--i_txt_color);text-align:left}@media screen and (min-width:701px){footer.add_design4 nav,footer.add_design4 .content_wrapper ul.sns{float:initial}footer.add_design4 .logo{float:initial;justify-content:flex-start;width:100%}footer .content_wrapper{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:2rem;align-items:center}footer nav{max-width:calc(70% - 2rem * 1 / 2);width:100%;margin-bottom:0}footer .footer_block{max-width:calc(30% - 2rem * 1 / 2);width:100%}}@media screen and (max-width:700px){#fixbtn[data-pattern="2"] .inner>div.fixbtntel{display:none!important}footer .footer_block{padding:0 20px}footer .logo{margin:0 auto 15px}.footer_bottom_address-block{display:inline-block}.footer_sns_list{justify-content:center}#cp{padding:20px 0 10px}}.contents_box01[class*="block_image_text_"] .inner_item_txt .contents_btn01 .content_wrapper{padding-left:0}.contents_btn01 a span{padding:14px 45px 14px}header .header_contents .header_col1 .btn>a span.inn{padding:15px 45px 15px 45px!important}.contents_btn01 a span,.widget_form form .submit input,header .header_contents .header_col1 .btn>a span.inn,header#pattern4 .wraper>.inner>.btn>a span.inn,#fixbtn[data-pattern="2"] .contents_btn01>a span{color:var(--i_btn_color)!important}.contents_btn01 a,.widget_form form .submit span,header .header_contents .header_col1 .btn>a,header#pattern4 .wraper>.inner>.btn>a,#fixbtn[data-pattern="2"] .contents_btn01>a{color:var(--i_btn_color);background:transparent;background-color:transparent!important;border:1px solid var(--i_btn_color);border-radius:0;position:relative}.contents_btn01 a:before,.widget_form form .submit span:before,header .header_contents .header_col1 .btn>a:before,header#pattern4 .wraper>.inner>.btn>a:before,#fixbtn[data-pattern="2"] .contents_btn01>a:before{z-index:-1;box-sizing:border-box;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--i_btn_color);transform:translateX(-100%);transition:0.5s ease-in-out}.contents_btn01 a span,header .header_contents .header_col1 .btn>a span,header#pattern4 .wraper>.inner>.btn>a span,#fixbtn[data-pattern="2"] .contents_btn01>a span,.widget_form form .submit span input{position:relative;display:block}.contents_btn01 a span:before,.contents_btn01 a span:after,header .header_contents .header_col1 .btn>a span:before,header#pattern4 .wraper>.inner>.btn>a span:before,header .header_contents .header_col1 .btn>a span:after,header#pattern4 .wraper>.inner>.btn>a span:after{content:"";display:block;position:absolute;top:50%;right:6px;transition:0.2s;transition-delay:0.2s}.contents_btn01 a span:before,header .header_contents .header_col1 .btn>a span:before,header#pattern4 .wraper>.inner>.btn>a span:before{width:30px;height:1px;background:var(--i_btn_color)}.contents_btn01 a:hover:before,header .header_contents .header_col1 .btn>a:hover:before,header#pattern4 .wraper>.inner>.btn>a:hover:before,#fixbtn[data-pattern="2"] .contents_btn01>a:hover:before,body:not(.edit_view) main form .submit span:hover:before{transform:translateX(0)!important}.contents_btn01 a:hover span:after,header .header_contents .header_col1 .btn>a:hover span:after,header#pattern4 .wraper>.inner>.btn>a:hover span:after,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span:after,.widget_form form .submit span:hover input:after{border-top:1px solid var(--i_btn_txt_color);border-right:1px solid var(--i_btn_txt_color)}.contents_btn01 a span:after,header .header_contents .header_col1 .btn>a span:after,header#pattern4 .wraper>.inner>.btn>a span:after{width:4px;height:4px;margin-top:-2px;border-top:1px solid var(--i_btn_color);border-right:1px solid var(--i_btn_color);transform:rotate(45deg)}.contents_btn01 a:before,main form .submit span:before,header .header_contents .header_col1 .btn>a:before,header#pattern4 .wraper>.inner>.btn>a:before,#fixbtn[data-pattern="2"] .contents_btn01>a:before,.widget_form form .submit span:before{width:100%;height:100%;border-radius:0}.contents_btn01 a:hover span,header .header_contents .header_col1 .btn>a:hover span,header#pattern4 .wraper>.inner>.btn>a:hover span,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span,.widget_form form .submit span:hover input{color:var(--i_btn_txt_color)!important}.contents_btn01 a:after,main form .submit span:after,header .header_contents .header_col1 .btn>a:after,header#pattern4 .wraper>.inner>.btn>a:after,#fixbtn[data-pattern="2"] .contents_btn01>a:after,.widget_form form .submit span:after{display:none}.contents_btn01 a:hover span:before,header .header_contents .header_col1 .btn>a:hover span:before,header#pattern4 .wraper>.inner>.btn>a:hover span:before,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span:before{background:var(--i_btn_txt_color)}body:not(.edit_view) .contents_btn01 a:hover span,body:not(.edit_view) main form .submit span:hover input,body:not(.edit_view) header .wraper>.inner>.btn>a:hover span,body:not(.edit_view) header .header_contents .header_col1 .btn>a:hover span{transform:initial}header .wraper>.inner>.btn>a:hover,header .header_contents .header_col1 .btn>a:hover,header#pattern4 .wraper>.inner>.btn>a:hover,#fixbtn[data-pattern="2"] .contents_btn01>a:hover,.widget_form form .submit span:hover{background:transparent}#fixbtn .contents_btn01 a:hover img.icimg{filter:invert(100%)}#fixbtn .contents_btn01 a:before,#fixbtn .contents_btn01 a:after{display:block}#fixbtn .contents_btn01 a span:before,#fixbtn .contents_btn01 a span:after{display:none}#fixbtn .contents_btn01 a:hover,#fixbtn[data-pattern="2"] .contents_btn01>a[href="/contact/#a"]:hover{opacity:1!important}.widget_form form .submit span:hover input{color:var(--i_btn_txt_color)!important}.widget_form form .submit span input{text-align:center;width:100%}@media screen and (max-width:768px){.contents_btn01 a:hover:before,header .header_contents .header_col1 .btn>a:hover:before,header#pattern4 .wraper>.inner>.btn>a:hover:before,#fixbtn[data-pattern="2"] .contents_btn01>a:hover:before,.widget_form form .submit span:before{display:none}.contents_btn01 a:hover span,header .header_contents .header_col1 .btn>a:hover span,header#pattern4 .wraper>.inner>.btn>a:hover span,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span,.widget_form form .submit span:hover input{color:var(--i_btn_color)!important}.contents_btn01 a:hover span:before,header .header_contents .header_col1 .btn>a:hover span:before,header#pattern4 .wraper>.inner>.btn>a:hover span:before,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span:before{background:var(--i_btn_color)}#fixbtn .contents_btn01 a:hover img.icimg{filter:brightness(0)}.contents_btn01 a:hover span:after,header .header_contents .header_col1 .btn>a:hover span:after,header#pattern4 .wraper>.inner>.btn>a:hover span:after,#fixbtn[data-pattern="2"] .contents_btn01>a:hover span:after,.widget_form form .submit span:hover input:after{border-top:1px solid var(--i_btn_color);border-right:1px solid var(--i_btn_color)}#fixbtn .contents_btn01 a:hover i.ic{background-color:var(--i_btn_color)!important}}@media screen and (min-width:901px){body.scrolled header{background-color:var(--i_bg_color)}header.open .header_contents .header_col1 .btn>a{border:1px solid var(--i_btn_txt_color)}header.open .header_contents .header_col1 .btn>a:hover{border:1px solid var(--i_btn_color)}header.open .header_contents .header_col1 .btn>a span.inn{color:var(--i_btn_txt_color)!important}header .header_contents .header_col1 .btn>a span:before{background:var(--i_btn_color)}header.open .header_contents .header_col1 .btn>a span:before{background:var(--i_btn_txt_color)}header .header_contents .header_col1 .btn>a span:after{border-top:1px solid var(--i_btn_color);border-right:1px solid var(--i_btn_color)}header.open .header_contents .header_col1 .btn>a span:after{border-top:1px solid var(--i_btn_txt_color);border-right:1px solid var(--i_btn_txt_color)}body:not(.scrolled) header.open#pattern2 nav ul.nav_1st{justify-content:flex-start}body.scrolled header#pattern2 nav{margin-bottom:12px;margin-right:55px}body.scrolled header.open#pattern2 nav{margin-right:0}body.scrolled header.open#pattern2 nav{margin-bottom:0}}@media screen and (max-width:1100px){body.scrolled header#pattern2 nav{margin-right:50px}body.scrolled header.open#pattern2 nav{margin-right:0}}@media screen and (max-width:900px){header .header_contents .header_col1 .btn>a,body.scrolled header .header_contents .header_col1 .btn>a{border:1px solid var(--i_btn_txt_color)}header .header_contents .header_col1 .btn>a span.inn{color:var(--i_btn_txt_color)!important}header .header_contents .header_col1 .btn>a span:before{background:var(--i_btn_txt_color)!important}header .header_contents .header_col1 .btn>a span:after{border-top:1px solid var(--i_btn_txt_color);border-right:1px solid var(--i_btn_txt_color)}header .header_contents .header_col1 .btn>a:hover span:after{border-top:1px solid var(--i_btn_txt_color);border-right:1px solid var(--i_btn_txt_color)}}#top_blog+.block_news_1.add_design4 .content_wrapper li a span{height:auto;padding:0;aspect-ratio:1}#top_about+.contents_box01 .wrapper_item{position:relative}#top_about+.contents_box01 .inner_item_img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:60%}#top_about+.contents_box01 .inner_item_img img{height:100%;object-fit:cover}#top_about+.contents_box01.block_image_text_3 .inner_item_txt{padding:50px;margin:100px 0 100px 50%;background:#fff;z-index:1}@media screen and (max-width:900px){#top_about+.contents_box01 .inner_item_img{position:initial}#top_about+.contents_box01 .inner_item_img img{height:auto}#top_about+.contents_box01.block_image_text_3 .inner_item_txt{padding:0;background:initial;margin:0}}a[id*="top_box"]+section:before{background:#EBE5DA}#c3+div:before{background-color:var(--i_sub2_color)!important}@media screen and (min-width:901px){header#pattern2 nav.burger_nav{display:none}body.scrolled header#pattern2 nav.burger_nav{display:block}body.scrolled header.open#pattern2 nav.burger_nav,header.open#pattern2 nav.burger_nav{display:block}body.scrolled header.open#pattern2 nav.pc_nav,header.open#pattern2 nav.pc_nav{display:none}header#pattern2 .header_contents{padding-bottom:8px}header nav.pc_nav ul.nav_1st>li{flex-grow:initial!important}header nav.pc_nav ul.nav_1st>li{flex-grow:initial!important}header .header_contents{display:flex}header#pattern2.width_full nav.pc_nav{order:-1;width:auto;padding-right:0!important;margin-right:0}header#pattern2 nav.pc_nav ul.nav_1st{width:auto!important}header nav.pc_nav ul.nav_1st>li>a{font-size:min(1.4rem,1.1vw)}header nav.pc_nav ul.nav_1st>li>a span{font-size:inherit;letter-spacing:.07em}header:not(.open) .header_contents .header_col1 .btn>a,header:not(.open)#pattern4 .wraper>.inner>.btn>a{min-width:initial!important;width:auto!important}header:not(.open) .header_contents .header_col1 .btn>a span:before{width:min(15px,1vw)}header:not(.open) .header_contents .header_col1 .btn>a span.inn{padding:10px min(22px,2vw) 10px 7px!important}header:not(.open)#pattern2.width_full .logo{left:10px}header:not(.open)#pattern2 .logo{width:15%}header:not(.open).width_full .wraper{padding:0 10px;width:calc(100% - 20px)}header:not(.open)#pattern2 nav ul.nav_1st>li>a span{min-width:65px}header:not(.open)#pattern2 nav ul.nav_1st>li:has(a[href="/concept/"])>a{width:10em}header:not(.open)#pattern2 nav ul.nav_1st>li:has(a[href="/works/"])>a{width:5em;margin-right:.8em}header:not(.open)#pattern2 nav ul.nav_1st>li:has(a[href="/voice/"])>a{width:6em;margin-right:.5em}header:not(.open)#pattern2 nav ul.nav_1st>li:has(a[href="/company/"])>a{width:6.5em}header:not(.open) nav ul.nav_1st{flex-wrap:initial!important}header:not(.open) .header_contents{padding-left:10px}header:not(.open) .header_contents .header_col1 .btn{flex-wrap:initial;align-items:center}header:not(.open) .header_contents .header_sns li a{width:30px;height:30px}header:not(.open) .header_contents .header_sns li a[class*="header_sns_"]{background-size:auto 30px}header:not(.open) .header_contents .header_sns li a.header_sns_instagram{background-position:-90px 0}header:not(.open) .header_contents .header_sns li{margin:0 15px 0;width:30px;height:30px}header:not(.open) .header_contents .header_col1 .btn>a span.inn{font-size:min(1.4rem,1.1vw)}header:not(.open)#pattern2 .header_contents{padding-right:50px}header nav ul.nav_1st>li>a span{letter-spacing:.1rem}header:not(.open) .header_contents .header_col1 .btn>a{margin-left:0}header .header_contents .header_col1 .btn a+.translate{top:-1px}header .burger{top:30px}body.scrolled header#pattern2.width_full .logo{z-index:1}body.scrolled header.open#pattern2.width_full .logo{z-index:11}header nav ul.nav_1st>li:has(a[href="/concept/"]),header nav ul.nav_1st>li:has(a[href="/works/"]),header nav ul.nav_1st>li:has(a[href="/voice/"]),header nav ul.nav_1st>li:has(a[href="/company/"]){flex-grow:0!important}}@media screen and (max-width:900px){header nav.pc_nav{display:none!important}}
@media screen and (min-width:901px){header:not(.open) .header_contents .header_col1 .btn>a span.inn{padding:10px 32px 10px 12px!important}header .header_contents .header_col1 .btn>a span:before,header .header_contents .header_col1 .btn>a span:after{right:15px}}@media screen and (min-width:901px) and (max-width:1020px){header .logo{max-width:135px}header:not(.open)#pattern2 .header_contents{margin-left:120px!important}header:not(.open) .header_contents .header_col1 .btn>a span.inn{padding:10px 26px 10px 10px!important}header .header_contents .header_col1 .btn>a span:before,header .header_contents .header_col1 .btn>a span:after{right:13px}}@media screen and (min-width:769px){footer .footer_pc a{pointer-events:none}}#lv{height:270px!important;min-height:auto!important;background:rgb(255 255 255 / 50%)}#lv div::before{background-color:rgb(255 255 255 / 50%)}#lv p span{color:var(--i_main_color);text-shadow:1px 1px 3px rgb(255 255 255 / 80%);font-size:1.4rem;line-height:1.8}#lv p span::first-line{font-size:3.4rem}body,body #setting_modal .heading_design *,body.ft04 h2,body.ft04 h3,body.ft04 h4,body.ft04 h5,body.ft04 h6,body.ft04 .block_header_1 p,body.ft04 .block_header_2 p,body.ft04 .block_header_3 p,body.ft04 .block_header_4 p,body.ft04 .block_header_5 p,body.ft04 .block_header_6 p,body.ft04 .contents_faq01 dt:before,body.ft04 .contents_faq01 dd:before,body.ft04 header .tel a,body.ft04 header .tel span,body.ft04 .widget_tel .inner_item_tel a,body.ft04 .widget_tel .inner_item_tel span,body.ft04 #lv,body.ft04 #setting_modal .heading_design *,body.ft04 nav,body.ft04 .btn,body.ft04 .contents_btn01,body.ft04 .submit,body.ft04 .mv_text,body.ft04 .fixbtn,body.ft04 footer{font-family:"Zen Kaku Gothic New",'Noto Serif JP',"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif!important}@media screen and (max-width:800px){#lv{height:180px!important}#lv p span{font-size:1.3rem;line-height:1.3}#lv p span::first-line{font-size:2.7rem}}header#pattern2 nav ul.nav_1st>li>a span span.lv_span,header#pattern2 nav ul.nav_1st>li>a span span.lv_span+br,footer nav li span.lv_span,footer nav li span.lv_span+br,.widget_sitemap .content_wrapper>ul>li>a span.lv_span,.widget_sitemap .content_wrapper>ul>li>a span.lv_span+br,#pan li a span.lv_span,#pan li a span.lv_span+br{display:none}.view_comments_archive main#main>section:first-child{display:none}.view_comments_archive section.block_comments.add_design{padding-top:60px}section.widget_sitemap .heading.block_header_1{display:none}@media screen and (max-width:900px){a#link+section img{width:30%!important}}@media screen and (max-width:480px){a#link+section img{width:40%!important}}.contents_related .inner_item_txt p{font-size:1.4rem!important}body:not(.index) .heading.block_header_1 p,body:not(.index) .heading.block_header_6 .h{font-size:3.0rem!important}@media screen and (max-width:800px){body:not(.index) .heading.block_header_1 p,body:not(.index) .heading.block_header_6 .h{font-size:2.5rem!important}}a#top_work+div h2.h,a#top_work+div .inner_item .heading .h{font-size:1.65rem!important}@media screen and (max-width:800px){body.index{font-size:1.5rem!important}}@media screen and (max-width:900px){#slide_sp+div .slick-track{position:relative!important;display:block!important;width:100%!important;transform:none!important}#slide_sp+div .slick-slide{position:absolute!important;top:0;left:0;width:100%!important;opacity:0;transition:opacity 2s ease-in-out;margin:0!important}#slide_sp+div .slick-slide.slick-current{opacity:1;position:relative!important;top:0!important;left:0!important;z-index:2}}@media screen and (max-width:900px){body:not(.index) .heading.block_header_1 p,body:not(.index) .heading.block_header_6 .h{font-size:2.1rem!important}body:not(.index) .heading.block_header_2 .h,body:not(.index) .heading.block_header_7 .h{font-size:1.8rem!important}body:not(.index) .inner_item_txt p,body:not(.index) .widget_shop01 dt,body:not(.index) .widget_shop01 dd,body:not(.index) .contents_faq01 dt,body:not(.index) .contents_faq01 dd,body:not(.index) .widget_staff01 .inner_item .inner_item_txt dt,body:not(.index) .widget_staff01 .inner_item .inner_item_txt dd,body:not(.index) p.add_text,body:not(.index) .privacypolicy{font-size:1.4rem}}
/*-----------------------------------------------------------------------------*/

/*------------施工事例--------------*/
@media screen and (max-width: 900px) {
    .view_gallery_archive[data-type="gallery_archive"] .wrapper_item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.view_gallery_archive[data-type="gallery_archive"] .wrapper_item .inner_item {
    width: 100%;
    margin: 0 !important;
}
.view_gallery_archive[data-type="gallery_archive"] .wrapper_item .inner_item .heading {
    padding: 0 !important;
}
.view_gallery_archive[data-type="gallery_archive"] .wrapper_item .inner_item .heading.block_header_2 .h {
    display: none !important;
    padding: 0;
}
}
/*------------施工事例詳細ページ--------------*/
.view_gallery_detail[data-type="gallery_detail"] main#main > section:first-child {
    display: none;
}
.view_gallery_detail[data-type="gallery_detail"] main#main > section:nth-of-type(2) {
    padding-top: 60px;
}
@media screen and (max-width: 800px) {
    .view_gallery_detail[data-type="gallery_detail"] main#main > section:nth-of-type(2) {
    padding-top: 40px;
}
}
.view_gallery_detail[data-type="gallery_detail"] .pager2 span.lv_span,.view_gallery_detail[data-type="gallery_detail"] .pager2 span.lv_span+br {
    display: none;
}

/*---------------下層タイトル---------------*/
@media screen and (max-width: 480px) {
	body:not(.index) .heading.block_header_1 p,
	body:not(.index) .heading.block_header_6 .h {
        font-size: 1.7rem !important;
    }
}
@media screen and (max-width: 480px) {
    #lv p span {
        white-space: nowrap;
    }
}

/*-------------お問い合わせ-----------*/
.widget_form form .submit span input[value="戻る"],
.widget_form form .submit span input[value="送信する"] {
    font-size: 2.1rem;
}
@media screen and (max-width: 700px) {
    .widget_form form .submit span input[value="戻る"],
    .widget_form form .submit span input[value="送信する"] {
    font-size: 1.8rem;
}
}

/*------------お客様の声詳細--------------*/
[data-type^="multigallery_detail"] .entry_body>section:first-of-type .inner_item_img a {
    pointer-events: none;
}
[data-type^="multigallery_detail"] .contents_box01 .inner_item_img a[href="/images/convert/nature-homecojp/20251111102933.jpg/image.webp"] {
    pointer-events: none;
}

.widget_form form .submit span input[value="戻る"],
.widget_form form .submit span input[value="送信する"] {
    font-size: 1.5rem;
    padding: 10px;
}