@charset "utf-8";
/*-----------------------------------------------------
	style-thinking.css
	独自のスタイル
------------------------------------------------------*/
main {
  margin-top:120px;
  position: relative;
}
section {
	padding-top: 120px;
	margin-top:-120px;/*固定ヘッダーのアンカーリンクずれ対策*/
	padding-bottom: 100px;
}
.bgBlue {
  background-color: #ebfaff;
}

/*h1タイトル*/
section#secTitle {
  background-image: url("../images/inbasket/business_details/bg-h1.png");
  background-repeat:no-repeat;
  background-position: center;
  width: 100%;
  max-width: 1920px;
  max-height: 533px;
  margin:0 auto 80px;
  border-bottom: 10px solid #003b7a;
}
section#secTitle h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px;
  padding: 0;
}

/*h3タイトル*/
section#secBusinessDetails h3,
section#secScoring h3{
  font-size: 2rem;
  color: #003b7a;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #003b7a;
}

section#secBusinessDetails {
  padding-bottom:200px;
  
}
section#secBusinessDetails div.seminarList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
section#secBusinessDetails div.seminarList dl {
  width: 48%;
  margin-bottom: 20px;
}
section#secBusinessDetails div.seminarList dl dt {
  font-weight: bold;
  color: #003b7a;
  padding: 0;
  margin-bottom: 5px;
}
section#secBusinessDetails div.seminarList dl dd {
  font-size: 1.5rem;
  margin: 0;
  padding: 0;
}

section#secBusinessDetails dl.feature {
  margin: 0 0 20px;
  padding: 0;
  border: 1px solid #003b7a;
}
section#secBusinessDetails dl.feature dt {
  background-color: #003b7a;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 5px 10px;
}
section#secBusinessDetails dl.feature dd {
  background: #fff;
  padding: 15px;
}
/*スコアリング*/
section#secScoring div.scoringImage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 20px;
}
/*活用*/
section#secUtilize {
  padding-top: 200px;
  padding-bottom: 200px;
}
section#secUtilize div.case {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
section#secUtilize div.case dl {
  width: calc(100% - 115px);
}
section#secUtilize div.case dl dt {
  font-size: 2rem;
  font-weight: bold;
  color: #0071bc;
  margin-bottom: 5px;
}
section#secUtilize div.businessPartner {
  width: 100%;
  padding: 15px;
  border: 1px solid #606060;
}
section#secUtilize div.businessPartner div.partnerLogo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  border-bottom: 1px dashed #606060;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
section#secUtilize div.businessPartner div.partnerLogo img {
  width: 15%;
  height: auto;
}




/*PC画面調整*/
@media (max-width: 1024px) {
  /*h1タイトル*/
  section#secTitle {
    background-size: cover;
  }
  section#secTitle h1 img{
    height: 100px;
    width: auto;
  }
}


@media (max-width: 768px) {
  main {
    margin-top:75px;
  }
  section {
    padding-top: 75px;
    margin-top:-75px;/*固定ヘッダーのアンカーリンクずれ対策*/
    padding-bottom: 50px;
  }
  /*h1タイトル*/
  section#secTitle h1 img{
    height: 80px;
    width: auto;
  }
  /*h2タイトル*/
  .h2Img {
    height: 36px;
    width: auto;
  }
  section#secBusinessDetails dl.feature dt {
    padding: 5px 10px;
  }
  section#secBusinessDetails dl.feature dd {
    padding: 10px;
  }
  section#secUtilize div.case img {
    width: 80px;
    height: 100%;
  }
  section#secUtilize div.case dl {
    width: calc(100% - 90px);
  }
  section#secScoring div.scoringImage img.score {
    width: 26%;
    height: auto;
  }
  section#secScoring div.scoringImage img.arrow {
    width: 8%;
    margin: 0 10px;
    height: auto;
  }
  
  
	
}
@media (max-width: 575px) {
  main {
    margin-top:72px;
  }
  section {
    padding-top: 72px;
    margin-top:-72px;/*固定ヘッダーのアンカーリンクずれ対策*/
    padding-bottom: 50px;
  }
  /*h1タイトル*/
  section#secTitle {
    background-size: 100%;
    margin: 0 0 30px;
    padding: 0;
    border-bottom: 7px solid #003b7a;
  }
  section#secTitle h1 {
    margin: 1.8vh 0 0;
    padding: 0;
    text-align: center;  
  }
  section#secTitle h1 > img {
    height: 40px;
    width: auto;
  }
  /*h2タイトル*/
  .h2Img,.h3Img {
    height: 25px;
    width: auto;
  }
  section#secBusinessDetails div.seminarList dl {
    width: 100%;
  }
  section#secScoring div.scoringImage {
    display: block;
    text-align: center;
    width: 60%;
  }
  section#secScoring div.scoringImage img.score {
    display: block;
    width: 70%;
    height: auto;
    margin: 10px auto;
  }
  section#secScoring div.scoringImage img.arrow {
    width: 30px;
    height: auto;
    margin: 10px auto;
    transform:rotate(90deg);   
  }
  
  
}






/*-----------------------------------------------------
	ページ名/部品名
------------------------------------------------------*/
/*　section名　*/