.about .intro{
    gap: 2vw;
    padding: 40px 0;
}
.about .b-border{
    border-bottom: 2px dotted #ccc;
}

.about .intro .md_radius_photo{
    max-width: 40%;
}
.about .intro .txt{
   width: 65%;
}
.about .intro .txt h3{
    font-size:clamp(24px, 1.8vw, 36px);
    margin-bottom: 20px;
}
.arrow{
    background: url(../img/top/big-arrow.png) no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    margin: 40px auto;
}
.arrow p {
    font-size: clamp(24px, 2.5vw, 36px);
    letter-spacing: 0;
}
.arrow h4{
    font-size: clamp(32px, 2.5vw, 40px);
    letter-spacing: 0;
}
.arrow h4 span {
    font-size: clamp(36px, 2.5vw, 48px);
}
.bg_point{
    background:#fff7f2;;
}
.point{
    gap: 2vw;
}
.point .txt{
    width: 70%;
}
.point .txt h3{
    font-size: clamp(16px, 1.4vw, 28px);
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 20px;
}
.point .txt h3::before{
    content: "●";
    font-size: clamp(18px, 1.5vw, 28px);
    color: var(--site-tertiary-keycolor);
    vertical-align: unset;
}

.difference .annotation_txt .icon::before{
	content: '';
	background: url(../img/top/icon_info.svg)no-repeat;
	background-size: contain;
	width:44px ;
	height: 44px;
	display: inline-block;
  }
  .difference .annotation_txt{
	padding-left: 0em;
    text-indent: 0em;
  }
  .difference .annotation_txt span{
	display: flex;
	font-size: 16px;
	justify-content: end;
  }

