@charset "UTF-8";

.l-content .btn_01 {
  padding: 12px 0;
  font-size: 17px;
  height: 50px;
}

/* 事例詳細 */
.l-content .aboutRobotArea {
  display: flex;
  justify-content: space-between;
}

.l-content .aboutRobotArea .box_l {
  width: 750px;
}

.l-content .aboutRobotArea .box_l_upper {
  display: flex;
  padding: 15px 8px 15px 15px;
  background: #eee;
}

.l-content .aboutRobotArea .box_l_lower {
  padding: 15px 8px 20px 15px;
  margin-top: 10px;
  background: #eee;
}

.l-content .aboutRobotArea .box_r {
  display: flex;
  flex-direction: column;
  width: 430px;
}

.l-content .lead {
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}

.l-content .lead img {
  margin-right: 10px;
  transform: translateX(4px);
}

.l-content .lead span {
  position: relative;
  font-size: 23px;
  font-weight: bold;
}

.l-content .lead span::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 6px;
  background: #ffcc00;
}

/* 標準構成 */
.l-content .composition {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-content .composition .pic {
  position: relative;
}

.l-content .composition .pic a {
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 10px;
}

.l-content .composition .pic a img {
  margin-right: 5px;
}

.l-content .composition .table {
  padding-top: 8px;
  width: 100%;
}

.l-content .composition .table .item {
  display: flex;
  border: 1px solid #ccc;
}

.l-content .composition .table .item:not(:first-child) {
  border-top: none;
}

.l-content .composition .table .item .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  background: #999;
  color: #fff;
  font-weight: bold;
}

.l-content .composition .table .item .detail {
  padding: 4px 0 4px 7px;
  background: #fff;
  width: 100%;
}

.l-content .detailList {
  display: flex;
  flex-direction: column;
}

.l-content .detailList>.item {
  display: flex;
}

.l-content .detailList>.item:not(:first-child) {
  padding-top: 50px;
}

.l-content .detailList>.item .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100px;
  height: 30px;
  border: 2px solid #2963b2;
  border-radius: 15px;
  background: #fff;
  color: #2963b2;
  font-weight: bold;
}

.l-content .detailList>.item .detail {
  padding-left: 15px;
}

.l-content .detailList>.item .detail strong {
  font-size: 16px;
}

.l-content .detailList>.item .detail .box {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 160px;
  height: 50px;
  border: 2px solid #ccc;
  font-weight: bold;
}

.l-content .workExample {
  display: flex;
  padding-top: 15px;
}

.l-content .workExample .example {
  display: block;
  width: 70px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.l-content .workExample .exampleList {
  display: flex;
}

.l-content .workExample .exampleList .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-content .workExample .exampleList .item .caption {
  height: 20px;
  font-weight: bold;
}

.l-content .workExample .exampleList .item:not(:first-child) {
  padding-left: 30px;
}

/* /標準構成 */

/* 参考納期・価格 */
.l-content .aboutCost {
  display: flex;
  flex-direction: column;
}

.l-content .aboutCost>.item:not(:first-child) {
  padding-top: 20px;
}

.l-content .aboutCost>.item>.wrap {
  display: flex;
  padding: 0 10px;
}

.l-content .aboutCost>.item .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 26px;
  border: 2px solid #ccc;
  margin-bottom: 10px;
  background: #fff;
  color: #000;
  font-weight: bold;
}

.l-content .aboutCost>.item .cost {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 170px;
}

.l-content .aboutCost>.item .cost .detail {
  display: flex;
  align-items: center;
  font-size: 15px;
}

.l-content .aboutCost>.item .cost .detail:not(:first-child) {
  padding-top: 10px;
}

.l-content .aboutCost>.item .cost .detail img {
  padding-right: 12px;
}

.l-content .aboutCost>.item .aboutSubstidy {
  width: 240px;
}

.l-content .aboutCost>.item .aboutSubstidy .substidy::before {
  content: "▶ ";
}

.l-content .aboutCost>.item .aboutSubstidy .substidy span {
  color: #dd0000;
  font-size: 15px;
  font-weight: bold;
}

.l-content .aboutCost>.item .option {
  font-size: 14px;
  height: 105px;
}

