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:transparent}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:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}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}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:400;src:url("../fonts/noto-sans-jp-v18-japanese_latin-regular.eot");src:local('Noto Sans Japanese Regular'), local('NotoSansJapanese-Regular'), url("../fonts/noto-sans-jp-v18-japanese_latin-regular.eot?#iefix") format('embedded-opentype'), url("../fonts/noto-sans-jp-v18-japanese_latin-regular.woff2") format('woff2'), url("../fonts/noto-sans-jp-v18-japanese_latin-regular.woff") format('woff'), url("../fonts/noto-sans-jp-v18-japanese_latin-regular.ttf") format('truetype'), url("../fonts/noto-sans-jp-v18-japanese_latin-regular.svg#NotoSansJP") format('svg')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:500;src:url("../fonts/noto-sans-jp-v18-japanese_latin-500.eot");src:local('Noto Sans Japanese Bold'), local('NotoSansJapanese-Bold'), url("../fonts/noto-sans-jp-v18-japanese_latin-500.eot?#iefix") format('embedded-opentype'), url("../fonts/noto-sans-jp-v18-japanese_latin-500.woff2") format('woff2'), url("../fonts/noto-sans-jp-v18-japanese_latin-500.woff") format('woff'), url("../fonts/noto-sans-jp-v18-japanese_latin-5000.ttf") format('truetype'), url("../fonts/noto-sans-jp-v18-japanese_latin-500.svg#NotoSansJP") format('svg')}@font-face{font-family:'Noto Sans JP';font-style:normal;font-weight:700;src:url("../fonts/noto-sans-jp-v18-japanese_latin-700.eot");src:local('Noto Sans Japanese Bold'), local('NotoSansJapanese-Bold'), url("../fonts/noto-sans-jp-v18-japanese_latin-700.eot?#iefix") format('embedded-opentype'), url("../fonts/noto-sans-jp-v18-japanese_latin-700.woff2") format('woff2'), url("../fonts/noto-sans-jp-v18-japanese_latin-700.woff") format('woff'), url("../fonts/noto-sans-jp-v18-japanese_latin-700.ttf") format('truetype'), url("../fonts/noto-sans-jp-v18-japanese_latin-700.svg#NotoSansJP") format('svg')}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;height:100%}@media only screen and (max-width:896px){html{width:100%;min-width:100%}}body{font-size:1.4em;letter-spacing:0.05em;line-height:1.7;height:100%}@media print{body body{-webkit-print-color-adjust:exact}}@media only screen and (max-width:896px){body{width:100%;min-width:100%;height:100%;overflow-x:hidden}}h1,h2,h3,h4{margin:0;padding:0}p{margin:0;padding:0}ul{list-style:none;padding:0;margin:0}button,input,select,textarea{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}a,button,input[type=button],input[type=checkbox],input[type=file],input[type=radio],input[type=reset],input[type=submit],label[for],select{cursor:pointer}:disabled,[readOnly]{cursor:not-allowed!important}a{color:#333;position:relative;text-decoration:none;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}em{font-style:normal}body{color:#333;background:#f8f8f8;padding-top:110px}@media only screen and (max-width:896px){body{padding-top:55px}}.externalIcon{margin:0 3px;vertical-align:middle}a:link,a:visited{color:#00a0dc}a:hover{text-decoration:none}a:active{color:#4a4a4a}#container{width:100%;min-height:calc(100vh - 370px);margin:auto;position:relative;overflow:hidden;font-size:1.4rem;padding-bottom:120px}@media only screen and (max-width:896px){#container{min-height:calc(100vh - 235px);padding-bottom:80px}}#container.happyhacking{padding-bottom:0}#container h2{min-height:1.5em}.bg-band{width:100%;height:390px;position:absolute;top:0;background:-webkit-gradient(linear, left top, left bottom, from(#02d8ff), to(#54e1ff));background:-webkit-linear-gradient(top, #02d8ff, #54e1ff);background:-o-linear-gradient(top, #02d8ff, #54e1ff);background:linear-gradient(to bottom, #02d8ff, #54e1ff);z-index:0}@media only screen and (max-width:425px){.bg-band{height:240px}}.bg-band:after{content:'';width:100%;height:390px;position:absolute;top:0;left:0;background:url("../images/bg_dot.png")}@media only screen and (max-width:425px){.bg-band:after{height:240px}}#Top .bg-band{height:600px}@media only screen and (max-width:896px){#Top .bg-band{height:470px}}@media only screen and (max-width:425px){#Top .bg-band{height:340px}}#Top .bg-band:after{height:600px;z-index:1}@media only screen and (max-width:896px){#Top .bg-band:after{height:470px}}@media only screen and (max-width:425px){#Top .bg-band:after{height:340px}}#Top .bg-band:before{content:'';width:100%;height:600px;position:absolute;top:0;left:0;background:url("../images/bg_main.jpg") no-repeat top 20% center;background-attachment:fixed;background-size:cover;z-index:-1}@media only screen and (max-width:896px){#Top .bg-band:before{height:470px}}@media only screen and (max-width:425px){#Top .bg-band:before{height:340px}}.bg-member,.bg-member:after{height:470px}@media only screen and (max-width:896px){.bg-member,.bg-member:after{height:370px}}@media only screen and (max-width:425px){.bg-member,.bg-member:after{height:275px}}.bg_stripes{width:100%;height:270px;position:absolute;top:470px;background:#444 url("../images/bg_stripes.png");z-index:1}@media only screen and (max-width:896px){.bg_stripes{height:250px;top:370px}}@media only screen and (max-width:425px){.bg_stripes{height:220px;top:275px}}h1{font-weight:500}h2{position:relative;font-size:3.2rem;font-weight:500;font-style:normal;line-height:normal;letter-spacing:1.1px;text-align:center;color:#456;margin-bottom:80px}@media only screen and (max-width:896px){h2{font-size:2.6rem;margin-bottom:90px;margin-top:10px}}h3{font-size:1.8rem;font-weight:500;line-height:normal;letter-spacing:normal}p{font-size:1.5rem;line-height:1.8}ol,ul{list-style-type:none;margin:0;padding:0}dl{margin:0}dt{font-weight:normal;font-style:normal;margin:0;padding:0}dd{margin:0}figure{margin:0}img,picture{margin:0;max-width:100%}a{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:896px){.is_pc{display:none}}.is_sp{display:none}@media only screen and (max-width:896px){.is_sp{display:block}}.btn_link{width:100%;max-width:480px;margin:auto;margin-bottom:60px}@media only screen and (max-width:896px){.btn_link{width:80%;margin-bottom:40px}}.btn_link a{display:block;text-align:center;width:100%;font-size:2rem;font-weight:500;border:3px solid #00a0dc;padding:20px 50px 20px 20px;color:#00a0dc;background:url("../images/icon_arrow_right_01.svg") no-repeat center right 25px;background-position:center right 25px;background-size:25px 18px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:896px){.btn_link a{font-size:1.5rem;padding:15px 30px 15px 15px;background-position:center right 15px}}@media only screen and (max-width:425px){.btn_link a{background-position:center right 5px}}.btn_link a:hover{color:#fff;background:#00a0dc url("../images/icon_arrow_right_white.svg") no-repeat center right 15px;background-size:25px 18px}.btn_link.btn-s{max-width:250px}.btn_link.btn-s a{font-size:1.5rem;border:2px solid #00a0dc;padding:12px 20px;background-position:center right 10px;background-size:20px 12px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:425px){.btn_link.btn-s a{background-position:center right 5px}}.btn_link.btn-s a:hover{background:#00a0dc url("../images/icon_arrow_right_white.svg") no-repeat center right 2px;background-size:20px 12px}.recruit_link{width:100%;max-width:680px;margin:auto;margin-bottom:60px}@media only screen and (max-width:896px){.recruit_link{width:90%;margin-bottom:40px}}.recruit_link a{display:block;text-align:center;width:100%;font-size:2rem;font-weight:500;border:3px solid #00a0dc;padding:20px;color:#00a0dc;background:url("../images/icon_blank.svg") no-repeat center right 25px;background-size:25px 18px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:896px){.recruit_link a{font-size:1.5rem;padding:15px;background-position:center right 15px}}.recruit_link a:hover{color:#fff;background:#00a0dc url("../images/icon_blank_white.svg") no-repeat center right 15px;background-size:25px 18px}.banner_link{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.banner_link img{width:100%;display:block}.banner_link:hover{opacity:0.7}.is-pc{display:block}@media only screen and (max-width:896px){.is-pc{display:none}}.is-sp{display:none}@media only screen and (max-width:896px){.is-sp{display:block}}.is-spsp{display:none}@media only screen and (max-width:425px){.is-spsp{display:block}}.is-sp5s{display:none}@media only screen and (max-width:320px){.is-sp5s{display:block}}@-moz-keyframes float{0%{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes float{0%{transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes blur{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes blur{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}@-o-keyframes blur{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes blur{0%{-webkit-filter:blur(20px);filter:blur(20px)}to{-webkit-filter:blur(0);filter:blur(0)}}@-moz-keyframes topbg{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes topbg{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes topbg{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes topbg{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes topfadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}@-webkit-keyframes topfadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}@-o-keyframes topfadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes topfadeIn{0%{opacity:0}75%{opacity:0}to{opacity:1}}@-moz-keyframes fadeInOut{0%{opacity:0}75%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeInOut{0%{opacity:0}75%{opacity:1}to{opacity:0}}@-o-keyframes fadeInOut{0%{opacity:0}75%{opacity:1}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}75%{opacity:1}to{opacity:0}}@-moz-keyframes LeftToRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes LeftToRight{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes LeftToRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes LeftToRight{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes RightToLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes RightToLeft{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes RightToLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes RightToLeft{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-moz-keyframes SlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes SlideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes SlideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes SlideDown{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes SlideUp{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes SlideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes SlideUp{0%{opacity:0;transform:translateY(50px)}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes SlideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}50%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes Tap{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@-webkit-keyframes Tap{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes Tap{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes Tap{0%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes rotate01{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}@-webkit-keyframes rotate01{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@-o-keyframes rotate01{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}@keyframes rotate01{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@-moz-keyframes rotate02{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@-webkit-keyframes rotate02{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-o-keyframes rotate02{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes rotate02{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-moz-keyframes bgscroll{0%{background-position:0 center;background-size:100% 100%}to{background-position:-100 center;background-size:150% 150%}}@-webkit-keyframes bgscroll{0%{background-position:0 center;background-size:100% 100%}to{background-position:-100 center;background-size:150% 150%}}@-o-keyframes bgscroll{0%{background-position:0 center;background-size:100% 100%}to{background-position:-100 center;background-size:150% 150%}}@keyframes bgscroll{0%{background-position:0 center;background-size:100% 100%}to{background-position:-100 center;background-size:150% 150%}}@-moz-keyframes inout{0%{transform:scale(1, 1)}to{transform:scale(1.1, 1.1)}}@-webkit-keyframes inout{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}to{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}}@-o-keyframes inout{0%{transform:scale(1, 1)}to{transform:scale(1.1, 1.1)}}@keyframes inout{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}to{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}}@-moz-keyframes bggradient{0%{background-position:50% 0}to{background-position:100% 0}}@-webkit-keyframes bggradient{0%{background-position:50% 0}to{background-position:100% 0}}@-o-keyframes bggradient{0%{background-position:50% 0}to{background-position:100% 0}}@keyframes bggradient{0%{background-position:50% 0}to{background-position:100% 0}}@-moz-keyframes bounceIn{0%{opacity:0;transform:scale(0.7)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}to{transform:scale(1)}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;transform:scale(0.7)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}to{-webkit-transform:scale(1);transform:scale(1)}}footer{position:relative;text-align:center}footer .footer__wrap{width:100%;background:#444;z-index:2;padding:80px 0 15px;height:260px;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width:896px){footer .footer__wrap{padding:50px 0 15px;height:180px}}footer .footer__logo a{color:#00a0dc;font-size:1.3rem}@media only screen and (max-width:896px){footer .footer__logo a{font-size:0.9rem}}footer .footer__logo a:hover{opacity:0.7}footer .footer__logo img{height:32px;width:117px;display:inline-block;vertical-align:middle;margin-right:18px;margin-bottom:5px}footer .footer__link{margin:30px 0 0;-webkit-flex-grow:1;-ms-flex-grow:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}footer .footer__link ul li{margin:0 25px;display:inline-block}@media only screen and (max-width:896px){footer .footer__link ul li{margin:0 15px}}footer .footer__link ul li:last-child a:after{content:'';display:inline-block;width:15px;height:11px;background-image:url("../images/icon_blank_gray.svg");background-size:contain;vertical-align:middle;margin-left:8px}@media only screen and (max-width:896px){footer .footer__link ul li:last-child a:after{width:11px;height:8px;margin-left:5px}}footer .footer__link ul li a{font-size:1.3rem;color:#bbb}@media only screen and (max-width:896px){footer .footer__link ul li a{font-size:1rem}}footer .footer__link ul li a:hover{opacity:0.7}footer .footer__copyright{font-size:1rem;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#777}@media print{* html body{zoom:0.7}}header.header{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;padding:10px 50px;position:fixed;top:0;width:100%;z-index:1000;height:110px;background:#fff;color:#000;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:896px){header.header{padding:9px 20px;height:55px}}header.header.transform{background:rgba(255,255,255,0.9);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;height:72px}@media only screen and (max-width:896px){header.header.transform{height:55px}}header.header .header__logo{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center;font-size:1.3rem;z-index:100}@media only screen and (max-width:896px){header.header .header__logo{font-size:0.9rem;background:none}}header.header .header__logo em{display:none}header.header .header__logo a{color:#000;display:inline-block;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}header.header .header__logo a svg#logo{height:32px;width:117px;vertical-align:middle;margin-right:18px;margin-bottom:5px;fill:#000;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}@media only screen and (max-width:896px){header.header .header__logo a svg#logo{height:21px;width:77px;fill:#000}}@media only screen and (max-width:896px){header.header nav{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background-image:-webkit-gradient(linear, right top, left top, from(#02d8ff), to(#54e1ff));background-image:-webkit-linear-gradient(right, #02d8ff, #54e1ff);background-image:-o-linear-gradient(right, #02d8ff, #54e1ff);background-image:linear-gradient(to left, #02d8ff, #54e1ff)}}header.header nav ul.gnav{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;font-weight:700}@media only screen and (max-width:896px){header.header nav ul.gnav{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;width:90%;height:60vh;position:absolute;top:0px;right:0px;bottom:0px;left:0px;margin:30vh auto 0}}header.header nav ul.gnav li a{color:#000;text-decoration:none}header.header nav ul.gnav li a:hover{color:#1dcaff}header.header nav ul.gnav li a.active{color:#1dcaff}@media only screen and (max-width:896px){header.header nav ul.gnav li a.active{color:#fff}}header.header nav ul.gnav li a.active:after{content:'';width:0;height:0;position:absolute;bottom:-15px;right:0;left:0;margin:auto;border-top:9px solid transparent;border-right:12px solid transparent;border-bottom:9px solid #1dcaff;border-left:12px solid transparent}@media only screen and (max-width:896px){header.header nav ul.gnav li a.active:after{border:none}}header.header nav ul.gnav li.gnav__item{margin-left:50px;font-size:1.5rem;position:relative}@media only screen and (max-width:1024px){header.header nav ul.gnav li.gnav__item{margin-left:20px;font-size:1.3rem}}@media only screen and (max-width:896px){header.header nav ul.gnav li.gnav__item{font-size:1.5rem;margin:0 auto;width:100%;text-align:center;line-height:2.5em}}header.header nav ul.gnav li.gnav__twitter{margin-left:57px}header.header nav ul.gnav li.gnav__twitter .twitter{display:block;width:24px;height:20px;fill:#000;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}header.header nav ul.gnav li.gnav__twitter .twitter:hover{fill:#1dcaff}header.header nav ul.gnav li.gnav__facebook{margin-left:26px}@media only screen and (max-width:896px){header.header nav ul.gnav li.gnav__facebook{text-align:left}}header.header nav ul.gnav li.gnav__facebook .facebook{display:block;width:20px;height:20px;fill:#000;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}header.header nav ul.gnav li.gnav__facebook .facebook:hover{fill:#3b5998}@media only screen and (max-width:896px){header.header nav ul.gnav li.gnav__facebook,header.header nav ul.gnav li.gnav__twitter{width:35%;margin:15vh auto 0;clear:both}header.header nav ul.gnav li.gnav__facebook .twitter,header.header nav ul.gnav li.gnav__twitter .twitter{float:right}}#nav__toggle{display:none}@media only screen and (max-width:896px){#nav__toggle{display:block;width:25px;height:25px;position:relative;top:0;z-index:100}#nav__toggle div{position:relative}#nav__toggle div span{display:block;height:3px;background:#333;position:absolute;width:100%;left:0;-webkit-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#nav__toggle div span:first-child{top:0px}#nav__toggle div span:nth-child(2){top:10px}#nav__toggle div span:nth-child(3){top:20px}}.open #nav__toggle span:first-child{top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.open #nav__toggle span:nth-child(2){width:0;left:50%}.open #nav__toggle span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}table{width:100%;border-collapse:collapse;margin:0 0 2em 0}table td,table th{border:solid 2px #eee;padding:5px;font-size:1.5rem}@media only screen and (max-width:896px){table td,table th{font-size:1.4rem}}table th{font-weight:500;text-align:center}#Top header.header{background:transparent;color:#fff}#Top header.header.transform{background:rgba(0,160,220,0.9)}#Top header.header .header__logo a{color:#fff}#Top header.header .header__logo a svg#logo{fill:#fff}#Top header.header nav ul.gnav li a{color:#fff}@media only screen and (max-width:896px){#Top header.header nav ul.gnav li a{color:#000}}#Top header.header nav ul.gnav li a:hover{color:#000}#Top header.header nav ul.gnav li.gnav__twitter .twitter{fill:#fff}@media only screen and (max-width:896px){#Top header.header nav ul.gnav li.gnav__twitter .twitter{fill:#000}}#Top header.header nav ul.gnav li.gnav__twitter .twitter:hover{fill:#000}#Top header.header nav ul.gnav li.gnav__facebook .facebook{fill:#fff}@media only screen and (max-width:896px){#Top header.header nav ul.gnav li.gnav__facebook .facebook{fill:#000}}#Top header.header nav ul.gnav li.gnav__facebook .facebook:hover{fill:#000}#Top header.header.open .header__logo a{color:#000}#Top header.header.open .header__logo a svg#logo{fill:#000}#Top header.header.open #nav__toggle div span{background:#000}@media only screen and (max-width:896px){#Top #nav__toggle div span{background:#fff}}body{font-family:;font-style:normal;font-weight:400}input,textarea{font-family:}html body{font-family:'Noto Sans JP', sans-serif, 'Noto Serif JP'}#blog_nav__toggle{display:none}@media only screen and (max-width:896px){#blog_nav__toggle{display:block;width:35px;margin:0 auto;position:absolute;top:15px;right:5%;z-index:10}#blog_nav__toggle img{width:100%;display:block}#blog_nav__toggle.blogtop{width:40px;top:135px;left:0;right:0;margin:auto}}#blog-nav_sp{display:none}@media only screen and (max-width:896px){#blog-nav_sp{display:block}}#blog-nav_sp .blog-nav_sp__wrap{display:none}@media only screen and (max-width:896px){#blog-nav_sp .blog-nav_sp__wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;margin:auto;background:rgba(255,255,255,0.95);z-index:1000;padding:0 5%}}.blog-nav_back{font-size:1.1rem;color:#456;margin:20px 0}.blog-nav_sp{margin:auto;padding:0;width:90%;border-bottom:3px solid #456}.blog-nav_sp label{display:block;margin:1.5px 0;padding:13px 0;font-weight:500;cursor:pointer;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;border-top:3px solid #456;position:relative}.blog-nav_sp label:after{content:'＋';position:absolute;right:0;font-weight:700}.blog-nav_sp input.nav_sp_check{display:none}.blog-nav_sp .tab_content_sp{height:0;padding:0;overflow:hidden;opacity:0;-webkit-transition:0.8s;-o-transition:0.8s;transition:0.8s}.blog-nav_sp .tab_content_sp ul{font-size:1.3rem;font-weight:500}.blog-nav_sp .tab_content_sp ul li{line-height:2}.nav_sp_check:checked+label+.tab_content_sp{height:auto;padding:5px 1em 1em;opacity:1}.nav_sp_check:checked+label{color:#1dcaff}.nav_sp_check:checked+label:after{content:'−'}.tab_content_sp_select{overflow:hidden;width:100%;margin:auto;text-align:center;position:relative;border:1px solid #9b9b9b;border-radius:2px;background:#fff}.tab_content_sp_select select{width:100%;height:32px;padding-right:1em;cursor:pointer;text-indent:0.01px;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:8px 38px 8px 8px}.tab_content_sp_select:before{position:absolute;top:1em;right:0.9em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #9b9b9b;pointer-events:none}#blog-nav{position:relative;margin-bottom:40px;z-index:100;height:66px;border-top:3px solid #456;border-bottom:3px solid #456}@media only screen and (max-width:896px){#blog-nav{display:none}}.blog-nav{position:relative;padding-bottom:60px;width:100%;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}.blog-nav-item{height:60px;line-height:60px;font-size:1.5rem;text-align:left;padding:0 20px;color:#456;display:block;font-weight:700;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;position:relative}@media only screen and (max-width:1024px){.blog-nav-item{font-size:1.3rem;padding:0 1.5rem}}@media only screen and (max-width:896px){.blog-nav-item{font-size:1.5rem;width:100%;padding:0;border-bottom:3px solid #456}}.blog-nav-item:after{content:'＋';margin-left:1em;display:inline-block}@media only screen and (max-width:896px){.blog-nav-item:after{position:absolute;right:0}}.blog-nav-item:hover{opacity:0.75}input[name=blog-nav-item]{display:none}.tab_content{display:none;padding:15px 25px;clear:both;position:absolute;top:63px;left:0;background:rgba(255,255,255,0.9);width:100%;font-size:1.3rem;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.tab_content ul{text-align:left;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:896px){.tab_content ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}.tab_content ul li{text-align:left;margin-right:40px;font-weight:500}.tab_content ul li a:before{content:'>';margin-right:1em}@media only screen and (max-width:896px){.tab_content ul li a:before{content:none}}.tab_content ul li a:hover{color:#1dcaff}#monthly_content ul li{width:calc(100% / 6);margin-right:0}#tags_content ul li{width:calc(100% / 5);margin-right:0}#monthly:checked~#monthly_content,#opensource:checked~#opensource_content,#tags:checked~#tags_content,#technical:checked~#technical_content{display:block}.blog-nav input:checked+.blog-nav-item{background-color:#fff;color:#1dcaff}.blog-nav input:checked+.blog-nav-item:after{content:'−'}#searchform{position:relative}@media only screen and (max-width:425px){#searchform{margin:0 5%;width:90%;border-top:3px solid #456}}#keywords{width:30vw;max-width:410px;height:60px;background:url("../images/icon_search.svg") no-repeat center left 15px;padding:2px 2px 2px 45px;background-size:20px 20px;font-size:1.6rem;color:#456;margin-left:10px}@media only screen and (max-width:896px){#keywords{margin:0;width:100%;height:50px;font-size:1.4rem;background-position:center left;padding:2px 2px 2px 30px}}#keywords:focus{background-color:rgba(255,255,255,0.8)}.search-btn{background:#00a0dc;color:#fff;width:80%;padding:20px;font-size:1.5rem;letter-spacing:5px;display:inline-block;margin:20px 10%}h2.archive{font-size:3rem;color:#fff;margin-bottom:25px;text-align:left}@media only screen and (max-width:896px){h2.archive{font-size:2rem;margin-top:-10px;margin-bottom:20px}}#archive-list{position:relatifve;max-width:1000px;margin:auto;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}#archive-list:after{content:"";display:block;width:31.5%}#archive-list .archive-list__item{background:#fff;padding:0;width:31.5%;text-align:left;margin:0 0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width:896px){#archive-list .archive-list__item{width:48%}}@media only screen and (max-width:425px){#archive-list .archive-list__item{width:100%;margin:0 0 20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-direction:row;-ms-flex-direction:row;flex-direction:row}}#archive-list .archive-list__item:hover>.archive-img .archive-catch{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}#archive-list .archive-list__item:hover>.archive-list__info a{color:#1dcaff}#archive-list .archive-list__item .archive-img{width:100%;min-height:180px;position:relative;overflow:hidden}@media only screen and (max-width:896px){#archive-list .archive-list__item .archive-img{height:auto}}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-img{width:50%;height:auto}}#archive-list .archive-list__item .archive-img .archive-catch{width:100%;min-height:180px;background-size:cover!important;background-position:center center!important;display:block;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}#archive-list .archive-list__item .archive-list__info{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column;padding:15px}@media only screen and (max-width:1024px){#archive-list .archive-list__item .archive-list__info{height:auto}}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__info{width:50%;padding:8px}}#archive-list .archive-list__item .archive-list__info .archive-list__link a:hover{color:#1dcaff}#archive-list .archive-list__item .archive-list__info .archive-list__link .datetime{font-size:1.3rem;color:#888;margin-bottom:0.5em}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__info .archive-list__link .datetime{font-size:1.2rem}}#archive-list .archive-list__item .archive-list__info .archive-list__link h3{font-size:1.8rem;line-height:1.39;margin-bottom:1em;min-height:4.17em}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__info .archive-list__link h3{font-size:1.2rem}}#archive-list .archive-list__item .archive-list__info .archive-list__link p{display:none;margin-bottom:1em}#archive-list .archive-list__item .archive-list__parts{margin-top:auto;padding:0;width:100%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__parts{-webkit-align-items:flex-end;-ms-flex-align:flex-end;-webkit-box-align:end;align-items:flex-end}}#archive-list .archive-list__item .archive-list__parts .tag-items{width:80%}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__parts .tag-items{width:75%}}#archive-list .archive-list__item .archive-list__parts .author{width:15%}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__parts .author{width:20%}}#archive-list .archive-list__item .archive-list__parts .author img.avatar:hover{border:2px solid #1dcaff}#archive-list .archive-list__item .archive-list__parts .author .tooltip{position:relative;display:block}#archive-list .archive-list__item .archive-list__parts .author .tooltip:after{position:absolute;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;opacity:0;content:attr(data-tooltip);display:block;padding:2px 7px;background:#456;color:#fff;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:auto;font-size:1rem;z-index:10}@media only screen and (max-width:425px){#archive-list .archive-list__item .archive-list__parts .author .tooltip:after{display:none}}#archive-list .archive-list__item .archive-list__parts .author .tooltip:hover:after{top:-28px;opacity:1}#archive-list.blog-top .archive-list__item:first-child,#archive-list.blog-top .archive-list__item:nth-child(8){width:100%;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-direction:row;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child,#archive-list.blog-top .archive-list__item:nth-child(8){-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}#archive-list.blog-top .archive-list__item:first-child .archive-img,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-img{width:65.7%}@media only screen and (max-width:896px){#archive-list.blog-top .archive-list__item:first-child .archive-img,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-img{width:52%}}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-img,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-img{width:100%}}#archive-list.blog-top .archive-list__item:first-child .archive-img .archive-catch,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-img .archive-catch{min-height:400px}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-img .archive-catch,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-img .archive-catch{min-height:180px}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info{width:31.5%;padding:22px 22px 22px 0}@media only screen and (max-width:896px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info{width:44%}}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info{width:100%;padding:15px}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__link h3,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__link h3{font-size:2.4rem}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__link h3,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__link h3{font-size:1.8rem}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__link p,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__link p{display:block;visibility:hidden}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__link p,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__link p{display:none}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts ul.tag,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts ul.tag{width:72%}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts ul.tag,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts ul.tag{width:70%}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts .author,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts .author{width:23%}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts .author,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts .author{width:15%}}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts .author .tooltip:after,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts .author .tooltip:after{font-size:1.2rem}#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts .author img.avatar,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts .author img.avatar{width:65px;height:65px}@media only screen and (max-width:425px){#archive-list.blog-top .archive-list__item:first-child .archive-list__info .archive-list__parts .author img.avatar,#archive-list.blog-top .archive-list__item:nth-child(8) .archive-list__info .archive-list__parts .author img.avatar{width:45px;height:45px}}#blog-post{background:#fff;text-align:left;padding-bottom:60px;margin-bottom:60px}@media only screen and (max-width:896px){#blog-post{padding-bottom:15px;margin-bottom:40px}}#blog-post .post-thumbnail{width:100%;height:250px;overflow:hidden;position:relative}@media only screen and (max-width:425px){#blog-post .post-thumbnail{height:120px}}#blog-post .post-thumbnail img{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:auto}#blog-post .entry-header{padding:55px}@media only screen and (max-width:896px){#blog-post .entry-header{padding:20px 5% 25px}}#blog-post .entry-header .entry-header__wrap{width:100%;margin-bottom:10px;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media only screen and (max-width:896px){#blog-post .entry-header .entry-header__wrap{margin-bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-box-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}#blog-post .entry-header .entry-header__wrap .entry-date{white-space:nowrap;font-size:1.8rem;color:#888}@media only screen and (max-width:896px){#blog-post .entry-header .entry-header__wrap .entry-date{font-size:1.2rem}}#blog-post .entry-header .entry-header__wrap .entry-meta-socialbookmarks{width:40%}@media only screen and (max-width:896px){#blog-post .entry-header .entry-header__wrap .entry-meta-socialbookmarks{width:100%;margin-bottom:15px}}#blog-post .entry-header .entry-title{font-size:3.5rem;line-height:normal}@media only screen and (max-width:896px){#blog-post .entry-header .entry-title{font-size:2.4rem}}#blog-post .entry-header .entry-meta{margin:25px 0;font-size:1.3rem;color:#9b9b9b}@media only screen and (max-width:896px){#blog-post .entry-header .entry-meta{margin:17px 0;font-size:1.1rem}}#blog-post .entry-header .entry-meta a{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}#blog-post .entry-header .entry-meta a img{width:60px;height:60px;margin-right:0.5em}@media only screen and (max-width:896px){#blog-post .entry-header .entry-meta a img{width:50px;height:50px}}#blog-post .entry-header .entry-meta a:hover{opacity:0.7}#blog-post .entry-content{width:90%;max-width:680px;margin:auto;margin-bottom:60px}#blog-post .entry-content h1{font-size:2.5rem;color:#333;font-weight:800;line-height:1.2;letter-spacing:0.8px;margin:0 0 1.2em}#blog-post .entry-content h2{font-size:2.5rem;font-weight:500;line-height:1.2;letter-spacing:0.8px;color:#333;text-align:left;padding-bottom:0.5em;margin:1em 0 1.2em;border-bottom:2px solid #bbb}@media only screen and (max-width:896px){#blog-post .entry-content h2{font-size:2rem}}#blog-post .entry-content h3{font-size:2.2rem;margin-bottom:0.7}#blog-post .entry-content h4{font-size:1.8rem;margin-bottom:0.7}#blog-post .entry-content div,#blog-post .entry-content p{font-size:1.5rem;line-height:1.8;margin-bottom:2em}@media only screen and (max-width:896px){#blog-post .entry-content div,#blog-post .entry-content p{font-size:1.4rem}}#blog-post .entry-content .crayon-syntax div{margin-bottom:0}#blog-post .entry-content .wp-caption-text,#blog-post .entry-content caption{font-size:1.2rem;color:#666}#blog-post .entry-content ul li{line-height:1.8;font-size:1.5rem;text-indent:-1em;padding-left:1em;margin-bottom:1em}@media only screen and (max-width:896px){#blog-post .entry-content ul li{font-size:1.4rem}}#blog-post .entry-content ul li:before{content:"";width:5px;height:5px;display:inline-block;background-color:#bbb;border-radius:50%;position:relative;top:-1px;margin-right:0.75em}#blog-post .entry-content ol{margin:0 0 4em;padding-left:1.5em;list-style-type:decimal}#blog-post .entry-content ol li{text-align:left;font-size:1.5rem;margin-bottom:1em}@media only screen and (max-width:896px){#blog-post .entry-content ol li{font-size:1.4rem}}#blog-post .entry-content a{color:#00a0dc}#blog-post .entry-content a:hover{opacity:0.7}#blog-post .entry-content img,#blog-post .entry-content picture{height:auto}#blog-post .entry-content blockquote{position:relative;margin-bottom:2.5em;padding:30px 15px 10px 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style:italic;background:#f2f2f2;color:#666;border-left:4px solid #1dcaff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.14);box-shadow:0 2px 4px rgba(0,0,0,0.14)}#blog-post .entry-content blockquote:before{display:inline-block;position:absolute;top:5px;left:3px;content:"“";font-family:sans-serif;color:#1dcaff;font-size:7rem;line-height:1}#blog-post .entry-content blockquote p{padding:0;margin:7px 0;line-height:1.7}#blog-post .entry-content blockquote cite{display:block;text-align:right;color:#888;font-size:0.9em}#blog-post .author-info{max-width:680px;width:90%;margin:60px auto 0;padding:20px;border:3px solid #eee;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media only screen and (max-width:425px){#blog-post .author-info{padding:15px}}#blog-post .author-info .author-avatar{width:13%}@media only screen and (max-width:425px){#blog-post .author-info .author-avatar{width:21%}}#blog-post .author-info .author-description{width:85%}@media only screen and (max-width:425px){#blog-post .author-info .author-description{width:75%}}#blog-post .author-info .author-description .author-title{font-size:1.5rem;margin:0 auto 0.5em}@media only screen and (max-width:896px){#blog-post .author-info .author-description .author-title{font-size:1.4rem}}#blog-post .author-info .author-description .author-title a{color:#00a0dc}#blog-post .author-info .author-description .author-title span{font-size:1.1rem;color:#888;margin-left:1em}@media only screen and (max-width:896px){#blog-post .author-info .author-description .author-title span{font-size:1rem}}#blog-post .author-info .author-description .author-bio{font-size:1.3rem;margin-bottom:0}@media only screen and (max-width:896px){#blog-post .author-info .author-description .author-bio{font-size:1.1rem}}.related_post{margin-bottom:60px}.related_post .related-title-img{max-width:70px}@media only screen and (max-width:425px){.related_post .related-title-img{max-width:60px}}.related_post h2.related-title{font-size:2.6rem;margin:0 0 45px;min-height:1em}@media only screen and (max-width:425px){.related_post h2.related-title{font-size:2rem;margin:0 0 35px}}.related_post h3.related-none{background:#fff;padding:35px;font-size:1.4rem;color:#555}.related_post .related{position:relative;background:#fff;padding:0;text-align:left;margin:0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;cursor:pointer;font-weight:500;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}.related_post .related:hover{color:#1dcaff}.related_post .related:hover>.related-catch .related-img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}.related_post .related .related-catch{position:relative;overflow:hidden;width:158px;height:90px}@media only screen and (max-width:425px){.related_post .related .related-catch{width:96px;height:96px}}.related_post .related .related-img{width:158px;height:90px;position:relative;background-position:center center!important;background-size:cover!important;display:block;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}@media only screen and (max-width:425px){.related_post .related .related-img{width:96px;height:96px}}.related_post .related__info{width:calc(100% - 158px);padding:8px 15px 10px}@media only screen and (max-width:425px){.related_post .related__info{width:calc(100% - 96px)}}.related_post .related__info .datetime{font-size:1.3rem;color:#888}@media only screen and (max-width:425px){.related_post .related__info .datetime{font-size:1rem}}.related_post .related__info h3{font-size:1.6rem;line-height:1.39}@media only screen and (max-width:425px){.related_post .related__info h3{font-size:1.3rem}}img.avatar{width:100%;height:auto;border-radius:50%;background:#eee;border:2px solid #fff;display:block;cursor:pointer;width:45px;height:45px;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:425px){img.avatar{border:none;width:32px;height:32px}}ul.tag{list-style:none}ul.tag li{display:inline-block;line-height:normal}ul.tag li a{border:1px solid #1dcaff;border-radius:2px;font-size:1rem;font-weight:500;text-indent:0;padding:2px 3px;margin-bottom:2px;background:#fff;color:#1dcaff}@media only screen and (max-width:425px){ul.tag li a{padding:1px 2px}}ul.tag li a:hover{background:#1dcaff;color:#fff!important}#previous_next_post{background:#fff;padding:30px 0}@media only screen and (max-width:896px){#previous_next_post{padding:15px 0}}#previous_next_post #previous_next_post__wrap{width:100%;max-width:1060px;padding:0 30px;margin:auto;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media only screen and (max-width:896px){#previous_next_post #previous_next_post__wrap{width:90%;padding:0}}#previous_next_post #previous_next_post__wrap .next_post,#previous_next_post #previous_next_post__wrap .previous_post{width:48%;font-size:1.3rem;color:#999;line-height:1.4}#previous_next_post #previous_next_post__wrap .next_post a,#previous_next_post #previous_next_post__wrap .previous_post a{font-size:1.6rem;font-weight:500;color:#00a0dc;display:block}@media only screen and (max-width:896px){#previous_next_post #previous_next_post__wrap .next_post a,#previous_next_post #previous_next_post__wrap .previous_post a{font-size:1.4rem}}#previous_next_post #previous_next_post__wrap .next_post a span,#previous_next_post #previous_next_post__wrap .previous_post a span{font-size:1.3rem;color:#999;font-weight:400}@media only screen and (max-width:896px){#previous_next_post #previous_next_post__wrap .next_post a span,#previous_next_post #previous_next_post__wrap .previous_post a span{display:none}}#previous_next_post #previous_next_post__wrap .next_post a:hover,#previous_next_post #previous_next_post__wrap .previous_post a:hover{opacity:0.7}#previous_next_post #previous_next_post__wrap .next_post{text-align:right;-webkit-flex-grow:1;-ms-flex-grow:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.share-3d-inner{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex}.share-3d-inner a{position:relative;width:19%;height:30px;line-height:30px;border-radius:2px;font-size:1.6rem;text-align:center;margin-left:1%;color:#fff;text-decoration:none}@media only screen and (max-width:425px){.share-3d-inner a{height:20px;line-height:20px}}.entry-meta-socialbookmarks .small-text{font-size:1.2rem;line-height:30px}@media only screen and (max-width:425px){.entry-meta-socialbookmarks .small-text{line-height:20px}}.entry-meta-socialbookmarks .small-text:before{content:"";display:inline-block;margin:0 5px;width:18px;height:30px;vertical-align:bottom}@media only screen and (max-width:425px){.entry-meta-socialbookmarks .small-text:before{width:12px;height:20px}}.entry-meta-socialbookmarks .small-text span{display:none}.entry-meta-socialbookmarks .facebook-button{background:#3b5998}.entry-meta-socialbookmarks .facebook-button .small-text:before{background:url("../images/icon_fb_white.svg") no-repeat center center;background-size:contain}.entry-meta-socialbookmarks .twitter-button{background:#55acee}.entry-meta-socialbookmarks .twitter-button .small-text:before{background:url("../images/icon_twitter_white.svg") no-repeat center center;background-size:contain}.entry-meta-socialbookmarks .hatena-bookmark-button{background:#00a5de}.entry-meta-socialbookmarks .hatena-bookmark-button .small-text:before{background:url("../images/icon_hatena.svg") no-repeat center center;background-size:contain}.entry-meta-socialbookmarks .line-button{background:#00c300}.entry-meta-socialbookmarks .line-button .small-text:before{background:url("../images/icon_line.svg") no-repeat center center;background-size:contain}.entry-meta-socialbookmarks .pocket-button{background:#ef3f56}.entry-meta-socialbookmarks .pocket-button .small-text:before{background:url("../images/icon_pocket.svg") no-repeat center center;background-size:contain}#error{background:#fff;text-align:center;padding:80px;margin-bottom:60px}@media only screen and (max-width:425px){#error{padding:30px 20px;margin-bottom:30px}}#error .error-text{font-size:7em;font-weight:300;line-height:1em;letter-spacing:normal;text-align:center;color:#1dcaff;margin-bottom:0.5em}@media only screen and (max-width:425px){#error .error-text{font-size:5rem}}#error p{width:80%;margin:auto}@media only screen and (max-width:425px){#error p{width:90%;text-align:left}}#event-list{position:relatifve;max-width:1000px;margin:auto;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}#event-list:after{content:"";display:block;width:31.5%}#event-list .event-list__item{background:#fff;padding:0;width:31.5%;text-align:left;margin:0 0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width:896px){#event-list .event-list__item{width:48%}}@media only screen and (max-width:425px){#event-list .event-list__item{width:100%;margin:0 0 20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-direction:row;-ms-flex-direction:row;flex-direction:row}}#event-list .event-list__item:hover>.event-img .event-catch{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}#event-list .event-list__item:hover>a.event-list__info,#event-list .event-list__item:hover>a.event-list__info .datetime,#event-list .event-list__item:hover>a.event-list__info .recruitment{color:#1dcaff}#event-list .event-list__item .event-img{width:100%;min-height:180px;position:relative;overflow:hidden}@media only screen and (max-width:896px){#event-list .event-list__item .event-img{height:auto;min-height:112px}}@media only screen and (max-width:425px){#event-list .event-list__item .event-img{width:50%;height:auto}}#event-list .event-list__item .event-img .event-catch{width:100%;min-height:180px;background-size:cover!important;background-position:center center!important;display:block;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}@media only screen and (max-width:896px){#event-list .event-list__item .event-img .event-catch{height:auto;min-height:112px}}#event-list .event-list__item .event-list__info{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column;padding:15px 20px;color:#333}#event-list .event-list__item .event-list__info:hover,#event-list .event-list__item .event-list__info:hover .datetime,#event-list .event-list__item .event-list__info:hover .recruitment{color:#1dcaff}@media only screen and (max-width:1024px){#event-list .event-list__item .event-list__info{height:auto}}@media only screen and (max-width:425px){#event-list .event-list__item .event-list__info{width:50%;padding:8px}}#event-list .event-list__item .event-list__info .datetime{font-size:1.3rem;margin-bottom:0.5em;color:#555}@media only screen and (max-width:425px){#event-list .event-list__item .event-list__info .datetime{font-size:1.2rem}}#event-list .event-list__item .event-list__info h3{font-size:1.8rem;line-height:1.39;margin-bottom:0.5em}@media only screen and (max-width:425px){#event-list .event-list__item .event-list__info h3{font-size:1.2rem}}#event-list .event-list__item .event-list__info p{position:relative;max-height:calc(15 * 1.8 * 4 * 1px);font-size:1.5rem;line-height:1.8;word-break:break-all;overflow:hidden}#event-list .event-list__item .event-list__info p:after,#event-list .event-list__item .event-list__info p:before{position:absolute;background:#fff}#event-list .event-list__item .event-list__info p:before{content:'...';top:calc(15 * 1.8 * (4 - 1) * 1px);right:0;width:1em}#event-list .event-list__item .event-list__info p:after{content:'';width:100%;height:100%}#event-list.even-none .event-list__item{width:100%;height:320px;text-align:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}@media only screen and (max-width:896px){#event-list.even-none .event-list__item{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}#event-list.even-none .event-list__item .even-none-title{font-size:5rem;font-weight:500;color:#1dcaff;margin-bottom:0.8em}@media only screen and (max-width:896px){#event-list.even-none .event-list__item .even-none-title{font-size:3.6rem}}@media only screen and (max-width:896px) and (max-width:425px){#event-list.even-none .event-list__item{height:223px}}#event-list.insession{margin-bottom:30px}#event-list.insession .event-list__item{width:100%;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-direction:row;-ms-flex-direction:row;flex-direction:row}@media only screen and (max-width:425px){#event-list.insession .event-list__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}#event-list.insession .event-list__item .event-img{width:48%}@media only screen and (max-width:896px){#event-list.insession .event-list__item .event-img{width:50%}}@media only screen and (max-width:425px){#event-list.insession .event-list__item .event-img{width:100%}}#event-list.insession .event-list__item .event-img .event-catch{min-height:320px}@media only screen and (max-width:425px){#event-list.insession .event-list__item .event-img .event-catch{min-height:180px}}#event-list.insession .event-list__item .event-list__info{padding:25px 30px;width:52%}@media only screen and (max-width:896px){#event-list.insession .event-list__item .event-list__info{width:50%}}@media only screen and (max-width:425px){#event-list.insession .event-list__item .event-list__info{width:100%;padding:15px}}#event-list.insession .event-list__item .event-list__info:hover .recruitment{color:#1dcaff}#event-list.insession .event-list__item .event-list__info h3{font-size:2.4rem}@media only screen and (max-width:425px){#event-list.insession .event-list__item .event-list__info h3{font-size:1.8rem}}#event-list.insession .event-list__item .event-list__info .datetime{font-size:1.8rem;-webkit-flex-grow:2;-ms-flex-grow:2;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}@media only screen and (max-width:896px){#event-list.insession .event-list__item .event-list__info .datetime{font-size:1.3rem}}#event-list.insession .event-list__item .event-list__info p{display:block}.recruitment{font-size:1.3rem;color:#777;position:relative;margin-bottom:0.5em}@media only screen and (max-width:896px){.recruitment{font-size:1.2rem}}.recruitment:before{content:'募集期間';color:#fff;font-size:1.2rem;padding:0 0.5em;margin-right:0.5em;background:#777;border-radius:2px}@media only screen and (max-width:896px){.recruitment:before{font-size:1.1rem}}.ended-event-title{font-size:2rem;font-weight:bold;color:#333;margin-bottom:1em}#blog-post.event-post .entry-header .entry-header__wrap .event-date{white-space:nowrap;font-size:1.8rem;color:#888}@media only screen and (max-width:896px){#blog-post.event-post .entry-header .entry-header__wrap .event-date{font-size:1.2rem}}#blog-post.event-post .entry-header .entry-title{font-size:3.5rem;line-height:normal;margin-bottom:0.6em}@media only screen and (max-width:896px){#blog-post.event-post .entry-header .entry-title{font-size:2.4rem}}#blog-post.event-post .entry-content .btn_link{max-width:620px}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .btn_link{width:100%;max-width:100%}}#blog-post.event-post .entry-content .btn_link a{font-size:1.6rem}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .btn_link a{font-size:1.4rem}}#blog-post.event-post .entry-content .btn_link a:hover{color:#fff}#blog-post.event-post .entry-content .event-info{margin-top:60px}#blog-post.event-post .entry-content .event-info h3{font-size:21px;font-weight:bold;color:#333}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info h3{font-size:1.8rem}}#blog-post.event-post .entry-content .event-info table.event-info-detail{width:calc(100% + 20px);border-collapse:separate;border-spacing:10px;border:none;margin:0 -10px}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail{width:calc(100% + 10px);border-spacing:5px;margin:0 -5px}}#blog-post.event-post .entry-content .event-info table.event-info-detail tr td,#blog-post.event-post .entry-content .event-info table.event-info-detail tr th{border:none;text-align:left;padding:3px 20px 12px}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail tr td,#blog-post.event-post .entry-content .event-info table.event-info-detail tr th{padding:3px 10px 8px}}#blog-post.event-post .entry-content .event-info table.event-info-detail tr th{border-bottom:solid 2px #c7c7c7;white-space:nowrap;font-weight:bold;color:#666}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail tr th{font-size:1.3rem}}#blog-post.event-post .entry-content .event-info table.event-info-detail tr td{border-bottom:solid 2px #eee}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail tr td{font-size:1.4rem}}#blog-post.event-post .entry-content .event-info table.event-info-detail tr:first-child th{border-top:solid 2px #c7c7c7;padding:13px 20px 12px}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail tr:first-child th{padding:8px 10px}}#blog-post.event-post .entry-content .event-info table.event-info-detail tr:first-child td{border-top:solid 2px #eee;padding:13px 20px 12px}@media only screen and (max-width:896px){#blog-post.event-post .entry-content .event-info table.event-info-detail tr:first-child td{padding:8px 10px}}#happyhacking{background:#fff;text-align:center;padding:40px 16% 30px;margin-top:280px;margin-bottom:260px;position:relative}@media only screen and (max-width:896px){#happyhacking{margin-top:175px;margin-bottom:140px;padding:30px 5% 20px}}#happyhacking:after,#happyhacking:before{width:calc(100% - 200px);height:0;display:block;position:absolute;left:0;content:"";z-index:0}@media only screen and (max-width:896px){#happyhacking:after,#happyhacking:before{width:calc(100% - 100px)}}#happyhacking:before{border-bottom:solid 200px #fff;border-left:solid 200px transparent;bottom:100%}@media only screen and (max-width:896px){#happyhacking:before{border-bottom:solid 100px #fff;border-left:solid 100px transparent}}#happyhacking:after{border-top:solid 200px #fff;border-right:solid 200px transparent;top:100%}@media only screen and (max-width:896px){#happyhacking:after{border-top:solid 100px #fff;border-right:solid 100px transparent}}#happyhacking #happyhacking__inner{position:relative;z-index:1;margin:-200px auto}@media only screen and (max-width:896px){#happyhacking #happyhacking__inner{margin:-100px auto}}#happyhacking .hh-logo{width:28%;max-width:150px;margin:auto;margin-bottom:65px}@media only screen and (max-width:896px){#happyhacking .hh-logo{margin-bottom:35px}}#happyhacking .hh-logo img{width:100%;display:block}#happyhacking p{font-size:1.8rem;line-height:2.5;letter-spacing:3px;margin-bottom:2em}@media only screen and (max-width:896px){#happyhacking p{font-size:1.4rem;line-height:2;letter-spacing:1px}}#happyhacking p:last-child{text-align:right}@media only screen and (max-width:896px){#happyhacking p:last-child{max-width:450px}}#hh_members{width:100%;position:relative}#hh_members .wrapper{padding:50px 30px 0}@media only screen and (max-width:425px){#hh_members .wrapper{padding:50px 0 50px}}#members{position:relative;margin:80px 0 0;padding:0 30px 40px;width:100%}@media only screen and (max-width:896px){#members{padding:0 0 40px}}@media only screen and (max-width:425px){#members{margin:0;padding:0}}#members:before{content:" ";position:absolute;top:0;right:0;display:block;width:100%;height:1305px;z-index:0;pointer-events:none;background-position:50% 0!important;background-size:auto 1305px!important;-webkit-animation:blur 2s;animation:blur 2s}@media only screen and (max-width:896px){#members:before{background-position:50% 0!important;background-size:auto 1000px!important}}@media only screen and (max-width:425px){#members:before{background-position:46% 144px!important;background-size:auto 640px!important}}#members.member1:before{background:url("../images/members/bg_tsujimoto.png") no-repeat}#members.member2:before{background:url("../images/members/bg_wada.png") no-repeat}#members.member3:before{background:url("../images/members/bg_takamura.png") no-repeat}#members.member4:before{background:url("../images/members/bg_n-yamada.png") no-repeat}#members.member5:before{background:url("../images/members/bg_ozawa.png") no-repeat}#members.member6:before{background:url("../images/members/bg_suzuki.png") no-repeat}#members.member7:before{background:url("../images/members/bg_c-yamada.png") no-repeat}#members.member8:before{background:url("../images/members/bg_tanaka.png") no-repeat}#members.member9:before{background:url("../images/members/bg_watanabe.png") no-repeat}#members.member10:before{background:url("../images/members/bg_maruyama.png") no-repeat}#members.member11:before{background:url("../images/members/bg_aoki.png") no-repeat}#members.member12:before{background:url("../images/members/bg_nakashima.png") no-repeat}#members.member13:before{background:url("../images/members/bg_nagai.png") no-repeat}#members-wrapper{width:100%;margin:auto;max-width:1060px;padding:0 30px;position:relative}@media only screen and (max-width:896px){#members-wrapper{width:95%;padding:0 2.5%}}#members-wrapper .member-header{position:relative;height:622px}@media only screen and (max-width:896px){#members-wrapper .member-header{height:502px}}@media only screen and (max-width:425px){#members-wrapper .member-header{height:442px}}#members-wrapper .member-balloon{position:absolute;top:0;right:-70px;background:url("../images/img_balloon_l.svg") no-repeat 0 0;background-size:100% 100%!important;display:block;width:609px;height:252px;-webkit-animation:bounceIn 1s ease;animation:bounceIn 1s ease;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}@media only screen and (max-width:896px){#members-wrapper .member-balloon{right:0;width:58%;height:175px;margin:0 auto}}@media only screen and (max-width:425px){#members-wrapper .member-balloon{right:0;width:100%;background:url("../images/img_balloon_l_sp.svg") no-repeat 0 0;height:144px}}#members-wrapper .member-balloon h2{font-size:2.7rem;font-weight:500;line-height:1.56;text-align:left;position:relative;width:80%;margin:-1em 10% 0}@media only screen and (max-width:896px){#members-wrapper .member-balloon h2{font-size:1.7rem}}@media only screen and (max-width:425px){#members-wrapper .member-balloon h2{font-size:1.5rem}}#members-wrapper .member-detail{position:absolute;top:352px;right:0;width:460px;color:#fff;padding:35px 0;letter-spacing:normal;-webkit-animation:fadeIn 7s ease;animation:fadeIn 7s ease}@media only screen and (max-width:896px){#members-wrapper .member-detail{width:55%;top:252px}}@media only screen and (max-width:425px){#members-wrapper .member-detail{width:45%;top:222px;padding:15px 0}}#members-wrapper .member-detail .occ{font-size:2rem;font-weight:700}@media only screen and (max-width:896px){#members-wrapper .member-detail .occ{font-size:1.3rem}}@media only screen and (max-width:425px){#members-wrapper .member-detail .occ{font-size:1.1rem}}#members-wrapper .member-detail .name{font-size:4rem;letter-spacing:1px}@media only screen and (max-width:896px){#members-wrapper .member-detail .name{font-size:3rem}}@media only screen and (max-width:425px){#members-wrapper .member-detail .name{font-size:2.2rem;margin-bottom:0.25em}}#members-wrapper .member-detail .career{font-size:1.5rem;line-height:1.87}@media only screen and (max-width:896px){#members-wrapper .member-detail .career{font-size:1.3rem}}@media only screen and (max-width:425px){#members-wrapper .member-detail .career{font-size:1.1rem;line-height:1.55}}#members-wrapper .member-interview{position:relative;width:100%;max-width:1000px;margin:60px auto 80px;padding:70px 160px 40px;background:rgba(255,255,255,0.95)}@media only screen and (max-width:896px){#members-wrapper .member-interview{padding:40px 40px 20px}}@media only screen and (max-width:425px){#members-wrapper .member-interview{margin:20px auto 30px;padding:40px 20px 20px}}#members-wrapper .member-interview h3{font-size:2rem;font-weight:700;line-height:1.5;letter-spacing:normal;text-align:center;margin:1.75em 0}@media only screen and (max-width:896px){#members-wrapper .member-interview h3{font-size:1.4rem;text-align:left;margin:1em 0}}#members-wrapper .member-interview p{font-size:1.6rem;line-height:2;letter-spacing:normal;margin-bottom:2.5em}@media only screen and (max-width:896px){#members-wrapper .member-interview p{font-size:1.4rem;line-height:1.64;margin-bottom:1.5em}}#members-wrapper .member-interview:before{content:" ";position:absolute;top:-20px;left:-35px;background:url("../images/icon_blockquote.svg") no-repeat 0 0;display:block;height:57px;width:112px;z-index:2}@media only screen and (max-width:896px){#members-wrapper .member-interview:before{top:-10px;left:-15px;width:59px;height:30px}}#members-wrapper .member-interview:after{content:" ";position:absolute;bottom:-20px;right:-35px;background:url("../images/icon_blockquote.svg") no-repeat 0 0;display:block;height:57px;width:112px}@media only screen and (max-width:896px){#members-wrapper .member-interview:after{bottom:-10px;right:-15px;width:59px;height:30px}}#members-wrapper .recruit_link{max-width:480px}#other-members{background:url("../images/bg_dot.png");padding:90px 30px 100px;width:100%}@media only screen and (max-width:896px){#other-members{padding:30px 5% 80px}}#other-members h2{font-size:3rem;font-weight:700;margin-bottom:60px}@media only screen and (max-width:896px){#other-members h2{font-size:2.5rem;margin-bottom:30px}}#other-members .other-members__list{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;width:100%;max-width:1000px;margin:auto}@media only screen and (max-width:425px){#other-members .other-members__list{-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}}#other-members .other-members__list:after{content:"";display:block;width:31%}@media only screen and (max-width:425px){#other-members .other-members__list:after{display:none}}#other-members .other-members__list li{width:31%;background:#fff;text-align:center;margin:0 0 28px}@media only screen and (max-width:425px){#other-members .other-members__list li{width:48%;margin:0 0 10px;padding-bottom:10px}}#other-members .other-members__list li .occ{font-size:1rem;font-weight:700;line-height:normal;letter-spacing:normal;color:#00a0dc;margin-bottom:0.5em}@media only screen and (max-width:425px){#other-members .other-members__list li .occ{margin-bottom:0.25em}}#other-members .other-members__list li .name{font-size:2rem;line-height:normal;letter-spacing:normal;color:#333;padding-bottom:18px}@media only screen and (max-width:425px){#other-members .other-members__list li .name{font-size:1.4rem;padding-bottom:0.25em}}#other-members .other-members__list li .other-members__item{width:100%;overflow:hidden;margin:0;position:relative}#other-members .other-members__list li .other-members__item img{width:100%;margin-bottom:0.5em;-webkit-filter:grayscale(100%);filter:grayscale(100%)}@media only screen and (max-width:425px){#other-members .other-members__list li .other-members__item img{margin-bottom:0.25em}}#other-members .other-members__list li .other-members__item .caption{width:100%;font-size:2.2rem;color:#fff;padding-top:80px;padding-left:0px;text-align:left}@media only screen and (max-width:1024px){#other-members .other-members__list li .other-members__item .caption{padding-top:50px;font-size:1.6rem}}#other-members .other-members__list li .other-members__item .mask{width:100%;height:100%;position:absolute;top:0;left:-100%;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0.7);-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;z-index:2}#other-members .other-members__list li .other-members__item:hover .mask{top:0;left:0;opacity:1;padding:0 30px}#other-members .other-members__list li .other-members__item:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.breadcrumbs{position:relative}.list{width:100%;padding:0 20px;margin:15px auto;position:relative}.list li{display:inline-block;list-style:none;font-size:1.2rem}.list li:after{content:'>';padding:0 10px;color:#fff}.list li:last-child:after{content:''}.list li a,.list li span{text-decoration:none;color:#fff}.list li a:hover{text-decoration:underline}@media only screen and (max-width:425px){.list li{font-size:1.1rem}.list li:nth-child(n+2){display:none}.list li:first-child:before{content:'<';padding:0 10px 0 0;color:#fff}.list li:after{content:none}}.wrapper{width:100%;margin:auto;max-width:1060px;padding:35px 30px 0;position:relative;text-align:center}@media only screen and (max-width:896px){.wrapper{width:95%;padding:15px 2.5% 0}}#membersList{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-moz-box-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;padding-top:260px;width:100%;margin:auto}@media only screen and (max-width:1200px){#membersList{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-direction:row;-ms-flex-direction:row;flex-direction:row;width:70%;padding-top:120px;padding-bottom:70px}}@media only screen and (max-width:896px){#membersList{width:85%}}@media only screen and (max-width:425px){#membersList{padding-top:30px;width:100%}}#membersList li{width:175px;margin-right:79px;margin-left:79px;margin-bottom:70px;position:relative;text-align:right}@media only screen and (max-width:1200px){#membersList li{width:139px;margin:0;text-align:right}}#membersList li .members-img{position:relative;margin:auto}#membersList li .members-img:before{content:" ";position:absolute;top:0;right:0;display:block;width:450px;height:540px;z-index:0;pointer-events:none;background-size:100% 100%!important}@media only screen and (max-width:1200px){#membersList li .members-img:before{right:0;width:358px;height:430px}}#membersList li .members-img img{width:175px;height:540px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#membersList li .members-img img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}@media only screen and (max-width:1200px){#membersList li .members-img img{width:139px;height:430px;-webkit-filter:grayscale(0);filter:grayscale(0)}}#membersList li:first-child{-ms-flex-order:1;-webkit-order:1;-webkit-box-ordinal-group:2;order:1}#membersList li:first-child .members-img:before{background:url("../images/members/tsujimoto_shadow.png") no-repeat 0 0}#membersList li:nth-child(2){-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:4;order:3}#membersList li:nth-child(2) .members-img:before{background:url("../images/members/wada_shadow.png") no-repeat 0 0}#membersList li:nth-child(3){-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:3;order:2}#membersList li:nth-child(3) .members-img:before{background:url("../images/members/takamura_shadow.png") no-repeat 0 0}#membersList li:nth-child(4){-ms-flex-order:4;-webkit-order:4;-webkit-box-ordinal-group:5;order:4}#membersList li:nth-child(4) .members-img:before{background:url("../images/members/n-yamada_shadow.png") no-repeat 0 0}#membersList li:nth-child(5){-ms-flex-order:6;-webkit-order:6;-webkit-box-ordinal-group:7;order:6}#membersList li:nth-child(5) .members-img:before{background:url("../images/members/ozawa_shadow.png") no-repeat 0 0}#membersList li:nth-child(6){-ms-flex-order:5;-webkit-order:5;-webkit-box-ordinal-group:6;order:5}#membersList li:nth-child(6) .members-img:before{background:url("../images/members/suzuki_shadow.png") no-repeat 0 0}#membersList li:nth-child(7){-ms-flex-order:7;-webkit-order:7;-webkit-box-ordinal-group:8;order:7}#membersList li:nth-child(7) .members-img{left:-20px}#membersList li:nth-child(7) .members-img:before{background:url("../images/members/c-yamada_shadow.png") no-repeat 0 0}#membersList li:nth-child(8){-ms-flex-order:9;-webkit-order:9;-webkit-box-ordinal-group:10;order:9}#membersList li:nth-child(8) .members-img:before{background:url("../images/members/tanaka_shadow.png") no-repeat 0 0}#membersList li:nth-child(9){-ms-flex-order:8;-webkit-order:8;-webkit-box-ordinal-group:9;order:8}#membersList li:nth-child(9) .members-img:before{background:url("../images/members/watanabe_shadow.png") no-repeat 0 0}#membersList li:nth-child(10){-ms-flex-order:10;-webkit-order:10;-webkit-box-ordinal-group:11;order:10}#membersList li:nth-child(10) .members-img:before{background:url("../images/members/maruyama_shadow.png") no-repeat 0 0}#membersList li:nth-child(11){-ms-flex-order:12;-webkit-order:12;-webkit-box-ordinal-group:13;order:12}#membersList li:nth-child(11) .members-img:before{background:url("../images/members/aoki_shadow.png") no-repeat 0 0}#membersList li:nth-child(12){-ms-flex-order:11;-webkit-order:11;-webkit-box-ordinal-group:12;order:11}#membersList li:nth-child(12) .members-img:before{background:url("../images/members/nakashima_shadow.png") no-repeat 0 0}#membersList li:nth-child(13){-ms-flex-order:13;-webkit-order:13;-webkit-box-ordinal-group:14;order:13}#membersList li:nth-child(13) .members-img:before{background:url("../images/members/nagai_shadow.png") no-repeat 0 0}#membersList li:nth-child(15){-ms-flex-order:14;-webkit-order:14;-webkit-box-ordinal-group:15;order:14}#membersList li:nth-child(3n+1){margin-top:-260px}#membersList li:nth-child(3n+2){margin-top:-190px}@media only screen and (max-width:1200px){#membersList li:nth-child(2){-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:3;order:2}#membersList li:nth-child(3){-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:4;order:3}#membersList li:nth-child(5){-ms-flex-order:5;-webkit-order:5;-webkit-box-ordinal-group:6;order:5}#membersList li:nth-child(6){-ms-flex-order:6;-webkit-order:6;-webkit-box-ordinal-group:7;order:6}#membersList li:nth-child(8){-ms-flex-order:8;-webkit-order:8;-webkit-box-ordinal-group:9;order:8}#membersList li:nth-child(9){-ms-flex-order:9;-webkit-order:9;-webkit-box-ordinal-group:10;order:9}#membersList li:nth-child(11){-ms-flex-order:11;-webkit-order:11;-webkit-box-ordinal-group:12;order:11}#membersList li:nth-child(12){-ms-flex-order:12;-webkit-order:12;-webkit-box-ordinal-group:13;order:12}#membersList li:nth-child(14){-ms-flex-order:14;-webkit-order:14;-webkit-box-ordinal-group:15;order:14}#membersList li:nth-child(15){-ms-flex-order:15;-webkit-order:15;-webkit-box-ordinal-group:16;order:15}#membersList li:nth-child(3n+1){margin-top:0}#membersList li:nth-child(3n+2){margin-top:0}#membersList li:nth-child(2n){margin-top:265px;margin-bottom:-165px}#membersList li:last-child{margin-bottom:0}}#membersList .members-tooltip{position:relative;z-index:999}#membersList .comment{position:absolute;z-index:9999;width:316px;height:130px;top:-50px;right:-290px;padding:0 20px;text-align:left;color:#fff;cursor:default;-webkit-transform:scale3d(0.8, 0.8, 1);transform:scale3d(0.8, 0.8, 1);-webkit-transform-origin:50% 120%;-ms-transform-origin:50% 120%;transform-origin:50% 120%;-webkit-transition:opacity 0.4s, -webkit-transform 0.4s;transition:opacity 0.4s, -webkit-transform 0.4s;-o-transition:opacity 0.4s, transform 0.4s;transition:opacity 0.4s, transform 0.4s;transition:opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;-webkit-transition-timing-function:ease, cubic-bezier(0.6, 0, 0.4, 1);-o-transition-timing-function:ease, cubic-bezier(0.6, 0, 0.4, 1);transition-timing-function:ease, cubic-bezier(0.6, 0, 0.4, 1)}#membersList .comment:before{content:"";position:absolute;top:0;right:0;width:316px;height:130px;margin:0;background:url("../images/img_balloon_m.svg") no-repeat 0 0;background-size:100% 100%;opacity:0.7;z-index:-1}@media only screen and (max-width:1200px){#membersList .comment:before{width:244px;height:100px}}@media only screen and (max-width:1200px){#membersList .comment{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transform-origin:none;-ms-transform-origin:none;transform-origin:none;-webkit-transition:none;-o-transition:none;transition:none;transform:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-timing-function:none}}@media only screen and (max-width:1200px){#membersList .comment{width:244px;height:100px;top:-50px;right:-210px}}#membersList .name,#membersList .readmore{position:absolute;right:-100%;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;opacity:0;color:#fff;z-index:9999}#membersList .name:before,#membersList .readmore:before{content:"";position:absolute;top:0;right:0;margin:0;z-index:-1}@media only screen and (max-width:1200px){#membersList .name,#membersList .readmore{opacity:1}}#membersList .name{top:95px;width:184px;height:100px;margin-right:-85px}#membersList .name:before{width:184px;height:100px;background:url("../images/img_balloon_s.svg") no-repeat 0 0;background-size:100% 100%}@media only screen and (max-width:1200px){#membersList .name:before{width:156px;height:84px}}@media only screen and (max-width:1200px){#membersList .name{top:55px;width:156px;height:84px;right:-40px}}#membersList .readmore{top:195px;width:94px;height:31px;margin-right:-8px}#membersList .readmore:before{width:94px;height:31px;background:url("../images/img_balloon_read.svg") no-repeat 0 0;background-size:100% 100%}@media only screen and (max-width:1200px){#membersList .readmore:before{width:80px;height:43px}}@media only screen and (max-width:1200px){#membersList .readmore{top:130px;width:80px;height:43px;right:-52px}}@media only screen and (max-width:1200px){#membersList li:nth-child(2n){width:calc(100% - 139px)}#membersList li:nth-child(2n) .comment:before,#membersList li:nth-child(2n) .name:before,#membersList li:nth-child(2n) .readmore:before{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}#membersList li:nth-child(2n) .comment{left:auto;right:104px}#membersList li:nth-child(2n) .name{left:auto;right:190px}#membersList li:nth-child(2n) .readmore{left:auto;right:106px}#membersList li:nth-child(2n) .name p{text-align:right}#membersList li:nth-child(2n) .readmore{margin-right:10px;margin-left:0}}@media only screen and (max-width:320px){#membersList li:nth-child(2n) .comment p{margin:-0.5em 0 0 10%}}#membersList .comment,#membersList .name,#membersList .readmore{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}#membersList .comment p,#membersList .name p,#membersList .readmore p{position:relative;line-height:normal;text-align:left;margin-top:-0.5em}#membersList .comment p{font-size:1.7rem;width:100%;margin:-0.5em 0 0 1em}@media only screen and (max-width:1200px){#membersList .comment p{font-size:1.2rem}}@media only screen and (max-width:320px){#membersList .comment p{font-size:1.2rem;width:80%;margin:-0.5em 10% 0 0}}#membersList .name p{font-size:1.1rem;width:80%}@media only screen and (max-width:1200px){#membersList .name p{font-size:1rem}}#membersList .name p em{font-size:2.4rem}@media only screen and (max-width:1200px){#membersList .name p em{font-size:1.8rem}}#membersList .readmore img{width:100%}@media only screen and (min-width:1025px){#membersList .members-tooltip:hover .comment:before,#membersList .members-tooltip:hover .name,#membersList .members-tooltip:hover .readmore{opacity:1}#membersList .members-tooltip:hover .comment{pointer-events:auto;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}#membersList .members-tooltip:hover .name,#membersList .members-tooltip:hover .readmore{right:-74px}#membersList .members-tooltip:hover .name{-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s}#membersList .members-tooltip:hover .readmore{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}}.pagination,.wp-prev-next{margin:50px 0 0}@media only screen and (max-width:896px){.pagination,.wp-prev-next{margin:20px 0 0}}.wp-prev-next .prev-link{float:left}.wp-prev-next .next-link{float:right}.pagination .page-numbers{position:relative;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center}.pagination a,.pagination span{display:inline-block;min-width:37px;height:37px;margin:0 1px 3px;background:#1dcaff;font-size:1.4rem;text-decoration:none;line-height:37px;color:#fff;border:1px solid #1dcaff}@media only screen and (max-width:896px){.pagination a,.pagination span{font-size:1.3rem}}.pagination .current,.pagination .page-of,.pagination a:hover{background:#fff;color:#1dcaff;border:1px solid #1dcaff;cursor:pointer}.pagination .page-of{display:none}@media only screen and (max-width:896px){.pagination .page-of{display:block;-ms-flex-order:2;-webkit-order:2;-webkit-box-ordinal-group:3;order:2}}@media only screen and (max-width:896px){.pagination .current{display:none}}@media only screen and (max-width:896px){.pagination .first{-ms-flex-order:0;-webkit-order:0;-webkit-box-ordinal-group:1;order:0}}@media only screen and (max-width:896px){.pagination .prev{-ms-flex-order:1;-webkit-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (max-width:896px){.pagination .next{-ms-flex-order:3;-webkit-order:3;-webkit-box-ordinal-group:4;order:3}}@media only screen and (max-width:896px){.pagination .last{-ms-flex-order:4;-webkit-order:4;-webkit-box-ordinal-group:5;order:4}}@media only screen and (max-width:896px){.pagination .pn-numbers{display:none}}.pagination .first,.pagination .last,.pagination .page-of{padding:0 1em}@media only screen and (max-width:896px){.pagination .first,.pagination .last,.pagination .page-of{padding:0 0.5em}}#content-list{position:relative;max-width:1000px;margin:auto;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}#content-list:after{content:"";display:block;width:31.5%}#content-list .content-list__info{background:#fff;padding:15px;width:31.3%;text-align:left;margin:0 0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width:896px){#content-list .content-list__info{width:48%}}@media only screen and (max-width:425px){#content-list .content-list__info{width:100%;margin:0 0 20px}}#content-list .content-list__info .document{position:relative;width:99.5%;height:0;padding-top:75%;margin-bottom:10px}#content-list .content-list__info .document iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}#content-list .content-list__info .name{font-size:1.2rem;font-weight:500;color:#333;margin-bottom:0.5em}#content-list .content-list__info .name-avatar{position:relative;margin-bottom:1em;padding-left:35px;padding-top:5px}#content-list .content-list__info .name-avatar .avatar{width:30px;height:30px;position:absolute;z-index:1;top:0;left:0}#content-list .content-list__info .title{font-size:1.5rem;font-weight:500;line-height:1.53;color:#00a0dc;margin-bottom:1em}#content-list .content-list__info .category{font-size:1.2rem;font-weight:500;color:#999;margin-top:auto}#content-list .content-list__info a:hover{opacity:0.7}#privacy{background:#fff;text-align:left;padding:80px;margin-bottom:60px}@media only screen and (max-width:425px){#privacy{padding:30px 20px;margin-bottom:30px}}#privacy .privacy-text{font-size:3.2rem;font-weight:300;line-height:1.5em;letter-spacing:normal;text-align:center;color:#1dcaff;margin-bottom:0.9em;text-align:center}@media only screen and (max-width:425px){#privacy .privacy-text{font-size:2rem}}#privacy dl{padding-bottom:15px}#privacy dt{font-weight:bold}#privacy dd{padding-bottom:15px;word-break:break-all}#privacy em{display:block}#privacy li{list-style:disc;list-style-position:outside;margin-left:1.3em}#privacy p{margin:auto;text-align:right}#research-list{position:relative;max-width:1000px;margin:0 auto 75px;overflow:hidden}@media only screen and (max-width:425px){#research-list{margin-bottom:35px}}#research-list .research-list__info{background:#fff;padding:0;width:100%;text-align:left;margin:0 0 5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column;padding:15px}#research-list .research-list__info .name{font-size:1.2rem;font-weight:500;color:#333;margin-bottom:0.5em}#research-list .research-list__info .title{font-size:1.5rem;font-weight:500;line-height:1.53;color:#333;margin-bottom:1em}#research-list .research-list__info .category{font-size:1.2rem;font-weight:500;color:#999;margin-top:auto;margin-right:30px}#research-list a:after{content:'';position:absolute;bottom:15px;right:15px;background:url("../images/icon_blank.svg") 0 0 no-repeat;background-size:cover;width:21px;height:16px;pointer-events:none}#research-list a:hover:after{opacity:0.7}#research-list a .title{color:#00a0dc!important}#research-list a:hover{cursor:pointer;-webkit-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s}#research-list a:hover>.category,#research-list a:hover>.name,#research-list a:hover>.title{opacity:0.7}#Top #container{padding-bottom:10px}#Top .top-wrapper{height:470px;text-align:center;position:relative}@media only screen and (max-width:896px){#Top .top-wrapper{height:385px}}@media only screen and (max-width:425px){#Top .top-wrapper{height:265px}}#Top .top-wrapper .top-copy{max-width:515px;-webkit-animation:fadeInOut 3.5s ease;animation:fadeInOut 3.5s ease;opacity:0;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2}#Top .top-wrapper .hh-logo{width:55%;max-width:510px;margin:auto;margin-top:-50px;opacity:1;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation:topfadeIn 4s ease;animation:topfadeIn 4s ease;z-index:3}@media only screen and (max-width:425px){#Top .top-wrapper .hh-logo{width:80%}}#Top .top-wrapper .hh-logo img{width:100%;display:block;margin-top:20px}@media only screen and (max-width:896px){#Top .top-wrapper .hh-logo img{margin-top:30px}}@media only screen and (max-width:425px){#Top .top-wrapper .hh-logo img{margin-top:20px}}#Top .wrapper{padding:60px 30px}@media only screen and (max-width:896px){#Top .wrapper{padding:15px 2.5% 40px}}#Top .wrapper h2{margin-bottom:40px}@media only screen and (max-width:425px){#Top .wrapper h2{margin-bottom:25px}}#Top .wrapper .btn_link{margin-top:20px}#Top #top_members{width:100%;background:#fff34a;position:relative;margin:180px 0}@media only screen and (max-width:1024px){#Top #top_members{margin:120px 0}}@media only screen and (max-width:425px){#Top #top_members{margin:60px 0}}#Top #top_members:after,#Top #top_members:before{content:" ";position:absolute;left:0;background:url("../images/triangle.svg") no-repeat 0 0;background-size:100% 100%!important;display:block;height:180px;width:100%;z-index:0}@media only screen and (max-width:1024px){#Top #top_members:after,#Top #top_members:before{height:120px}}@media only screen and (max-width:425px){#Top #top_members:after,#Top #top_members:before{height:60px}}#Top #top_members:before{top:-180px}@media only screen and (max-width:1024px){#Top #top_members:before{top:-120px}}@media only screen and (max-width:425px){#Top #top_members:before{top:-60px}}#Top #top_members:after{bottom:-180px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}@media only screen and (max-width:1024px){#Top #top_members:after{bottom:-120px}}@media only screen and (max-width:425px){#Top #top_members:after{bottom:-60px}}#Top #top_members .wrapper{padding:200px 30px 50px}@media only screen and (max-width:425px){#Top #top_members .wrapper{padding:200px 0 50px}}#Top #top_members .btn_link{position:absolute;bottom:-60px;left:0;right:0;margin:auto;z-index:1}@media only screen and (max-width:1024px){#Top #top_members .btn_link{bottom:20px}}#Top .members-title{position:absolute;top:-140px;left:0;right:0}@media only screen and (max-width:1024px){#Top .members-title{top:-40px}}.members-title{margin:auto;text-align:center}.members-title .members-title__icon{width:103px;margin:auto;margin-bottom:30px}@media only screen and (max-width:1024px){.members-title .members-title__icon{width:81px}}@media only screen and (max-width:425px){.members-title .members-title__icon{width:56px}}.members-title .members-title__icon img{width:100%;display:block}.members-title .members-title__text{width:445px;margin:auto;position:relative}@media only screen and (max-width:1024px){.members-title .members-title__text{width:350px}}@media only screen and (max-width:425px){.members-title .members-title__text{width:75%}}.members-title .members-title__text img{width:100%;display:block}.members-title .members-title__text h2{font-size:2.8rem;font-weight:500;letter-spacing:2.8px;color:#333}@media only screen and (max-width:425px){.members-title .members-title__text h2{font-size:1.3rem}}.members-title .members-title__text h2:after{content:" ";position:absolute;bottom:-50px;left:0;right:0;margin:auto;background:url("../images/icon_arrow_down.svg") no-repeat 0 0;background-size:contain;display:block;width:37px;height:23px;z-index:0;-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@media only screen and (max-width:425px){.members-title .members-title__text h2:after{bottom:-30px;width:18.5px;height:21.5px}}#content-sns{position:relative;overflow:hidden}#content-sns .wrapper{padding:60px 0}#content-sns ul{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media only screen and (max-width:896px){#content-sns ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}#content-sns ul li{width:43%;text-align:center;margin:0 10px}@media only screen and (max-width:896px){#content-sns ul li{width:100%;max-width:100%;margin:0 0 20px}}#content-sns ul li img{width:20%;margin:auto;display:block}#content-sns ul li .banner_link{width:100%;margin:auto;margin-bottom:15px}#content-sns ul li .banner_link img{width:100%;display:block}#content-sns ul li h2{font-size:2.6rem;color:#333;margin-bottom:1.5em}@media only screen and (max-width:425px){#content-sns ul li h2{font-size:2rem}}#Top #content-sns .wrapper{padding:60px 30px}#content-menu{position:relative;overflow:hidden;background:#fff}#content-menu ul{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media only screen and (max-width:896px){#content-menu ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-direction:column;-ms-flex-direction:column;flex-direction:column}}#content-menu ul li{width:30%;text-align:center}@media only screen and (max-width:896px){#content-menu ul li{width:100%;max-width:100%}}#content-menu ul li img{width:55%;margin:auto;display:block}@media only screen and (max-width:896px){#content-menu ul li img{width:30%;max-width:150px}}#content-menu ul li h3{margin-bottom:1.5em}#content-menu ul li .btn-s{max-width:280px}