#contents {
  color: #555555;
  line-height: 1.6;
}

.h2-ttl {
  font-size: 271%;
  color: #000000;
  margin: 60px auto 40px;
  text-align: center;
}

#section01 #mainVisualBg {
  background: #f67f00;
}
#section01 #mainVisual {
  min-height: 240px;
  background: url(/svcsol/focus/aws/images/bg_01.png) no-repeat right bottom;
}
#section01 #mainVisual h1 {
  font-size: 270%;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.2em;
  padding: 50px 0 0 40px;
}
@media only screen and (max-width: 768px) {
  #section01 #mainVisual h1 {
    padding: 20px;
  }
}
#section01 #mainVisual .leadText {
  font-size: 114.2%;
  color: #ffffff;
  line-height: 1.5em;
  margin: 30px 0 0 40px;
}
@media only screen and (max-width: 768px) {
  #section01 #mainVisual .leadText {
    margin: 20px;
  }
}

.col-aws-catch {
  color: #f67f00;
  font-size: 120%;
  margin-bottom: 10px;
}
.col-aws-01 dl {
  border: 1px solid #f67f00;
}
.col-aws-01 dl dt {
  background: #f67f00 url(/svcsol/focus/aws/images/bg_02.png) no-repeat right bottom;
  height: 110px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: normal;
  letter-spacing: 0em;
  color: #FFF;
  padding-left: 20px;
  position: relative;
}
.col-aws-01 dl dt:after {
  content: '';
  display: block;
  width: 37px;
  height: 22px;
  background: url(/svcsol/focus/aws/images/bg_03.png) no-repeat;
  position: absolute;
  bottom: -22px;
  left: calc((100% - 37px) / 2 );
  z-index: 1;
}
.col-aws-01 dl dd {
  background: #fff5ee;
  padding: 40px 30px 15px 30px;
  position: relative;
}
.col-aws-02 {
  border: 1px solid #999999;
}
.col-aws-02 dt {
  background: #999999 url(/svcsol/focus/aws/images/bg_02.png) no-repeat right bottom;
  height: 110px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: normal;
  letter-spacing: 0em;
  color: #FFF;
  padding-left: 20px;
  position: relative;
}
.col-aws-02 dt:after {
  content: '';
  display: block;
  width: 37px;
  height: 22px;
  background: url(/svcsol/focus/aws/images/bg_04.png) no-repeat;
  position: absolute;
  bottom: -22px;
  left: calc((100% - 37px) / 2 );
  z-index: 1;
}
.col-aws-02 dd {
  background: #f2f2f2;
  padding: 40px 30px 15px 30px;
  position: relative;
}
.col-aws-btn {
  margin-top: 15px;
  width: 100%;
  text-align: center;
}
.col-aws-btn a {
  background: #5F6E74;
  padding: 10px 0;
  display: block;
  color: #FFF;
}
.col-aws-btn a .icoLink02 {
  background: url(/svcsol/focus/aws/images/index_ic01.gif) no-repeat 0 0.4em;
}

#section05 .boxStyle03 .txtBox_imgL .imgL {
  margin-right: 20px;
}
#section05 .boxStyle03 .txtBox_imgL .title {
  font-weight: normal;
}
#section05 a {
  display: block;
  transition: .3s;
  color: #555555;
}
#section05 a .boxStyle03 {
  position: relative;
  padding-right: 40px;
}
#section05 a .boxStyle03:after {
  content: '';
  display: block;
  background: #f67f00 url(/svcsol/focus/aws/images/index_ic01.gif) no-repeat 50% 50%;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
#section05 a:hover {
  text-decoration: none;
  background: #fff5ee;
}

.btn-default {
  text-align: right;
}
.btn-default a {
  display: inline-block;
  padding: 0 19px 0 25px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  line-height: 39px;
  color: #fff;
  border-radius: 4px;
  background: #3d4e56;
  box-sizing: border-box;
}
.btn-default a span {
  padding-right: 20px;
  background: url(/svcsol/focus/images/icn_arw_01.png) no-repeat right center;
}
.btn-default a:hover {
  background: #5a686f;
}

/*# sourceMappingURL=aws.css.map */