.private{
    margin-top: 60px;
}
.private-box{
    gap: 2vw;
    background: #fff7f2;

}
.private-box .txt{
    max-width: 62%;
}
.private-box ul{
    margin-bottom: 20px;
}
.private-box ul li{
    font-size: clamp(18px, 1.4vw, 28px);
    position: relative;
    padding-left: 1.4em;
    margin-bottom: 10px;
}
.private-box ul li::before{
    content: "";
    background: url(../img/biggner/icon-check.png)no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.conclusion{
    position: relative;
    margin-bottom: 2vw;
}
.conclusion .md_radius_photo{
    margin-left: 36vw;
}
.conclusion .txt {
    background: #fff7f2;
    width: 60%;
    position: absolute;
    left: 0;
    top: 3vw;
    z-index: -1;
    border-radius: 10px;
    padding: 0 5.5vw 30px 30px;
    font-size: clamp(20px, 2vw, 40px);
}
.conclusion .txt h5{
        font-size: clamp(16px, 1.3vw, 30px);
        margin-top: -1.5vw;
        margin-left: 1vw;
        margin-bottom: 10px;
        padding-left: -20px;
        width: 85%;
        padding: 10px 20px;
    }
.conclusion .txt p{
    font-size: clamp(20px, 1.8vw, 40px);
}

.private-point .check{
	margin: 60px 0;
	gap: 1vw 1vw;
  }
  .private-point .check li{
	width: 49%;
	border: 4px solid var(--site-secondary-keycolor);;
	overflow: hidden;
	border-radius: 30px;
	display: inline-block;
  }
  .private-point .check li:nth-child(2),
  .private-point .check li:nth-child(3){
    border: none;
  }
  .private-point .check li p{
	position: relative;
	padding: 20px 20px 20px 80px;
	font-size: clamp(14px, 2vw, 18px);
	font-weight: bold;
  }
  .private-point .check li .icon::before{
	background: url(../img/top/icon-check.svg)no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
    left: 20px;
    top: 25px;
	font-weight: bold;
  }

  .private-point .caveat h3{
	padding: 30px;
    margin-bottom: 0.2rem;
    background-image:
        linear-gradient(#f5f842  0 100%),
        repeating-linear-gradient(45deg, #0000003d 0 3px, #f5f842  3px 6px);
    background-repeat: no-repeat;
    background-size: calc(100% - 2vw) 5.5vw, 100%;
    background-position: center;
    font-size: clamp(30px, 2.5vw, 48px);
	margin-bottom:40px ;
  }
  .private-point .caveat h3 .icon::before{
	background: url(../img/top/icon-caveat.svg)no-repeat;
	width: 45px;
	height: 40px;
	vertical-align: middle;
  }
  .private-point .caveat h4{
	font-size: clamp(24px, 2vw, 32px);
	margin-bottom:40px;
  }
  .private-point .caveat .intro{
	gap: 2vw;
	margin-bottom: 40px;
  }
  .private-point .caveat .caveat-point{
	margin-top: 20px;
  }
  .private-point .caveat .caveat-point h5{
	background: #f5f842;
	border-radius: 50px;
	border: 4px solid #333;
	font-size: clamp(16px, 1.5vw, 24px);
	padding: 5px 0;
	width: 70%;
	margin: 0 auto -35px;
	z-index: 2;
	position: relative;
  }
  .private-point .caveat .caveat-point ul{
	border-radius: 10px;
	border: 4px solid #333;
	padding: 40px 30px 30px;
  }
  .private-point .caveat .caveat-point ul li{
	border-bottom: 2px solid #d8d8d8;
	font-size: clamp(16px, 1.5vw, 24px);
	line-height: 2;
  }
  .private-point .caveat .caveat-point ul li .icon::before{
	background: url(../img/top/icon-caveat-sub.png)no-repeat;
    background-size: contain;
	width: 39px;
	height: 35px;
	vertical-align: middle;
  }
  .private-point .caveat .txt{
    width: 52%;
  }
  .private-point .countermeasure h3{
    font-size: clamp(20px, 2vw, 40px);
    margin-bottom: 30px;
  }
  .countermeasure ul{
    margin: 40px 0 100px;
  }
  .countermeasure ul li {
    background: #ffded8;
    padding: 15px 0;
    width: 19%;
}
.countermeasure ul li img{
	max-width: 110px;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
  }
  .countermeasure h3{
	font-size: clamp(30px, 2vw, 40px);
	margin-bottom: 40px;
  }
  .countermeasure ul {
	margin: 40px 0 100px;
  }
  .countermeasure ul li p{
	font-size: clamp(18px, 1.5vw, 28px);
  }
  .countermeasure .countermeasure-point{
	font-size: clamp(24px, 2.2vw, 40px);
	position: relative;
	width: 50vw;
	margin: 20px auto;
  }
  .countermeasure .countermeasure-point::before,
  .countermeasure .countermeasure-point::after {
    position: absolute;
    width: 30px;
    height: 30px;
    transition: .3s;
    content: '';
}
.countermeasure .countermeasure-point::before {
    top: -20px;
    left: 0px;
    border-top: 10px solid #209b20;
    border-left: 10px solid #209b20;
}

.countermeasure .countermeasure-point::after {
    bottom: -20px;
    right: 0px;
    border-right: 10px solid #209b20;
    border-bottom: 10px solid #209b20;
}

@media only screen and (max-width: 1024px) {
    .private-point .caveat h3{
        background-size: calc(100% - 2vw) 8.5vw, 100%;
    } 
    .private-point .caveat .txt {
        width: 100%;
    } 
    .countermeasure ul{
        margin: 30px 0 70px;
    }
    .private-box ul li{
        padding-left: 1.6em;
    }
    .conclusion{
        margin-bottom: 8vw;
    }
    .conclusion .md_radius_photo{
        margin-left: 38vw;
    }
}
@media only screen and (max-width: 960px) {
    .private-point .caveat h3{
        background-size: calc(100% - 2vw) 11.5vw, 100%;
    } 
    .countermeasure .countermeasure-point{
        width: 80%;
    }
    .conclusion .md_radius_photo{
        margin-left: 52vw;
    }
}
@media only screen and (max-width: 568px) {
    .about .intro{
        flex-direction: column;
        padding: 20px 0;
    }
    .about .intro .md_radius_photo,
    .about .intro .txt{
        width: 100%;
        max-width: 100%;
    }
    .about .intro .txt h3{
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .arrow{
        margin: 0 auto;
        background-position: center top;
        padding: 10px 0 20px;
    }
    .arrow p{
        font-size: 19px;
    }
    .arrow h4{
        font-size: 21px;
    }
    .arrow h4 span{
        font-size: 24px;
    }
    .sp-full{
       margin: 0 -5.7vw;
       width: 100vw;
    }
    .md_inner_space{
        padding: 20px;
        margin-bottom: 20px;
    }
    .point{
        flex-direction: column;
    }
    .point .txt{
        width: 100%;
    }
    .point .txt h3{
        font-size: 18px;
    }

   
	.difference .annotation_txt span{
		font-size: 10px;
		justify-content: start;
		letter-spacing: 0;
	}
	.difference .annotation_txt .icon::before{
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}
    .private{
        margin-top: 30px;
    }
    .private-box{
        flex-direction: column;
    }
    .private-box .txt{
        width: 100%;
        max-width: 100%;
    }
    .private-box ul li::before{
        width: 13px;
        height: 13px;
        top:15px;
    }
    .private-box ul li{
        font-size: 18px;
        padding-left: 1em;
    }
    .conclusion{
        margin-bottom: 0;
    }
    .conclusion div{
        flex-direction: column;
    }
    .conclusion .txt{
        position: static;
        width: 100%;
        padding:0 20px 20px;
    }
    .conclusion .md_radius_photo{
        margin-left: 0;
        z-index: -1;
    }
    .conclusion .txt h5{
        z-index: 1;
        position: relative;
        font-size: 16px;
        margin: -17px auto 10px;
        width: 100%;
        padding: 5px 0;
    }
    .conclusion .txt p{
        font-size: 18px;
    }
    .private-point .check{
        margin: 20px 0;
        flex-direction: column;
        gap: 4vw;
    }
    .private-point .check li{
        width: 100%;
        border-radius: 15px;
    }
    .private-point .check li:nth-child(2),
    .private-point .check li:nth-child(3) {
        border: 4px solid var(--site-secondary-keycolor);
    }
    .private-point .check li p{
        font-size: 16px;
    }
    .private-point .caveat h3{
		margin: 0 -5.7vw;
		font-size: 29px;
		position: relative;
		padding: 5px;
		background-size: calc(100% - 0rem) 5.5rem, 100%;
		line-height: 1.4;
		padding: 10px;
	}
	.private-point .caveat h3 .icon::before{
		background-size: contain;
		width: 30px;
		height: 26px;
		position: absolute;
		left: 10vw;
		bottom: 4.5vw;
	}
	.private-point .caveat h4{
		margin: 20px 0;
	}
	.private-point .caveat .intro{
		display: block;
	}
	.private-point .caveat .intro .md_radius{
		width: 50%;
		float: left;
		margin-right: 10px;
	}
	.private-point .caveat .caveat-point h5{
		font-size: 20px;
	}
	.private-point .caveat .caveat-point ul li{
		font-size: 18px;
	}
	.private-point .caveat .caveat-point ul{
		padding: 40px 20px 20px;
	}
	.private-point .caveat .caveat-point ul li .icon::before{
		vertical-align: auto;
        width: 30px;
	}
    .private-point .caveat .intro{
        margin-bottom: 20px;
    }
    .private-point .countermeasure h3{
        margin-bottom: 20px;
    }
    .countermeasure ul{
		flex-wrap: wrap;
		gap:3vw 2vw;
	}
	.countermeasure ul li{
		width: 48%;
	}
	.countermeasure ul li p{
		font-size: 18px;
	}
	.countermeasure ul {
		margin: 20px 0 40px;
	}
	.countermeasure .countermeasure-point{
		width: 100%;
		font-size: 19px;
		letter-spacing: 0;
	}
	.countermeasure .countermeasure-point::before{
		border-top: 5px solid #209b20;
    	border-left: 5px solid #209b20;
		width: 24px;
    	height: 24px;
	}
	.countermeasure .countermeasure-point::after{
		border-right: 5px solid #209b20;
    	border-bottom: 5px solid #209b20;
		width: 24px;
    	height: 24px;
	}


}