.p-index__login{
  padding:6.4rem 4rem;
}
.p-index__login .p-index__login-body{
  margin:0 auto;
  max-width:34rem;
}
.p-index__login figcaption{
  color:#444;
  font-size:2.4rem;
  font-weight:400;
  line-height:1.5;
  margin-top:.8rem;
  text-align:center;
}
.p-index__login .p-index__login-btn{
  margin:4.8rem auto 0;
  max-width:24rem;
}
.p-index__login .p-index__login-btn a{
  align-items:center;
  background:#0096b2;
  border-radius:6rem;
  display:flex;
  height:4.6rem;
  justify-content:center;
  width:100%;
}
.p-index__login .p-index__login-btn a span{
  color:#fff;
  font-size:1.6rem;
  font-weight:700;
  line-height:1.5;
}

.p-index__topic{
  background-color:#eee;
  padding:6.4rem 4rem;
}
.p-index__topic .p-index__topic-body{
  display:flex;
  flex-direction:column-reverse;
  margin:0 auto;
  max-width:45.2rem;
}
.p-index__topic .p-index__topic-image{
  max-width:100%;
}
.p-index__topic .p-index__topic-detail{
  color:#444;
  margin-top:1.6rem;
}
.p-index__topic .p-index__topic-detail h2{
  font-size:1.6rem;
  font-weight:700;
  line-height:1.5;
}
.p-index__topic .p-index__topic-detail p{
  font-size:1.4rem;
  font-weight:400;
  line-height:1.8;
  margin-top:1.6rem;
}
.p-index__topic .p-index__topic-detail .p-index__topic-detail-link-text{
  color:#0096b2;
  text-align:right;
}
@media (min-width:768px){
  .p-index{
    display:flex;
    flex-direction:column;
    height:calc(100vh - 8rem);
  }
  .p-index__inner{
    display:flex;
    flex:1;
    flex-direction:row-reverse;
  }
  .p-index__login{
    width:42%;
  }
  .p-index__login,.p-index__topic{
    padding-bottom:8rem;
    padding-top:8rem;
  }
  .p-index__topic{
    width:58%;
  }}
@media (any-hover:hover){
  .p-index__login .p-index__login-btn a:hover,.p-index__topic>a:hover .p-index__topic-detail-link-text,.p-index__topic>a:hover .p-index__topic-image{
    opacity:.7;
  }}/*# sourceMappingURL=index.css.map */