@charset "utf-8";
/*
Theme Name:mrp-child
Template:mrp
Version: 1.0.0
*/
/*
DesignCode CSS: ver 0.01
*/
/*------------------------------------------------------
Theme Material
------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap');
/*
    本CSSの記載順
    ・*
    ・root
    ・wrapper
    ・word press調整
    ・width
    ・height
    ・margin
    ・padding
    ・flexbox
    ・position
    ・display
    ・その他配置に関するもの
    ・background-color
    ・color
    ・font-size
    ・font-family
    ・font-weight
    ・font-style
    ・letter-spacing
    ・line-height
    ・background-image
    ・border
    ・border-radius
    ・hover transition
    ・before/after
    ・table
    ・その他
    ・レスポンシブ
*/

/*作成中の配置確認用→提出前に削除*/
.border{
    border:1px solid black !important;
}
/*wrapper*/
.max_content{
    width:100vw !important;
    margin-left:calc(((100vw - 100%) / 2) * -1) !important;
    margin-right:calc(((100vw - 100%) / 2) * -1) !important;
}
body{
    background-color:#F8F7F6 !important;
}
/*word press調整*/
/*header背景色*/
#header,
nav#mainNav ul li a:active,
nav#mainNav ul li a:hover,
nav#mainNav ul li.current-menu-ancestor a,
nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li.current-menu-parent,
.sticky-header #header > .inner 
{
    background: transparent;
}
/*headerメニュー*/
nav#mainNav ul.sub-menu li a{
    font-family: "Shippori Mincho B1", serif !important;
    font-size:10px !important;
    font-weight:600 !important;
    letter-spacing:0.03em !important;
    max-width:156px !important;
    width:100% !important;
}
nav#mainNav ul li a {
    font-family: "Shippori Mincho", serif !important;
    font-size: clamp(12px, .94vw, 16px) !important;
    color:#3B2F1B !important;
    padding-left: 1vw !important;
    padding-right: 1vw !important;
}
nav#mainNav ul li,
nav#mainNav ul li:last-child{
    height:1.88em !important;
    border-left:1px dotted #ADADAD !important;
}
#header a.head_btn.tel_btn {
    background-color:transparent !important;
    color:#333333 !important;
}
a.head_btn.mail_btn {
    background-color:#815F06 !important;
    font-family: "Shippori Mincho", serif !important;
    font-size:clamp(14px, .94vw, 18px) !important;
    letter-spacing:0.03em !important;
}
a.mail_btn {
    display:flex !important;
    align-items:center !important;
}
#header a.head_btn::before {
    display:none;
}
.tel_btn span{
    font-size: clamp(17px, 1.6vw, 28px) !important;
    font-family: "Shippori Mincho", serif !important;
    letter-spacing:0.03em !important;
    font-weight:400 !important;
}
#header a.head_btn.tel_btn::before,
#header a.head_btn.mail_btn::before{
    display:none !important;
}
#header a.head_btn::before {
    display: inline-block;
}
ul.sub-menu {
    max-width: 156px;
    width: 100%;
}
nav#mainNav ul li .sub-menu li{
    height:0px !important;
    max-height:44px !important;
    height:100% !important;
}
.panel.nav-effect a {
    padding-left:0 !important;
    padding-right:0 !important;
    padding-left:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
    padding-right:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;;
}
nav#mainNav ul li ul.sub-menu li a{
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center !important;
    background:#fff !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    font-family: 'Shippori Mincho' !important;
}
nav#mainNav ul li .sub-menu li{
    border:1px solid #ECECEC !important;
}
#sp-header{
    box-shadow:0 3px 6px rgba(229, 228, 228, .7);
    background:#F8F7F6 !important;
}
nav#sp-mainNav,
#sp-header .inner #header-layout nav#sp-mainNav .inner ul li a,
#sp-header .inner #header-layout nav#sp-mainNav .inner ul li.current-menu-item a
{
    background: #F8F7F6 !important;
}
@media print, screen and (max-width:1250px){
    #header .logo img{
        max-width:230px !important;
    }
}
@media print, screen and (min-width:1024px) and (max-width:1249px){
    #header .logo img{
        max-width:155px !important;
    }
}
@media print, screen and (min-width: 1024px) {
    nav#mainNav ul li:hover ul.sub-menu{
        top:106%;
    }
    #header{
        background:#F8F7F6 !important;
    }
    #header,
    .sticky-header #header-layout {
        height: auto;
    }
    .sticky-header #header > .inner{
        box-shadow:0 3px 6px rgba(229, 228, 228, .7);
        background: #fff;
    }
    #header .logo img{
        max-width:432px !important;
        width:100% !important;
        max-height:111px !important;
        min-width: 100px;
    }
    .panel.nav-effect,
    #header ul.header__contact{
        height:fit-content !important;
        align-self:flex-start !important;
    }
}
/*ヘッダーレスポンシブ*/
#sp-header .inner #header-layout .logo .spmenu #menu p,
#sp-header .inner #header-layout nav#sp-mainNav .inner ul li.current-menu-item a,
#sp-header .inner #header-layout nav#sp-mainNav .inner ul li a,
#sp-header .inner #header-layout nav#sp-mainNav ul li li:last-child a{
    color:#674B00;
}
#sp-header .inner #header-layout .logo .spmenu #menu span,
#sp-header .inner #header-layout .logo .spmenu #menu span::before,
#sp-header .inner #header-layout .logo .spmenu #menu span::after{
    background:#674B00;
}
#sp-header .inner #header-layout nav#sp-mainNav ul li li:last-child a{
    background:none !important;
}
#sp-header .inner #header-layout nav#sp-mainNav ul li li a,
#sp-header .inner #header-layout nav#sp-mainNav ul li.current-menu-item li a,
#sp-header .inner #header-layout nav#sp-mainNav ul li li:last-child a{
    padding-left:10px !important;
}
/*パンくずリスト背景色*/
div#breadcrumb {
    background-color: #F8F7F6 !important;
}
/*既存の余白削除*/
#content, body:not(.home) #content.wide{
    padding: 0 !important;
}
.footnav,
div#copyright{
    margin:0 !important;
}
.post h2,
.post h3,
.post h4{
    margin:0;
}
footer#footer{
    padding:0 !important;
}
.post h3,
.post h4,
#header a.head_btn{
    padding:0;
}
/*タイトルデザイン調整*/
#h1Header h1.title.first {
    font-size: clamp(24px, 2vw, 38px) !important;
    font-family: "Shippori Mincho", serif !important;
    font-weight: 400 !important;
    letter-spacing:0.03em !important;
    color:#815F06 !important;
}
#thumbImg::before, header#h1Header::before {
    background:transparent !important;
}
/*
#thumbImg::before,
header#h1Header::before{
    background:#815F06 !important;
    opacity: 0.8!important;
}
*/
/*テーブルデザインリセット*/
.post table th {
    background-color: transparent;
}
.post table,
.post table th,
.post table td{
    border: none;
}
/*お問い合わせページ*/
.post table th {
    font-weight: 500;
    font-size:clamp(14px, .84vw, 16px);
    color:#333;
}
form.wpcf7-form{
    padding-top:8.5rem !important;
}
.bg-red{
    background-color:#F73737 !important;
}
.linkBtn, .post .linkBtn {
    background-color:#815F06 !important;
}
.subimitarea .linkBtn {
    padding:0 !important;
}
input.wpcf7-submit {
    font-weight:700;
}
/*送信完了ページ*/
.sent h2 {
    margin-bottom:1.5rem;
}
.sent h2,
.sent  p
{
    color: #333 !important;    
}
/*footer背景色関連*/
footer#footer {
    background-color: transparent !important;
    position: relative !important;
}
.footnav,
div#copyright{
    background-color:#815F06;
}
/*footerメニュー、コピーライト周辺余白関連*/
.footnav {
    padding-top: 2.5rem !important;
}
div#copyright {
    padding-bottom: 2.5rem !important;
}
/*footnavボーダー削除*/
#footer .footnav ul > li::before,
#footer .footnav ul > li::after{
    display: none !important;
}
/*画面下のblog機能非表示 他非表示*/
#front_bottom_content,
.post h2::after,
.post h4::before{
    display:none;
}
.post h3 {
    border-bottom:none;
}
.postlist li:first-child {
	border-top:none;
}
.j_flex-end-center{
    justify-content:flex-end !important;
}
@media print, screen and (max-width:640px){
    .j_flex-end-center{
        justify-content:center !important;
    }
}
/*news投稿全体ぺージ調整*/
.category-news ul.postlist{
    padding-top:clamp(1.5rem, 0.6rem + 4.5vw, 6rem);
    padding-bottom:clamp(1.5rem, 0.6rem + 4.5vw, 6rem);
}
.category-news li.clearfix {
    background-color:transparent;
    border-bottom:1px dashed #ddd;
}
/*news投稿個別ページ調整*/
article.category-news {
    padding-top:clamp(1.5rem, 0.6rem + 4.5vw, 6rem);
}
.back-to-list {
    padding-bottom:clamp(1.5rem, 0.6rem + 4.5vw, 6rem);
}
/*news投稿デザイン*/
.single-post h1.title,
.single-post h2,
.single-post h3,
.single-post h4,
.single-post h5,
.single-post h6,
.single-post p{
    font-family: "Shippori Mincho", serif !important;
    letter-spacing:0.03em !important;
    color:#333 !important;
}
.single-post h4{
    margin:0 !important;
}
.single-post h1.title{
	font-size:clamp(22px, 1.7vw, 32px);
}
.post h2{
	font-size:clamp(24px, 1.85vw, 36px);
}
.post h3{
	font-size:clamp(22px, 1.7vw, 32px);
}
.post h4{
	font-size:clamp(20px, 1.6vw, 28px);
}
.post h5{
	font-size:clamp(18px, 1.25vw, 24px) ;
}
.post h6{
	font-size:clamp(18px, 1.1vw, 20px);
}
.post p{
	font-size: clamp(16px, .84vw, 16px);
}
/*ページ遷移時余白*/
div#calculation,
div#land,
div#flow{
    margin-top:-155px;
    padding-top:155px;
}

