@charset "utf-8";header{text-align:center}#header_wrap{background-color:#FFF;color:#000;position:fixed;top:0;left:0;width:100%;z-index:1000}#header_wrap section:after{clear:both;content:"";display:block}#header_wrap #header_logo{float:left;line-height:1}#header_wrap h1#header_logo{font-size:inherit;margin-bottom:0;margin-right:0}#header_wrap #header_logo a{text-decoration:none}#header_wrap #header_logo img{width:auto}#header_wrap #header_logo a img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity 0.2s ease-out 0s}#header_wrap #header_logo a:hover img{opacity:.7}#header_wrap #menu_open,#header_wrap #menu_close,#header_wrap #tel_btn{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#231815;cursor:pointer;display:block;line-height:1;float:right;overflow:hidden;text-align:center;text-decoration:none;transition:opacity 0.2s ease-out 0s}#header_wrap #menu_open:hover,#header_wrap #menu_close:hover,#header_wrap #tel_btn:hover{opacity:.7}#header_wrap #menu_open:before{content:"\F035C"}#header_wrap #menu_close{display:none}#header_wrap #menu_open:before,#header_wrap #menu_close:before,#header_wrap #tel_btn:before{display:block;font-family:"Material Design Icons"}#header_wrap #menu_open p,#header_wrap #menu_close p,#header_wrap #tel_btn p{margin:0}#header_wrap #menu_close:before{content:"\F0156"}#header_wrap #tel_btn{background-color:#FFF}#header_wrap #tel_btn:before{content:"\F03F6"}#header_wrap .sns_links{float:right}#header_wrap .sns_links a:before{line-height:inherit}#header_wrap nav>a{color:#000;text-decoration:none}#header_wrap #btn_totop{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#3A7298;color:#FFF;cursor:pointer;display:none;position:fixed;bottom:0;right:0;text-align:center;transition:opacity 0.2s ease-out 0s;z-index:999}#header_wrap #btn_totop:before{font-family:"Material Design Icons";content:"\F013F";display:block}#header_wrap #btn_totop:hover{opacity:.7}@media screen and (max-width:319px){#header_wrap #header_logo{margin-top:19px}#header_wrap #header_logo img{height:18px}}@media screen and (min-width:320px) and (max-width:359px){#header_wrap #header_logo{margin-top:10px}#header_wrap #header_logo img{height:36px}}@media screen and (min-width:360px) and (max-width:479px){#header_wrap #header_logo{margin-top:7px}#header_wrap #header_logo img{height:42px}}@media screen and (min-width:480px) and (max-width:767px){#header_wrap #header_logo{margin-top:4px}#header_wrap #header_logo img{height:48px}}@media screen and (max-width:767px){#header_wrap #header_logo{margin-left:1.5625%}#header_wrap nav{right:-100%;width:100%}#header_wrap nav>a{padding:3.125% 6.25%}#header_wrap nav>div{padding:3.125% 0}#header_wrap nav>div .sns_links{padding-bottom:1.5625%}#header_wrap nav>div .sns_links a{margin:0 1.5625% 1.5625%}#header_wrap .sp_hide{display:none!important}}@media screen and (min-width:768px){#header_wrap .sp_show{display:none!important}}@media screen and (min-width:768px) and (max-width:1279px){#header_wrap #header_logo{margin-top:4px;margin-left:20px}#header_wrap #header_logo img{height:48px}#header_wrap nav{right:-360px;width:360px}#header_wrap nav>a{padding:10px 20px}#header_wrap nav>div{padding:20px 20px}#header_wrap nav>div .sns_links{padding-bottom:10px}#header_wrap nav>div .sns_links a{margin:0 5px 10px}}@media screen and (max-width:1279px){header{padding-top:56px}#header_wrap{height:56px}#header_wrap #menu_open,#header_wrap #menu_close,#header_wrap #tel_btn{height:56px;line-height:56px;width:56px}#header_wrap #menu_open:before,#header_wrap #menu_close:before,#header_wrap #tel_btn:before{font-size:300%;font-size:350%}#header_wrap #menu_open p,#header_wrap #menu_close p,#header_wrap #tel_btn p{font-size:62.5%}#header_wrap .sns_links a{font-size:300%;height:56px;line-height:56px;width:56px}#header_wrap nav{background-color:#FFF;-webkit-backface-visibility:hidden;backface-visibility:hidden;max-height:-webkit-calc(100vh - 56px);max-height:-webkit-calc(100svh - 56px);max-height:calc(100vh - 56px);max-height:calc(100svh - 56px);overflow:hidden auto;position:fixed;top:56px;transition:right 0.2s ease-out 0s;text-align:left;z-index:1000}#header_wrap nav.active{right:0}#header_wrap nav>a{border-bottom:1px solid #3A7298;display:block;position:relative}#header_wrap nav>a:hover,#header_wrap nav>a.active{background-color:#3A7298;color:#FFF}#header_wrap 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_wrap nav>div{text-align:center}#header_wrap nav>div img[src$="logo.svg"]{width:200px}#header_wrap nav #header_company{line-height:1.5;padding:.25em 0}#header_wrap #btn_totop:before{font-size:300%;height:50px;line-height:50px;width:50px}#header_wrap .hd_show{display:none!important}}@media screen and (min-width:1280px){header{padding-top:3.75em}#header_wrap{height:3.75em;padding-left:1.25em;padding-right:1.25em}#header_wrap #header_logo{margin-top:.1875em}#header_wrap #header_logo img{height:3.375em}#header_wrap #menu_open,#header_wrap #menu_close,#header_wrap #tel_btn{display:none!important}#header_wrap .sns_links a{font-size:100%;height:3.75em;line-height:3.75;width:3.75em}#header_wrap .sns_links a:before{font-size:300%;line-height:1.25}#header_wrap nav{display:table;float:right;margin-top:.875em;margin-right:1.25em}#header_wrap nav>a{display:table-cell;height:2em;line-height:2;padding:0 1em;vertical-align:middle}#header_wrap nav>a span{display:inline-block;line-height:1.2;padding-left:2em;position:relative;vertical-align:baseline}#header_wrap nav>a span:before{background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:1.5em;position:absolute;top:50%;left:0;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:1.5em}#header_wrap nav>a[href="https://sunahara-takahiro.com/"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/home.svg)}#header_wrap nav>a[href="https://sunahara-takahiro.com/profile/"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/profile.svg)}#header_wrap nav>a[href="https://sunahara-takahiro.com/activity/"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/activity.svg)}#header_wrap nav>a[href="https://sunahara-takahiro.com/pgr/"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/pgr.svg)}#header_wrap nav>a[href="https://sunahara-takahiro.com/#beliefs"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/beliefs.svg)}#header_wrap nav>a[href="mailto:info@sunahara-takahiro.com?subject=%E3%81%94%E6%84%8F%E8%A6%8B%E3%83%BB%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B"] span:before{background-image:url(https://sunahara-takahiro.com/images/user/icon/header/mail.svg)}#header_wrap nav>a span:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#000;content:"";display:block;height:1px;position:absolute;bottom:-.125em;left:0;transition:width 0.2s ease-out 0s;width:0}#header_wrap nav>a:hover span:after{width:100%}#header_wrap #btn_totop:before{font-size:450%;height:1.25em;line-height:1.25em;width:1.25em}#header_wrap .hd_hide{display:none!important}}