/*=============================================================
 point
=============================================================*/
.pointMv { height: 115px; width: 100%; }
@media all and (min-width: 600px) { .pointMv { height: 220px; } }
.pointImg { padding: 15px; }
@media all and (min-width: 600px) { .pointImg { padding: 0 0 15px; } }
.pointBox { position: relative; overflow: hidden; }
.pointBox .ballon { position: relative; top: 10px; text-align: center; z-index: 2; }
.pointBox .ballon .inset { position: relative; display: inline-block; height: 29px; width: 115px; line-height: 29px; background: #e20; border-radius: 30px; color: #fff; font-size: 1.6rem; font-weight: bold; box-shadow: 0 1px 0 rgba(153, 153, 153, 0.8); }
.pointBox .ballon .inset .ico { position: relative; top: -3px; margin-right: 5px; display: inline-block; vertical-align: middle; height: 29px; width: 16px; background: no-repeat center; background-size: contain; }
.pointBox .ballon .inset .ico.ico-01 { background-image: url(../img/item/point/ico_point01.png); }
.pointBox .ballon .inset .ico.ico-02 { background-image: url(../img/item/point/ico_point02.png); }
.pointBox .ballon .inset .ico.ico-03 { background-image: url(../img/item/point/ico_point03.png); }
.pointBox .ballon .inset:before { content: ""; position: absolute; bottom: -21px; left: 50%; border: 7px solid transparent; border-top: 7px solid #e20; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pointBox .titBox { position: relative; padding: 30px 0 20px 100px; background-image: -webkit-linear-gradient(135deg, #23c7ba 25%, #0ac1b2 25%, #0ac1b2 50%, #23c7ba 50%, #23c7ba 75%, #0ac1b2 75%, #0ac1b2); background-image: linear-gradient(-45deg, #23c7ba 25%, #0ac1b2 25%, #0ac1b2 50%, #23c7ba 50%, #23c7ba 75%, #0ac1b2 75%, #0ac1b2); background-size: 8px 8px; }
.pointBox .titBox:before { content: ""; position: absolute; left: 0; bottom: 0; width: 90px; height: 90px; background: url(../img/item/point/img_chara01.png) no-repeat center; background-size: contain; }
.pointBox .titBox:after { content: ""; position: absolute; right: 0; top: 3px; width: 80px; height: 90px; background: url(../img/item/point/ico_arrow01.png) no-repeat center; background-size: contain; opacity: .8; }
.pointBox .titBox h2 { position: relative; color: #fff; font-size: 2.1rem; font-weight: bold; line-height: 1.42857; z-index: 1; }
.pointBox .titBox h2 .is_clr { font-weight: bold; color: #fff32c; }
.pointBox .body { padding: 15px; background: #97e8e1; }
.pointBox .body:before { content: ""; position: absolute; left: -20px; bottom: 0; height: 110px; width: 110%; background-image: -webkit-linear-gradient(135deg, #faf162 25%, #fbf481 25%, #fbf481 50%, #faf162 50%, #faf162 75%, #fbf481 75%, #fbf481); background-image: linear-gradient(-45deg, #faf162 25%, #fbf481 25%, #fbf481 50%, #faf162 50%, #faf162 75%, #fbf481 75%, #fbf481); background-size: 8px 8px; -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); }
.pointBox .body .set { position: relative; margin-bottom: 10px; padding: 18px; border: 3px solid #0ac1b2; background: #fff; border-radius: 6px; z-index: 1; }
.pointBox .body .set .tit { position: relative; margin-bottom: 10px; padding-left: 12px; font-size: 1.6rem; font-weight: bold; color: #0ac1b2; line-height: 1.5; }
.pointBox .body .set .tit:before { content: ""; position: absolute; left: 0; top: 2.5%; width: 7px; height: 95%; background: -webkit-linear-gradient(130deg, #00a691 0%, #00a691 50%, #0ac1b2 51%, #0ac1b2 59%, #0ac1b2 100%); background: linear-gradient(-40deg, #00a691 0%, #00a691 50%, #0ac1b2 51%, #0ac1b2 59%, #0ac1b2 100%); border-radius: 3px; }
.pointBox .body .footSet { position: relative; padding: 20px 0 30px; }
.pointBox .body .footSet .txt { position: relative; z-index: 1; font-size: 1.8rem; font-weight: bold; line-height: 1.5; }
.pointBox .body .footSet .txt .is_clr { font-weight: bold; color: #e20; }
.pointBox .body .footSet .img { position: absolute; right: -15px; bottom: -15px; max-width: 111px; }
@media all and (min-width: 600px) { .pointBox { margin-bottom: 15px; }  .pointBox .ballon { top: 33px; }  .pointBox .ballon .inset { height: 58px; width: 230px; line-height: 58px; font-size: 3.2rem; }  .pointBox .ballon .inset .ico { margin-right: 10px; height: 60px; width: 32px; }  .pointBox .titBox { height: 160px; padding: 50px 20px 30px 200px; box-sizing: border-box; }  .pointBox .titBox:before { width: 190px; height: 200px; }  .pointBox .titBox:after { width: 135px; height: 170px; }  .pointBox .titBox h2 { font-size: 3.8rem; line-height: 1.26316; }  .pointBox .body { padding: 18px 20px; }  .pointBox .body:before { bottom: -20px; height: 200px; }  .pointBox .body .set { margin-bottom: 15px; padding: 29px 30px 32px; border-width: 4px; }  .pointBox .body .set .tit { padding-left: 24px; font-size: 2.5rem; }  .pointBox .body .footSet { padding: 34px 25px 43px; }  .pointBox .body .footSet .txt { font-size: 3.1rem; }  .pointBox .body .footSet .img { right: -3px; max-width: 249px; }  .pointBox + .pointImg { margin-top: 50px; } }
@media all and (min-width: 600px) { .mod_cvBox01 { margin-top: 50px; } }