/* 240319追加 補助金部分 */
.l-content .aboutSubstidy .labelArea {
  display: flex;
  justify-content: end;
}

.l-content .aboutSubstidy .label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 30px;
  background: #e2aa00;
  color: #fff;
  font-weight: bold;
}

/* /参考納期・価格 */

/* 導入したお客さまの声 */
.l-content .customerReview .title {
  padding-top: 10px;
}

.l-content .customerReview .title {
  display: flex;
  align-items: center;
}

.l-content .customerReview .speechBubble {
  position: relative;
  padding: 10px 15px;
  margin-left: 30px;
  background: #eee;
  font-size: 13px;
  font-weight: bold;
}

.l-content .customerReview .speechBubble::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  border-top: 13px solid transparent;
  border-right: 25px solid #eee;
  border-bottom: 13px solid transparent;
  transform: translateY(-50%);
}

.l-content .customerReview .txt {
  padding: 10px;
  margin-top: 30px;
  background: #eee;
}

.l-content .customerReview .txt .color_red {
  color: #dd0000;
  font-weight: bold;
}

.l-content .customerReview .txt .color_blue {
  color: #2963b2;
  font-weight: bold;
}


/* /導入したお客さまの声 */
/* /事例詳細 */

/* 本パッケージのミスミパートナー企業情報(装置メーカー) */
.l-content .makerArea {
  padding: 20px;
  background: #004098;
  font-size: 15px;
}

.l-content .makerArea>.upper {
  display: flex;
}

.l-content .makerArea .box {
  padding: 10px 20px 20px 20px;
  background: #fff;
}

.l-content .makerArea .box_l {
  width: 670px;
  background: #fff;
}

.l-content .makerArea .box_r {
  width: 470px;
  margin-left: 20px;
  background: #fff;
}

.l-content .makerArea .box_r .line {
  display: block;
  width: 100%;
  height: 20px;
  background: #004098;
}

.l-content .makerArea .info {
  display: flex;
}

.l-content .makerArea .info:not(:first-child) {
  margin-top: 20px;
}

.l-content .makerArea .info .term {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  width: 100px;
  background: #dcdcdc;
  font-weight: bold;
}

.l-content .makerArea .info .description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 300px;
  padding-left: 30px;
}

.l-content .makerArea .info .description .head {
  display: block;
  width: 300px;
  border-bottom: 1px solid #333;
  margin-bottom: 5px;
  font-weight: bold;
}

.l-content .makerArea .info .description .note {
  font-size: 12px;
}

.l-content .makerArea .info .description img {
  padding-bottom: 10px;
}

/* 会社情報・実績 */
.l-content .makerInfo {
  padding-top: 20px;
}

.l-content .makerInfo .wrap {
  display: flex;
}

.l-content .makerInfo .table_l {
  width: 310px;
}

.l-content .makerInfo .table_r {
  width: 310px;
}

/* /会社情報・実績 */

/* 事前のワーク検証環境 */
.l-content .verification {
  display: flex;
  padding-top: 20px;
}

/* /事前のワーク検証環境 */

/* トラブル対応 */
.l-content .trouble {
  padding-top: 20px;
}

/* /トラブル対応 */

/* 現場見学 */
.l-content .workplaceVisit {
  padding-top: 20px;
}

.l-content .workplaceVisit .wrap {
  display: flex;
  padding-top: 15px;
}

.l-content .workplaceVisit .pic {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-content .workplaceVisit .pic:not(:first-child) {
  padding-left: 50px;
}

/* /現場見学 */
/* /本パッケージのミスミパートナー企業情報(装置メーカー) */

/* ヘルプデスク */
.l-content .contact {
  display: block;
}

.l-content .contact strong {
  font-size: 21px;
}

.l-content .form_note {
  color: #dd0000;
  font-size: 12px;
}

/* /ヘルプデスク */

/* ミスミだからできるサポート */
.l-content .supportArea {
  display: flex;
  justify-content: center;
}

.l-content .supportArea .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 320px;
  background: #e1e9f2;
}

.l-content .supportArea .box:not(:first-child) {
  margin-left: 60px;
}

