.pc {
  display: none;
}

.case img {
  max-width: 100%;
  height: auto;
}

.case__header {
  color: #fff;
}

.type-product .case__header {
  background: #D18301;
}
.type-service .case__header {
  background: #22ADD0;
}
.type-maintenance .case__header {
  background: #2D84BC;
}
.type-logistic .case__header {
  background: #B6712B;
}
.type-shop .case__header {
  background: #549B35;
}
.type-financial .case__header {
  background: #7D4698;
}
.type-medical .case__header {
  background: #EC7299;
}


.case__nameArea {
  padding: 20px;
}

.type-product .case__nameArea {
  background: #DA9B00;
}
.type-service .case__nameArea {
  background: #58C3E5;
}
.type-maintenance .case__nameArea {
  background: #3D97D3;
}
.type-logistic .case__nameArea {
  background: #CA965E;
}
.type-shop .case__nameArea {
  background: #7FAC55;
}
.type-financial .case__nameArea {
  background: #A27CB5;
}
.type-medical .case__nameArea {
  background: #F093AF;
}


.case__category {
  display: block;
}
.case__category img{
	max-width: 150px;
}
.type-maintenance .case__category img{
	max-width: 240px;
}
.case__name {
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin: 10px 0 0;
	font-weight: 600;
}

.case__toPdf {
  margin: 40px 0 0;
  padding: 0 20px;
  text-align: center;
}
.case__toPdf.ex{
	padding:0 0px;
}
.profile a {
  color: inherit;
}

.profile__image {
  height: 258px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.profile__list {
  margin: 0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  letter-spacing: 1px;
  line-height: 1.5;
}

.profile__title {
  width: 30%;
  max-width: 100px;
  padding: 0 15px 4px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
}

.profile__title::after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: absolute;
  top: 2px;
  right: 0;
  background: #fff;
}

.profile__data {
  width: 70%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 4px 15px;
}

.commentArea {
  line-height: 1.5;
  padding: 0 0 30px;
}

.commentArea__catch {
  font-size: 23px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
}

.type-product .commentArea__catch {
  color: #DA9B00;
}

.type-service .commentArea__catch {
  color: #58C3E5;
}
.type-maintenance .commentArea__catch {
  color: #3D97D3;
}
.commentArea__catch.pb {
	padding-bottom: 4%;
}
.commentArea__catch.pt {
	padding-top: 4%;
}
.type-logistic .commentArea__catch {
  color: #CA965E;
}

.type-shop .commentArea__catch {
  color: #7FAC55;
}

.type-financial .commentArea__catch {
  color: #A27CB5;
}

.type-medical .commentArea__catch {
  color: #F093AF;
}


.commentArea--type_A .commentArea__catch {
  padding: 20px 5px;
}

.commentArea--type_A .commentArea__person,.commentArea--type_A.commentArea__person {
  /*background: #89A8CE;
  color: #fff;*/
  margin: 0 0 10px;
}

.commentArea.commentArea--type_A.commentArea__person {
	margin-top: 30px;
    line-height: 1.5;
    padding: 0 0 0px;
	margin-bottom: 45px;
	margin-top: 45px;
}
.commentArea__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 257px;
}

.commentArea__right {
  padding: 20px;
}

.commentArea__text {
  font-size: 20px;
  margin: 0 0 0.7em;
	color:#494C54;;
  font-weight: 600;
}

.commentArea__category {
  font-size: 13px;
}

.commentArea--type_B .commentArea__category {
  margin: 15px 0 0;
}

.commentArea__name {
  font-size: 19px;
  padding-bottom: 15px;
}

.commentArea--type_B .commentArea__name {
  margin: 5px 0 0;
	padding-bottom: 10px;
}

.products {
  padding: 0 0 30px;
}

.products__heading {
  color: #fff;
  font-size: 28px;
  text-align: center;
  background: #27292F;
  padding: 10px;
	font-weight: 600;
}

