@charset "UTF-8";
.mynumberArea {
  width: 100%;
  text-align: left;
}

.mynumberArea:before, .mynumberArea:after {
  content: '';
  display: table;
}

.mynumberArea:after {
  clear: both;
}

.mynumberArea {
  padding-bottom: 0;
}

.mynumberArea > :last-child {
  margin-bottom: 0;
}

.row-inner {
  padding-bottom: 20px;
}

@media screen and (max-width: 640px) {
  padding-bottom: 0;
}
.box-inquiry {
  background: #005bac;
  color: #fff;
  margin: 0;
  padding: 20px;
}

.heroArea .firsArea {
  position: relative;
  background-color: #e8f2f9;
  width: 100%;
  height: 570px;
  padding-top: 15px;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea {
    height: auto;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.heroArea .firsArea .h_wrap {
  position: relative;
  background: url(/content/dam/yayoi-corp/mynumber/img/heromainapc.png) top right no-repeat;
  width: 900px;
  height: 260px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .h_wrap {
    background: url(/content/dam/yayoi-corp/mynumber/img/heromainasp.png) top right no-repeat;
    background-size: contain;
    width: 300px;
    height: 110px;
    margin: 0 auto;
  }
}
.heroArea .firsArea .h_wrap p {
  margin: 0;
  padding: 0;
}
.heroArea .firsArea .h_wrap .ab_message {
  position: absolute;
  top: 35px;
  right: 128px;
  color: #0071bc;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.7;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .h_wrap .ab_message {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 9px;
    width: 300px;
  }
}
.heroArea .firsArea .h_wrap .heroh1hosoku {
  background: none;
  width: 450px;
  height: 86px;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .h_wrap .heroh1hosoku {
    background: url(/content/dam/yayoi-corp/mynumber/img/heroh1hosokusp.png) top left no-repeat;
    background-size: contain;
    width: 255px;
    height: 20px;
    margin-top: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
  }
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .h_wrap .heroh1 img {
    width: 257px;
  }
}
.heroArea .firsArea .merriArea {
  width: 810px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .merriArea {
    width: 300px;
    margin: 5px auto;
  }
}
.heroArea .firsArea .merriArea .panel_tb {
  display: table;
  border-collapse: separate;
  border-spacing: 18px 0;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .merriArea .panel_tb {
    border-spacing: 12px 0;
  }
}
.heroArea .firsArea .merriArea .panel_tb li {
  display: table-cell;
  width: 252px;
  height: 252px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .merriArea .panel_tb li {
    width: 92px;
    height: 92px;
  }
}
.heroArea .firsArea .cloudArea {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .cloudArea {
    width: 320px;
  }
}
.heroArea .firsArea .cloudArea .cloudBox_pc {
  width: 152px;
  height: 126px;
  position: fixed;
  z-index: 9999;
  top: 460px;
  right: 0;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .cloudArea .cloudBox_pc {
    display: none;
  }
}
.heroArea .firsArea .cloudArea .cloudBox_sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .heroArea .firsArea .cloudArea .cloudBox_sp {
    display: block;
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
}
.heroArea .secoArea {
  background-color: #fff;
}
.heroArea .secoArea .nentyoArea {
  display: table;
  position: relative;
  width: 840px;
  height: 254px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .heroArea .secoArea .nentyoArea {
    width: 310px;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.heroArea .secoArea .nentyoArea .nentyoBox {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.heroArea .secoArea .nentyoArea .nentyoBox h2 {
  margin-left: 120px;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .heroArea .secoArea .nentyoArea .nentyoBox h2 {
    margin-left: 60px;
    margin-bottom: 10px;
    text-align: left;
    line-height: 1.3;
  }
}
.heroArea .secoArea .nentyoArea .nentyoBox p {
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .heroArea .secoArea .nentyoArea .nentyoBox p {
    font-size: 10px;
    text-align: left;
  }
}
.heroArea .secoArea .nentyoArea .ab_start {
  position: absolute;
  top: -8px;
  left: 0;
  width: 108px;
  height: 116px;
}
@media screen and (max-width: 640px) {
  .heroArea .secoArea .nentyoArea .ab_start {
    top: -4px;
    left: 0;
    width: 54px;
    height: 58px;
  }
}

.trouArea {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1NyUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiLz48c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(57%, #e6e6e6), color-stop(57%, #ffffff), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(#e6e6e6 57%, #ffffff 57%, #ffffff);
  background: -webkit-linear-gradient(#e6e6e6 57%, #ffffff 57%, #ffffff);
  background: linear-gradient(#e6e6e6 57%, #ffffff 57%, #ffffff);
  height: 710px;
  margin-bottom: 5px;
}
@media screen and (max-width: 640px) {
  .trouArea {
    height: 473px;
    margin-bottom: 5px;
  }
}
.trouArea .firsArea {
  width: 900px;
  height: 407px;
  margin: 0 auto;
  padding-top: 20px;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea {
    width: 300px;
    height: 260px;
    margin: 0 auto;
    padding-top: 20px;
  }
}
.trouArea .firsArea .h_nayami {
  color: #808080;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .h_nayami {
    font-size: 17px;
  }
}
.trouArea .firsArea .nayamiArea {
  position: relative;
  display: table;
  background: #999 url(/content/dam/yayoi-corp/mynumber/img/trou2bg.png) left bottom no-repeat;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  width: 900px;
  height: 270px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiArea {
    background: #999 url(/content/dam/yayoi-corp/mynumber/img/trou2bg_sp.png) center bottom no-repeat;
    background-size: contain;
    width: 300px;
    height: 195px;
  }
}
.trouArea .firsArea .nayamiArea:after {
  content: '';
  position: absolute;
  content: url(/content/dam/yayoi-corp/mynumber/img/trouarrow.png);
  bottom: -80px;
  left: 408px;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiArea:after {
    content: url(/content/dam/yayoi-corp/mynumber/img/trouarrow_sp.png);
    bottom: -41px;
    left: 132px;
  }
}
.trouArea .firsArea .nayamiBox {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiBox {
    display: block;
  }
}
.trouArea .firsArea .nayamiBox .h_moya {
  margin-top: 10px;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiBox .h_moya {
    margin-top: 17px;
    font-size: 15px;
  }
}
.trouArea .firsArea .nayamiBox .ul_moya {
  display: inline-block;
  font-size: 22px;
  text-align: left;
  margin-left: 300px;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiBox .ul_moya {
    font-size: 11px;
    text-align: left;
    margin-left: 53px;
  }
}
.trouArea .firsArea .nayamiBox .ul_moya li {
  margin-bottom: 8px;
  list-style-type: disc;
}
@media screen and (max-width: 640px) {
  .trouArea .firsArea .nayamiBox .ul_moya li {
    margin-bottom: 8px;
  }
}
.trouArea .secoArea {
  display: table;
  background: #005bac url(/content/dam/yayoi-corp/mynumber/img/trou3bg.png) 0 0 no-repeat;
  width: 900px;
  height: 270px;
  margin: 40px auto 0;
}
@media screen and (max-width: 640px) {
  .trouArea .secoArea {
    background: #005bac url(/content/dam/yayoi-corp/mynumber/img/trou3bg_sp.png) center bottom no-repeat;
    background-size: contain;
    width: 100%;
    height: 195px;
    margin: 25px auto 0;
  }
}
.trouArea .secoArea .h_wrap {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .trouArea .secoArea .h_wrap {
    display: block;
    padding: 35px 20px 0;
  }
}
.trouArea .secoArea .h_wrap p {
  margin: 0;
  padding: 0;
}
.trouArea .secoArea .h_wrap .inblock {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .trouArea .secoArea .h_wrap .inblock {
    display: block;
    padding-bottom: 0;
  }
}

.flowArea {
  padding-top: 20px;
  padding-bottom: 40px;
}
.flowArea p {
  margin: 0;
  padding: 0;
}
.flowArea .firsArea {
  background: url(/content/dam/yayoi-corp/mynumber/img/flowbgpc.png) top left no-repeat;
  background-size: contain;
  width: 900px;
  height: 1503px;
  margin: 0 auto 36px;
}
@media screen and (max-width: 640px) {
  .flowArea .firsArea {
    background: url(/content/dam/yayoi-corp/mynumber/img/flowbgsp.png) top left no-repeat;
    background-size: contain;
    width: 300px;
    height: 982px;
    margin: 0 auto 11px;
  }
}
.flowArea .flowWrap {
  z-index: 90;
  position: relative;
  overflow: hidden;
  width: 780px;
  margin: 0 0 0 120px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap {
    width: 250px;
    margin: 0 0 0 50px;
  }
}
.flowArea .flowWrap .ab_flowhr01 {
  z-index: 50;
  position: absolute;
  top: 597px;
  left: 0;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr01 img {
    width: 250px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr01 {
    top: 392px;
    left: 0;
  }
}
.flowArea .flowWrap .ab_flowhr02 {
  z-index: 50;
  position: absolute;
  bottom: 450px;
  left: 0;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr02 img {
    width: 250px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr02 {
    bottom: 290px;
    left: 0;
  }
}
.flowArea .flowWrap .ab_flowhr03 {
  z-index: 50;
  position: absolute;
  bottom: 140px;
  left: 0;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr03 img {
    width: 250px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .ab_flowhr03 {
    bottom: 79px;
    left: 0;
  }
}
.flowArea .flowWrap h3 {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap h3 {
    margin: 0 auto 6px;
    font-size: 12px;
  }
}
.flowArea .flowWrap .flowh3bl {
  color: #005bac;
  text-decoration: underline;
}
.flowArea .flowWrap .flowh3bl a {
  color: #005bac;
}
.flowArea .flowWrap .flowh3gre {
  color: #009740;
  text-decoration: underline;
}
.flowArea .flowWrap .flowh3gre a {
  color: #009740;
}
.flowArea .flowWrap .flowh3red {
  color: #c1272d;
  text-decoration: underline;
}
.flowArea .flowWrap .flowh3red a {
  color: #c1272d;
}
.flowArea .flowWrap .flowh3bl:hover, .flowArea .flowWrap .flowh3gre:hover, .flowArea .flowWrap .flowh3red:hover {
  color: #ff538c;
}
.flowArea .flowWrap .flowh3 {
  font-size: 21px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowh3 {
    font-size: 10px;
  }
}
.flowArea .flowWrap .flowsuptxt, .flowArea .flowWrap .flowkyutxt {
  width: 300px;
  font-size: 18px;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 24px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowsuptxt, .flowArea .flowWrap .flowkyutxt {
    font-size: 9px;
    line-height: 14px;
  }
}
.flowArea .flowWrap .flowsuptxt:before {
  content: "●";
  color: #c1272d;
}
.flowArea .flowWrap .flowkyutxt:before {
  content: "●";
  color: #009740;
}
.flowArea .flowWrap .flowBox2 {
  position: relative;
  background-color: #f7ebea;
  width: 780px;
  height: 584px;
  margin-bottom: 30px;
  padding-top: 136px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 {
    width: 250px;
    height: 384px;
    margin-bottom: 22px;
    padding-top: 84px;
  }
}
/* .flowArea .flowWrap .flowBox2 div {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
} */
.flowArea .flowWrap .flowBox2 div:after {
  content: "";
  background: url(/content/dam/yayoi-corp/mynumber/img/flowarrowred.png) top center no-repeat;
  position: absolute;
  left: 50%;
  bottom: -36px;
  width: 24px;
  height: 31px;
  margin-left: -12px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 div:after {
    background-size: contain;
    bottom: -20px;
    width: 12px;
    height: 15px;
    margin-left: -6px;
  }
}
.flowArea .flowWrap .flowBox2 h3 {
  position: absolute;
  top: 60px;
  left: 255px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 h3 {
    top: 60px;
    left: 50px;
  }
}
.flowArea .flowWrap .flowBox2 .ab_flowsup {
  position: absolute;
  top: 10px;
  left: 70px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .ab_flowsup img {
    width: 82px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .ab_flowsup {
    top: 5px;
    left: 80px;
  }
}
.flowArea .flowWrap .flowBox2 .ab_keigen {
  position: absolute;
  top: 10px;
  right: 50px;
}
.flowArea .flowWrap .flowBox2 .ab_keigen_link {
  position: absolute;
  top: 90px;
  right: 50px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .ab_keigen img {
    width: 60px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .ab_keigen {
    top: 13px;
    right: 13px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .ab_keigen_link {
    font-size:10px;
    top: 45px;
    right: 13px;
  }
}
.flowArea .flowWrap .flowBox2 .flowsup01 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup01pc.png) top left no-repeat;
  width: 580px;
  height: 120px;
  margin: 0 auto 40px;
  padding: 10px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .flowsup01 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup01sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 80px;
    margin: 0 auto 28px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox2 .flowsup02 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup02pc.png) top left no-repeat;
  width: 580px;
  height: 120px;
  margin: 0 auto 40px;
  padding: 10px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .flowsup02 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup02sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 80px;
    margin: 0 auto 28px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox2 .flowsup03 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup03pc.png) top left no-repeat;
  width: 580px;
  height: 105px;
  margin: 0 auto;
  padding: 10px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .flowsup03 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowsup03sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 69px;
    margin: 0 auto;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox2 .flowsup03:after {
  content: "";
  background: url(/content/dam/yayoi-corp/mynumber/img/flowarrowred.png) top center no-repeat;
  position: absolute;
  left: 50%;
  bottom: -54px;
  width: 24px;
  height: 31px;
  margin-left: -12px;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox2 .flowsup03:after {
    background-size: contain;
    bottom: -32px;
    width: 12px;
    height: 15px;
    margin-left: -6px;
  }
}
.flowArea .flowWrap .flowBox3 {
  position: relative;
  background-color: #ecf4ed;
  width: 780px;
  height: 886px;
  padding-top: 148px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 {
    width: 250px;
    height: 576px;
    padding-top: 98px;
  }
}
.flowArea .flowWrap .flowBox3 div {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
.flowArea .flowWrap .flowBox3 div:after {
  content: "";
  background: url(/content/dam/yayoi-corp/mynumber/img/flowarrowgreen.png) top center no-repeat;
  position: absolute;
  left: 50%;
  bottom: -36px;
  width: 24px;
  height: 31px;
  margin-left: -12px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 div:after {
    background-size: contain;
    bottom: -20px;
    width: 12px;
    height: 15px;
    margin-left: -6px;
  }
}
.flowArea .flowWrap .flowBox3 h3 {
  position: absolute;
  top: 62px;
  left: 230px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 h3 {
    top: 70px;
    left: 30px;
  }
}
.flowArea .flowWrap .flowBox3 .ab_flowkyu {
  position: absolute;
  top: 22px;
  left: 70px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .ab_flowkyu img {
    width: 76px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .ab_flowkyu {
    top: 10px;
    left: 80px;
  }
}
.flowArea .flowWrap .flowBox3 .ab_secpc {
  position: absolute;
  top: -18px;
  right: 54px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .ab_secpc {
    display: none;
  }
}
.flowArea .flowWrap .flowBox3 .ab_secsp {
  display: none;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .ab_secsp img {
    width: 97px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .ab_secsp {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu01 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu01pc.png) top left no-repeat;
  width: 580px;
  height: 105px;
  margin: 0 auto 40px;
  padding: 10px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu01 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu01sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 69px;
    margin: 0 auto 24px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu02 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu02pc.png) top left no-repeat;
  width: 580px;
  height: 105px;
  margin: 0 auto 45px;
  padding: 15px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu02 {
    background: none;
    background-color: #fff;
    width: 218px;
    height: 69px;
    margin: 0 auto 24px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu02:after {
  content: "";
  background: url(/content/dam/yayoi-corp/mynumber/img/flowarrowgreen.png) top center no-repeat;
  position: absolute;
  left: 50%;
  bottom: -36px;
  width: 24px;
  height: 31px;
  margin-left: -12px;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu02:after {
    background-size: contain;
    bottom: -20px;
    width: 12px;
    height: 15px;
    margin-left: -6px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu03 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu03pc.png) top left no-repeat;
  width: 580px;
  height: 120px;
  margin: 0 auto 10px;
  padding: 10px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu03 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu03sp.png) bottom left no-repeat;
    background-size: contain;
    width: 218px;
    height: 89px;
    margin: 0 auto;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu03 .flowkyutxt {
  margin-bottom: 7px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu03 .flowkyutxt {
    width: 120px;
    margin-bottom: 5px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu04 {
  background: url(/content/dam/yayoi-corp/mynumber/img/flowkyu04pc.png) top left no-repeat;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  width: 580px;
  height: 122px;
  margin: 0 auto 55px;
  padding: 35px 30px 0;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu04 {
    background: url(/content/dam/yayoi-corp/mynumber/img/flowkyu04sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 98px;
    margin: 0 auto 20px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu04 .flowkyutxt01 {
  color: #005bac;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu04 .flowkyutxt01 {
    font-size: 14px;
    margin: 14px auto 6px;
    line-height: 1.5;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu04 .flowkyutxt02 {
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu04 .flowkyutxt02 {
    font-size: 9px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu04:after {
  content: "";
  background: url(/content/dam/yayoi-corp/mynumber/img/flowarrowgreen.png) top center no-repeat;
  position: absolute;
  left: 50%;
  bottom: -50px;
  width: 24px;
  height: 31px;
  margin-left: -12px;
  z-index: 999;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu04:after {
    background-size: contain;
    bottom: -16px;
    width: 12px;
    height: 15px;
    margin-left: -6px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu05 {
  background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu05pc.png) top left no-repeat;
  width: 580px;
  height: 120px;
  margin: 0 auto;
  padding: 15px 30px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu05 {
    background: #fff url(/content/dam/yayoi-corp/mynumber/img/flowkyu05sp.png) top left no-repeat;
    background-size: contain;
    width: 218px;
    height: 69px;
    padding: 10px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu05 .flowkyutxt {
  margin-bottom: 7px;
}
@media screen and (max-width: 640px) {
  .flowArea .flowWrap .flowBox3 .flowkyu05 .flowkyutxt {
    width: 120px;
    margin-bottom: 5px;
  }
}
.flowArea .flowWrap .flowBox3 .flowkyu03:after, .flowArea .flowWrap .flowBox3 .flowkyu05:after {
  background: none;
}
.flowArea .secoArea {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea {
    width: 320px;
  }
}
.flowArea .secoArea .pdfArea {
  position: relative;
  border: 1px solid #005bac;
  width: 898px;
  height: 160px;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea {
    width: 300px;
    height: 140px;
    margin: 0 auto;
    padding-right: 25px;
  }
}
.flowArea .secoArea .pdfArea .pdfWrap {
  overflow: hidden;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap {
    margin-top: 10px;
  }
}
.flowArea .secoArea .pdfArea .pdfWrap .Lbox img {
  margin: 0 46px 0 36px;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap .Lbox img {
    margin: 0 10px 0 16px;
  }
}
.flowArea .secoArea .pdfArea .pdfWrap p {
  color: #005bac;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap p .Lbox {
    float: none;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap p {
    font-size: 9px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap .pdftxt {
    margin-top: 8px;
  }
}
.flowArea .secoArea .pdfArea .pdfWrap .ab_pdf {
  position: absolute;
  bottom: 20px;
  left: 180px;
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap .ab_pdf {
    background: url(/content/dam/yayoi-corp/mynumber/img/flowpdfbtnsp.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 14px;
    left: 16px;
    width: 264px;
    height: 44px;
  }
}
@media screen and (max-width: 640px) {
  .flowArea .secoArea .pdfArea .pdfWrap .ab_pdf img {
    display: none;
  }
}

.popupArea {
  display: none;
}
@media screen and (max-width: 640px) {
  .popupArea {
    width: 274px;
    margin: 0 auto;
  }
}

.popupBox {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  height: 610px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .popupBox {
    width: 160px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.popupBox .h3hosoku {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .popupBox .h3hosoku {
    font-size: 8px;
  }
}
.popupBox .box320 {
  height: 320px;
}
@media screen and (max-width: 640px) {
  .popupBox .box320 {
    height: 145px;
  }
}
.popupBox .box320 p {
  margin: 0;
  padding: 0;
}
.popupBox h3 {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .popupBox h3 {
    font-size: 10px;
  }
}
.popupBox h4 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .popupBox h4 {
    margin-bottom: 8px;
    font-size: 8px;
  }
}
.popupBox .c_gre {
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .popupBox .c_gre {
    margin-bottom: 5px;
  }
}
.popupBox h5 {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .popupBox h5 {
    font-size: 8px;
  }
}
.popupBox .txtBox {
  width: 560px;
  margin: 0 auto;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .popupBox .txtBox {
    width: 160px;
    font-size: 8px;
  }
}
.popupBox .closeArea {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 640px) {
  .popupBox .closeArea {
    top: -20px;
    right: -20px;
    width: 44px;
    height: 44px;
  }
}
.popupBox .closeArea .closebtn {
  text-align: right;
  display: inline-block;
  position: relative;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 4px;
  height: 20px;
  background: #999;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 640px) {
  .popupBox .closeArea .closebtn {
    width: 2px;
    height: 15px;
  }
}
.popupBox .closeArea .closebtn:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 20px;
  height: 4px;
  margin-top: -2px;
  background: #999;
}
@media screen and (max-width: 640px) {
  .popupBox .closeArea .closebtn:before {
    left: -6px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
  }
}
.popupBox .closeArea:hover .closebtn {
  background: #000;
}
.popupBox .closeArea:hover .closebtn:before {
  background: #000;
}

@media screen and (max-width: 640px) {
  .popupimg {
    width: 115px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 640px) {
  .popupimg img {
    width: 115px;
  }
}

.popup_shosai {
  position: absolute;
  bottom: 0;
  /* left: 50%;
  margin-left: -160px; */
  left: 0;
  right: 0;
}
@media screen and (max-width: 640px) {
  .popup_shosai {
    position: static;
    margin: 10px auto;
  }
}
@media screen and (max-width: 640px) {
  .popup_shosai img {
    width: 121px;
  }
}

.ab_popupfree {
  position: absolute;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 640px) {
  .ab_popupfree {
    top: 18px;
    right: 18px;
  }
}
@media screen and (max-width: 640px) {
  .ab_popupfree img {
    width: 42px;
  }
}

.prodArea {
  background-color: #e8f2f9;
  padding-top: 55px;
  padding-bottom: 30px;
  margin-bottom: 80px;
}
@media screen and (max-width: 640px) {
  .prodArea {
    width: 100%;
    margin-bottom: 40px;
  }
}
.prodArea .firsArea {
  width: 840px;
  margin: 0 auto 70px;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea {
    width: 300px;
    margin: 0 auto 40px;
  }
}
.prodArea .firsArea .h_wrap {
  background: url(/content/dam/yayoi-corp/mynumber/img/prodhbg.png) top center no-repeat;
  width: 840px;
  height: 100px;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .h_wrap {
    background: url(/content/dam/yayoi-corp/mynumber/img/prodhbg_sp.png) top center no-repeat;
    background-size: contain;
    width: 300px;
    height: 48px;
    margin-bottom: 30px;
  }
}
.prodArea .firsArea .ovh {
  width: 550px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh {
    background: none;
    width: 300px;
  }
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh h4 {
    font-size: 12px;
  }
}
.prodArea .firsArea .ovh .h_gre24 {
  margin-bottom: 33px;
  color: #009740;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .h_gre24 {
    margin-bottom: 13px;
    font-size: 12px;
  }
}
.prodArea .firsArea .ovh .prodtxt {
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .prodtxt {
    font-size: 8px;
  }
}
.prodArea .firsArea .ovh .prodtxt2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .prodtxt2 {
    font-size: 10px;
  }
}
.prodArea .firsArea .ovh .prodtxt3 {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .prodtxt3 {
    font-size: 10px;
  }
}
.prodArea .firsArea .ovh .prodtxt4 {
  font-size: 14px;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .prodtxt4 {
    font-size: 10px;
  }
}
.prodArea .firsArea .ovh .prodimg {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .prodimg img {
    width: 180px;
  }
}
.prodArea .firsArea .ovh .ab_shosai {
  position: absolute;
  bottom: 25px;
  right: 114px;
  background: none;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .ab_shosai {
    background: url(/content/dam/yayoi-corp/mynumber/img/shosaibtn_sp.png) 0 0 no-repeat;
    position: static;
    background-size: contain;
    width: 265px;
    height: 40px;
    margin: 20px auto 10px;
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .ab_shosai img {
    display: none;
  }
}
.prodArea .firsArea .ovh .Lbox {
  float: none;
  position: relative;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #fff;
  width: 550px;
  padding: 20px;
  margin-right: 25px;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .Lbox {
    float: none;
    width: 300px;
    padding: 22px 0;
    margin: 0 auto;
  }
}
.prodArea .firsArea .ovh .Lbox .prodtxtBox {
  width: 378px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .prodArea .firsArea .ovh .Lbox .prodtxtBox {
    width: 280px;
    margin: 0 auto;
  }
}
.prodArea .secoArea {
  background-color: #005bac;
  height: 120px;
  margin-bottom: 70px;
}
@media screen and (max-width: 640px) {
  .prodArea .secoArea {
    height: 90px;
    margin-bottom: 45px;
  }
}
.prodArea .secoArea .h_wrap {
  background-color: #005bac;
  position: relative;
  display: table;
  width: 840px;
  height: 120px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .prodArea .secoArea .h_wrap {
    width: 300px;
    height: 90px;
  }
}
.prodArea .secoArea .h_wrap .h_box {
  display: table-cell;
  width: 840px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .prodArea .secoArea .h_wrap .h_box {
    width: 300px;
    height: 90px;
  }
}
.prodArea .secoArea .h_wrap .h_box h3 {
  display: inline-block;
}
.prodArea .secoArea .h_wrap:after {
  content: '';
  position: absolute;
  border-top: 20px solid #005bac;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  bottom: -15px;
  left: 400px;
}
@media screen and (max-width: 640px) {
  .prodArea .secoArea .h_wrap:after {
    left: 130px;
  }
}
.prodArea .fourArea {
  width: 840px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .prodArea .fourArea {
    width: 300px;
  }
}
.prodArea .fourArea h4 {
  margin-bottom: 30px;
  color: #005bac;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .prodArea .fourArea h4 {
    margin-bottom: 30px;
    font-size: 13px;
  }
}
.prodArea .fourArea .panel_fl {
  margin: 0 auto 8px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .prodArea .fourArea .panel_fl {
    margin: 0 auto;
  }
}
.prodArea .fourArea .panel_fl li {
  float: left;
  width: 416px;
  height: 84px;
}
@media screen and (max-width: 640px) {
  .prodArea .fourArea .panel_fl li {
    float: none;
    width: 300px;
    height: 42px;
    margin-bottom: 2em;
  }
}
.prodArea .fourArea .panel_fl li + li {
  margin-left: 8px;
}
@media screen and (max-width: 640px) {
  .prodArea .fourArea .panel_fl li + li {
    margin-left: 0;
  }
}

.summArea {
  width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .summArea {
    width: 300px;
  }
}
.summArea h2 {
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  .summArea h2 {
    margin-bottom: 27px;
  }
}
.summArea .itembox {
  width: 840px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .summArea .itembox {
    width: 300px;
  }
}
.summArea .itembox .item_title {
  background: url(/content/dam/yayoi-corp/mynumber/img/summitembg.png) right top no-repeat;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #005bac;
  width: 840px;
  height: 50px;
  line-height: 50px;
  margin-bottom: 12px;
  color: #005bac;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding-left: 32px;
}
@media screen and (max-width: 640px) {
  .summArea .itembox .item_title {
    background: url(/content/dam/yayoi-corp/mynumber/img/summitembg_sp.png) right top no-repeat;
    background-size: contain;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 300px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 7px;
    font-size: 10px;
    padding-left: 15px;
  }
}
.summArea .itembox .item_title a {
  display: block;
  width: 840px;
  height: 50px;
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .summArea .itembox .item_title a {
    width: 300px;
    height: 25px;
  }
}
.summArea .itembox .item_title a:hover {
  color: #005bac;
}
.summArea .itembox .item_title:hover {
  background-color: #e8f2f9;
}
.summArea .itembox .item_ex {
  margin-left: 1em;
  margin-bottom: 44px;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .summArea .itembox .item_ex {
    margin-left: 1em;
    margin-bottom: 20px;
    font-size: 7px;
  }
}

@media screen and (max-width: 640px) {
  .spimg04 img {
    width: 300px;
  }
}

@media screen and (max-width: 640px) {
  .spimg12 img {
    width: 47px;
  }
}