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

　AWSビッグデータ基盤構築サービス

================================================================================================= */
/* CSS Document */
/* ----------------------------------------------------------------------------
　ページタイトル
---------------------------------------------------------------------------- */
#second_title02 .bg:after {
  background: url("../img/second_title_bg.jpg") center 0 no-repeat;
  background-size: cover;
}
@media screen and (max-width: 592px) {
  #second_title02 .bg:after {
    background: url("../img/second_title_bg_sp.jpg") center 0 no-repeat;
    background-size: cover;
  }
}

/* ----------------------------------------------------------------------------
　bnr_cloud_shift_conference
---------------------------------------------------------------------------- */
.bnr_cloud_shift_conference {
  width: 960px;
  margin: 2.5rem auto 5rem;
}
@media screen and (max-width: 1040px) {
  .bnr_cloud_shift_conference {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .bnr_cloud_shift_conference {
    width: 90%;
  }
}
.bnr_cloud_shift_conference img {
  width: 100%;
}

#lead {
  background: url("../img/lead_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 6rem 0;
  margin-bottom: 5rem;
}
@media screen and (max-width: 592px) {
  #lead {
    background: url("../img/lead_bg_sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 2rem 0;
    margin-bottom: 5rem;
  }
}

#lead .inner {
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 1040px) {
  #lead .inner {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  #lead .inner {
    width: 90%;
  }
}

#lead h2 {
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media screen and (max-width: 800px) {
  #lead h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 592px) {
  #lead h2 {
    font-size: 2rem;
  }
}

#lead .text {
  line-height: 200%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 592px) {
  #lead .text {
    text-align: left;
  }
}

.lead_photo {
  width: 960px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 1040px) {
  .lead_photo {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .lead_photo {
    width: 90%;
    margin-bottom: 2.5rem;
  }
}
.lead_photo img {
  width: 88.5416667%;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 592px) {
  .lead_photo img {
    width: 100%;
  }
}

#feature {
  width: 960px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 1040px) {
  #feature {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  #feature {
    width: 90%;
    margin-bottom: 0rem;
  }
}

/*
#feature h2{
	text-align: center;
	color: #402f4d;
	font-size: 3.5rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
	position: relative;

	border-bottom: 1px solid #000;
	padding-bottom: 2rem;

	// 800px以下（md）
	@include mq(md){
		font-size: 2.5rem;
	}

	// 592px以下（sd）ここからスマホ
	@include mq(sd){
	}
}
*/
#feature .text {
  line-height: 200%;
  margin-bottom: 3.5rem;
}
#feature .text.mb7 {
  margin-bottom: 7rem;
}

#feature .chart {
  width: 83.0208333%;
  margin: 0 auto 6rem;
}
@media screen and (max-width: 592px) {
  #feature .chart {
    width: 100%;
  }
}
#feature .chart img {
  width: 100%;
}

#feature .list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4rem;
}
@media screen and (max-width: 592px) {
  #feature .list2 {
    display: block;
  }
}
#feature .list2:last-child {
  margin-bottom: 0rem;
}

#feature .list2 li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
  width: 49%;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 592px) {
  #feature .list2 li {
    width: 100% !important;
    margin-bottom: 2rem;
  }
}

#feature .list2 li .title {
  background-color: #826f93;
  color: #fff;
  padding: 0.5rem 0.5rem;
  font-weight: 600;
  text-align: center;
}

#feature .list2 li .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 180%;
  padding: 1.5rem 2rem;
  margin-bottom: 0rem;
}
#feature h3 {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

#feature dl {
  margin: 0 auto 4rem;
  position: relative;
}
#feature dl:last-child {
  margin-bottom: 2rem;
}

#feature dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 592px) {
  #feature dl dd {
    display: block;
  }
}
#feature dl dd.column1 {
  display: block;
}

#feature dl dd .copy {
  width: 40%;
  line-height: 200%;
}
@media screen and (max-width: 592px) {
  #feature dl dd .copy {
    width: 100%;
    margin-bottom: 1rem;
  }
}

#feature dl dd .photo {
  width: 55.555555556%;
}
@media screen and (max-width: 592px) {
  #feature dl dd .photo {
    width: 100%;
  }
}
#feature dl dd .photo img {
  width: 100%;
}

#feature dl dd.column1 .copy {
  width: 100%;
  margin-bottom: 2rem;
}

#feature dl dd.column1 .photo {
  width: 100%;
  margin: 0 auto;
}
#feature dl dd.column1 .photo.w85 {
  width: 85%;
}
@media screen and (max-width: 592px) {
  #feature dl dd.column1 .photo.w85 {
    width: 100%;
  }
}
#feature dl dd.column1 .photo.w70 {
  width: 70%;
}
@media screen and (max-width: 592px) {
  #feature dl dd.column1 .photo.w70 {
    width: 100%;
  }
}
#feature dl dd.column1 .photo.w60 {
  width: 60%;
}
@media screen and (max-width: 592px) {
  #feature dl dd.column1 .photo.w60 {
    width: 100% !important;
  }
}

#feature .special {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media screen and (max-width: 592px) {
  #feature .special {
    display: block;
  }
}

#feature .special li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 32%;
  border-radius: 5px;
  background-color: #004ea1;
  -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 2rem 0.5rem;
  text-align: center;
  font-size: 2rem;
  line-height: 130%;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  #feature .special li {
    font-size: 2rem;
  }
}
@media screen and (max-width: 800px) {
  #feature .special li {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 592px) {
  #feature .special li {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
}

/* apn */
.apn {
  margin-bottom: 6rem;
  background: url("../img/lead_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 4rem 0;
}
@media screen and (max-width: 592px) {
  .apn {
    margin-bottom: 5rem;
    background: url("../img/apn_bg_sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 4rem 0;
  }
}

.apn .inner {
  width: 960px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1040px) {
  .apn .inner {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .apn .inner {
    width: 90%;
    display: block;
  }
}

.apn .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 200%;
}
@media screen and (max-width: 592px) {
  .apn .text {
    margin-bottom: 2.5rem;
  }
}

.apn .photo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3rem;
  background-color: #fff;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  margin-left: 2.5rem;
}
@media screen and (max-width: 592px) {
  .apn .photo {
    width: 60%;
    margin: 0 auto;
  }
}
.apn .photo img {
  width: 100%;
}

/* AWS総合支援サービスページへボタン */
.btn_aws {
  width: 790px;
  margin: 0 auto 4rem;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 870px) {
  .btn_aws {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .btn_aws {
    width: 90%;
  }
}
.btn_aws img {
  width: 100%;
}

.bnr_pluslocation {
  width: 790px;
  margin: 0 auto 4rem;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 870px) {
  .bnr_pluslocation {
    width: 95%;
  }
}
@media screen and (max-width: 592px) {
  .bnr_pluslocation {
    width: 90%;
  }
}
.bnr_pluslocation img {
  width: 100%;
}