.products__item {
  padding: 15px 15px 50px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.products__image {
  width: 58%;
}

.products__right {
}
/*202204修正*/
.products__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 10px;
}

.products__name {
  font-size: 20px;
	font-weight: 600;
}
.products__name small{
	font-size:70%;
}
.products__btns {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.products__toDetail,
.products__toDetail2,
.products__dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content:left;
  padding: 10px 20px;
  text-align: left;
  white-space: nowrap;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.products__dl.ptn2{
	padding: 0px 20px;
}
.products__toDetail {
  color: #fff;
  background: #AAABAB;
  min-width: 200px;
}

.products__toDetail::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/arrow_btn.png) no-repeat;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.products__toDetail2 {
  color: #000;
  background: #FEF102;
  min-width: 200px;
}

.products__toDetail2::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/arrow_btn.png) no-repeat;
  margin: 0 10px 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.products__dl {
  font-weight: 500;
}

.products__dl::before {
      content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url(../img/arrow_dl.png) no-repeat;
    margin: 0 12px 0 6px
}

.reason__heading {
  color: #fff;
  font-size: 29px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 40px;
  padding: 10px;
  position: relative;
}

.type-product .reason__heading {
  background: #DA9B00;
}

.type-service .reason__heading {
  background: #58C3E5;
}
.type-maintenance .reason__heading {
  background: #3D97D3;
}
.type-logistic .reason__heading {
  background: #CA965E;
}

.type-shop .reason__heading {
  background: #7FAC55;
}

.type-financial .reason__heading {
  background: #A27CB5;
}

.type-medical .reason__heading {
  background: #F093AF;
}

.reason__heading::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -32px;
  left: 50%;
  margin: 0 0 0 -16px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}

.type-product .reason__heading::after {
  border-top: 32px solid #DA9B00;
}

.type-service .reason__heading::after {
  border-top: 32px solid #58C3E5;
}
.type-maintenance .reason__heading::after {
  border-top: 32px solid #3D97D3;
}
.type-logistic .reason__heading::after {
  border-top: 32px solid #CA965E;
}

.type-shop .reason__heading::after {
  border-top: 32px solid #7FAC55;
}
.type-financial .reason__heading::after {
  border-top: 32px solid #A27CB5;
}

.type-medical .reason__heading::after {
  border-top: 32px solid #F093AF;
}

.reason__list {
}

.reason__item {
}

.reason--type_A .reason__item {
  position: relative;
  margin: 0 0 40px;
}

.reason--type_A .reason__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 36px;
  height: 20px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin: 0 0 0 -18px;
  background-repeat: no-repeat;
}

.type-product .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_product.png);
}
.type-service .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_service.png);
}
.type-maintenance .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_maintenance.png);
}
.type-logistic .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_logistic.png);
}
.type-shop .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_shop.png);
}
.type-financial .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_financial.png);
}
.type-medical .reason--type_A .reason__item:not(:last-child)::after {
  background-image: url(../img/arrow_down_medical.png);
}


.reason__subHeading {
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 5px;
  background: #1B2D5A;
}

.reason--type_B .reason__subHeading {
  padding: 15px 5px;
}

.reason--type_B .reason__subHeading .large {
  display: block;
  font-size: 34px;
}

.reason__content {
  color: #595757;
  background: #F7F8F8;
}
.reason__content.mt{
	padding-top: 3%;
}
.reason--type_A .reason__content {
  padding: 20px;
}

.reason__catch {
  font-size: 23px;
  font-weight: 500;
  line-height: 1.4;
}

.reason__outline {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
  margin: 15px 0 0;
}

.type-product .reason__outline {
  color: #DA9B00;
}

.type-service .reason__outline {
  color: #58C3E5;
}

.type-maintenance .reason__outline {
  color: #3D97D3;
}

.type-logistic .reason__outline {
  color: #CA965E;
}

