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

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

last modify : 2020/03/27 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;
}
#contents section {
  clear:both;
  margin:0 auto 2rem;
  width:745px;
}
#contents .txt_box {
  margin:.5rem auto 2rem;
  width: 100%;
  max-width: 745px;
}
#contents .txt_box p {
  margin:0 auto .75em;
}
@media screen and (max-width: 812px) {
  #contents {
    margin: 0 auto;
    width:100%;
  }
  #contents section {
    max-width:100%;
  }
  #contents p,
  #contents ul,
  #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;
  background: url("/corp/womens_participation/award_winner_interview/image/img-main-nakamura.png") no-repeat;
  background-size: cover;
  height: 15rem;
  margin:1.25rem auto;
  width: 56.25rem;
}
.mv_box .ttl_mv {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.mv_box .btn {
  position:absolute;
  right:.2rem;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: .3s;
  background: url("/corp/womens_participation/award_winner_interview/image/btm-back-off.png") no-repeat;
  background-size: cover;
  bottom:34px;
  height:40px;
  width:160px;
}
.mv_box .btn:hover {
  background: url("/corp/womens_participation/award_winner_interview/image/btm-back-on.png") no-repeat;
  background-size: cover;
}
@media screen and (max-width: 812px) {
  .mv_box {
    background: url("/corp/womens_participation/award_winner_interview/image/img-sp-main-nakamura.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/award_winner_interview/image/btm-back-on.png") no-repeat;
    background-size: cover;
  }
}

/* contents h2
-------------------------------------- */
#contents > section h2{
  font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ",Meiryo,serif;
  font-weight:600;
  text-align:center;
  position: relative;
  text-align: center;
  margin:0 auto 1rem;
  letter-spacing:.25rem;
}
#contents > section h2::after,
#contents > section h2::before {
  position: absolute;
  top: calc(50% - 1px);
  content: '';
  display: block;
  width: calc(50% - 3em);
  height: 2px;
  background: #cc5479;
}
#contents > section h2::before {
  left:0;
  background: -webkit-linear-gradient(-45deg, transparent, #cc5479 0%, #cc5479 60%, transparent);
  background: linear-gradient(-45deg, transparent, #cc5479 0%, #cc5479 60%, transparent);
}
#contents > section h2::after {
  right:0;
  background: -webkit-linear-gradient(-45deg, transparent, #cc5479 40%, #cc5479 100%, transparent);
  background: linear-gradient(-45deg, transparent, #cc5479 40%, #cc5479 100%, transparent);
}
@media screen and (max-width: 812px) {
  #contents > section h2 {
    font-size:1.3rem;
    width: calc(100% - 2rem);
  }
  #contents > section h2::after,
  #contents > section h2::before {
    width: 32%;
  }
}

/* contents h3
-------------------------------------- */
#contents > section h3{
  position:relative;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("/corp/womens_participation/award_winner_interview/image/h3-background.png") repeat-y;
  background-size:cover;
  margin:.5rem auto 1.5rem;
  height:50px;
  width:745px;
}
#contents > section h3:before{
  position:absolute;
  content:"";
}
#contents > section:nth-of-type(2) h3:before{
  background: url("/corp/womens_participation/award_winner_interview/image/ttl-1.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 4.875rem);
  height:1.5625rem;
  width:9.75rem;
}
#contents > section:nth-of-type(3) h3:before{
  background: url("/corp/womens_participation/award_winner_interview/image/ttl-2.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 9.765625rem);
  height:1.5625rem;
  width:19.53125rem;
}
#contents > section:nth-of-type(4) h3:before{
  background: url("/corp/womens_participation/award_winner_interview/image/ttl-3.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 13.78125rem);
  height:1.5625rem;
  width:27.5625rem;
}
#contents > section:nth-of-type(5) h3:before{
  background: url("/corp/womens_participation/award_winner_interview/image/ttl-4.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 8.0625rem);
  height:1.625rem;
  width:16.125rem;
}
#contents > section:nth-of-type(6) h3:before{
  background: url("/corp/womens_participation/award_winner_interview/image/ttl-5.png") no-repeat;
  background-size:contain;
  top: calc(50% - 0.78125rem);
  left: calc(50% - 6.21875rem);
  height:1.5625rem;
  width:12.4375rem;
}

@media screen and (max-width: 812px) {
  #contents > section h3 {
    background: url("/corp/womens_participation/award_winner_interview/image/h3-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(2) h3:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 4.875em);
    height:1.5625em;
    width:9.75em;
  }
  #contents > section:nth-of-type(3) h3:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 9.765625em);
    height:1.5625em;
    width:19.53125em;
  }
  #contents > section:nth-of-type(4) h3:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 13.78125em);
    height:1.5625em;
    width:27.5625em;
  }
  #contents > section:nth-of-type(5) h3:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 8.0625em);
    height:1.625em;
    width:16.125em;
  }
  #contents > section:nth-of-type(6) h3:before{
    top: calc(50% - 0.78125em);
    left: calc(50% - 6.21875em);
    height:1.5625em;
    width:12.4375em;
  }
}

/* contents > section:nth-of-type(n)
-------------------------------------- */
#contents > section{
  margin:0 auto 3rem;
}
#contents > section figure{
  width:57.7%;
}
#contents > section figure figcaption{
  font-size:15px;
  text-align:center;
  margin-top:.25rem;
}

#contents > section:nth-of-type(1) > div{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin:0 auto 1.5rem;
}
#contents > section:nth-of-type(1) > div > * {
  width:50%;
}
#contents > section:nth-of-type(1) > div ul li {
  position: relative;
  padding-left:1em;
}
#contents > section:nth-of-type(1) > div ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: .3em;
  width: .35em;
  height: .35em;
  background-color: #e76b8d;
  border-radius: 100%;
}
#contents > section:nth-of-type(1) ul li + li {
  margin-top:.5em;
}

#contents > section:nth-of-type(1) figure,
#contents > section:nth-of-type(3) figure,
#contents > section:nth-of-type(5) figure{
  float:left;
  margin:.35rem 1.75rem 1.5rem 0;
}
#contents > section:nth-of-type(2) figure,
#contents > section:nth-of-type(4) figure{
  float:right;
  margin:.35rem 0 1.5rem 1.75rem;
}
#contents > section:nth-of-type(6) p.note{
  font-size:.923rem;
  padding-left:1em;
  text-indent:-1em;
}
@media screen and (max-width: 812px) {
  #contents > section{
    margin:0 auto 1.5rem;
  }
  #contents > section figure{
    width:50%;
  }
  #contents > section figure figcaption{
    font-size:.9rem;
  }
  #contents > section:nth-of-type(1) > div {
    display:block;
  }
  #contents > section:nth-of-type(1) > div > * {
    width: calc(100% - 5em);
  }
  #contents > section:nth-of-type(1) figure {
    float:none;
    margin:.35rem auto .75rem !important;
  }
  #contents > section:nth-of-type(1) figure,
  #contents > section:nth-of-type(3) figure,
  #contents > section:nth-of-type(5) figure{
    margin:.35rem 1rem .75rem 1rem;
  }
  #contents > section:nth-of-type(2) figure,
  #contents > section:nth-of-type(4) figure{
    margin:.35rem 1rem .75rem 1rem;
  }
}
/* 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;
  }
}