@charset "utf-8";
/* ==========================================================

title : 東建コーポレーション／会社・IR情報「女性活躍推進の取り組み」
scope : 女性活躍推進の取り組み

last modify : 2019/06/07 306_kondo

========================================================== */

/* contents
-------------------------------------- */
#contents {
  margin: 0 auto;
  width: 900px;
}
#contents p,
#contents dl {
  margin:0 auto 1.5em;
  text-align:justify;
  letter-spacing:-0.01rem;
  line-height:1.55;
}
#contents img {
  max-width: 100%;
  vertical-align:middle;
}
#contents a img {
  opacity: 1;
  transition:.3s;
}
#contents a:hover img {
  opacity: .8;
}
#contents a:active img{
  opacity: 1;
}
#contents section {
  clear:both;
  overflow: visible;
}
@media screen and (min-width: 813px) {
  #contents section {
    margin:0 auto 2rem;
    width:745px;
  }
}
@media screen and (max-width: 812px) {
  #contents {
    margin: 0 auto;
    width:100%;
  }
  #contents p,
  #contents dl {
    margin:0 auto 1rem;
    max-width: calc(100% - 2em);
  }
}

/* .mv_box for h1
-------------------------------------- */
.mv_box {
  position: relative;
  max-width: 100%;
  max-height: auto;
}
.mv_box .ttl_mv {
  text-indent:-99999px;
}
.mv_box .btn {
  position:absolute;
  right:.2rem;
  text-indent:-99999px;
  transition: .3s;
  background: url("/corp/womens_participation/interview_tanaka/image/btm-back-off.png") no-repeat;
  background-size: cover;
}
.mv_box .btn:hover {
  background: url("/corp/womens_participation/interview_tanaka/image/btm-back-on.png") no-repeat;
  background-size: cover;
}
@media screen and (min-width: 813px) {
  .mv_box {
    background: url("/corp/womens_participation/interview_tanaka/image/img-main-tanaka.png") no-repeat;
    background-size: cover;
    height: 15rem;
    margin:1.25rem auto;
    width: 56.25rem;
  }
  .mv_box .btn {
    bottom:40px;
    height:40px;
    width:160px;
  }
}
@media screen and (max-width: 812px) {
  .mv_box {
    background: url("/corp/womens_participation/interview_tanaka/image/img-sp-tanaka.png") no-repeat;
    background-size: cover;
    height: calc(100vw * 150/406);
    margin:0 auto 1rem;
    width: 100%;
  }
  .mv_box .btn {
    background-position:0 0;
    bottom:1rem;
    height:2rem;
    right:.125rem;
    width:8rem; 
  }
  .mv_box .btn:active {
    background: url("/corp/womens_participation/interview_tanaka/image/btm-back-on.png") no-repeat;
    background-size: cover;
  }
}

/* contents h2
-------------------------------------- */
#contents > section h2{
  position:relative;
  text-indent:-99999px;
  background: url("/corp/womens_participation/interview_tanaka/image/h2-background.png") repeat-y;
  background-size:cover;
  margin:.5rem auto 1.5rem;
  height:50px;
  width:745px;
}
#contents > section h2:before{
  position:absolute;
  content:"";
}
#contents > section:nth-of-type(1) h2:before{
  background: url("/corp/womens_participation/interview_tanaka/image/ttl-1.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 11.375rem);
  height:1.5625rem;
  width:22.75rem;
}
#contents > section:nth-of-type(2) h2:before{
  background: url("/corp/womens_participation/interview_tanaka/image/ttl-2.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 12.21875rem);
  height:1.5625rem;
  width:24.4375rem;
}
#contents > section:nth-of-type(3) h2:before{
  background: url("/corp/womens_participation/interview_tanaka/image/ttl-3.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 11.3125rem);
  height:1.5625rem;
  width:22.625rem;
}
#contents > section:nth-of-type(4) h2:before{
  background: url("/corp/womens_participation/interview_tanaka/image/ttl-4.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 3.90625rem);
  height:1.625rem;
  width:7.8125rem;
}
#contents > section:nth-of-type(5) h2:before{
  background: url("/corp/womens_participation/interview_tanaka/image/ttl-5.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 12.1875rem);
  height:1.5625rem;
  width:24.375rem;
}

@media screen and (max-width: 812px) {
  #contents > section h2 {
    background: url("/corp/womens_participation/interview_tanaka/image/h2-background.png") repeat-y;
    background-size:contain;
    font-size:.775rem;
    margin:1rem auto;
    padding:1rem 0;
    text-align:center;
    width: 100%;
  }
  #contents > section:nth-of-type(1) h2:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 11.375em);
    height:1.5625em;
    width:22.75em;
  }
  #contents > section:nth-of-type(2) h2:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 12.21875em);
    height:1.5625em;
    width:24.4375em;
  }
  #contents > section:nth-of-type(3) h2:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 11.3125em);
    height:1.5625em;
    width:22.625em;
  }
  #contents > section:nth-of-type(4) h2:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 3.90625em);
    height:1.625em;
    width:7.8125em;
  }
  #contents > section:nth-of-type(5) h2:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 12.1875em);
    height:1.5625em;
    width:24.375em;
  }
}

/* contents > section:nth-of-type(n)
-------------------------------------- */
#contents > section:nth-of-type(1) figure,
#contents > section:nth-of-type(5) figure{
  float:left;
  margin:.35rem 1.75rem .75rem 0;
}
#contents > section:nth-of-type(2) figure,
#contents > section:nth-of-type(4) figure{
  float:right;
  margin:.35rem 0 .75rem 1.75rem;
}
#contents > section:nth-of-type(5) p:last-child{
  font-size:.923rem;
  padding-left:1em;
  text-indent:-1em;
}

@media screen and (min-width: 813px) {
#contents > section{
  margin:3rem auto;
}
#contents > section:nth-of-type(1) {
  margin:0 auto 3rem;
}
}
@media screen and (max-width: 812px) {
#contents > section{
  margin:1.5rem auto;
}
#contents > section:nth-of-type(1) {
  margin:0 auto 1.5rem;
}
#contents > section figure{
  width:40%;
}
#contents > section:nth-of-type(1) figure,
#contents > section:nth-of-type(5) figure{
  margin:.35rem 1.5rem .75rem 1rem;
}
#contents > section:nth-of-type(2) figure,
#contents > section:nth-of-type(4) figure{
  margin:.35rem 1rem .75rem 1.5rem;
}
}
/* gosoudan_box
-------------------------------------- */
#gosoudan_box {
  border-top: none;
  padding-top: 0;
  margin: auto;
}
#gosoudan_box .lst li a:hover img{
  opacity: 0.7;
}
@media screen and (max-width: 812px) {
  #gosoudan_box .lst li a:hover img {
    opacity: 1;
  }
}

/* pagetop
-------------------------------------- */
@media screen and (min-width: 813px) {
  #page_top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 100;
    height:25px;
    width:130px;
  }
  #page_top a{
    position:relative;
    display:block;
    background:#96daff;
    height:25px;
    width:130px;
  }
  #page_top a img{
    position:absolute;
    top:0;
    left:0;
  }
}
@media screen and (max-width: 812px) {
  #page_top{
    display:none;
  }
  .pagetop_block {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 3;
    text-align: center;
    background-color:#fff;
  }
}