@charset "utf-8";body,#gotop.pc i::before,#gotop.pc i::after,.label::after,.loop-section.magazine:not(.mobile) .loop-article{background-color:#ffffff;}body{font-family:'Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{font-weight:normal;font-style:normal;}.entry h3{font-size:181%;}.entry,.widget-box .dp_text_widget,.widget-box .textwidget{font-size:15.5px;}.mb-theme .entry,.mb-theme .widget-box .dp_text_widget,.mb-theme .widget-box .textwidget{font-size:15.5px;}.dp-container .entry a,.dp-container .dp_text_widget a,.dp-container .textwidget a{color:#666666;}.dp-container .entry a:hover,.dp-container .dp_text_widget a:hover,.dp-container .textwidget a:hover{color:#999999;}.loop-section.normal .loop-article::before,.loop-section.normal .loop-article::after,.loop-article.portfolio.mobile::before,.loop-article.portfolio.mobile::after,.inside-title::before,.wd-title::before,.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before,.entry ol li::before,.dp_text_widget ol li::before,.textwidget ol li::before,.dp-container pre,input[type="submit"],button[type="submit"],.search-form .submit-area button.search-btn,.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active,.single-nav .navlink::before,.single-nav .desc,.single_float_div .share-tgl,#switch_comment_type .active_tab,.footer_bar{color:#ffffff;background-color:#8b7a4c;}.entry ul li::before,.dp_text_widget ul li::before,.textwidget ul li::before{border:3px solid rgba(255,255,255,.64);}.inside-title::after,.wd-title::after{background-color:#d1cab7;}.header_bar::before,.global_menu_ul .sub-menu,.global_menu_ul.mq-mode,.modal_wrapper.main_menu,.loop-section.as-mega-menu .loop-article,.loop-section.as-mega-menu .loop-date{color:#333333;background-color:#ffffff;}.header_bar{border-color:rgba(255,255,255,.8);}.header_bar,.header_bar a,.modal_wrapper.main_menu a{color:#333333;}.global_menu_nav .nav_chaser,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover,.global_menu_ul.no_pjax .menu-item.current-menu-item>a,.main_slide_menu.no_pjax .menu-item.current-menu-item>a{background-color:#8b7a4c;}.header_bar .header_trigger_btn.hidden_menu>span i,.header_bar .header_trigger_btn.hidden_menu>span::before,.header_bar .header_trigger_btn.hidden_menu>span::after{background-color:#333333;}.main_slide_menu.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul.no_pjax  .menu-item.current-menu-item>a,.global_menu_ul:not(.mq-mode)>.menu-item:hover>a,.global_menu_ul:not(.mq-mode) .sub-menu .menu-item>a:hover{color:#ffffff;}.main_slide_menu .menu-item,.main_slide_menu .menu-item:first-child,.main_slide_menu .menu-item .expand{border-color:rgba(51,51,51,.32);}.hidden_window{color:#fff;background-color:#2a3451;}.hidden_area_list,#hidden-searchform .words-area{background-color:rgba(255,255,255,.1);}.hidden_window a,#hidden-searchform,#hidden-searchform a,#hidden-searchform input.search-field{color:#fff;}#hidden-searchform input.search-field::-webkit-input-placeholder{color:#fff;}#hidden-searchform input.search-field:-ms-input-placeholder{color:#fff;}#hidden-searchform .preset-words-area a.pword{background-color:rgba(255,255,255,.12);}#hidden-searchform .preset-words-area a.pword:hover{background-color:rgba(255,255,255,.22);}#hidden-searchform .words-area{border-color:rgba(255,255,255,.28);}.hidden_area_list li:nth-child(1)::before{background-color:#1E9ED4;}.hidden_area_list li:nth-child(2)::before{background-color:#21D7A8;}.hidden_area_list li:nth-child(3)::before{background-color:#FA3687;}.hidden_area_list li:nth-child(4)::before{background-color:#B0D44A;}.hidden_area_list li:nth-child(5)::before{background-color:#A865D5;}.hidden_area_list li:nth-child(6)::before{background-color:#d65e33;}.global_menu_ul:not(.mq-mode) .menu-item .menu-link,.global_menu_ul:not(.mq-mode) .menu-item .menu-link *{font-size:14px;}.header-banner-inner.pc,.header-banner-inner.pc a{color:#fff;text-shadow:0 0.28vh 0.7vh rgba(0,0,0,0.32);}.header-banner-inner.mb,.header-banner-inner.mb a{color:#fff;text-shadow:0 0.22vh 0.46vh rgba(0,0,0,0.46);}#banner_caption::before,#banner_caption::after{background-color:#fff;}.mb-theme #banner_caption::before,.mb-theme #banner_caption::after{background-color:#fff;}.hd_slider:not(.mb) .swiper-slide::before{background-color:#8b7a4c;opacity:0.14;}.hd_slider:not(.mb) .swiper-slide:hover::before,.hd_slider:not(.mb):not(.style-fade):not(.style-horizontal):not(.style-vertical):not(.style-cube) .swiper-slide.swiper-slide-active::before{opacity:0.07;}.header-banner-inner.mb .figure_img::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(32,47,84,0.34);}.pc .ct-whole{padding-top:15vh;padding-bottom:12vh;}.pc .ct-whole.not-home{padding-top:calc(15vh + 74px);}.pc .ct-whole:not(.body-bgimg):not(.video){padding-bottom:calc(12vh + 2.5vw);}.mb-theme .ct-whole{padding-top:6vh;padding-bottom:6vh;}.mb-theme.not-home .ct-whole{padding-bottom:calc(6vh + 36px);}.ct-whole.no_bgimg::before{background:linear-gradient(135deg, #8b7a4c 0%,rgba(0,0,0,.3) 50%,#d1cab7 100%);}.dp-container,.dp-container a,#dp_breadcrumb_nav.no_title a{color:#3c3c3c;}.dp-container::before{}.dp-container::after{background-color:#ffffff;opacity:1;}.page-shutter,.swiper-slide .sl-meta .sl-cat,.ct-whole,.loop-bg::before,.loop-media-icon.cat-bg i.default::before,.loop-media-icon.cat-bg i.default::after,.loop-section.magazine .loop-col.one::before,.loop-section.portfolio.two .loop-table.forward,.loop-section.portfolio.two .loop-post-thumb::after,.dp_comment_list_section li.comment::after,.dp_comment_list_section li.trackback::after,.dp_comment_list_section li.pingback::after,.dp_related_posts.vertical li::after,.recent_entries li::after,.widget_nav_menu li a::after,.widget_pages li a::after,.widget_categories li a::after,.widget_categories .cat-item .count,#wp-calendar tbody td a::before,.footer::after,#gotop.pc{background-color:#8b7a4c;}.header_bar.mb::after,.loop-bg:not(.forward).gradient-bg::before,.swiper-slide .sl-content.sl-meta::before,.author_img::before,.footer_bar::before{background:linear-gradient(135deg, #8b7a4c 0%,#d1cab7 100%);}.dp_tab_widget_ul li.active_tab,.loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #8b7a4c;}.loop-section.normal:not(.mobile) .loop-col.one,.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover{box-shadow:0 0 0 1px, 8px 8px 0 #8b7a4c;}.loop-section.news .loop-article:hover .loop-col.one{background-color:#ffffff;}.loop-section.normal.mobile .loop-col.one{box-shadow:0 0 0 1px, 4px 4px 0 #8b7a4c;}.loop-section:not(.portfolio):not(.as-mega-menu):not(.mobile) .loop-article:hover .loop-col.one{box-shadow:0 0 0 1px, 8px 8px 0 rgba(139,122,76,.72);}.label_ft{box-shadow:3px 3px 0 #8b7a4c;}.dp_related_posts.vertical li,.dp_related_posts.mb li,.recent_entries li,.widget_nav_menu li a,.widget_pages li a,.widget_categories li a,.dp_comment_list_section li.depth-1{box-shadow:0 -1px 0 rgba(60,60,60,.38) inset;}.dp-container .entry a{font-weight:normal;text-decoration:none;}.dp-container .entry a:hover{text-decoration:underline;}.meta-cat .cat-link>span::before,.meta-cat .cat-link>span::after,#dp_breadcrumb_nav.no_title li::after{background-color:#3c3c3c;}input[type="checkbox"]:checked,input[type="radio"]:checked {background-color:#666666;}select{color:#3c3c3c;}.footer select{color:#ffffff;}.dp_toc_container{border-color:rgba(139, 122, 76,.2);background:#ffffff;}.dp_toc_container::before{background:rgba(139, 122, 76,.04);}.dp_toc_container p.toc_title_block>span::before,.dp_toc_container ul.dp_toc_ul>li::before{background:rgba(139, 122, 76,.16);}.dp_toc_container ul.dp_toc_ul li a,.dp_toc_container ul.dp_toc_ul li a:hover,.dp_toc_container ul.dp_toc_ul>li li::before{color:#3c3c3c;}input.gsc-input{background-color:#ffffff!important;}#hd_searchform input.gsc-input{background-color:#ffffff!important;}td.gsc-search-button{color:#3c3c3c!important;}#hd_searchform td.gsc-search-button::before{color:#333333;}#hd_searchform td.gsc-search-button{color:#333333!important;}address{border-color:#8b7a4c;}.tagcloud a:hover{color:#ffffff;background-color:#8b7a4c;border-color:#8b7a4c;}.entry h1::after,.entry h2::after,.entry h3::after,.entry h4::after,.entry h5::after,.entry h6::after,.dp_text_widget h1::after,.dp_text_widget h2::after,.dp_text_widget h3::after,.dp_text_widget h4::after,.dp_text_widget h5::after,.dp_text_widget h6::after,.textwidget h1::after,.textwidget h2::after,.textwidget h3::after,.textwidget h4::after,.textwidget h5::after,.textwidget h6::after{box-shadow:1px 1px rgba(139,122,76,.48), 6px 18px 30px -6px rgba(60,60,60,.09);}.author_info{background-color:rgba(139,122,76,.05);}.dp-container blockquote::before,.dp-container blockquote::after,.loop-media-icon.cat-bg i::before,.loop-section:not(.portfolio) .loop-title a::before{color:#8b7a4c;}body:not(.mb-theme) .wow{visibility:hidden}.footer-widget-content .widget-area {width:100%;}.footer,.footer::before{color:#ffffff;background-color:#000000;}#footer_menu_ul{background-color:rgba(255,255,255,.08);}.footer .lo-co{background-color:rgba(255,255,255,.16);}.footer .copyright{background-color:rgba(255,255,255,.24);}.footer a{color:#ffffff;}.footer a:hover{color:#f4f4f4;}.footer .dp_related_posts.vertical li:not(:hover),.footer .recent_entries li:not(:hover),.footer .widget_nav_menu li a:not(:hover),.footer .widget_pages li a:not(:hover),.footer .widget_categories li a:not(:hover){box-shadow:rgba(255,255,255,.38) 0px -1px 0px inset;}.footer .more-entry-link a{border-color:#ffffff;color:#ffffff!important;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active{box-shadow:5px 5px 0 #ffffff;}.footer .tagcloud a:hover{color:#000000;background-color:#ffffff;border-color:#ffffff;}.footer .dp_tab_widget_ul li.active_tab,.footer .loop-filter-form .flt-btn.active,.footer #wp-calendar tbody td a::before,.footer .wd-title::before,.footer .wd-title::after,.footer .dp_related_posts.vertical li::after,.footer .recent_entries li::after,.footer .widget_nav_menu li a::after,.footer .widget_pages li a::after,.footer .widget_categories li a::after,.footer .search-form .preset-words-area a.pword:hover{color:#000000;background:#ffffff;}.footer .cat-item .count{color:#000000;background-color:rgba(255,255,255,.5);}.footer .search-form input.search-field,.footer .search-form::before{color:#ffffff;}.ftbar_btn, .ftbar_btn a{color:#ffffff;}.btn:not([class*="btn-"]),.loop-section.news .loop-date time,.loop-section .more-link a,.single_post_meta .loop-share-num .sitem,.author_info .author_sns a,.nav_to_paged a,.more-entry-link a,.dp-pagenavi a,.dp-pagenavi .page-numbers,.dp-pagenavi .current{border-color:#8b7a4c;color:#8b7a4c;}.btn:not([class*="btn-"]):hover,a.btn:not([class*="btn-"]):hover{border-color:#8b7a4c;}.footer .label::after{background-color:#000000;}.btn:not([class*=" btn-"])::after,.label:not([class*=" label-"]),.rank_label.has_thumb{background-color:#8b7a4c;}/* ■ヘッダーエリア */.header_bar .hd-title.img img{  max-width:183px;  margin-top:10px;  }    .ct-whole .hd-title.single-title span::before, .ct-whole .hd-title.single-title span::after{display:none;}  .header_bar.trpt:not(.float):not(.no_ct_hd):not(:hover) .h_group .hd-title img{filter:none;}  .ct-whole,  .header_bar.trpt:not(.float):not(.no_ct_hd):not(:hover) .global_menu_ul:not(.mq-mode)>.menu-item>.menu-link{    color:#3c3c3c;    }    /* ■フッターエリア */    #widget-container-bottom .plx_widget{background-color:#000;}  #widget-container-bottom .plx_bg{opacity:0.5;}    #footer_menu_ul{background-color:#000;}  .footer .copyright{background-color:#191919;}  .footer::after{height:0;}  #footer_menu_ul .menu-item::after{content:none;}  .footer{padding-top:0;}    #gotop,#gotop i{transform:none;}    .single-article:not(.has_profile):not(.as-home)::before, .single-article:not(.has_profile):not(.as-home)::after{content:none;}    /* ■■■トップ */    .header-banner-outer{  background-color:#e8e5dc;  }    /* ■トップパララックスエリア */  .plx_widget.dp_parallax_widget-5 .plx_bg::after,  .plx_widget.dp_parallax_widget-4 .plx_bg::after,  .plx_widget.dp_parallax_widget-2 .plx_bg::after,  .plx_widget.dp_parallax_widget-3 .plx_bg::after{    background-color:rgba(255,255,255,0)!important;    }    .dp_parallax_widget-4 .plx_fit_figure {    background-position: bottom;  }  /* ■■■事例紹介 */  .ct-whole.show .hd-title:not(.single-title) span::before{    box-shadow:none;    transform:none;    }    .ct-whole .hd-title:not(.single-title) span::before{border:none;}  .ct-whole .hd-meta{display:none;}  .ct-whole.no_bgimg::before{    background-image:url('//www.granphyr.com/wp-content/uploads/2021/02/parts_main_bg_under-scaled.jpg');    background-size:cover;    }  .ct-whole{background-color:none;}  .ct-whole::before{opacity:1;}    /* ■フォーム */    .table_form{    width:100%;    background-color:#f1f1f1;  }    .table_form th{background-color:#f1f1f1;}    .table_form th,.table_form td{border:3px #fff solid!important;}    .table_form th span{    box-sizing:border-box;    display:block;    width:calc(2.5em + 10px);    float:left;    margin-top:4px;    margin-right:5px;  }    .form-preview-reqiured {    display: inline-block !important;    padding: 2px 5px;    background-color: #8b7a4c;    color: #fff;    font-size: 12px;    font-weight: normal;    line-height: normal;    text-align: center;    vertical-align: middle; }      .form-preview-not-reqiured {    display: inline-block !important;    padding: 2px 5px;    background-color: #d1cab7;    color: #fff;    font-size: 12px;    font-weight: normal;    line-height: normal;    text-align: center;    vertical-align: middle; }      .entry input[type="submit"], .dp_text_widget input[type="submit"], .textwidget input[type="submit"]{position:initial;}  .form_pc p{text-align:center;}    .wpcf7-form input[type="submit"]{    padding:14px 70px;    height:auto;    }    select {      /* styling */    background-color: white;    border: thin solid #999;    border-radius: 4px;    display: inline-block;    font: inherit;    line-height: 1.5em;    padding: 0.5em 3.5em 0.5em 1em;      /* reset */      margin: 0;          -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    -webkit-appearance: none;    -moz-appearance: none;  }      select.minimal {    background-image:      linear-gradient(45deg, transparent 50%, gray 50%),      linear-gradient(135deg, gray 50%, transparent 50%),      linear-gradient(to right, #ccc, #ccc);    background-position:      calc(100% - 20px) calc(1em + 2px),      calc(100% - 15px) calc(1em + 2px),      calc(100% - 2.5em) 0.5em;    background-size:      5px 5px,      5px 5px,      1px 1.5em;    background-repeat: no-repeat;  }    select.minimal:focus {    background-image:      linear-gradient(45deg, gray 50%, transparent 50%),      linear-gradient(135deg, transparent 50%, gray 50%),      linear-gradient(to right, #ccc, #ccc);    background-position:      calc(100% - 15px) 1em,      calc(100% - 20px) 1em,      calc(100% - 2.5em) 0.5em;    background-size:      5px 5px,      5px 5px,      1px 1.5em;    background-repeat: no-repeat;    border-color: #666;    outline: 0;  }      select:-moz-focusring {    color: transparent;    text-shadow: 0 0 0 #000;  }    .wpcf7 form.sent .wpcf7-response-output{    border-color:#fff;    text-align:center;    }  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{    border-color:#fff;    text-align:center;  }    input::placeholder {    color: #999;    }    /* ■共通モジュール */    .widget-container.top{  padding-top:0.6vw;  }    h1,h2,h3,h4,p.title,p.ttl{  font-family:"リュウミン M-KL";  }    .entry h2::after,.entry h4::after{display:none;}  .entry h2{text-align:center;margin-top:0;}  .entry h4{margin:6rem 0 2rem 0;}    p.txt,  .quotation {    font-family:'Roboto','Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;  }    h3.editor,h2.plx_title{  font-size:200%;  }    h3.editor::after,.inside-title::after, .wd-title::after{  position:absolute;  top:auto;  bottom:-15px;  left:49%;  right:auto;  box-shadow:none;  transform:none;  }    h3.editor::before,.loop-section.normal .loop-article::before, .loop-section.normal .loop-article::after, .loop-article.portfolio.mobile::before, .loop-article.portfolio.mobile::after, .inside-title::before, .wd-title::before, .entry ul li::before, .dp_text_widget ul li::before, .textwidget ul li::before, .dp_text_widget ol li::before,  .dp-container pre, input[type="submit"], button[type="submit"], .search-form .submit-area button.search-btn, .dp_tab_widget_ul li.active_tab, .loop-filter-form .flt-btn.active, .single-nav .navlink::before, .single-nav .desc, .single_float_div .share-tgl, #switch_comment_type .active_tab, .footer_bar{  position:absolute;  top:auto;  bottom:-15px;  left:47%;  right:auto;  transform:none;  }      p.fontlarge{font-size:120%}  .plx_title{margin-bottom:1vw;}    a.btn, .dp-container a.btn, .dp-container .entry a.btn, .dp-container .dp_text_widget a.btn, .dp-container .textwidget a.btn, button.btn, input.btn{    padding-left:70px;    padding-right:70px;  }    .plx_original{margin-top:0;}    table.table100{width:100%;}  dt, th, td{padding:15px 15px 15px 15px;}  th{font-weight:normal;}      .mb10-{margin-bottom:-10px!important;}  .mb20-{margin-bottom:-20px!important;}  .mb30-{margin-bottom:-30px!important;}  .mb40-{margin-bottom:-40px!important;}  .mb50-{margin-bottom:-50px!important;}  .mb60-{margin-bottom:-60px!important;}  .mb0{margin-bottom:0!important;}  .mb10{margin-bottom:10px!important;}  .mb20{margin-bottom:20px!important;}  .mb30{margin-bottom:30px!important;}  .mb40{margin-bottom:40px!important;}  .mb50{margin-bottom:50px!important;}  .mb60{margin-bottom:60px!important;}  .mb100{margin-bottom:100px!important;}    .mt10-{margin-top:-10px!important;}  .mt20-{margin-top:-20px!important;}  .mt30-{margin-top:-30px!important;}  .mt40-{margin-top:-40px!important;}  .mt50-{margin-top:-50px!important;}  .mt60-{margin-top:-60px!important;}  .mt0{margin-top:0!important;}  .mt10{margin-top:10px!important;}  .mt20{margin-top:20px!important;}  .mt30{margin-top:30px!important;}  .mt40{margin-top:40px!important;}  .mt50{margin-top:50px!important;}  .mt60{margin-top:60px!important;}  .mt100{margin-top:100px!important;}    .center{text-align:center!important;}    /* ■■■■■■■■■PC版表示■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */    @media only screen and (min-width: 941px) {        /* ■■■サイト共通 */  .global_menu_nav .nav_chaser,  .global_menu_ul:not(.mq-mode)>.menu-item>.menu-link,  .global_menu_ul:not(.mq-mode)>.menu-item>.menu-link .menu-title, .global_menu_ul:not(.mq-mode)>.menu-item>.menu-link .menu-caption{    transform:none;    }    /* ■フッターエリア */  #footer_menu_ul .menu-title{font-size:14px;}  #footer_menu_ul .menu-item .menu-link{padding:25px 15px;}      /* ■■■トップ用 */  .plx_widget{min-height:450px;}  .plx_text_content{margin-top:40px;}    /* ■トップ上部スライドバナー */  .swiper-slide.style-center.three .sl-content .title, .swiper-slide.style-coverflow.three .sl-content .title{  font-size:2vw!important;  }    .swiper-slide .sl-content .slc-tbl-cell{    position:absolute;    top:30%;    left:0;    right:0;  }    /* ■トップ下部事例エリア */  .loop-section .swiper-slide .sl-content .slc-tbl-cell{    position:absolute;    top:10%;    left:10%;    }  .swiper-slide .sl-content.sl-meta .sl-cat{transform:none;}  .swiper-slide .sl-content.sl-meta .sl-cat>span{transform:none;}  .swiper-slide .sl-content.sl-meta .item-link{padding:6.6vw 0;}    /* ■お見積り依頼 */  .quotation {    display: flex;    justify-content: space-between;    align-items: center;    max-width: 860px;    margin: 60px auto 0;  }  .quotation .col {    box-sizing: border-box;    display: flex;    width: 50%;    height: 100%;    padding: 0;  }  .quotation .col:first-child {    border-right: solid 1px rgba(255, 255, 255, 0.4);    padding: 25px 20px;  }  .quotation .col:last-child {    justify-content: flex-end;    padding: 0 50px;  }  .quotation .btn a {    position: relative;    display: inline-block;    border: solid 1px  rgba(255, 255, 255, 0.4);    font-size: 16px;    color: #ffffff;    padding: 12px 30px;    overflow: hidden;    background-color: transparent;    z-index: 1;    -webkit-transition: all .3s ease;    transition: all .3s ease;  }  .quotation .btn a::after {    position: absolute;    top: 0;    left: 0;    content: "";    width: 100%;    height: 100%;    z-index: -1;    background-color: #8b7a4c;    -webkit-transition: -webkit-transform .38s cubic-bezier(0.56, 0.46, 0.12, 1.4);    transition: -webkit-transform .38s cubic-bezier(0.56, 0.46, 0.12, 1.4);    transition: transform .38s cubic-bezier(0.56, 0.46, 0.12, 1.4);    transition: transform .38s cubic-bezier(0.56, 0.46, 0.12, 1.4), -webkit-transform .38s cubic-bezier(0.56, 0.46, 0.12, 1.4);    -ms-transform: skewX(-10deg) translateX(110%) scaleX(1.1);    -webkit-transform: skewX(-10deg) translateX(110%) scaleX(1.1);        transform: skewX(-10deg) translateX(110%) scaleX(1.1);  }  .quotation .btn a:hover {    color: #fff;    -webkit-box-shadow: 0 18px 10px -10px rgb(0 0 0 / 34%);    box-shadow: 0 18px 10px -10px rgb(0 0 0 / 34%);  }  .quotation .btn a:hover::after {    -ms-transform: skewX(-10deg) translateX(0%) scaleX(1.1);    -webkit-transform: skewX(-10deg) translateX(0%) scaleX(1.1);    transform: skewX(-10deg) translateX(0%) scaleX(1.1)  }  .quotation .info .tel {    font-size: 18px;    font-weight: bold;    letter-spacing : 0.075em;    margin-bottom: 10px;  }  .quotation .info .time {    margin-bottom: 0;  }  /* ■メタルカード */  .card_col1 .c-img {    position: relative;    padding-top: calc(350 / 1460 * 100vw);    margin-right: calc(300 / 1460 * 100vw);  }  .card_col1 .c-img::before {    position: absolute;    content: "";    top: 0%;    left: 0%;    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card_main_img01.jpg) no-repeat;    background-size: cover;    width: calc(1160 / 1460 * 100vw);    height: calc(350 / 1460 * 100vw);  }  .card_col1 .exp {    position: relative;  }  .card_col1 .exp::before {    position: absolute;    content: "";    top: 0%;    left: 0%;    background-color: #f1efe9;    width: calc(1160 / 1460 * 100vw);    height: calc(350 / 1460 * 100vw);    z-index: 0;  }  .card_col1 .exp .exp-inr {    position: relative;    display: flex;    justify-content: space-between;    width: 1180px;    height: calc(350 / 1460 * 100vw);    margin: 0 auto;  }  .card_col1 .exp .txt-area {    width: 50%;  }  .card_col1 .exp .img {    width: 50%;  }    h4.pro-ttl,  h4.quality-ttl {    width: 100%;    font-size: 30.4px;    color: #ffffff;    text-align: center;    padding: 8vw 2vw;    margin: 0;  }  h4.pro-ttl {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-pro-bg01.jpg) no-repeat center center;    background-size: cover;  }  h4.quality-ttl {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-quality-bg01.jpg) no-repeat center center;    background-size: cover;  }  p.pro-txt,  p.quality-txt {    margin-bottom: 0;  }  .variation-inr {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-variation-bg01.jpg) no-repeat center center;    background-size: cover;    padding: 80px 40px 40px;  }  .variation .ttl {    font-size: 30.4px;    color: #ffffff;    text-align: center;    margin: 0;    padding: 0;  }  .variation .variation-list {    display: flex;    justify-content: center;    margin-top: 30px;  }  .variation .col:first-child {    margin-right: 20px;  }  .variation .img {    margin: 0;  }  .variation .txt {    margin-bottom: 0;  }  /* ■フォーム */    div.form_pc{    width:860px;    margin:0 auto;  }    .wpcf7-form input[type="submit"]{width:auto}    /* ■■■共通モジュール */  .mb10-pc{margin-bottom:-10px!important;}  .mb20-pc{margin-bottom:-20px!important;}  .mb30-pc{margin-bottom:-30px!important;}  .mb40-pc{margin-bottom:-40px!important;}  .mb50-pc{margin-bottom:-50px!important;}  .mb60-pc{margin-bottom:-60px!important;}  .mb0pc{margin-bottom:0!important;}  .mb10pc{margin-bottom:10px!important;}  .mb20pc{margin-bottom:20px!important;}  .mb30pc{margin-bottom:30px!important;}  .mb40pc{margin-bottom:40px!important;}  .mb50pc{margin-bottom:50px!important;}  .mb60pc{margin-bottom:60px!important;}    .mt10-pc{margin-top:-10px!important;}  .mt20-pc{margin-top:-20px!important;}  .mt30-pc{margin-top:-30px!important;}  .mt40-pc{margin-top:-40px!important;}  .mt50-pc{margin-top:-50px!important;}  .mt60-pc{margin-top:-60px!important;}  .mt0pc{margin-top:0!important;}  .mt10pc{margin-top:10px!important;}  .mt20pc{margin-top:20px!important;}  .mt30pc{margin-top:30px!important;}  .mt40pc{margin-top:40px!important;}  .mt50pc{margin-top:50px!important;}  .mt60pc{margin-top:60px!important;}    .pc_hide{display:none;}      }    /* ■■■■■■■■■SP版表示■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */  @media only screen and (max-width: 940px) {    /* ■お見積り依頼 */    .quotation {      display: block;      margin-top: 30px;    }    .quotation .col {      display: flex;      width: 100%;    }    .quotation .col:first-child {      justify-content: center;      border-right: 0;      width: 100%;      padding: 0 0 30px;    }    .quotation .col:last-child {      justify-content: center;      padding: 0 10px;    }    .quotation .btn a {      border: solid 1px  rgba(255, 255, 255, 0.4);      font-size: 16px;      color: #ffffff;      padding: 14px 30px;    }    .quotation .info .tel {      font-size: 18px;      letter-spacing : 0.075em;      margin-bottom: 5px;    }    .quotation .info .time {      margin-bottom: 0;    }  /* ■メタルカード */  h4.pro-ttl,  h4.quality-ttl {    width: 100%;    font-size: 30.4px;    color: #ffffff;    text-align: center;    padding: 8vw 2vw;    margin: 0;  }  h4.pro-ttl {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-pro-bg01.jpg) no-repeat center center;    background-size: cover;  }  h4.quality-ttl {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-quality-bg01.jpg) no-repeat center center;    background-size: cover;  }  p.pro-txt,  p.quality-txt {    margin-bottom: 0;  }  .variation-inr {    background: url(https://www.granphyr.com/wp-content/uploads/2021/02/metal_card-variation-bg01.jpg) no-repeat center center;    background-size: cover;    padding: 40px 20px 20px;  }  .variation .ttl {    font-size: 30.4px;    color: #ffffff;    text-align: center;    margin: 0;    padding: 0;  }  .variation .variation-list {    display: block;    margin-top: 15px;  }  .variation .col {    display: flex;    justify-content: center;  }  .variation .col:first-child {    margin-right: 0;    margin-bottom: 20px;  }  .variation .img {    margin: 0;  }  .variation .txt {    margin-bottom: 0;  }    /* ■フォーム */      .last td:last-child {      width: 100%;    }    .form_pc {      width: 100%;    }    .form_pc th,    .form_pc td {      display: block;      width: 100%;    }      .form_pc th{border-bottom:none!important;}      /* ■■■共通モジュール */   h3.editor, h2.plx_title,.entry h2, .dp_text_widget h2, .textwidget h2{font-size:160%;}  .plx_text_content h2{font-size:22px;}  .ct-whole.singular .hd-title{font-size:2.4rem;}  p.fontlarge{font-size:100%;}  .ct-whole .inner-bg{background-position:17%;}    h3.editor::before, .loop-section.normal .loop-article::before, .loop-section.normal .loop-article::after, .loop-article.portfolio.mobile::before, .loop-article.portfolio.mobile::after, .inside-title::before, .wd-title::before, .entry ul li::before, .dp_text_widget ul li::before, .textwidget ul li::before, .dp_text_widget ol li::before, .dp-container pre, input[type="submit"], button[type="submit"], .search-form .submit-area button.search-btn, .dp_tab_widget_ul li.active_tab, .loop-filter-form .flt-btn.active, .single-nav .navlink::before, .single-nav .desc, .single_float_div .share-tgl, #switch_comment_type .active_tab, .footer_bar{    left:37%;    }    h3.editor::after, .inside-title::after, .wd-title::after{    left:46%;    }    .entry h4, .dp_text_widget h4, .textwidget h4{    font-size:130%;    }    .mb10-sp{margin-bottom:-10px!important;}  .mb20-sp{margin-bottom:-20px!important;}  .mb30-sp{margin-bottom:-30px!important;}  .mb40-sp{margin-bottom:-40px!important;}  .mb50-sp{margin-bottom:-50px!important;}  .mb60-sp{margin-bottom:-60px!important;}  .mb0sp{margin-bottom:0!important;}  .mb10sp{margin-bottom:10px!important;}  .mb20sp{margin-bottom:20px!important;}  .mb30sp{margin-bottom:30px!important;}  .mb40sp{margin-bottom:40px!important;}  .mb50sp{margin-bottom:50px!important;}  .mb60sp{margin-bottom:60px!important;}    .mt10-sp{margin-top:-10px!important;}  .mt20-sp{margin-top:-20px!important;}  .mt30-sp{margin-top:-30px!important;}  .mt40-sp{margin-top:-40px!important;}  .mt50-sp{margin-top:-50px!important;}  .mt60-sp{margin-top:-60px!important;}  .mt0sp{margin-top:0!important;}  .mt10sp{margin-top:10px!important;}  .mt20sp{margin-top:20px!important;}  .mt30sp{margin-top:30px!important;}  .mt40sp{margin-top:40px!important;}  .mt50sp{margin-top:50px!important;}  .mt60sp{margin-top:60px!important;}    .sp_hide{display:none;}      }      /* faq■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */    .o-faq__item {    border-top: 1px solid #000;  }  .o-faq__item:nth-last-child(1) {    border-bottom: 1px solid #000;  }  .o-faq__q {    position: relative;    cursor: pointer;    transition: color 0.1s linear, opacity 0.1s linear, background-color 0.1s linear;  }  .o-faq__q::before,  .o-faq__q::after {    content: "";    display: block;    position: absolute;    top: 0;    right: 0;  }  .o-faq__q::before {    background: #fff;  }  .o-faq__q::after {    transform: rotate(45deg);  }  .o-faq__q.js-faq__open::after {    transform: rotate(-135deg);  }  .o-faq__q:hover {    opacity: 0.8;  }    .o-faq__item p{    margin-bottom:0!important;  }  .o-faq__title,  .o-faq__a {    position: relative;  }  .o-faq__title::before,  .o-faq__a::before {    content: "";    display: block;    position: absolute;    top: 0;    left: 0;  }  .o-faq__title::before {    background: #8b7a4c;  }  .o-faq__a::before {    background: #d1cab7;  }  .o-faq__title::after,  .o-faq__a::after {    content: "";    display: block;    position: absolute;    top: 0;    left: 0;    font-weight: 700;    text-align: center;  }      .o-faq__title::after{    color: #fff;  }  .o-faq__a::after {    color: #8b7a4c;  }    .o-faq__title::after {    content: "Q";  }  .o-faq__a::after {    content: "A";  }  .o-faq__title,  .o-faq__text {    line-height: 2;  }  .o-faq__a {    display: none;  }  .o-faq__a.js-faq__open {    display: block;  }    @media screen and (min-width: 768px) {    .o-faq__item {    padding: 20px;  }  .o-faq__item rt {    font-size: 0.8rem;  }  .o-faq__q::before {    width: 35px;    height: 35px;  }  .o-faq__q::after {    top: 5px;    right: 15px;    width: 12px;    height: 12px;    border-right: 3px solid #8b7a4c;    border-bottom: 3px solid #8b7a4c;    transition: 0.6s;  }  .o-faq__q.js-faq__open::after {    top: 16px;  }  .o-faq__title,  .o-faq__a {    padding-left: 50px;  }  .o-faq__title {    margin: 0 60px 0 0!important;  }  .o-faq__title::before,  .o-faq__a::before {    width: 35px;    height: 35px;  }  .o-faq__title::after,  .o-faq__a::after {    width: 35px;    height: 35px;    font-size: 2.4rem;    line-height: 1.3;  }  .o-faq__a {    margin: 12px 0 0;  }  }/* @media */  @media screen and (max-width: 767px) {  .o-faq__inner {    padding: 40px 20px;  }  .o-faq__item {    padding: 20px 0;    font-size: 1.4rem;  }  .o-faq__item rt {    font-size: 0.6rem;  }  .o-faq__q::before {    width: 30px;    height: 30px;  }  .o-faq__q::after {    top: 8px;    right: 10px;    width: 8px;    height: 8px;    border-right: 1px solid #000;    border-bottom: 1px solid #000;  }  .o-faq__q.js-faq__open::after {    top: 14px;  }  .o-faq__title,  .o-faq__a {    padding-left: 40px;  }  .o-faq__title {    margin: 0 40px 0 0;  }  .o-faq__title::before,  .o-faq__a::before {    width: 30px;    height: 30px;  }  .o-faq__title::after,  .o-faq__a::after {    width: 30px;    height: 30px;    font-size: 1.5rem;    line-height: 2;  }  .o-faq__a {    margin: 12px 0 0;  }  }/* scene */.scene {  box-sizing: border-box;  max-width: 1600px;  margin: 100px auto 0;}.scene img {  margin: 0;}.scene-left {  padding: 0 40px 0 0;}.scene-right {  padding: 0 0 0 40px;}.scene-inner {  background-color: #f1efe9;  box-sizing: border-box;  max-width: 1280px;  margin: 0 auto;}.scene-left .scene-inner {  margin: 0 auto 0 0;}.scene-right .scene-inner {  margin: 0 0 0 auto;}.scene-visual {  width: 100%;}.scene-visual img {  width: 100%;}.scene-box {  display: flex;  justify-content: center;  align-items: center;  max-width: 1080px;  margin: 0 0 0 auto;  padding: 50px;  box-sizing: border-box;}.scene-right .scene-box {  flex-flow: row-reverse;  margin: 0 auto 0 0;}.scene-box > * {  box-sizing: border-box;  margin: 0 40px;}.scene-box-txt {}.scene-box .ttl {  font-family: 'リュウミン M-KL','Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;  color: #75612d;  font-size: 40px;  font-weight: bold;  line-height: 1.2;  margin: 0;  padding: 0;}.scene-box .lead {  font-family: 'Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;  font-size: 14px;  line-height: 1.2;  margin: 10px 0 0;}.scene-box .txt {  font-family: 'リュウミン M-KL','Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;  font-size: 24px;  line-height: 1.5;  margin: 15px 0 0;}@media screen and (max-width: 780px){  .scene {    margin: 50px auto 0;  }  .scene-left {    padding: 0 20px 0 0;  }  .scene-right {    padding: 0 0 0 20px;  }  .scene-box {    display: block;  }  .scene-box > * {    margin: 0;  }  .scene-left .scene-box {    padding: 20px 20px 20px 40px;  }  .scene-right .scene-box {    padding: 20px 40px 20px 20px;  }  .scene-box-txt,  .scene-box-img,  .scene-right .scene-box-img {    text-align: center !important;  }  .scene-box-img {     margin: 20px 0 0;  }  .scene-box .ttl {    font-size: 28px;  }  .scene-box .lead {    font-size: 14px;    margin: 20px 0 0;  }  .scene-box .txt {    font-size: 18px;  }}/* new_metalcard */.variation .v-txt h4 {  font-family: 'リュウミン M-KL','Noto Sans JP','Hiragino Sans','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}.intro,.variation {  box-sizing: border-box;  max-width: 1600px;  margin: 10px auto 70px;}.intro-inner,.variation-inner {  box-sizing: border-box;  max-width: 1180px;  margin: 0 auto;}/* intro */.intro.variation .variation-inner {  max-width: 1320px;}.intro.variation.right .variation-items.v-txt {  padding: calc(50 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw) calc(50 / 1460 * 100vw) calc(50 / 1460 * 100vw);}.intro.variation.left .variation-items.v-txt {  padding: calc(50 / 1460 * 100vw) calc(50 / 1460 * 100vw) calc(50 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw);}/* variation */.variation {  margin: 10px auto 50px;}.variation-inner {  max-width: 1280px;}.variation.right .variation-inner {  margin: 0 0 0 auto;}.variation.left .variation-inner {  margin: 0 auto 0 0;}.variation-box {  position: relative;}.variation-items.v-img {  position: absolute;  top: 50%;  transform: translateY(-50%);  max-width: 674px;  width: calc(674 / 1460 * 100vw);}.variation.ctm .variation-items.v-img {  top: -5%;  transform: none}.variation-items.v-img img {  margin: auto;}.variation.right .variation-items.v-img {  right: 0;}.variation.left .variation-items.v-img {  left: 0;}.variation-items.v-txt {  background-color: #f1efe9;  height: calc(400 / 1460 * 100vw);  margin: calc(40 / 1460 * 100vw) 0;}.variation.ctm .variation-items.v-txt {  height: auto;}.variation.ctm .variation-items.v-txt .img {  width: 100%;  text-align: center;}.variation.ctm .variation-items.v-txt .img img {  margin-bottom: 0;}.variation.right .variation-items.v-txt {  padding: calc(80 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw) calc(40 / 1460 * 100vw) calc(80 / 1460 * 100vw);}.variation.left .variation-items.v-txt {  padding: calc(80 / 1460 * 100vw) calc(80 / 1460 * 100vw) calc(40 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw);}.variation-items.v-txt h4 {  color: #75612d;  margin: 0 0 calc(20 / 1460 * 100vw) 0;}.variation-items.v-txt p {  margin-bottom: 0;}.variation + .variation {  margin-top: calc(155 / 1460 * 100vw);}@media screen and (min-width: 1600px){}@media screen and (min-width: 1320px){  /* intro */  .intro.variation.right .variation-items.v-txt {    padding: 40px calc(674px + 40px) 40px 40px;  }  .intro.variation.left .variation-items.v-txt {    padding: 40px 40px 40px calc(674px + 40px);  }  /* variation */  .intro.variation-items.v-txt {    height: 400px;    margin: 40px 0;  }  .variation.ctm .intro.variation-items.v-txt {    height: auto;  }  .intro.variation + .variation {    margin-top: 155px;  }  .intro.variation-items.v-txt h4 {    font-size: 22px;  }  .intro.variation .variation-items.v-txt p {    font-size: 110%;  }}@media screen and (min-width: 1280px){  /* variation */  .variation.ctm .variation-items.v-img {    top: 36%;  }  .variation.ctm .variation-items.v-img {    top: -5%;    transform: none  }  .variation-items.v-txt {    height: 400px;    margin: 40px 0;  }  .variation.ctm .variation-items.v-txt {    height: auto;  }  .variation.right .variation-items.v-txt {    padding: 90px calc(674px + 40px) 40px 90px;  }  .variation.left .variation-items.v-txt {    padding: 90px 90px 40px calc(674px + 40px);  }  .variation + .variation {    margin-top: 155px;  }  .variation-items.v-txt h4 {    font-size: 22px;  }  .variation-items.v-txt p {    font-size: 110%;  }}@media screen and (max-width: 1100px) {  /* intro */  .intro.variation.right .variation-items.v-txt {    padding: calc(40 / 1460 * 100vw) calc((674 + 30) / 1460 * 100vw) calc(40 / 1460 * 100vw) calc(40 / 1460 * 100vw);  }  .intro.variation.left .variation-items.v-txt {    padding: calc(40 / 1460 * 100vw) calc(40 / 1460 * 100vw) calc(40 / 1460 * 100vw) calc((674 + 30) / 1460 * 100vw);  }  /* variation */  .variation.right .variation-items.v-txt {    padding: calc(60 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw) calc(40 / 1460 * 100vw) calc(60 / 1460 * 100vw);  }  .variation.left .variation-items.v-txt {    padding: calc(60 / 1460 * 100vw) calc(60 / 1460 * 100vw) calc(40 / 1460 * 100vw) calc((674 + 40) / 1460 * 100vw);  }  .variation-items.v-txt h4 {    font-size: 110%;    margin: 0;  }  .variation-items.v-txt p {    font-size: 90%;  }}@media screen and (max-width: 900px) {    /* variation */  .variation-items.v-txt h4 {    font-size: 100%;  }  .variation-items.v-txt p {    font-size: 80%;  }}@media screen and (max-width: 780px){  /* intro */  .intro.variation.right .variation-items.v-txt,  .intro.variation.left .variation-items.v-txt {    padding: 40px;    margin: 0;  }  /* variation */  .variation {    margin: 10px auto 30px;  }  .variation.right .variation-inner {    margin: 0;  }  .variation.left .variation-inner {    margin: 0;  }  .variation-items.v-img {    position: static;    transform: none;    width: 100%;    max-width: 100%;  }  .variation-items.v-img img {    margin: auto;    width: 100%;  }  .variation-items.v-txt {    height: auto;    margin: 20px 0 0;  }  .variation.right .variation-items.v-txt,  .variation.left .variation-items.v-txt {    padding: calc(40px + (200 / 780 * 100vw) ) 40px 40px;    margin: calc(-200 / 780 * 100vw) 0 0;  }  .variation-items.v-txt h4 {    font-size: 18px;    margin: 0 0 10px 0;  }  .variation-items.v-txt p {    font-size: 100%;    margin-bottom: 0;  }  .variation + .variation {    margin-top: 40px;  }}