/*新着情報のカテゴリ背景・文字色*/
.postlist .time a{
    color:#FFFFFF !important;
}
.postlist .time{
    background:#674B00 !important;
    border-radius:5px!important;   
}
/*新着情報の幅・フォントサイズ調整*/
.postlist{
    font-family:"Noto Sans JP", sans-serif;
    margin:0 auto;
    font-size:clamp(14px, .84vw, 16px);
    font-weight:400;
    letter-spacing:0.03em;
    line-height:1.5;
}
li.clearfix {
    background:white;
    margin-bottom:1rem;
}
.time{
    font-size:clamp(14px, .84vw, 16px);
    font-weight:400;
}
.postlist .ttls , .postlist .date{
    font-size:100% !important;
}
.postlist .date{
    margin:0 !important;
}


p.time.cat.cat-news.first {
    padding: 0.8rem 2.7rem !important;
}



/*width*/
.fit{
    width:fit-content !important;
}
.w100vw{
    width:100vw !important;
}
.w100per{
    width:100% !important;
}
.w94per{
    width: 90% !important;
}
.w87per{
    width:87% !important;
}
.w85per{
    width:85% !important;
}
.w82per{
    width:82% !important;
}
.w80per{
    width:80% !important;
}
.w79per{
    width:79% !important;
}
.w78per{
    width:78% !important;
}
.w76per{
    width:76% !important;
}
.w75per{
    width:75% !important;
}
.w70per{
    width:70% !important;
}
.w67per{
    width:67% !important;
}
.w64per{
    width:64% !important;
}
.w62per{
    width:62% !important;
}
.w60per{
    width:60% !important;
}
.w59per{
    width:59% !important;
}
.w55per{
    width:55% !important;
}
.w50per{
    width:50% !important;
}
.w49per{
    width:49% !important;
}
.w48_5per{
    width:48.5% !important;
}
.w48per{
    width:48% !important;
}
.w45per{
    width:45% !important;
}
.w42per{
    width:42% !important;
}
.w40per{
    width:40% !important;
}
.w38per{
    width:38% !important;
}
.w35per{
    width:35% !important;
}
.w34per{
    width:34% !important;
}
.w33per{
    width:33% !important;
}
.w32per{
    width:32% !important;
}
.w30per{
    width:30% !important;
}
.w28per{
    width:28% !important;
}
.w25per{
    width:25% !important;
}
.w23per{
    width:23% !important;
}
.w21per{
    width:21% !important;
}
.w20per{
    width:20% !important;
}
.w18per{
    width:18% !important;
}
.w15per{
    width:15% !important;
}
.w4per{
    width:4% !important
}
.max_w1280{
    max-width:1280px !important;
}
.max_w400{
    max-width:400px !important;
    width:100% !important;
}
.max_w60per{
    max-width:60% !important;
}
.btn-w200{
    max-width:200px !important;
    width:100% !important;
    height:60px !important;
}
.btn-w220{
    max-width:220px !important;
    width:100% !important;
    height:60px !important;
}
.btn-w325{
    max-width:325px !important;
    width:100% !important;
}
.btn-w350{
    max-width:350px !important;
    width:100% !important;
}
.w2_5em{
    width:2.5em !important;
}
.w26_75{
    width:26.75px !important;
}

/*height*/
.h_auto{
    height:auto !important;
}

/*margin*/
.margin_x_auto{
    margin:0 auto !important;
}
.margin_t_auto{
    margin-top:auto !important;
}
.margin_b_auto{
    margin-bottom:auto !important;
}
.margin_l_auto{
    margin-left:auto !important;
}
.margin_r_auto{
    margin-right:auto !important;
}