.l-content .supportArea .title {
  padding-top: 20px;
  color: #004098;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}

/* /ミスミだからできるサポート */

/* よくある質問 */
.l-content .faqArea {
  background: #eee;
  padding: 20px;
}

.l-content .faqArea .wrap {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 30px 0 40px 0;
}

.l-content .faqArea .about {
  font-size: 17px;
  font-weight: bold;
}

/* /よくある質問 */

/* サービス紹介資料 */
.l-content .documentIntroduction {
  width: 800px;
  margin: 0 auto;
  font-size: 15px;
}

.l-content .documentIntroduction .title {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 20px;
  background: #2963b2;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
}

.l-content .documentIntroduction .box {
  padding: 30px;
  background: #efefef;
}

.l-content .documentIntroduction .box .wrap {
  display: flex;
}

.l-content .documentIntroduction .introduction {
  padding-left: 45px;
  font-size: 15px;
  line-height: 25px;
}

.l-content .documentIntroduction .introduction .list li {
  display: flex;
  align-items: center;
}

.l-content .documentIntroduction .introduction .list li::before {
  content: "";
  width: 11px;
  height: 11px;
  margin-right: 10px;
  background: url("/special/robot/inquiry_semi_order/common/img/icon_check02.png") 0 0 no-repeat;
  transform: translateY(-2px);
}

/* /サービス紹介資料 */

/* POINT */
.l-content .h4Ttl_point {
  border-bottom: solid 3px #00337a;
}

.l-content .h4Ttl_point>span {
  display: inline-block;
  position: relative;
  padding: 5px 70px 0 50px;
  background-color: #00337a;
  color: #fff;
  font-size: 21px;
}

.l-content .h4Ttl_point>span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-top: solid 19px #fff;
  border-right: solid 19px #fff;
  border-bottom: solid 19px transparent;
  border-left: solid 19px transparent;
}

.l-content .pointArea {
  width: 1030px;
  margin: 0 auto;
  border-bottom: solid 3px #00337a;
}

.l-content .pointArea .pointList {
  display: flex;
  justify-content: center;
}

.l-content .pointArea .pointList .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.l-content .pointArea .pointList .item:not(:first-child) {
  margin-left: 18px;
}

/* /POINT */


/* その他の関連ロボットパッケージはこちら */
.l-content .relatedPageList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 950px;
  margin: 0 auto;
}

.l-content .relatedPageList .item {
  padding: 15px 12px 20px;
  border: 1px solid #cacaca;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
}

.l-content .relatedPageList .item:not(:nth-child(3n+1)) {
  margin-left: 16px;
}

.l-content .relatedPageList .item:nth-child(n+4):last-child {
  margin-right: auto;
}

.l-content .relatedPageList .item:nth-child(n+4) {
  margin-top: 16px;
}

.l-content .relatedPageList .item .pic {
  width: 280px;
}

.l-content .relatedPageList .item .icon {
  display: flex;
  flex-wrap: wrap;
  width: 280px;
  margin-top: 15px;
}

.l-content .relatedPageList .item .icon>span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 20px;
  background: #ececec;
  font-size: 12px;
}

.l-content .relatedPageList .item .icon>span.chara_8 {
  width: 104px;
}

.l-content .relatedPageList .item .icon>span:not(:nth-child(3n+1)) {
  margin-left: 5px;
}

.l-content .relatedPageList .item .icon>span:nth-child(n+4) {
  margin-top: 5px;
}

.l-content .relatedPageList .item .title {
  width: 280px;
  padding-top: 15px;
  font-size: 15px;
  font-weight: bold;
  color: #004098;
  text-align: center;
}

.l-content .relatedPageList .item .btn {
  width: auto;
  margin-top: 15px;
}

.l-content .relatedPageList .item .btn a {
  width: 100%;
}

.l-content .relatedPageList .item.box_hover {
  cursor: pointer;
}

.l-content .relatedPageList .item.box_hover .title,
.l-content .relatedPageList .item.box_hover .icon,
.l-content .relatedPageList .item.box_hover .pic,
.l-content .relatedPageList .item.box_hover .btn a {
  opacity: 0.75;
}
/* /その他の関連ロボットパッケージはこちら */