﻿@charset "utf-8";

body:not(#top) section#mv {
  background-image: url(../../img/mwy/bg_mv.jpg);
}

main > section > div > h3 {
  margin: 0 auto 70px;
  color: #fff;
  text-align: left;
}
main p {
  margin: 0 auto 30px;
  text-align: left;
}
main > section > div > p {
  margin: 0 auto 66px;
  color: #fff;
  line-height: 1.8;
}

#mwy > div > ul > li {
  margin: 0 auto 50px;
  padding: 50px 0;
  background: #fff;
  counter-increment: lnum;
  position: relative;
}
#mwy > div > ul > li > ol li {
  width: 46%;
  padding: 0 6%;
}
#mwy > div > ul > li > ol li:first-child {
  width: 54%;
  padding: 0 0 0 7%;
  text-align: left;
}
#mwy > div > ul > li > ol:before {
  padding: 11px 9px;
  background: #184794;
  color: #fff;
  content: '0'counter(lnum);
  font-size: min(4vw, 2.4rem);
  left: 0;
  top: 0;
  line-height: 1;
  position: absolute;
}
#mwy > div > ul > li:nth-child(2) > ol:before {
  background: #2e8ddf;
}
#mwy > div > ul > li:nth-child(3) > ol:before {
  background: #43aa8a;
}
#mwy > div > ul > li > h4,
#mwy > div > ul > li > ol li h4,
#mwy > div > ul > li > ol li h5 {
  margin: 0 auto 20px;
  color: #184794;
}
#mwy > div > ul > li:nth-child(2) > ol li h4,
#mwy > div > ul > li:nth-child(2) > ol li h5 {
  color: #2e8ddf;
}
#mwy > div > ul > li:nth-child(3) > ol li h4,
#mwy > div > ul > li:nth-child(3) > ol li h5 {
  color: #43aa8a;
}
#mwy > div > ul > li:nth-child(3) > ol li h5 img {
  color: #43aa8a;
}
#mwy > div > ul > li > h4,
#mwy > div > ul > li > ol li h4 {
  padding: 0 0 6px;
  border-bottom: 3px solid;
  font-size: min(4vw, 3rem);
}
#mwy > div > ul > li > h4 span,
#mwy > div > ul > li > ol li h4 span {
  padding: 0 0 0 16px;
  font-size: min(4vw, 1.2rem);
  vertical-align: middle;
}
#mwy > div > ul > li > ol li h5 {
  font-size: min(3vw, 1.8rem);
  line-height: 1.6;
}
#mwy > div > ul > li:last-child {
  padding: 50px 7% 66px;
}
#mwy > div > ul > li > h4 {
  margin: 0 auto 55px;
  text-align: left;
}

#mwy > div > ul > li:nth-child(4) > p {
  margin: 0 auto 60px;
}

#mwy > div > ul > li p + dl {
  border-top: 2px solid #CCC;
}
#mwy > div > ul > li dl {
  padding: 13px 0;
  border-bottom: 2px solid #CCC;
  color: #594ba2;
  align-items: center;
}
#mwy > div > ul > li dl:nth-child(3) {
  border-top: 2px solid #CCC;
}
#mwy > div > ul > li dl > dt {
  width: 180px;
  font-size: min(7vw, 2rem);
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
}
#mwy > div > ul > li dl > dd {
  width: calc(100% - 180px);
  padding: 0 0 0 2%;
  color: #000;
  border-left: 2px solid #ccc;
  text-align: left;
}
#mwy > div > ul > li dl > dd h5 {
  margin: 0 auto 6px;
  color: #594ba2;
  font-size: 1.2rem;
}





#ofcr > div > dl > dd:nth-child(3n + 2) {
}
#opn > div > dl.flx > dd:before {
  width: 38px;
  height: 1.2rem;
  background: transparent url(../../img/ico_pdf.png) no-repeat right center;
  background-size: contain;
  content: ' ';
  display: inline-block;
}

#prfl > div > dl > dd table{
  width: 100%;
  margin: 6px auto 0;
}
#prfl > div > dl > dd table tr > *{
  padding: 6px 1vw;
  background: #fff;
  border: 1px solid #999;
  text-align: center;
}
#prfl > div > dl > dd table tr > th {
  background: #e6e6e6;
}

#hstry > div > dl > dd {
  font-weight: bold;
}
#hstry > div > dl > dd span {
  padding: 9px 0 0;
  display: inline-block;
  font-size: .9rem;
  font-weight: normal;
}


section#opn > div > dl {
  margin: 0 auto 66px;
}

#be_plcy {
  counter-reset: number 0;
  text-align: left;
}
#be_plcy > li > h5 {
  margin: 0 auto 9px;
}
#be_plcy > li > h5:before {
  counter-increment: number 1;
  content: counter(number) " "; 
}
#be_plcy > li > p {
  padding: 0 0 0 1.2rem;
}


@media (max-width: 1100px) {
  #srvc ul dl.flx > dt {
    width: 50%;
    overflow: hidden;
    position: relative;
    background: url(../../img/top/srvc1.jpg) no-repeat center 0;
    z-index: 3;
    background-size: cover;
  }
  #srvc ul li:nth-child(2) dl.flx > dt {
    background-image: url(../../img/top/srvc2.jpg);
  }
  #srvc ul li:nth-child(3) dl.flx > dt {
    background-image: url(../../img/top/srvc3.jpg);
  }
  #srvc ul dl.flx > dt > img {
    position: fixed;
    z-index: -5;
  }
}


@media (max-width: 770px) {
  #mwy > div > ul > li {padding: 66px 0 33px;}
  #mwy > div > ul > li:last-child {padding: 66px 7% 50px;}

}


@media (max-width: 640px) {
  main > section > div > h3 {
    margin: 0 auto 50px;
    font-size: min(6vw, 1.8rem);
    line-height: 1.3;
  }

  #mwy > div > ul > li {padding: 80px 0 20px;}
  #mwy > div > ul > li:last-child {
    padding: 80px 4% 20px;
  }
  #mwy > div > ul > li > ol.flx {
    display: block;
  }
  #mwy > div > ul > li > ol li,
  #mwy > div > ul > li > ol li:first-child {
    width: 94%;
    margin: 0 auto;
    padding: 0;
  }
  #mwy > div > ul > li > ol:before {
    font-size: min(8vw, 2.4rem);
  }
  #mwy > div > ul > li > h4,
  #mwy > div > ul > li > ol li h4 {
    font-size: 9vw;
  }
  #mwy > div > ul > li > ol li h5 {
    font-size: min(4.6vw, 1.8rem);
  }

  #mwy > div > ul > li p + dl {
    padding: 19px 0 0;
    display: block;
  }
  #mwy > div > ul > li dl:last-child {
    border: none;
  }
  #mwy > div > ul > li dl > dt {
    width: 100%;
  }
  #mwy > div > ul > li dl > dd {
    width: 100%;
    padding: 16px 0 23px;
    border: none;
  }
  #mwy > div > ul > li dl > dd h5 {
    line-height: 1.5;
  }
}
