html{font-size:62.5%;font-feature-settings:"palt";font-family:Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;color:#373737;visibility:hidden}html.wf-active{visibility:visible}.cover h2{background:rgba(0,167,227,.8);display:flex;justify-content:center;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.cover h2 img{width:100%;min-width:100%;height:auto;vertical-align:top}.cover p{position:absolute;left:0;width:100%;text-align:center;font-family:"proxima-nova";font-weight:700;font-style:normal;color:#fff;text-shadow:rgba(0,0,0,.5) 0 0 3px}.cover p span{font-family:"source-han-sans-japanese";font-weight:500}.topics{width:100%;background:#eee}.topics .inner{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.35);margin:0 auto;position:relative}.topics .inner .ttl-a{position:relative}.topics .inner ul li{border-bottom:1px solid #373737;width:100%}.topics .inner ul li:last-child{border:none;padding-bottom:0;margin-bottom:0}.topics .inner ul li a{color:#373737;text-decoration:underline}#about{position:relative;width:100%}#about:before,#about:after{content:"";position:absolute;z-index:-1}#about:before{top:0;left:0}#about:after{right:0;bottom:0}#about .inner{z-index:2;margin:0 auto}#about .inner>div .photo img{width:100%;min-width:100%;height:auto;vertical-align:top}#contact{background:#00a7e3}#contact .inner{margin:0 auto}#contact .inner h3+div{display:flex;justify-content:space-between;width:100%}#contact .inner h3+div div{text-align:center}@media screen and (max-width:768px){.cover h2{width:45%;padding:16px;bottom:35%}.cover p{bottom:5%;font-size:3rem;line-height:1}.cover p span{padding-top:5px;display:inline-block;font-size:1.2rem;line-height:1.5}.topics{padding:50px 0}.topics .inner{width:75%;padding:0 25px 20px}.topics .inner .ttl-a{margin-bottom:0;top:-20px}.topics .inner ul{font-size:1.2rem}.topics .inner ul li{padding-bottom:10px;margin-bottom:10px;line-height:1.3}.topics .inner ul li .date{display:block}#about{padding:10px 0 50px}#about:before,#about:after{width:157.5px;height:157.5px}#about:before{background:url(//www.technohorizon.co.jp/tietech/wp-content/themes/tietech/assets/index_about_lc.webp) no-repeat center;background-size:157.5px 157.5px}#about:after{background:url(//www.technohorizon.co.jp/tietech/wp-content/themes/tietech/assets/index_about_rc.webp) no-repeat center;background-size:157.5px 157.5px}#about .inner{width:80%}#about .inner>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:50px}#about .inner>div .photo{width:100%;margin-bottom:20px}#about .inner>div p{font-size:1.2rem;line-height:1.6}#contact{padding:10px 0 100px}#contact .inner{width:80%}#contact .inner h3{margin-bottom:50px}#contact .inner h3+div{flex-direction:column}#contact .inner h3+div div{margin:10px 0}}@media screen and (min-width:769px){.cover h2{width:500px;height:130px;padding:40px 63.75px;bottom:23%}.cover p{bottom:5%;font-size:6rem;line-height:45px}.cover p span{display:inline-block;font-size:2.5rem}.topics{min-width:1200px;padding:100px 0}.topics .inner{width:800px;padding:0 100px 50px}.topics .inner .ttl-a{margin-bottom:20px;top:-30px}.topics .inner ul{font-size:1.5rem}.topics .inner ul li{padding-bottom:30px;margin-bottom:30px;line-height:1.5;display:flex;justify-content:flex-start;align-items:flex-start}.topics .inner ul li .date{flex:0 0 130px;padding-left:20px}.topics .inner ul li .headline{flex:0 0 470px}.topics .inner ul li a{display:flex;justify-content:flex-start;align-items:flex-start}#about{padding:20px 0 100px;min-width:1200px;min-height:450px}#about:before,#about:after{width:450px;height:450px}#about:before{background:url(//www.technohorizon.co.jp/tietech/wp-content/themes/tietech/assets/index_about_lc.webp) no-repeat center;background-size:450px 450px}#about:after{background:url(//www.technohorizon.co.jp/tietech/wp-content/themes/tietech/assets/index_about_rc.webp) no-repeat center;background-size:450px 450px}#about .inner{width:1100px}#about .inner>div{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:100px}#about .inner>div .photo{flex:0 0 340px;width:340px}#about .inner>div p{flex:0 0 720px;width:720px;font-size:1.5rem;line-height:2}#contact{padding:20px 0 200px}#contact .inner{width:1000px}#contact .inner h3{margin-bottom:100px}#contact .inner h3+div div{width:400px}}