.type-shop .reason__outline {
  color: #7FAC55;
}

.type-financial .reason__outline {
  color: #A27CB5;
}

.type-medical .reason__outline {
  color: #F093AF;
}


.reason__outlineItem::before {
  content: "●";
}
.reason__item{
	list-style: none;
}
.reason__image {
  height: 258px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.reason__image .caption{
	padding:4% 4%;
	font-size:11px;
	line-height: 18px;
	position: relative;
}
.reason__image .caption.pb{
	padding:4% 4% 8%;
}
.reason__text {
  line-height: 1.5;
}
.reason__text span{
	font-weight: bold;
}
.reason--type_A .reason__text {
  margin: 15px 0 0;
}

.reason--type_B .reason__text {
  padding: 20px;
}
.pdf__btn {
  font-size: 14px;
  font-weight: bold;
	text-align: center;
}
.pdf__btn .mini{
	font-size:12px;
}

.pdf__btn a,.mod-link6013_button li .pdf__btn a {
  display: block;
  padding: 5px;
  background: #FFF100;
  color: #2F2725;
	margin-left: auto;
	margin-right: auto;
  position: relative;
	text-align: center;
	font-size:18px;
	width: 100%;
}
.pdf__btn .icon{
	display: inline-block;
	width: 8%;
	margin-right: 2%;
	vertical-align: middle;
}
.pdf__btn a::before, {
  content: "";
	display: block;
	width: 18%;
	height: 0;
	padding: 12% 0 0;
	/*background-image: url(../../img/pdf_icon.png);*/
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 5px;
  left: 10px;
}
.ex-link li{
	width: auto!important;
	margin: 0 0 20px 15px!important;
}
.notes {
    font-size: 10px;
    line-height: 14px!important;
    display: block;
	text-align: left;
}
/*202204修正*/
.mod-headingLv3{
	color: #fff;
    text-align: center;
    background: #27292F;
    padding: 10px;
    font-weight: 600;
}
.mod-headingLv3 h2{
    font-size: 26px;
    font-weight: 600;
}
.mod-freeC652_text p{
	font-size: 18px;
	font-weight: 600;
}

@media screen and (min-width: 641px) {
  .sp {
    display: none;
  }
  .pc {
    display: inline;
  }
  .case {
    width: 885px;
    margin: auto;
  }
  .case__nameArea {
    padding: 20px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .case__category {
    margin: 0 60px 0 0;
  }
  .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 258px;
  }
  .profile__image {
    width: 443px;
    height: auto;
    min-height: 258px;
  }
  .profile__list {
    font-size: 13px;
    width: 442px;
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .profile__title {
    width: 100px;
    padding: 0 15px 5px 0;
  }
  .profile__data {
    width: 282px;
    padding: 0 0 5px 15px;
  }
  .commentArea--type_B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0;
  }
  .commentArea--type_A .commentArea__catch {
    padding: 38px 0;
	font-size:25px;
  }
  .commentArea--type_B .commentArea__catch {
    text-align: left;
	  padding-right: 5%;
  }
  .commentArea__person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .commentArea__text {
	font-size: 23px;
  }
  .commentArea--type_A .commentArea__person {
    margin: 0 0 15px;
  }
  .commentArea--type_A .commentArea__image {
    width: 295px;
    height: auto;
	min-height: 138px;
  }
  .commentArea--type_A .commentArea__image.ex {
    width: 295px;
    height: auto;
	min-height: 184px;
  }
  .commentArea--type_A .commentArea__image.ex2 {
    background-position: center center;
  }
  .commentArea--type_A .commentArea__image.ex3 {
    background-position: center 45%;
  }
  .commentArea--type_B .commentArea__image {
    width: 285px;
    height: auto;
  }
  .commentArea--type_A .commentArea__right.ex {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 590px;
    height: auto;
    padding: 0px 20px;
  }
  .commentArea--type_A .commentArea__right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 590px;
    height: auto;
    padding: 0px 20px;
  }
	.commentArea--type_A.commentArea__person .commentArea__right {
		padding: 0px 20px;

	}
	.commentArea--type_A.commentArea__person .commentArea__right.ex {
		padding: 0px 20px;

	}
  .commentArea--type_B .commentArea__right {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 570px;
    height: auto;
    padding: 0;
  }
  .products__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
  }
  .products__item {
    width: 420px;
    margin: 0 10px;
    padding: 0;
  }
  .products__btns {
    position: relative;
    display: block;
  }
  .products__toDetail,
	.products__toDetail2,
