#apiContent .apiNav ul, #apiContent .apiSubContent .apiSummary, #apiContent .apiSubContent#halexdream .apiSubNav, #apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap {
  zoom: 1;
}
#apiContent .apiNav ul:after, #apiContent .apiSubContent .apiSummary:after, #apiContent .apiSubContent#halexdream .apiSubNav:after, #apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap:after {
  content: '';
  display: block;
  clear: both;
  height: 1px;
}

#apiContent {
  font-size: 116%;
  /*
  	experience
  */
}
#apiContent .mdSec1 {
  margin-bottom: 70px;
}
#apiContent .apiTtl1 {
  height: 468px;
  margin: -15px 0 0;
  font-size: 1px;
  text-align: center;
  background: url(../images/service/api/bg_apiTtl1_01.jpg) no-repeat 0 100%;
}

#apiContent .apiTtl1 .apiTtl1-1 {
  margin-bottom: 22px;
}
#apiContent .apiTtl2 {
  position: absolute;
  top: 0;
  left: -99999px;
}
#apiContent .apiTtl3 {
  margin: -15px 0 45px;
  text-align: center;
}
#apiContent .apiNav ul {
  margin: 0;
}
#apiContent .apiNav ul li {
  float: left;
  width: 237px;
}
#apiContent .apiNav ul li a,
#apiContent .apiNav ul li strong {
  display: block;
  height: 91px;
  text-indent: -99999px;
  overflow: hidden;
  background: url('../images/service/api/sprite.png');
}
#apiContent .apiNav ul li.halexdream {
  width: 239px;
}
#apiContent .apiNav ul li.halexdream a {
  background-position: 0 -819px;
}
#apiContent .apiNav ul li.halexdream a:hover {
  background-position: 0 -455px;
}
#apiContent .apiNav ul li.current.halexdream strong {
  background-position: 0 -546px;
}
#apiContent .apiNav ul li.dreamfiles a {
  background-position: 0 -364px;
}
#apiContent .apiNav ul li.dreamfiles a:hover {
  background-position: 0 0;
}
#apiContent .apiNav ul li.current.dreamfiles strong {
  background-position: 0 -182px;
}
#apiContent .apiNav ul li.dreamapi a {
  background-position: 0 -273px;
}
#apiContent .apiNav ul li.dreamapi a:hover {
  background-position: 0 -91px;
}
#apiContent .apiNav ul li.current.dreamapi strong {
  background-position: 0 -637px;
}
#apiContent .apiNav ul li.dreamall a {
  background-position: 0 -910px;
}
#apiContent .apiNav ul li.dreamall a:hover {
  background-position: 0 -728px;
}
#apiContent .apiNav ul li.current.dreamall strong {
  background-position: 0 -1001px;
}
#apiContent .apiSubContentWrap {
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 50px 60px 10px;
}
#apiContent .apiSubContent .apiPoint {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
#apiContent .apiSubContent .apiPoint p, #apiContent .apiSubContent .apiPoint ul, #apiContent .apiSubContent .apiPoint ol, #apiContent .apiSubContent .apiPoint dl {
  margin-bottom: 0px;
}
#apiContent .apiSubContent .apiPoint dt {
  position: relative;
  top: -7px;
  margin: 0 20px 15px;
  padding: 3px;
  text-align: center;
  font-size: 186%;
  color: #ffffff;
}
#apiContent .apiSubContent .apiPoint dd {
  margin: 0 134px;
}
#apiContent .apiSubContent .apiPoint dd ul li {
  margin-bottom: 5px;
  padding-left: 39px;
  font-size: 118%;
  background: no-repeat 0 0.4em;
}
#apiContent .apiSubContent .apiPoint dd ul li strong {
  font-size: 128%;
  font-weight: normal;
  vertical-align: bottom;
}
#apiContent .apiSubContent .apiSummary {
  position: relative;
  margin-top: 40px;
  padding: 9px 9px 9px 85px;
  border: 3px solid;
}
#apiContent .apiSubContent .apiSummary p, #apiContent .apiSubContent .apiSummary ul, #apiContent .apiSubContent .apiSummary ol, #apiContent .apiSubContent .apiSummary dl {
  margin-bottom: 0px;
}
#apiContent .apiSubContent .apiSummary .apiSummaryTtl {
  position: absolute;
}
#apiContent .apiSubContent .apiSummary .apiSummaryList {
  float: left;
  width: 365px;
  padding-top: 8px;
  font-size: 108%;
}
#apiContent .apiSubContent .apiSummary .apiSummaryList li {
  margin-bottom: 2px;
  padding-left: 13px;
  background: no-repeat 0 0.5em;
}
#apiContent .apiSubContent .apiSummary .apiSummaryTxt {
  float: right;
}
#apiContent .apiSubContent#halexdream {
  display: block;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox {
  position: relative;
  /*height: 732px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox .apiSpecialBoxTtl .apiSpecialBoxTtl1 {
  position: absolute;
  left: 22px;
  top: -19px;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox .apiSpecialBoxTtl .apiSpecialBoxTtl2 {
  position: absolute;
  top: 38px;
  left: 178px;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox .apiSpecialBoxImg1 {
  position: absolute;
  top: 98px;
  left: 177px;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox .apiSpecialBoxImg2 {
  position: absolute;
  top: 229px;
  left: 19px;
}
#apiContent .apiSubContent#halexdream .apiSpecialBox .apiSpecialBoxImg3 {
  position: absolute;
  top: 428px;
  left: 246px;
  z-index: 2;
}
#apiContent .apiSubContent#halexdream .apiSubNav {
  margin-left: 65px;
}
#apiContent .apiSubContent#halexdream .apiSubNav li {
  float: left;
  margin-right: 51px;
  margin-bottom: 30px;
}
#apiContent .apiSubContent#dreamfiles .apiPoint {
  background: #fef8d2;
}
#apiContent .apiSubContent#dreamfiles .apiPoint dt {
  background: #f8941e;
}
#apiContent .apiSubContent#dreamfiles .apiPoint dd ul li {
  background-image: url(../images/service/api/ic_dreamfiles01.png);
}
#apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox {
  width: 410px;
  padding: 19px 0 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox1 {
  float: left;
}
#apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox2 {
  float: right;
}
#apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBoxTtl1 {
  margin-bottom: 20px;
}
#apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBoxImg1 {
  margin-bottom: 9px;
}
#apiContent .apiSubContent#dreamfiles .apiSummary {
  border-color: #f8941e;
  background: #fef8d2;
}
#apiContent .apiSubContent#dreamfiles .apiSummary .apiSummaryTtl {
  top: -14px;
  left: 13px;
}
#apiContent .apiSubContent#dreamfiles .apiSummary .apiSummaryList li {
  background-image: url(../images/service/api/ic_dreamfiles02.png);
}
#apiContent .apiSubContent#dreamapi .apiPoint {
  background: #e6f5fa;
}
#apiContent .apiSubContent#dreamapi .apiPoint dt {
  background: #35afdb;
}
#apiContent .apiSubContent#dreamapi .apiPoint dd ul li {
  background-image: url(../images/service/api/ic_dreamapi01.png);
}
#apiContent .apiSubContent#dreamapi .apiSpecialBox {
  position: relative;
  /*height: 222px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#apiContent .apiSubContent#dreamapi .apiSpecialBox .apiSpecialBoxTtl {
  position: absolute;
  left: 24px;
  top: 21px;
}
#apiContent .apiSubContent#dreamapi .apiSpecialBox .apiSpecialBoxImg1 {
  position: absolute;
  top: 61px;
  left: 43px;
}
#apiContent .apiSubContent#dreamapi .apiSpecialBox .apiSpecialBoxImg2 {
  position: absolute;
  top: 68px;
  left: 166px;
}
#apiContent .apiSubContent#dreamapi .apiSpecialBox .apiSpecialBoxImg3 {
  position: absolute;
  top: 10px;
  left: 487px;
}
#apiContent .apiSubContent#dreamapi .apiSummary {
  border-color: #35afdb;
  background: #e6f5fa;
}
#apiContent .apiSubContent#dreamapi .apiSummary .apiSummaryTtl {
  top: -15px;
  left: -3px;
}
#apiContent .apiSubContent#dreamapi .apiSummary .apiSummaryList li {
  background-image: url(../images/service/api/ic_dreamapi02.png);
}
#apiContent .apiSubContent#dreamall .apiPoint {
  background: #f2ecfd;
}
#apiContent .apiSubContent#dreamall .apiPoint dt {
  background: #9b6eef;
}
#apiContent .apiSubContent#dreamall .apiPoint dd ul li {
  background-image: url(../images/service/api/ic_dreamall01.png);
}
#apiContent .apiSubContent#dreamall .apiSpecialBox {
  position: relative;
  /*height: 374px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#apiContent .apiSubContent#dreamall .apiSpecialBox .apiSpecialBoxImg1 {
  position: absolute;
  top: 20px;
  left: 16px;
}
#apiContent .apiSubContent#dreamall .apiSpecialBox .apiSpecialBoxImg2 {
  position: absolute;
  top: 10px;
  left: 274px;
}
#apiContent .apiSubContent#dreamall .apiSummary {
  border-color: #9b6eef;
  background: #f2ecfd;
}
#apiContent .apiSubContent#dreamall .apiSummary .apiSummaryTtl {
  top: -15px;
  left: 15px;
}
#apiContent .apiSubContent#dreamall .apiSummary .apiSummaryList li {
  background-image: url(../images/service/api/ic_dreamapi02.png);
}
#apiContent .apiBtn {
  margin-top: -20px;
  text-align: center;
}
#apiContent .apiFootLink {
  margin-top: 40px;
  padding-top: 15px;
  text-align: right;
  border-top: 1px solid #f0f0f0;
}
#apiContent .apiExperienceTtl1 {
  width: 950px;
  height: 280px;
  margin: -40px 0 35px;
  padding: 32px 0 0 67px;
  background: url(../images/api/experience/bg_main.png) 0 0 no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#apiContent .apiExperienceLead1 {
  margin-bottom: 30px;
  text-align: center;
}
#apiContent .apiExperienceLead1 .apiExperienceLead1Strong {
  margin-bottom: 20px;
  font-size: 200%;
}
#apiContent .apiExperienceSec1 {
  margin-bottom: 65px;
  padding: 0 30px;
}
#apiContent .apiExperienceSec1 .apiExperienceSec1Ttl1 {
  min-height: 60px;
  padding: 10px 0 10px 65px;
  margin: 0 -30px 30px;
  font-size: 250%;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat 2px 50%;
}
#apiContent .apiExperienceSec1 .apiExperienceSec1Ttl1.apiExperienceSec1Ttl1-1 {
  background-image: url(../images/api/experience/ic_number01.png);
}
#apiContent .apiExperienceSec1 .apiExperienceSec1Ttl1.apiExperienceSec1Ttl1-2 {
  background-image: url(../images/api/experience/ic_number02.png);
}
#apiContent .apiExperienceSec1 .apiExperienceSec1Ttl1.apiExperienceSec1Ttl1-3 {
  background-image: url(../images/api/experience/ic_number03.png);
}
#apiContent .apiExperienceAccCont {
  display: none;
}
#apiContent .apiExperiencePoint {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
#apiContent .apiExperiencePoint dt {
  display: table-cell;
  padding: 0 28px 0 20px;
  vertical-align: middle;
  font-size: 143%;
  color: #ffffff;
  white-space: nowrap;
  background: #f7489c url(../images/api/experience/bg_point01.png) no-repeat 100% 50%;
}
#apiContent .apiExperiencePoint dd {
  display: table-cell;
  width: 99%;
  padding: 12px 20px;
  font-size: 116%;
  vertical-align: middle;
  background: #feecf5;
}
#apiContent .apiExperiencePoint dd ul {
  margin-bottom: 0;
}
#apiContent .apiExperiencePoint dd ul li {
  margin-top: 10px;
  padding-left: 20px;
  background: url(../images/api/experience/ic_point01.png) no-repeat 0 0.45em;
}
#apiContent .apiExperiencePoint dd ul li:first-child {
  margin-top: 0;
}
#apiContent .apiExperienceColSet1 {
  width: 830px;
  display: table;
  margin: 0 auto 40px;
}
#apiContent .apiExperienceColSet1 .apiExperienceColSet1Col1 {
  display: table-cell;
  padding-right: 20px;
  vertical-align: top;
}
#apiContent .apiExperienceColSet1 .apiExperienceColSet1Col2 {
  display: table-cell;
  padding: 20px;
  vertical-align: top;
  background: #f7f7f7;
}
#apiContent .apiExperienceColSet1 .apiExperienceColSet1Col2 p {
  margin-bottom: 0;
}
#apiContent .apiExperienceColSet2 {
  display: table;
  margin: 0 auto 20px;
}
#apiContent .apiExperienceColSet2 .apiExperienceColSet2Col {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
}
#apiContent .apiExperienceBox1 {
  margin-bottom: 30px;
  padding: 20px 30px 30px;
  background: #f7f7f7;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1Ttl {
  font-size: 116%;
  margin-bottom: 20px;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1Txt {
  margin-bottom: 20px;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List {
  display: table;
  width: 100%;
  margin-bottom: 1px;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dt {
  display: table-cell;
  width: 150px;
  padding: 20px 30px;
  color: #ffffff;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dt.apiExperienceBox1ListDreamfiles {
  background: #f8941e;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dt.apiExperienceBox1ListDreamapi {
  background: #35afdb;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dt.apiExperienceBox1ListDreamall {
  background: #9b6eef;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dd {
  display: table-cell;
  padding: 12px 15px;
  font-size: 86%;
  vertical-align: middle;
  background: #ffffff;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dd ul {
  margin-bottom: 0;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dd ul li {
  margin-top: 5px;
}
#apiContent .apiExperienceBox1 .apiExperienceBox1List dd ul li:first-child {
  margin-top: 0;
}


@media screen and (max-width: 740px) {
  #apiContent .apiTtl1 {
    height: 130px;
    background: none;
  }
  
  #apiContent .apiSubContentWrap {
    border: none;
    padding: 0px;
    padding-top: 15%;
  }
  
  /* HalexDream Filesの部分*/
  #apiContent .apiSubContent .apiPoint dd {
    margin: 0 10px;
  }
  
  #apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox {
    width: auto;
  }

  #apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox1 {
    float: none;
  }
  #apiContent .apiSubContent#dreamfiles .apiSpecialBoxWrap .apiSpecialBox2 {
    float: none;
  }
  
  #apiContent .apiSubContent .apiSummary .apiSummaryList {
    width: auto;
  }
  #apiContent .apiSubContent .apiSummary .apiSummaryTxt {
    float: left;
  }

}