@charset "utf-8";header{text-align:center}#header_wrap{background-color:#F1F0EF;position:fixed;top:0;left:0;width:100%;z-index:1000}#header_wrap:after{clear:boht;content:"";display:block}#header_logo{float:left;font-weight:400;line-height:1}#header_logo a{-webkit-backface-visibility:hidden;backface-visibility:hidden;text-decoration:none;transition:opacity 0.2s ease-out 0s}#header_logo a:hover{opacity:.7}#header_logo img{height:100%;vertical-align:middle}#header_logo a>span b{margin-right:.125em;vertical-align:baseline}#header_logo a>span span{vertical-align:baseline}#menu_open,#menu_close,#tel_btn,#mail_btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#7F7371;color:#FFF;cursor:pointer;display:block;line-height:1;float:right;text-align:center;text-decoration:none;transition:opacity 0.2s ease-out 0s}#menu_open:hover,#menu_close:hover,#tel_btn:hover,#mail_btn:hover{opacity:.7}#menu_open:before{content:"\F035C"}#menu_close{display:none}#menu_open:before,#menu_close:before,#tel_btn:before,#mail_btn:before{display:block;font-family:"Material Design Icons"}#menu_close:before{content:"\F0156"}#tel_btn:before,#mail_btn:before{content:""}#tel_btn:before{color:transparent;content:"　";background:url(https://materiaconnect.com/images/user/icon/tel.svg) center center no-repeat}#mail_btn:before{content:"\F01EE"}#tel_btn b,#mail_btn b{font-weight:400;font-size:125%;display:block;margin-bottom:.2em}#tel_btn span,#mail_btn span{display:block;font-size:75%}#tel_btn img,#mail_btn img{height:56.25%}#tel_btn p,#mail_btn p{font-size:75%;margin-top:.25em}#header_wrap>.sns_links{float:right}#header_wrap>.sns_links a{color:#7F7371}header nav{overflow:hidden auto;position:fixed;z-index:1001}header nav>a{color:#231815;text-decoration:none}header nav .header_nav_info{line-height:1.5;padding-top:.25em;padding-bottom:.25em}header nav .header_nav_info span{display:inline-block;width:2.125em}#header_link{position:fixed;right:0;max-width:3.5em;z-index:999}@media screen and (max-width:319px){#tel_btn,#header_wrap>.sns_links{display:none}}@media screen and (max-width:767px){#header_logo{line-height:1;margin-top:3px;margin-left:1.5625%;text-align:center}#header_logo img{height:40px}#header_logo p{font-size:50%}#header_logo a>span{display:block;font-size:62.5%}#header_catch{display:none}header nav{right:-100%;width:100%}header nav>a{padding:3.125% 6.25%}header nav>div{padding:6.25% 0}header nav .header_nav_info{padding-left:3.125%;padding-right:3.125%}header nav>div .sns_links{padding-bottom:1.5625%}header nav>div .sns_links a{margin:1.5625% 1.5625% 0}}@media screen and (min-width:768px){#header_logo{margin-left:20px;text-align:left}#header_logo img{margin-right:.5em}#header_logo a{display:inline-block;vertical-align:middle}#header_logo a>span{display:inline-block;vertical-align:baseline}#header_catch{font-size:75%;display:inline-block;margin-left:1em;vertical-align:middle}}@media screen and (min-width:768px) and (max-width:1023px){#header_logo{margin-top:4px}#header_logo img{height:48px}}@media screen and (min-width:768px) and (max-width:1279px){header nav{right:-360px;width:360px}header nav>a{padding:10px 20px}header nav>div{padding:20px 20px}header nav>div .sns_links{padding-bottom:10px}header nav>div .sns_links a{margin:10px 5px 0}}@media screen and (max-width:1023px){header{padding-top:56px}#header_wrap{height:56px}#menu_open,#menu_close,#tel_btn,#mail_btn{height:56px;width:56px}#menu_open:before,#menu_close:before,#tel_btn:before,#mail_btn:before{line-height:56px}#menu_open:before,#menu_close:before{font-size:300%}#tel_btn:before,#mail_btn:before{font-size:250%}#header_wrap>.sns_links a{height:56px;margin:0 4px;line-height:56px}#header_wrap>.sns_links a:before{font-size:250%;height:56px;line-height:56px}header nav{max-height:-webkit-calc(100vh - 56px);max-height:-webkit-calc(100svh - 56px);max-height:calc(100vh - 56px);max-height:calc(100svh - 56px);top:56px}}@media screen and (min-width:1024px) and (max-width:1279px){header{padding-top:72px}#header_wrap{height:72px}#header_logo{margin-top:7px}#header_logo img{height:58px}#menu_open,#menu_close,#tel_btn,#mail_btn{height:72px;width:72px}#menu_open:before,#menu_close:before,#tel_btn:before,#mail_btn:before{line-height:72px}#menu_open:before,#menu_close:before{font-size:350%}#tel_btn:before,#mail_btn:before{font-size:300%}#header_wrap>.sns_links a{height:72px;margin:0 8px;line-height:72px}#header_wrap>.sns_links a:before{font-size:300%;height:72px;line-height:72px}header nav{max-height:-webkit-calc(100vh - 72px);max-height:calc(100vh - 72px);max-height:-webkit-calc(100svh - 72px);max-height:calc(100svh - 72px);top:72px}}@media screen and (max-width:1279px){#header_wrap{}#tel_btn:before{background-size:auto 75%}#tel_btn b,#mail_btn b{display:none}#tel_btn span,#mail_btn span{display:none}header nav{background-color:#FFF;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:right 0.2s ease-out 0s;text-align:left}header nav.active{right:0}header nav>a{border-bottom:1px solid #1A1A1A;display:block;position:relative}header nav>a:hover,header nav>a.active{background-color:#231815;color:#FFFFFF!important}header nav>a:after{content:"\F0142";font-family:"Material Design Icons";font-size:150%;line-height:1;position:absolute;top:50%;right:0;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}header nav>hr{display:none}header nav>div{text-align:center}header nav>div .header_address{line-height:1.4;padding:.3em 0}header nav>div img[src$="logo.webp"]{margin-top:1em;width:200px}}@media screen and (min-width:1280px){header{padding-top:6.25em}#header_wrap{height:3em;line-height:3em}#header_logo{margin-top:.375em}#header_logo a{width:11.75em}#header_logo a>span{font-size:112.5%;}#header_logo img{height:2.25em}#menu_open,#menu_close{display:none!important}#tel_btn,#mail_btn{height:3em;margin-right:1px;padding-top:.375em;padding-left:2em;position:relative;width:12em}#menu_open:before,#menu_close:before{font-size:350%;line-height:72px}#tel_btn:before,#mail_btn:before{font-size:175%;position:absolute;top:50%;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);left:.5em}#tel_btn:before{background-size:contain}#header_wrap>.sns_links a{height:3em;margin:0 .25em;line-height:3em}#header_wrap>.sns_links a:before{font-size:250%;height:1.2em;line-height:1.2em}header nav{background-color:#FFF;height:3.25em;line-height:3.25em;top:3em;left:0;width:100%}header nav>a{coloe:#212121;display:inline-block;height:2.5em;line-height:2.5em;padding:0 1em;position:relative;vertical-align:middle}header nav>a span{display:inline-block;line-height:1.2;position:relative;vertical-align:baseline}header nav>a span:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#212121;content:"";display:block;height:1px;position:absolute;bottom:0;left:0;transition:width 0.2s ease-out 0s;width:0}header nav>a:hover span:after,header nav>a.active span:after{width:100%}header nav>hr{height:1.5em;display:inline-block;margin:0 .5em;vertical-align:middle;width:1px}}#btn_totop{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#7F7371;color:#FFF;cursor:pointer;display:none;position:fixed;bottom:0;right:0;text-align:center;transition:opacity 0.2s ease-out 0s;z-index:997}#btn_totop:before{font-family:"Material Design Icons";content:"\F013F";display:block}#btn_totop:hover{opacity:.7}@media screen and (max-width:1279px){#btn_totop{}#btn_totop:before{font-size:300%;height:56px;line-height:56px;width:56px}}@media screen and (min-width:1280px){#btn_totop:before{font-size:450%;height:1.25em;line-height:1.25em;width:1.25em}}#floating{background-color:#295A79;color:#FFF;position:fixed;left:0;bottom:0;width:100%;z-index:998}#floating>p{line-height:1.5}#floatings img{vertical-align:top}#floatings a{display:inline-block;vertical-align:top}#floatings a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.2s ease-out 0s;width:100%}#floatings a:hover img{opacity:.7}#floatings>img{width:30%}#floatings>a{width:30%}#floatings a[href$="https://materiaconnect.com/contact/?kind=checkup"]{width:38%}#floatings>img:not(:nth-child(3n+1)),#floatings>a:not(:nth-child(3n+1)){margin-left:1%}@media screen and (max-width:767px){#floating{padding:1.5625% 0 3.125%}#floating>p{font-size:75%;padding:.25em 3.125% .5em}#floatings{padding:0 3.125%}}@media screen and (min-width:768px){#floating{padding-top:.5em;padding-bottom:.5em}#floating>p{padding:.25em 0}#floatings{padding:.5em 15%}}