*,::after,::before{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{width:100%}body{width:100%;min-height:100vh;font-family:sans-serif;font-size:15px;font-feature-settings:"palt";line-height:1.6;position:relative;background:url(../images/background.png) repeat center top}img.ri{width:100%;min-width:100%;height:auto;vertical-align:top}header{width:100%;background:#fff;z-index:999;position:relative}header .inner{margin:0 auto}header nav ul{display:flex}main{position:relative;flex:1}footer{width:100%;text-align:center;background:url(../images/pattern_zebra.png) repeat center center}footer .copyright{background:rgba(0,0,0,.5);color:#fff;display:inline-block;border-radius:3px;position:relative;top:50%;transform:translateY(-50%)}.gototop{display:none;z-index:998;position:fixed;right:30px;bottom:30px}main .contents-body{margin:0 auto;position:relative;padding-top:30px}main .profile h2{width:142px;height:47px}main .profile .profile-body{width:100%;display:flex;justify-content:space-between}main .profile .profile-body .info{order:2;background:url(../images/profile_bg.png) no-repeat center}main .profile .profile-body .info table{border-collapse:collapse;margin-bottom:20px;border-top:1px dotted #ccc}main .profile .profile-body .info table tr{border-bottom:1px dotted #ccc}main .profile .profile-body .info table td,main .profile .profile-body .info table th{padding:5px 0}main .profile .profile-body .info table th{width:6em;text-align:left;font-weight:400}main .profile .profile-body .photo{order:1}@media screen and (min-width:769px){body{padding:115px 0 0 0;display:flex;flex-direction:column;justify-content:space-between}header{position:fixed;top:0;left:0;padding:20px 0 10px 0;height:115px;min-width:1000px;display:flex;align-items:center}header .inner{width:900px;position:relative;display:flex;align-items:flex-end}header h1{width:194px;height:43px}header nav ul li{width:146px;height:37px;margin-left:10px}header nav ul li.home{width:46.8px;height:37.44px;margin-left:25px}header nav ul li a{transition:opacity .25s}header nav ul li a:link,header nav ul li a:visited{opacity:1}header nav ul li a:active,header nav ul li a:hover{opacity:.5}main{padding-bottom:100px}.sp-footer{display:none}footer{min-width:1000px;height:100px}footer .copyright{padding:5px;font-size:12px}.gototop{width:60px;height:60px}.gototop a{transition:opacity .2s}.gototop a:link,.gototop a:visited{opacity:1}.gototop a:active,.gototop a:hover{opacity:.7}.contents-body{width:860px}.contents-body h2{margin-bottom:40px}main .profile .profile-body .info{background-size:475px;flex:0 0 475px}main .profile .profile-body .info h3{width:475px;margin-bottom:30px}main .profile .profile-body .info table{width:475px}main .profile .profile-body .photo{flex:0 0 330px}}@media screen and (max-width:768px){body{background-size:50%}header{padding:15px 0 10px 0}header .inner{width:90%}header h1{width:155.2px;height:34.4px;margin-bottom:10px}header nav ul{justify-content:space-around}header nav .home{position:absolute;top:10px;right:10px;width:36px;height:28.8px}header nav li:not(.home){flex:0 0 31%}.sp-footer li{border-top:1px solid #fff;padding:0}.sp-footer li a{display:block;width:100%;padding:13px 0 3px 10px;position:relative}.sp-footer li a::before{position:absolute;top:50%;right:10px;transform:translateY(-50%);content:'';width:0;height:0;border-width:10px 10px 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff}.sp-footer .profile{background:#ff8ea7}.sp-footer .profile img{width:69.5px;height:28.5px}.sp-footer .photo{background:#f7b407}.sp-footer .photo img{width:152.5px;height:28.5px}.sp-footer .twitter{background:#2795eb}.sp-footer .twitter img{width:72px;height:28.5px}footer{background-size:50%;height:80px}footer .copyright{font-size:11px;padding:3px}.gototop{bottom:55px;right:10px;width:50px;height:50px}.contents-body{width:90%}.contents-body h2{margin-bottom:20px}main .profile .profile-body{margin-bottom:30px;flex-direction:column}main .profile .profile-body .info{background-position:center 280px;background-size:100%}main .profile .profile-body .info h3{width:100%;margin-bottom:20px}main .profile .profile-body .info table{width:100%}main .profile .profile-body .photo{display:none}}