.browser{position:relative;padding-bottom:23rem}
.browser::before{position:absolute;content:"";width:100%;height:16rem;bottom:0;left:0;background-image:url(../img/bg.png);background-size:cover;background-position-x:center;background-position-y:bottom}
.browser .container{max-width:1006px}
.browser-top{margin-top:7rem}
.browser-top__logo{margin:0 auto}
.browser-info-title-wrap{position:relative;text-align:center}
.browser-info-title{font-size:3.4rem;font-weight:400}
.browser-info-backlink .inner{position:relative;display:inline-block;color:#222;text-decoration:none}
.browser-info-backlink .inner::before{position:absolute;content:"";width:1.4rem;height:1rem;background:url(../img/arr.svg) 0 50%/contain no-repeat;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.browser-info__box{margin-top:8rem}
.browser-info__title{position:relative;padding-bottom:3.1rem;font-weight:700;font-size:2.6rem}
.browser-info__title::before{position:absolute;content:"";width:100%;height:1px;bottom:0;left:0;background-color:#d5d9db}
.browser-info__title::after{position:absolute;content:"";width:16.32653%;height:1px;bottom:0;left:0;background-color:#23a19e}
.browser-info__title+.browser-info__text{margin-top:2.8rem}
.browser-info__subtitle{margin-top:6.7rem;margin-bottom:1.1rem;font-size:2rem}
.browser-info__minititle{margin-top:3.8rem;margin-bottom:.8rem}
.browser-info-about .box{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.6rem}
.browser-info-about .box .title{width:16.32653%;font-size:100%}
.browser-info-about .box .text{letter-spacing:.16rem}
.browser-info-about__note{margin-top:2rem;font-size:1.3rem;letter-spacing:.05rem}
.browser-info__text{line-height:2.5;letter-spacing:.05rem}
.browser-info__text+.browser-info__text{margin-top:3.8rem}
.browser-info-link{margin-top:2.4rem}
.browser-info-link+.browser-info-link{margin-top:1.9rem}
.browser-info__link{position:relative;padding-left:3rem;letter-spacing:.1rem;color:#222;text-decoration:none}
.browser-info__link:hover{color:#0a7875}
.browser-info__link::before{position:absolute;content:"";width:1.4rem;height:1rem;background-image:url(../img/arr.svg);background-size:contain;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media print,screen and (min-width:768px){
.browser{font-size:1.6rem}
.browser-top__logo{width:21.837%}
.browser-info-title{padding:0 5em}
.browser-info-backlink{position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.browser-info-backlink .inner{padding-left:3rem}
.browser-info-backlink .inner:hover{color:#0a7875}
.browser-info-about .box .title{font-size:1.6rem}
}
@media only screen and (max-width:767px){
.browser{padding-bottom:12rem}
.browser::before{height:8rem}
.browser-top{margin-top:4rem}
.browser-top__logo{width:41.298%}
.browser-info-title{font-size:2.2rem}
.browser-info-backlink{display:block;text-align:right;margin-top:2rem;font-size:1.3rem}
.browser-info-backlink .inner{padding-left:1.5rem}
.browser-info-backlink .inner::before{width:8.4rem;height:.6rem}
.browser-info__box{margin-top:3rem}
.browser-info__box+.browser-info__box{margin-top:6rem}
.browser-info__title{font-size:1.6rem;padding-bottom:1rem}
.browser-info__subtitle{margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem}
.browser-info__minititle{margin-top:2.5rem}
.browser-info-about .box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:1.2rem}
.browser-info-about .box .text{margin-top:.5rem}
.browser-info-about__note{margin-top:.6rem;margin-bottom:3rem;font-size:1.3rem}
.browser-info__text{line-height:1.77778}
.browser-info__text+.browser-info__text{margin-top:.5rem}
.browser-info-link{margin-top:2.2rem}
.browser-info-link+.browser-info-link{margin-top:1.2rem}
.browser-info__link{text-align:right;margin-top:10px;padding-left:1.5rem;font-size:1.3rem}
.browser-info__link::before{width:8.4rem;height:.6rem}
}