.products__dl {
    margin: 10px 0 0;
    min-width: unset;
    max-width: 230px;
  }
  .reason__heading {
    margin: 0 0 50px;
  }
  .reason--type_A .reason__item {
    margin: 0 0 50px;
  }
  .reason--type_A .reason__item:not(:last-child)::after {
    bottom: -35px;
  }
  .reason--type_B .reason__subHeading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .reason--type_B .reason__subHeading .large {
    display: inline-block;
    margin: -3px 0 3px;
  }
  .reason--type_A .reason__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
  }
  .reason--type_B .reason__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .reason__left {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0 60px 0 0;
  }
  .reason__right {
    width: 50%;
  }
  .reason--type_B .reason__image {
    width: 294px;
    height: auto;
  }
  .reason__image.pt{
	  padding-top: 25px;
	}
  .reason--type_A .reason__text {
    margin: 0;
    line-height: 1.7;
  }
  .reason--type_B .reason__text {
    margin: 0;
    padding: 25px;
    line-height: 1.7;
    width: 591px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .reason--type_B .reason__text.full {
	  width: 100%;
	}
	.pdf__btn,.mod-link6013_button li .pdf__btn {
    font-size: 18px;
		line-height: 18px;
		width: 310px;
		margin-left: auto;
		margin-right: auto;
		display: block;
  }
	.pdf__btn .text{
		display: inline-block;
		vertical-align: middle;
		padding-top: 0.5%;
	}
	.pdf__btn .mini{
		font-size:12px;
	}
  .pdf__btn a::before {
    width: 35px;
	height: 40px;
	padding: 0;
	top: 12px;
	left: 11px;
  }
  .pdf__btn a,.mod-link6013_button li .pdf__btn a {
    padding: 12px 4px;
  }
	
	
  /*202204修正*/
  .ex-flex{
      display: flex;
      justify-content: space-between;
  }
  .ex-flex .products,.ex-flex .mod-freeC652{
	  width: 49%;
  }
	.ex-flex .mod-freeC652{
		margin-top: 0;
	}
	.ex-flex .mod-freeC652_grid{
		display: block;
	}
	.ex-flex .mod-freeC652_item{
		width: calc(100% - 40px);
		box-sizing: border-box;
	}
}
@media screen and (max-width: 640px) {
.reason__image.img{
	height: auto;
}
.reason__image .caption{
	padding:2% 5%;
}
.pdf__btn a,.mod-link6013_button li .pdf__btn a {
		padding:3%;
	}
	.pdf__btn a::before {
		background-size:55%;
		background-position: 5% 30%;
	}
	.pdf__btn .text{
		display: inline-block;
		vertical-align: middle;
		padding-top: 0.5%;
		font-size:14px;
	}
.reason__image.ex {

    height: auto;

}
.mod-link6013_button.ex-link li {
    width: auto;
    margin: 10px 0px;
}
.ex-link li {
    width: auto!important;
    margin: 0 10px 15px 10px!important;
}
.case__toPdf.ex{
	margin:12px 0 0px!important;
}
	.products__image{
		padding-bottom: 5%;
	}
.products__btns {
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  display: block;
  width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.mod-freeC652_text p{
	font-size: 16px;
}


/*202303修正*/
.youtube_wrap{
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}
 
.youtube_wrap iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}



}