body p{ 
font-size: 18px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 400;font-style: normal;}
body h2{font-family: "Zen Kaku Gothic New", sans-serif;font-weight: 700 !important;}

#valueproposition .demant{color: #00225a;}
#valueproposition .demant .lead{color: #a4d3ae;text-align: center;}
#valueproposition .ct-cont{text-align: center;}
#valueproposition .mb-about{margin-bottom: 35px;}
#valueproposition .black{color: #333;}
#valueproposition .value .img img{width: 100%;}
#valueproposition .value h3{font-size: 20px;margin-bottom: 15px;}
#valueproposition .value .hosho{background: #0064b1;text-align: center;color: #fff;font-weight: bold;padding: 12px;}
#valueproposition .value .tit-area{display: flex;gap: 10px;}
#valueproposition .value .tit-area .icon{width: 55px;}
#valueproposition .demant .hans{margin-top: 25px;}
#valueproposition .demant .hans img{width: 80px;display: inline-block;margin-right: 15px;}
#valueproposition .demant .hans .name{font-size: 15px;display: inline-block;}
#valueproposition .demant .hans .name span{padding-left: 62px;}
#valueproposition .demant .lead{margin-bottom: 20px;}
#valueproposition .demant .tit-area .r-img{text-align: center;}
#valueproposition .demant .tit-area .r-img img{width: 70%;}
#valueproposition .bg-mark{
background-image: url('../images/valueproposition/valueproposition_lchc_07_sp.svg');
background-size: cover; /* 画像を全体にフィット */
background-position: bottom; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
}
#valueproposition .shop-img{
background-image: url('../images/valueproposition/valueproposition_lchc_08.png');
background-size: 90%;
background-position: center bottom;
background-repeat: no-repeat; /* 繰り返しを防止 */
padding-bottom: 30%;
margin-bottom: 50px;
}
#valueproposition .lchc h2{color: #fff; text-align: center;}
#valueproposition .lchc{color: #fff; text-align: center;}
#valueproposition .point{width: 80%;margin: 25px auto 40% auto; position: relative;}
#valueproposition .value-tit{
background-image: url('../images/valueproposition/valueproposition_value01.png');
background-size: cover; /* 画像を全体にフィット */
background-position: center; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
height: 150px;
position: relative;
margin-bottom: 30px;
}
#valueproposition .value-tit .obi{position: absolute;right: 0;bottom: 0;}
#valueproposition .value-tit .icon{position: absolute;right: 20px;bottom: -50px;width: 120px;}
#valueproposition .value-tit h2 img{position: absolute;top: 0;bottom: 0;margin: auto 0 auto 15px;width: 170px;}

#valueproposition .support a.btn-re{
padding: 13px;
  margin: 30px auto 10px auto;
  display: block;
  color: #fff !important;
  background: #d93b30;
  text-decoration: none;
  font-weight: bold;
  font-size:20px;
  border-radius: 30px;
  text-align:center;
  text-decoration:none !important;
width: 280px;
}
#valueproposition .support a.btn-re:before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 30px;
  margin: 0 15px 0 0;
  background: url("../images/valueproposition/valueproposition_btn_icon.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
}
#valueproposition .support a.btn-re:hover {
color: #C84031 !important;
background: none;
outline: solid 2px #C84031;
}


@media screen and (min-width: 550px) {
#valueproposition .value-tit{height: 250px;margin-bottom: 70px;}
#valueproposition .value-tit h2 img{margin: auto 0 auto 55px;width: 250px;}	
#valueproposition .value-tit .icon{right: 30px;bottom: -70px;width: 150px;}
}


@media screen and (min-width: 768px) {
#valueproposition .value h3{font-size: 27px;line-height: 1.5;}
#valueproposition .value .tit-area .icon{width: 85px;}
#valueproposition .demant .tit{text-align: left;}
#valueproposition .demant .lead{text-align: left;font-size: 27px !important;}
#valueproposition .demant .tit-area{display: flex;}
#valueproposition .demant .tit-area .r-img img{width: 100%;}
#valueproposition .demant .l-area{width: 65%;}
#valueproposition .demant .hans{margin-top: 50px;}
#valueproposition .demant .hans img{width: 180px;margin-right: 25px;}
#valueproposition .demant .hans .name{font-size: 18px;}
#valueproposition .demant .hans .name span{padding-left: 75px;}
#valueproposition .bg-mark{
background-image: url('../images/valueproposition/valueproposition_lchc_07.svg');
background-size: 1400px; /* 画像を全体にフィット */
background-position: bottom; /* 中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
}
#valueproposition .point{width: 100%;height: 400px; margin: 55px auto 100px auto;}
#valueproposition .point .one-img{position: absolute;top:35%;left:0;}
#valueproposition .point .one-txt{position: absolute;top:5%;left:0;}
#valueproposition .point .two-img{position: absolute;top:0;left:32%;}
#valueproposition .point .two-txt{position: absolute;top:43%;left:34%;}
#valueproposition .point .three-img{position: absolute;top:65%;right:0;}
#valueproposition .point .three-txt{position: absolute;top:20%;right:0;}
#valueproposition .point img{width: 70%}	
#valueproposition .value-tit{height: 370px;margin-bottom: 70px;}
#valueproposition .value-tit .icon{right: 50px;bottom: -50px;width: 210px;}
#valueproposition .value-tit h2 img{margin: auto 0  auto 50px ;width: 370px;}
}
	
@media screen and (min-width: 800px) {
#valueproposition .point{width: 100%;height: 500px; margin: 55px auto 100px auto;}
#valueproposition .point .one-img{position: absolute;top:35%;left:5%;}
#valueproposition .point .one-txt{position: absolute;top:5%;left:5%;}
#valueproposition .point .two-img{position: absolute;top:0;left:35%;}
#valueproposition .point .two-txt{position: absolute;top:43%;left:37%;}
#valueproposition .point .three-img{position: absolute;top:57%;right:0;}
#valueproposition .point .three-txt{position: absolute;top:20%;right:3%;}
#valueproposition .point img{width: 80%}
}

@media screen and (min-width: 1000px) {
#valueproposition .demant .tit{font-size: 45px;}
#valueproposition .point{width: 100%;height: 710px; margin: 85px auto 100px auto;}
#valueproposition .point .one-img{position: absolute;top:295px;left:95px;}
#valueproposition .point .one-txt{position: absolute;top:100px;left:95px;}
#valueproposition .point .two-img{position: absolute;top:0;left:400px;}
#valueproposition .point .two-txt{position: absolute;top:270px;left:425px;}
#valueproposition .point .three-img{position: absolute;top:405px;right:0;}
#valueproposition .point .three-txt{position: absolute;top:170px;right:30px;}
#valueproposition .point img{width: 100%}
#valueproposition .shop-img{background-size: 900px;margin-bottom:80px;padding-bottom: 280px;}
#valueproposition .value-tit h2 img{margin: auto 0 ;width: 370px;}
}