@charset "utf-8";

.l-content .txtList li {
  position: relative;
  padding-left: 16px;
}

.l-content .txtList li::before {
  position: absolute;
  left: 0;
  content: "・";
}

/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 150px;
  margin-bottom: 25px;
  background: url("/maker/misumi/mech/pr/newproduct/economy/cp_review/img/mv_250520.png") no-repeat 0 0;
  position: relative;
}

.l-content .mainVisual h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* h2Ttl */
.l-content .h2Ttl {
  position: relative;
  border-bottom: 2px solid #cccccc;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
}

.l-content .h2Ttl>span {
  border-left: 5px solid #ffcc00;
  display: block;
  padding: 0 0 0 10px;
  line-height: 1.2;
}

/* h3Ttl */
.l-content .h3Ttl {
  font-size: 14px;
}

/* summary */
.l-content .summary {
  font-size: 18px;
  text-align: center;
}

/* participateFlow */
.l-content .participateFlow {
  display: flex;
  justify-content: space-between;
}

.l-content .participateFlow .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  width: 220px;
  padding: 10px;
  background: #fc0;
}

.l-content .participateFlow .item:not(:first-child)::before {
  position: absolute;
  top: 50%;
  left: -16px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 11px solid #c9c9ca;
  transform: translateY(-50%);
  content: "";
}

.l-content .participateFlow .item .num {
  font-size: 16px;
  font-weight: bold;
}

.l-content .participateFlow .item .txtArea {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 200px;
  height: 80px;
  padding-top: 3px;
  margin-top: 5px;
  background: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

/* aboutBenefits */
.l-content .aboutBenefits {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: 680px;
  padding: 10px;
  margin: 0 auto;
  background: #fc0;
}

.l-content .aboutBenefits .head {
  font-size: 18px;
  font-weight: bold;
}

.l-content .aboutBenefits .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 660px;
  padding: 15px 45px;
  background: #fff;
}

.l-content .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 60px;
  margin: 0 auto;
  font-size: 17px;
}

/*20240827追加*/
.l-content .reviewArea .item {
  width: 880px;
  border: solid 1px #ccc;
  padding: 15px 20px 15px 15px;
}
.l-content .reviewArea .item .contents {
  display: flex;
  align-items: flex-start;
}
.l-content .reviewArea .item .contents .review {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
.l-content .reviewArea .item .contents .image {
  width: 210px;
}
.l-content .reviewArea .item .contents .text {
  width: 440px;
  font-size: 14px;
}
.l-content .reviewArea .item .contents .text p {
  line-height: 25px;
  text-align: justify;
}
.l-content .reviewArea .item .contents .button {
  width: 230px;
}
.l-content .reviewArea .item .contents .button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 50px;
}


/* 241218 */
/* aboutBenefits */
.l-content .aboutBenefits .wrap .cpNumber{
  width: 130px;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  font-weight: bold;
  background-color: #000000;
  color: #ffffff;
}

.l-content .aboutBenefits .wrap .cpSubject{
  padding: 5px 15px;
  font-weight: bold;
  background-color: #fff8da;
}

.l-content .aboutBenefits .cpPlus{
  position: relative;
}

.l-content .aboutBenefits .cpPlus::after{
  content: "さらに";
  font-size: 15px;
  width: 50px;
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 80px;
}

.l-content .aboutBenefits .wrap a{
  color: #004bb1;
}

.l-content .wchance{
  margin: auto;
  width: 950px;
}

.l-content .wchance .sectionTtl{
  line-height: 60px;
  text-align: center;
  background-color: #fff6d4;
}

.l-content .wchance .inner{
  margin: auto;
  width: 918px;
}

.l-content .wchance .ttl{
  position: relative;
  border-bottom: 2px solid #cccccc;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
}

.l-content .wchance .ttl span {
  border-left: 5px solid #ffcc00;
  display: block;
  padding: 0 0 0 10px;
  line-height: 1.2;
}
/* 250220 */
.l-content .wchance .ttl_empty{
  height: 46px
}
/* 250220 */

.l-content .wrapper{
  display: flex;
  justify-content: space-between;
}

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

.l-content .container .item{
  padding-top: 48px;
  padding-bottom: 10px;
  text-align: center;
  width: 221px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  position: relative;
}

.l-content .container .item .icon_new{
  width: 52px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #dd0000;
  position: absolute;
  top: 16px;
  left: 10px;
}

.l-content .container .item .icon_add{
  width: 56px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  background-color: #007b23;
  position: absolute;
  top: 16px;
  left: 10px;
}

.l-content .container .item .name{
  font-size: 15px;
  font-weight: bold;
  color: #004bb1;
}

.l-content .container .item .price{
  text-align: left;
  display: inline-block;
}

.l-content .container .item .price span{
  font-size: 16px;
  font-weight: bold;
}

/* 250220 */

.l-content .fv{
  margin: auto;
  width: 800px;
}

.l-content .fv .fv_em{
  font-size: 22px;
  color: #dd0000;
}

.l-content .fv .flex{
  display: flex;
  justify-content: space-between;
}

.l-content .fv .flex .cpBox{
  width: 332px;
  border: 2px solid #000000;
}

.l-content .fv .flex .cpBox .cpNumber{
  height: 28px;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
}

.l-content .fv .flex .cpBox .flex{
  margin: 15px auto;
  width: 294px;
}

.l-content .fv .flex .cpBox .flex span{
  color: #dd0000;
}


.l-content .fv .flex .cpBox .cp1Text{
  width: 67px;
  height: 66px;
  font-size: 11px;
  background-image: url("/maker/misumi/mech/pr/newproduct/economy/cp_review/img/pic_cp_01_250331.png");
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.l-content .fv .flex .cpBox .cp2Text span{
  font-size: 19px;
}


/* 250220 */

/* 250331 */ 
.l-content .qaBox{
  margin: auto;
  padding: 20px 16px;
  width: 880px;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
}
.l-content .qaBox .flex{
  display: flex;
}
.l-content .qaBox .answer{
  color: #dd0000;
}
/*  */