/*margin:em small->big*/
.mt0{
    margin-top:0px !important;
}
.mt0_5em{
    margin-top:0.5em !important;
}
.mt1em{
    margin-top:1em !important;
}
.mt1_25em{
    margin-top:1.25em !important;
}
.mt2em{
    margin-top:2em !important;
}
.mt0_5rem{
    margin-top:0_5rem !important;
}
.mb0_25em{
    margin-bottom:0.25em !important;
}
.mb0_5em{
    margin-bottom:0.5em !important;
}
.mb0_75em{
    margin-bottom:0.75em !important;
}
.mr0_8em{
    margin-right:0.8em !important;
}
.mb0_95em{
    margin-bottom:0.95em !important;
}
.mb1em{
    margin-bottom:1em !important;
}
.mb1_5em{
    margin-bottom:1.5em !important;
}
.mb2em{
    margin-bottom:2em !important;
}
.mb4em{
    margin-bottom:4em !important;
}
/*margin:rem small->big*/
.mb0{
    margin-bottom:0 !important;
}
.mt0_5rem{
    margin-top:0.5rem !important
}
.mb0_5rem{
    margin-bottom:0.5rem !important
}
.mt1rem{
    margin-top:clamp(0.25rem, 0.1rem + 0.75vw, 1rem) !important;
}
.mb1rem{
    margin-top:clamp(0.25rem, 0.1rem + 0.75vw, 1rem) !important;
}
.mt1_5rem{
    margin-top:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.mb1_5rem{
    margin-bottom:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.mb1_75rem{
    margin-bottom:clamp(0.5rem, 0.25rem + 1.25vw, 1.75rem) !important;
}
.mt2rem{
    margin-bottom:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.mb2rem{
    margin-bottom:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.mt2_5rem{
    margin-top:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.mb2_5rem{
    margin-bottom:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.mb2_75rem{
    margin-bottom:clamp(0.75rem, 0.35rem + 2vw, 2.75rem) !important;
}
.mt3rem{
    margin-top:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.mb3rem{
    margin-bottom:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.mr3rem{
    margin-right:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.mt3_25rem{
    margin-top:clamp(1rem, 0.55rem + 2.25vw, 3.25rem) !important;
}
.mt3_5rem{
    margin-top:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.mb3_5rem{
    margin-bottom:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.ml3_5rem{
    margin-left:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.mr3_5rem{
    margin-right:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.mt4rem{
    margin-top:clamp(1rem, 0.4rem + 3vw, 4rem) !important;
}
.mb4rem{
    margin-bottom:clamp(1rem, 0.4rem + 3vw, 4rem) !important;
}
.mb4_5rem{
    margin-bottom:clamp(1.125rem, 0.45rem + 3.38vw, 4.5rem) !important;
}
.mb4_75rem{
    margin-bottom:clamp(1.2rem, 0.49rem + 3.55vw, 4.75rem) !important;
}
.mt5rem{
    margin-top:clamp(1.25rem, 0.5rem + 3.75vw, 5rem) !important;
}
.mb5rem{
    margin-bottom:clamp(1.25rem, 0.5rem + 3.75vw, 5rem) !important;
}
.ml5rem{
    margin-left:clamp(1.25rem, 0.5rem + 3.75vw, 5rem) !important;
}
.mb5_5rem{
    margin-bottom:clamp(1.5rem, 0.7rem + 4vw, 5.5rem) !important;
}
.mt6rem{
    margin-top:clamp(1.5rem, 0.6rem + 4.5vw, 6rem) !important;
}
.mb6rem{
    margin-bottom:clamp(1.5rem, 0.6rem + 4.5vw, 6rem) !important;
}
.mt6_5rem{
    margin-top:clamp(1.75rem, 0.8rem + 4.75vw, 6.5rem) !important;
}
.mt8rem{
    margin-top:clamp(2rem, 0.8rem + 6vw, 8rem) !important;
}
.mb8rem{
    margin-bottom:clamp(2rem, 0.8rem + 6vw, 8rem) !important;
}
.mb10rem{
    margin-bottom:clamp(2.5rem, 1rem + 7.5vw, 10rem) !important;
}
.mb12rem{
    margin-bottom:clamp(3rem, 1.2rem + 9vw, 12rem) !important;
}
.mt15rem{
    margin-top:clamp(3.75rem, 1.5rem + 11.25vw, 15rem) !important;
}

/*padding*/
.padding_0_5{
    padding:0.5em !important;
}
.padding_1rem{
    padding:1rem !important;
}
/*padding:em small->big*/
.pt0_15em{
    padding-top:0.15em !important;
}
.pb0_15em{
    padding-bottom:0.15em !important;
}
.pt0_25em{
    padding-top:0.25em !important;
}
.pb0_25em{
    padding-bottom:0.25em !important;
}
.pb0_3em{
    padding-bottom:0.3em !important;
}
.pt0_35em{
    padding-top:0.35em !important;
}
.pb0_35em{
    padding-bottom:0.35em !important;
}
.pt0_4em{
    padding-top:0.4em !important;
}
.pb0_4em{
    padding-bottom:0.4em !important;
}
.pt0_5em{
    padding-top:0.5em !important;
}
.pb0_5em{
    padding-bottom:0.5em !important;
}
.pl0_5em{
    padding-left:0.5em !important;
}
.pr0_5em{
    padding-right:0.5em !important;
}
.pt0_7em{
    padding-top:0.7em !important;
}
.pb0_7em{
    padding-bottom:0.7em !important;
}
.pb0_85em{
    padding-bottom:0.85em !important;
}
.pt1em{
    padding-top:1em !important;
}
.pb1em{
    padding-bottom:1em !important;
}
.pl1em{
    padding-left:1em !important;
}
.pr1em{
    padding-right:1em !important;
}
.pt1_19em{
    padding-top:1.19em !important;
}
.pb1_19em{
    padding-bottom:1.19em !important;
}
.pt1_3em{
    padding-top:1.3em !important;
}
.pb1_3em{
    padding-bottom:1.3em !important;
}
.pt1_5em{
    padding-top:1.5em !important;
}
.pb1_5em{
    padding-bottom:1.5em !important;
}
.pl1_5em{
    padding-left:1.5em !important;
}
.pr1_5em{
    padding-right:1.5em !important;
}
.pb1_66em{
    padding-bottom:1.66em !important;
}
.pl1_7em{
    padding-left:1.7em !important;
}
.pr1_7em{
    padding-right:1.7em !important;
}
.pt2em{
    padding-top:2em !important;
}
.pb2em{
    padding-bottom:2em !important;
}
.pr2em{
    padding-right:2em !important;
}
.pl2em{
    padding-left:2em !important;
}
.pb2_5em{
    padding-bottom:2.5em !important;
}
.pl2_5em{
    padding-left:2.5em !important;
}
.pl2_8em{
    padding-left:2.8em !important;
}
.pr2_8em{
    padding-right:2.8em !important;
}
.pl3_5em{
    padding-left:3.5em !important;
}
.pr3_5em{
    padding-right:3.5em !important;
}
/*padding:rem small->big*/
.pb0_3rem{
    padding-bottom:0.3rem !important;
}
.pt0_5rem{
    padding-top:0.5rem !important;
}
.pb0_5rem{
    padding-bottom:0.5rem !important;
}
.pt1rem{
    padding-top:clamp(0.25rem, 0.1rem + 0.75vw, 1rem) !important;
}
.pb1rem{
    padding-bottom:clamp(0.25rem, 0.1rem + 0.75vw, 1rem) !important;
}
.pl1rem{
    padding-left: clamp(0.15rem, 0.1rem + 0.75vw, 1rem) !important;
    font-size: clamp(12px, 1.1vw, 18px);
}
.pr1rem{
    padding-right:clamp(0.25rem, 0.1rem + 0.75vw, 1rem) !important;
}
.pt1_5rem{
    padding-top:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.pb1_5rem{
    padding-bottom:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.pl1_5rem{
    padding-left:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.pr1_5rem{
    padding-right:clamp(0.5rem, 0.3rem + 1vw, 1.5rem) !important;
}
.pt2rem{
    padding-top:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.pb2rem{
    padding-bottom:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.pl2rem{
    padding-left:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.pr2rem{
    padding-right:clamp(0.5rem, 0.2rem + 1.5vw, 2rem) !important;
}
.pb2_25rem{
    padding-bottom:clamp(0.75rem, 0.45rem + 1.5vw, 2.25rem) !important;
}
.pt2_5rem{
    padding-top:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.pb2_5rem{
    padding-bottom:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.pl2_5rem{
    padding-left:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.pr2_5rem{
    padding-right:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.pt2_75rem{
    padding-top:clamp(0.75rem, 0.35rem + 2vw, 2.75rem) !important;
}
.pt3rem{
    padding-top:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.pb3rem{
    padding-bottom:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.pl3rem{
    padding-left:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.pr3rem{
    padding-right:clamp(0.75rem, 0.3rem + 2.25vw, 3rem) !important;
}
.pt3_5rem{
    padding-top:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.pb3_5rem{
    padding-bottom:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.pl3_5rem{
    padding-left:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.pr3_5rem{
    padding-right:clamp(1rem, 0.5rem + 2.5vw, 3.5rem) !important;
}
.pt3_75rem{
    padding-top:clamp(1rem, 0.45rem + 2.75vw, 3.75rem) !important;
}
.pt4rem{
    padding-top:clamp(1rem, 0.4rem + 3vw, 4rem) !important;
}
.pb4rem{
    padding-bottom:clamp(1rem, 0.4rem + 3vw, 4rem) !important;
}
.pt4_5rem{
    padding-top:clamp(1.125rem, 0.45rem + 3.38vw, 4.5rem) !important;
}
.pb4_5rem{
    padding-bottom:clamp(1.125rem, 0.45rem + 3.38vw, 4.5rem) !important;
}
.pl4_5rem{
    padding-left:clamp(1.125rem, 0.45rem + 3.38vw, 4.5rem) !important;
}
.pt5rem{
    padding-top:clamp(1.25rem, 0.5rem + 3.75vw, 5rem) !important;
}
.pb5rem{
    padding-bottom:clamp(1.25rem, 0.5rem + 3.75vw, 5rem) !important;
}
.pb5_5rem{
    padding-bottom:clamp(1.5rem, 0.7rem + 4vw, 5.5rem) !important;
}
.pt6rem{
    padding-top:clamp(1.5rem, 0.6rem + 4.5vw, 6rem) !important;
}
.pb6rem{
    padding-bottom:clamp(1.5rem, 0.6rem + 4.5vw, 6rem) !important;
}
.pl6rem{
    padding-left:clamp(1.5rem, 0.6rem + 4.5vw, 6rem) !important;
}
.pt6_5rem{
    padding-top:clamp(1.75rem, 0.8rem + 4.75vw, 6.5rem) !important;
}
.pb6_5rem{
    padding-bottom:clamp(1.75rem, 0.8rem + 4.75vw, 6.5rem) !important;
}
.pt7rem{
    padding-top:clamp(1.75rem, 0.7rem + 5.25vw, 7rem) !important;
}
.pb7rem{
    padding-bottom:clamp(1.75rem, 0.7rem + 5.25vw, 7rem) !important;
}
.pt7_5rem{
    padding-top:clamp(2rem, 0.9rem + 5.5vw, 7.5rem) !important;
}
.pb7_5rem{
    padding-bottom:clamp(2rem, 0.9rem + 5.5vw, 7.5rem) !important;
}
.pl7_5rem{
    padding-left:clamp(2rem, 0.9rem + 5.5vw, 7.5rem) !important;
}
.pl7_7rem{
    padding-left:clamp(2.7rem, 1.7rem + 5vw, 7.7rem) !important;
}
.pt8rem{
    padding-top:clamp(2rem, 0.8rem + 6vw, 8rem) !important;
}
.pb8rem{
    padding-bottom:clamp(2rem, 0.8rem + 6vw, 8rem) !important;
}
.pt8_5rem{
    padding-top:clamp(2.125rem, 0.85rem + 6.38vw, 8.5rem) !important;
}
.pb8_5rem{
    padding-bottom:clamp(2.125rem, 0.85rem + 6.38vw, 8.5rem) !important;
}
.pt9rem{
    padding-top:clamp(2.25rem, 0.9rem + 6.75vw, 9rem) !important;
}
.pb9rem{
    padding-bottom:clamp(2.25rem, 0.9rem + 6.75vw, 9rem) !important;
}
.pt10rem{
    padding-top:clamp(2.5rem, 1rem + 7.5vw, 10rem) !important;
}
.pb10rem{
    padding-bottom:clamp(2.5rem, 1rem + 7.5vw, 10rem) !important;
}
.pt11rem{
    padding-top: clamp(2.7rem, 1.04rem + 7vw, 11rem) !important;
}
.pt12rem{
    padding-top:clamp(3rem, 1.2rem + 9vw, 12rem) !important;
}
.pb12rem{
    padding-bottom:clamp(3rem, 1.1rem + 9.5vw, 12.5rem)!important;
}
.pb13rem{
    padding-bottom:clamp(3.25rem, 1.3rem + 9.75vw, 13rem) !important;
}
.pt13_5rem{
    padding-top:clamp(3.5rem, 1.5rem + 10vw, 13.5rem) !important;
}
.pb18rem{
    padding-bottom:clamp(2rem, -1.2rem + 10vw, 18rem) !important;
}
.pb20rem{
    padding-bottom:clamp(5rem, 2rem + 15vw, 20rem) !important;
}
/*flexbox*/
.flexbox{
    display:flex !important;
}
.inline-flex{
    display:inline-flex !important;
}
.flexbox_wrap{
    flex-wrap:wrap !important;
}
.flex_direction_row{
    flex-direction:row !important;
}
.flex_direction_column{
    flex-direction:column !important;
}
.flex_direction_row-reverse{
    flex-direction:row-reverse !important;
}
.flex_direction_column-reverse{
    flex-direction:column-reverse !important;
}
.justify_between{
    justify-content:space-between !important;
}
.justify_around{
    justify-content:space-around !important;
}
.justify_center{
    justify-content:center !important;
}
.justify_flex-start{
    justify-content:flex-start !important;
}
.justify_flex-end{
    justify-content:flex-end !important;
}
.align_items_center{
    align-items:center !important;
}
.align_items_end{
    align-items:flex-end !important;
}
.align_start{
    align-items:flex-start !important;
}
.align_stretch{
    align-items:stretch !important;
}
.item_top{
    align-self:flex-start;
}
.item_center{
    align-self:center;
}
.item_bottom{
    align-self:flex-end;
}
.gap10{
    gap:10px !important;
}
.gap20{
    gap:20px !important;
}
.gap28{
    gap:28px !important;
}
.gap40{
    gap:40px !important;
}
.grow1{
    flex-grow:1 !important;
}

/*position*/
.relative{
    position:relative !important;
}
.absolute{
    position:absolute !important;
}
.fixed{
    position:fixed !important;
}
/*display*/
.block{
    display:block !important;
}
.inline-block{
    display:inline-block !important;
}
/*その他配置に関するもの*/
.object-cover{
    object-fit:cover !important;
}
.object-contain{
    object-fit:contain !important;
}
.t_align_c{
    text-align:center !important;
}
.t_align_l{
    text-align:left !important;
}
.t_align_r{
    text-align:right !important;
}
.top_0{
    top:0 !important;
}
.bottom_0{
    bottom:0 !important;
}
.left_0{
    left:0 !important;
}
.right_0{
    right:0 !important;
}
.top_50per{
    top:50% !important;
}
.bottom_5per{
    bottom:5% !important;
}
.left_4em{
    left:-4em !important;
}
.right_3_5em{
    right:-3.5em !important;
}

/*background-color*/
.background_white{
    background-color:#FFFFFF !important;
}
.background_lightgray{
    background-color:#FAFAFA !important;
}
.background_offwhite{
    background-color:#F8F7F6 !important;
}
.background_pale_beige{
    background-color:#F7F2EE !important;
}
.background_beige{
    background-color:#F6F2EE !important;
}
.background_cream{
    background-color:#F5EFE9 !important;
}
.background_gold{
    background-color:#674B00 !important;
}

/*color*/
.color_white{
	color:#fff !important;
}
.color_gray{
    color:#8D8D8D !important;
}
.color_darkgray{
    color:#333333 !important;
}
.color_dark_brown{
    color:#3B2F1B !important;
}
.color_brown{
    color:#3D3318 !important;
}
.color_gold{
    color:#815F06 !important;
}
.color_dark_gold{
    color:#674B00 !important;
}
.color_bg-word{
    color:rgba(129, 95, 6, 0.1) !important;
}
/*font-size*/
.font10, .post .font10{
    font-size:10px !important;
}
.font11, .post .font11{
    font-size:11px !important;
}
.font10-12, .post.font10-12{
    font-size:clamp(10px, .63vw, 12px) !important;
}
.font12-14, .post .font12-14{
    font-size:clamp(12px, .73vw, 14px) !important;
}
.font14-16, .post .font14-16,
.font14-16-sp, .post .font14-16-sp{
    font-size: clamp(16px, .84vw, 16px) !important;
    line-height: 1.6;
}
.font14-18, .post .font14-18{
    font-size: clamp(16px, .94vw, 18px) !important;
}
.font18-20, .post.font18-20,
.font18-20-sp, .post.font18-20-sp{
    font-size: clamp(16px, 1.1vw, 20px) !important;
}
.font18-22, .post .font18-22,
.font18-22_14-18, .post .font18-22_14-18{
    font-size:clamp(18px, 1.15vw, 22px) !important;
}
.font18-23, .post .font18-23{
    font-size: clamp(17px, calc(0vw + 17px), 24px) !important;
}
.font18-24, .post .font18-24,
.font18-24-sp, .post .font18-24-sp{
    font-size:clamp(18px, 1.25vw, 24px) !important;
    line-height: 1.5;
}
.font20-25, .post .font20-25{
    font-size:clamp(20px, calc(0vw + 19px), 25px) !important;
}
.font20-26, .post.font20-26{
    font-size:clamp(20px, 1.36vw, 26px) !important;
}
.font20-28, .post .font20-28{
    font-size: clamp(17px, 1.6vw, 28px) !important;
}
.font22-30, .post.font22-30{
    font-size:clamp(22px, 1.7vw, 30px) !important;
}
.font22-32, .post.font22-32{
    font-size:clamp(22px, 1.7vw, 32px) !important;
}
.font24-34, .post .font24-34{
    font-size: clamp(20px, 1.85vw, 34px) !important;
}
.font24-36, .post .font24-36{
    font-size:clamp(24px, 1.85vw, 36px) !important;
}
.font26-38, .post .font26-38{
    font-size:clamp(26px, 2vw, 38px) !important;
}
.font26-40, .post.font26-40{
    font-size:clamp(26px, 2.1vw, 40px) !important;
}
.font26-42, .post.font26-42{
    font-size:clamp(26px, 2.3vw, 42px) !important;
}
.font26-46, .post .font26-46{
    font-size:clamp(26px, 2.4vw, 46px) !important;
}
.font30-50, .post.font30-50{
    font-size:clamp(30px, 2.61vw, 50px) !important;
}
.font32-52, .post.font32-52{
    font-size:clamp(32px, 2.71vw, 52px) !important;
}
.font44-56, .post .font44-56{
    font-size: clamp(28px, 2.92vw, 56px) !important;
}
.font36-58, .post .font36-58{
    font-size:clamp(36px, 3.5vw, 58px) !important;
}
.font36-60, .post .font36-60{
    font-size:clamp(36px, 3.13vw, 60px) !important;
}
.font44-74, .post.font44-74{
	font-size:clamp(44px, 3.85vw, 74px) !important;
}
.font120-144, .post .font120-144{
    font-size: clamp(60px, calc(5vw + 43px), 144px) !important;
}
/*font-family*/
.ff_notosans{
    font-family:"Noto Sans JP", sans-serif !important;
}
.ff_cormorant_garamond{
    font-family:"Cormorant Garamond", serif !important;
}
.ff_shippori_mincho{
    font-family: "Shippori Mincho", serif !important;
}
.ff_shippori_mincho_b1{
    font-family: "Shippori Mincho B1", serif !important;
}
/*font-weight*/
.fw300{
	/*light*/
	font-weight:300 !important;
}
.fw400{
    /*normal/regular*/
    font-weight:400 !important;
}
.fw500{
    /*medium*/
    font-weight:500 !important;
}
.fw600{
    /*semi-bold/demi-bold*/
    font-weight:600 !important;
}
.fw700, .post .fw700{
    /*bold*/
    font-weight:700 !important;
}
.fw900{
	/*black*/
	font-weight:900 !important;
}

/*font-style*/
.fs_italic{
	font-style:italic;
}
/*letter-spacing*/
.lp-0_02em{
    letter-spacing:0.02em !important;
}
.lp-0_03em{
    letter-spacing:0.03em !important;
}
.lp-0_04em{
    letter-spacing:0.04em !important;
}
.lp-0_05em{
    letter-spacing:0.05em !important;
}
.lp-0_07em{
    letter-spacing:0.07em !important;
}
.lp-0_1em{
    letter-spacing:0.1em !important;
}
.lp-0_13em{
    letter-spacing:0.13em !important;
}
.lp-0_14em{
    letter-spacing:0.14em !important;
}
.lp-0_2{
    letter-spacing:0.2em !important;
}
.lp-2{
    letter-spacing:2px !important;
}
/*line-height*/
.lh_3_38{
    line-height:3.38 !important;
}
.lh2{
    line-height:2 !important;
}
.lh1_875{
    line-height:1.875 !important;
}
.lh1_8{
    line-height:1.8 !important;
}
.lh1_7{
    line-height:1.7 !important;
}
.lh1_65{
    line-height:1.65 !important;
}
.lh1_6{
    line-height:1.6 !important;
}
.lh1_5{
    line-height:1.5 !important;
}
.lh1_1{
    line-height:1.1 !important;
}
.lh1{
    line-height:1 !important;
}

/*background-image*/
.background-cover{
    background-size:cover !important;
}
.background-position-top{
    background-position:top !important;
}
.background-repeat-no{
    background-repeat:no-repeat !important;
}

/*border*/
.border_collapse{
    border-collapse:collapse !important;
}
.border_t_brown{
    border-top:rgba(103, 75, 0, 0.7) 1px solid !important;
}
.border_b_brown{
    border-bottom:rgba(103, 75, 0, 0.7) 1px solid !important;
}
.border_b_brown_2px{
    border-bottom:rgba(103, 75, 0, 0.6) 2px solid !important;
}
.border_brown{
    border:rgba(103, 75, 0, 0.7) 1px solid !important;
}
.border_tb_index{
    border-top:rgba(103, 75, 0, 0.7) 1px solid !important;
    border-bottom:rgba(103, 75, 0, 0.7) 1px solid !important;
}
.dborder_b_brown{
    border-bottom:rgba(103, 75, 0, 0.5) 2px dashed !important;
}
.border_t_tab{
    border-top:rgba(216, 216, 216, 1) 1px dashed !important;
}
/*border-radius*/
.br_50per{
    border-radius:50% !important;
}
.br_50{
    border-radius:50px !important;
}
.br_20{
    border-radius:20px !important;
}
.br_10{
    border-radius:10px !important;
}
.br_5 {
    border-radius: 5px !important;
}
.br_t-lr_20{
    border-top-left-radius:20px !important;
    border-top-right-radius:20px !important;
}
/*hover transition*/
.arrow-beige span,
.arrow-brown1 span,
.arrow-brown2 span,
a.arrow-beige span,
a.arrow-beige2 span{
    transition:all 0.3s ease !important;
}
.arrow-btn:hover .arrow-beige span,
.arrow-btn:hover .arrow-brown1 span,
.arrow-btn:hover .arrow-brown2 span,
a.arrow-beige:hover span,
a.arrow-beige2:hover span{
    transform: translateX(5px) !important;
}
.arrow-btn:hover .arrow-beige,
a.arrow-beige:hover,
a.arrow-beige2:hover{
    background-color:rgba(103, 75, 0, 0.7) !important;
    color:white !important;
}
.arrow-btn:hover .arrow-brown1{
    background-color:rgba(103, 75, 0, 0.7) !important;
    color:#F6F2EE !important;
}
.arrow-btn:hover .arrow-brown2{
    background-color:rgba(103, 75, 0, 0.7) !important;
    color:#FFFFFF !important;
}
.arrow-beige:active,
.arrow-beige2:active,
a.arrow-btn:active span.arrow-beige{
    background:#674B00 !important;
    color:#F8F7F6 !important;
}
.arrow-brown1:active,
.arrow-brown2:active,
a.arrow-btn:active span.arrow-brown1,
a.arrow-btn:active span.arrow-brown2{
    color:#674B00 !important;
    border:#674B00 1px solid !important;
}
.arrow-brown1:active,
a.arrow-btn:active span.arrow-brown1{
    background:#F6F2EE !important;
}
.arrow-brown2:active,
a.arrow-btn:active span.arrow-brown2{
    background:#FFFFFF !important;
}
p.btn-uline{
    padding-bottom: 5px;
    background-image: linear-gradient(#3D3318,#3D3318);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 0 1px;
    transition: background-size 0.3s;
}
.arrow-btn:hover p.btn-uline{
    background-position: bottom left;
    background-size: 100% 1px;
}
p.words-move{
    transition:all 0.5s ease !important;
}
.arrow-btn:hover p.words-move{
    transform: translateY(-5px);
}
a.footer-tel{
    transition:all 0.3s ease !important;
}
a.footer-tel:hover{
    text-decoration-line:underline !important;
    text-decoration-thickness:1px !important;
}
a.footer-tel:active{
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
}
/*before/after*/
.bg-offwhite::before{
    position:absolute !important;
    content:"" !important;
    width:100vw !important;
    height:100% !important;
    top:0 !important;
    left:0 !important;
    background-color:#F8F7F6 !important;
    z-index:-5 !important;
}
.bg-box::after{
    position:absolute !important;
    content:"" !important;
    width:100% !important;
    height:100% !important;
    bottom:0 !important;
    left:0 !important;
    background-image:url("/wp-content/uploads/index-bg-box.png");
    background-repeat:no-repeat !important;
    background-size:cover !important;
    z-index:-1 !important;
}
.uline::before{
    position:absolute !important;
    content:"" !important;
    width:1.8em !important;
    height:3px !important;
    bottom:-3px !important;
    left:50% !important;
    background-color:rgba(103, 75, 0, 1) !important;
    transform:translateX(-0.9em) !important;
}
.uline_title::before{
    position:absolute !important;
    content:"" !important;
    width:2em !important;
    height:3px !important;
    bottom:-3px !important;
    left:0 !important;
    background-color:rgba(103, 75, 0, 0.8) !important;
}
.rline::before{
    position:absolute !important;
    content:"" !important;
    width:2px !important;
    height:75% !important;
    top:12.5% !important;
    right:-2px !important;
    background-color:rgba(103, 75, 0, 0.7) !important;
}
.bg-bar::before{
    position:absolute !important;
    content:"" !important;
    width:80% !important;
    height:10% !important;
    bottom:50% !important;
    left:15% !important;
    background-image:url("/wp-content/uploads/brown-bar.png");
    background-repeat:no-repeat !important;
    background-size:contain !important;
    z-index:1 !important;
}
.plus-minus::before{
    content:"" !important;
    position:absolute;
    top:50% !important;
    right:0 !important;
    width:10px !important;
    height:2px !important;
    background-color:rgba(103, 75, 0, 0.8)!important;
    transform:translateY(-50%) !important;
}
.plus-minus::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    right:0 !important;
    width:10px !important;
    height:2px !important;
    background-color:rgba(103, 75, 0, 0.8) !important;
    transform:translateY(-50%) rotate(-90deg) !important;
}
.bg-footer::before{
    position:absolute !important;
    content:"" !important;
    width:100vw !important;
    height:100% !important;
    top:0 !important;
    left:0 !important;
    background-image:url("/wp-content/uploads/index-bg-box.png");
    background-repeat:no-repeat !important;
    background-size:cover !important;
    z-index:-1 !important;
}

/*table*/
.table-company th{
    border-bottom:#674B00 1px solid !important;
}
.table-company td{
    border-bottom:#DCDDDD 1px solid !important;
}
.table-company th, .post .table-company th{
    color:#674B00 !important;
	font-family:"Noto Sans JP", sans-serif !important;
    font-size:clamp(14px, .84vw, 16px) !important;
	font-weight:500 !important;
    padding-top:1em !important;
    padding-bottom:1em !important;
    padding-left:0.5em !important;
    text-align:left !important;
    letter-spacing:0.03em !important;
}
.table-company td, .post .table-company td{
    color:#674B00 !important;
	font-family:"Noto Sans JP", sans-serif !important;
    font-size:clamp(14px, .84vw, 16px) !important;
	font-weight:400 !important;
    padding-top:1em !important;
    padding-bottom:1em !important;
    padding-left:0.5em !important;
    text-align:left !important;
    letter-spacing:0.03em !important;
}
/*その他*/
.style_none{
    list-style:none !important;
}
.txt_deco_none{
    text-decoration:none !important;
}
.txt_deco_underline{
    text-decoration-line:underline;
    text-decoration-thickness:1px;
}
.aspect{
    aspect-ratio:1 / 1 !important;
}
.aspect15_14{
    aspect-ratio:15 / 14;
}
.aspect_tab{
    aspect-ratio:10.49 / 1;
}
.middle{
    vertical-align:middle !important;
}
.tategaki{
    writing-mode:vertical-rl !important;
}
.arrow-beige,
.arrow-beige2,
span.arrow-beige,
span.arrow-brown1,
span.arrow-brown2{
    width:80px !important;
    height:40px !important;
}
/*
    #content, body:not(.home) #content.wide{
	padding:0;
}
*/
.zindex10{
    z-index:10 !important;
}
.zindex9{
    z-index:9 !important;
}
.zindex1{
    z-index:1 !important;
}
.zindex2{
    z-index:2 !important;
}
.no-wrap{
    white-space:nowrap !important;
}
.overflow_x-scroll{
    overflow-x:scroll !important;
}
/*ラジオボタンを全て消す*/
input[name="faq_item"] {
    display:none;
}
/*選択されているタブのコンテンツのみを表示*/
#faq1:checked ~ #faq_content1,
#faq2:checked ~ #faq_content2,
#faq3:checked ~ #faq_content3,
#faq4:checked ~ #faq_content4,
#faq5:checked ~ #faq_content5
{
    display:block !important;
}
#faq1:checked + label,
#faq2:checked + label,
#faq3:checked + label,
#faq4:checked + label,
#faq5:checked + label
{
    padding-bottom:0.5em !important;
}
/*タブ切り替えの中身のスタイル*/
.faq_content {
    display:none !important;
}
/*選択されているタブのスタイルを変える*/
.faq input:checked + .faq_item::after {
    width:0px !important;
}

/*レスポンシブ*/
.br-sp,
.br-pc,
.forsp,
.block_u575{
    display:none !important;
}
.block_u410,
.block_u500,
.block_u1100,
.block_u1150,
.block_u1100-tmp,
.inline_u768,
.tmp{
    display:none !important;
}
.tmp-none{
    display:block !important;
}
.block_o1100{
    display:inline !important;
}
.flexbox_common,
.flexbox_common-mid,
.flexbox_common-min,
.flexbox_keep
{
    display:flex !important;
}
.jc_center-pc{
    justify-content:center !important;
}
.item_bottom-pc{
    align-items:bottom !important;
}
.re-column-sp{
    flex-direction:row !important;
}
.block-pc{
    display:block !important;
}
.aspect-pc{
    aspect-ratio:1 / 1 !important;
}
.bg-ourworks-sp,
.bg-reason-sp,
.bg-consultation-sp{
    display:none !important;
}
.margin_r_auto-pc{
    margin-right:auto !important;
}
.border_b_brown-pc{
    border-bottom:rgba(103, 75, 0, 0.7) 1px solid !important;
}
.reverse-pt8_5rem-pc{
    padding-top: clamp(0rem, 14.545rem - 12.121vw, 8.5rem) !important;
}
.w25per-common{
    width:25% !important;
}
.w80per-pc{
    width:80% !important;
}
.w15per-pc{
    width:15% !important;
}
.w32per-pc{
    width:32% !important;
}
.w32per-aboutus{
    width:32% !important;
}
.w85per-fit{
    width:85% !important;
}
.w94per-pc{
    width:94% !important;
}
.mt2_5rem-pc{
    margin-top:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
}
.mt3_5rem-pc{
    margin-top:3.5rem !important;
}
.mb0_5em-rsp{
    margin-bottom:0.5em !important;
}
.mb1em-rsp{
    margin-bottom:1em !important;
}
.mb1_5em-rsp{
    margin-bottom:1.5em !important;
}
.mb2_5rem-pc{
    margin-bottom:2.5rem !important;
}
.pl1_5em-pc{
    padding-left:1.5em !important;
}
.pl1em-pc{
    padding-left:1em !important;
}
.lh1_1-pc{
    line-height:1.1 !important;
}
.m-minus-pc{
    margin-left:-5% !important;
    margin-right:-5% !important;
}
@media print, screen and (max-width:1150px){
    .item_center-sp{
        align-self:center !important;
    }
    .block_u1150{
        display:block !important;
    }
    .p-1rem_u1150{
        padding:1rem !important;
    }
    .pl-pr1rem_u1150{
        padding-left:1rem !important;
        padding-right:1rem !important;
    }
    .pl-pr1_5rem_u1150{
        padding-left:1.5rem !important;
        padding-right:1.5rem !important;
    }
}
@media print, screen and (max-width:1100px){
    .lh1_1-pc{
        line-height:1.3 !important;
    }
    .block_o1100{
        display:none !important;
    }
    .inline_u1100{
        display:inline !important;
    }
    .block_u1100-tmp{
        display:block !important;
    }
}
@media print, screen and (max-width:850px){
    .flexbox_common-mid{
        display:block !important;
    }
    .aspect-pc{
        aspect-ratio:2 / 1 !important;
    }
    .w32per-pc{
        width:100% !important;
    }
    .mt3_5rem-pc{
        margin-top:0 !important;
    }
    .mb1rem-sp_u850{
        margin-bottom:1rem !important;
    }


}
@media print, screen and (max-width:768px){
    .font18-20-sp, .post.font18-20-sp{
        font-size:clamp(13px, calc(1vw + 11px), 16px) !important;
    }
    .flex_center-sp{
        display:flex !important;
        justify-content: center !important;
    }
    .flex_end-sp{
        display:flex !important;
        justify-content: flex-end !important;
    }
    .re-column-sp{
        flex-direction:column-reverse !important;
    }
    .aboutus_c{
        position:absolute !important;
        right:0 !important;
        bottom:-4rem !important;
    }
    .tmp,
    .flexbox,
    .forsp{
        display:block !important;
    }
    .tmp-none,
    .forpc,
    .block-pc,
    .block_u1100-tmp
    {
        display:none !important;
    }
    .inline_u768{
        display:inline !important;
    }
    .wrap-sp{
        flex-wrap:wrap !important;
    }
    .txt_l-sp{
        text-align:left !important;
    }
    .margin_x_auto-sp{
        margin:0 auto !important;
    }
    .w28per{
        width:56% !important;
    }
    .w15per,
    .w25per,
    .w32per,
    .w32per-aboutus,
    .w33per,
    .w42per,
    .w45per,
    .w48per,
    .w48_5per,
    .w49per,
    .w50per,
    .w55per,
    .w62per,
    .w64per,
    .w67per,
    .w32per-pc,
    .w75per,
    .w94per-pc{
        width:100% !important;
    }
    .max_w400{
        width:40% !important;
        min-width:200px !important;
    }
    .w85per-fit{
        width:fit-content !important;
    }
    .max_w60per,
    .btn-w325,
    .btn-w350{
        max-width:100% !important;
    }
    .w23per{
        width:49% !important;
    }
    .w25per-tmp{
        width:25% !important;
    }
    .pl1em-pc{
        padding-left:0 !important;
    }
    .pl7_7rem-sp{
        padding-left:clamp(2.7rem, 1.7rem + 5vw, 7.7rem) !important;
    }
    .pt0_5em-sp{
        padding-top:0.5em !important;
    }
    .pt11rem-sp{
        padding-top: clamp(2.7rem, 1.04rem + 7vw, 11rem) !important;
    }
    .pb11rem-sp{
        padding-bottom: clamp(2.7rem, 1.04rem + 7vw, 11rem) !important;
    }
    .pb_6_5rem-sp{
        /*769px-1920px*/
        /*
            padding-bottom: clamp(0rem, 52.96rem - 20vw, 6.5rem) !important;
        */
        padding-bottom: clamp(2rem, 1.16rem + 4.47vw, 6.5rem) !important;
    }
    .mt2_5rem-pc{
        margin-top:0 !important;
    }
    .mb1rem-sp{
        margin-bottom:1rem !important;
    }
    .mb5rem-sp{
        margin-bottom:5rem !important;
    }
    .mt0_5rem-sp{
        margin-top:0.5rem !important;
    }
    .mt2rem-sp{
        margin-top:2rem !important;
    }
    .mb1_5em-rsp{
        margin-bottom:0.75em !important;
    }
    .mb2_5rem-pc{
        margin-bottom:0 !important;
    }
    .mb2_5rem-sp{
        margin-bottom:clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) !important;
    }
    .bg-ourworks-sp,
    .bg-reason-sp,
    .bg-consultation-sp{
        display:block !important;
        position:absolute !important;
        z-index:1 !important;
        opacity:0.1 !important;
        top:0 !important;
        left:0 !important;
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }
    .bg-reason-sp{
        opacity:0.2 !important;
    }
    .bg-bar::before{
        display:none !important;
    }
    .lh1-sp{
        line-height:1;
    }
    .reverse-pt8_5rem-pc{
        padding-top:0 !important;
    }
    .border_b_brown-pc{
        border-bottom:none !important;
    }
    .rline::before{
        width:75% !important;
        height:2px !important;
        top:100% !important;
        left:12.5% !important;
        background-color:rgba(103, 75, 0, 0.7) !important;
    }
    .sp-title .uline_title::before{
        left:25% !important;
    }
    .m-minus-pc{
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .circle-sp span.arrow-brown2{
        width:80px !important;
        height:40px !important;
        border-radius:50px !important;
    }
}
@media print, screen and (max-width:575px){
    .block_u575{
        display:block !important;
    }
}
@media print, screen and (max-width:500px){
    .block_u500{
        display:block !important;
    }
}
@media print, screen and (max-width:410px){
    .block_u410{
        display:block !important;
    }
}
@media print, screen and (max-width:398px){
    th,
    td{
        display:block !important;
    }
    .br-sp{
        display:block !important;
    }
    .br-pc{
        display:none !important;
    }
    .tmp{
        display:none !important;
    }
    .tmp-none{
        display:block !important;
    }
    .flexbox_common-min{
        display:block !important;
    }
    .jc_center-pc{
        justify-content:initial;
    }
    .txt_l-sp{
        text-align:left !important;
    }
    .font18-24-sp, .post .font18-24-sp{
        font-size:clamp(13px, calc(6vw + -7px), 16px) !important;
    }
    .font14-16-sp, .post .font14-16-sp{
        font-size:clamp(11px, calc(3vw + 3px), 13px) !important;
    }
    .w21per,
    .w23per,
    .w79per,
    .w49per-tmp,
    .w15per-pc,
    .w80per-pc{
        width:100% !important;
    }
    .w20per_fit-sp{
        width:fit-content !important;
    }
    .pl1_5em-pc{
        padding-left:0 !important;
    }
    .pr7_7rem-sp{
        padding-right:clamp(2.7rem, 1.7rem + 5vw, 7.7rem) !important;
    }
    .mb0_5em-rsp{
        margin-bottom:0.25em !important;
    }
    .mb1em-rsp{
        margin-bottom:0.5em !important;
    }
    .mt1em-rsp{
        margin-top:0.5em !important;
    }
    .wrap-sp{
        flex-wrap:block !important;
    }
    .wrap-sp2{
        flex-wrap:wrap !important;
    }
    .ex-padding-sp{
        padding:0.2em 1.5em !important;
    }
    .arrow-beige2{
        height:40px !important;
        width:40px !important;
        border-radius:50% !important;
    }
    .aspect15_14{
        aspect-ratio:3 / 2;
}
    .aspect_tab{
        aspect-ratio:10.49 / 2;
    }
}
/* 追記 */
a.w100per.background_pale_beige.br_10.mb2_5rem.pl-pr1rem_u1150.flexbox_keep.align_items_center.jc_center:hover {
    transition: .3s;
    opacity: .5;
}
.a {
    position: absolute;
    right: 0;
    bottom: 0;
}

.max_w1280 {
    max-width: 1280px !important;
width: 90% !important;
    margin: 0 auto !important;
}
.bg {
    width: 100vw !important;
    margin-left: calc(((100vw - 100%) / 2) * -1) !important;
    margin-right: calc(((100vw - 100%) / 2) * -1) !important;
}
.w32per-aboutus.flexbox_keep.jc_center.mb5rem-sp .max_w400 {
    width: 80% !IMPORTANT;
}

.w45per.pt3_5rem {
    padding-right: 10px;
}
.pr1 {
    padding-right: 10px !important;
}
nav#mainNav ul li:last-child {
    border-right: 1px dotted #ADADAD !important;
}
.behind-text::after, .post .behind-text::after {
  position: absolute;
  right: 0%;
  width: 100%;
  top: 28%;
  line-height: 1.45;
  font-size: clamp(30px, 7.5vw, 144px);
  letter-spacing: 0.08em;
  font-family: "Cormorant Garamond", serif !important;
  text-align: right;
  font-weight: 600;
  z-index: 1;
  content: "Our Works";
  opacity: .1;
  color: #815F06;
}

.c {
    margin-bottom: 9vw !important;
}
a.arrow-btn.ff_cormorant_garamond.font18-22.fw400.color_brown.flexbox_keep {
    position: relative;
    z-index: 999;
}
/* 追記メディアクエリ */
@media print, screen and (min-width: 1024px) {

nav#mainNav ul li a:hover b::before {
    transform: rotateY(0deg);
  }
  nav#mainNav ul li a:hover b::before,
  nav#mainNav ul li.current-menu-item a b::before,
  nav#mainNav ul li a:active b::before {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  nav#mainNav ul li a b::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #815F06;
    content: "";
    bottom: 0;
    left: 0;
    transition: 0.5s ease;
    transform-origin: center;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }

  nav#mainNav ul li a b {
    position: relative;
    padding-bottom: 5px;
  }
/*  */
body.home header#header {
    position: fixed;
    background: transparent !important;
}
nav#mainNav ul li ul.sub-menu li:hover a {
    background: #815F06 !important;
    color:#fff!important;
}
body.home.sticky-header header#header {
    position: static !important;
}
}

@media print, screen and (max-width: 769px) {
div#wpadminbar {
    display: none;
}


span.ff_notosans.font11.fw500.color_gray.item_center.lp-0_03em {
    padding-top: 2px;
}

img.block.w4per.object-contain {
    padding-top: 3px;
}
.border_tb_index.ff_shippori_mincho.font14-18.fw400.color_dark_gold.pt1_19em.pb1_19em.pl2em.lh1_7.lp-0_03em {
    padding: 4% !important;
}

a.sp01 {
    border-bottom: none !important;
    border-top: rgba(103, 75, 0, 0.7) 1px solid !important;
}

.postlist .post_text {
    width: 95%;
}

a.arrow-btn.ff_cormorant_garamond.font18-22.fw400.color_brown.flexbox_keep.j_flex-end-center {
    justify-content: flex-end !important;
}

.arrow-beige2 {
    width: 40px !important;
    border-radius: 30px !important;
    height: 25px !important;
}

.w80per-pc.pt2_5rem.flexbox_keep.flex_direction_column {
    width: 90% !important;
}
.mobile header#h1Header {
    height: 150px;
  }

.uline_title::before {
    height: 1px !important;
}

.uline::before {
    height: 1px !important;
}

.w23per.aspect15_14.background_pale_beige.br_10.relative.zindex2.pt2_75rem.pl1_5rem.pr1_5rem.mb1rem-sp {
    padding: 5% !IMPORTANT;
    aspect-ratio: unset !important;
}
.max_w1280.c {
    width: 100% !important;
}

.w50per.pl7_7rem.pr7_7rem-sp.pt11rem.relative.zindex2.pb_6_5rem-sp {
    padding: 5% !important;
}
.arrow-beige, .arrow-beige2, span.arrow-beige, span.arrow-brown1, span.arrow-brown2 {
    width: 60px !important;
    height: 30px !important;
}
.behind-text::after, .post .behind-text::after {
    top: 19%;
}
}