.advantage-circle{
	display:none;
}

.circleAnima{
stroke-dasharray:1020px;
animation:circleAnima 3s both;
animation-delay:0.5s;
	display:block;
}

.advantage-circle01 {
animation-delay:0.5s;
}

.advantage-circle02 {
animation-delay:1s;
}

.advantage-circle03 {
animation-delay:1.5s;
}

@keyframes circleAnima {

0% {

stroke-dashoffset:1020px;
}


100% {

stroke-dashoffset:0px;
}

}

.circle-txt{
	opacity:0;
}

.circle-txt01{
	animation-delay:1s;
}

.circle-txt02{
	animation-delay:1.5s;
}

.circle-txt03{
	animation-delay:2s;
}

.circleSlideAnime{
	animation-name:logoSlide;
    animation-duration:1s;
	opacity: 0;
    animation-fill-mode:forwards;
}

@keyframes logoSlide{
    0% {
        transform: translateY(10px)
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

#peaceofmind{
	text-align:center;
	position:relative;
}

#peaceofmind:before{
content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 70%;
    transform: translate(-50%, -50%);
    background: url(../images/peaceofmind.png) no-repeat center center / cover;
    z-index: -1;
}

#peaceofmind svg{
    width: 80%;
    margin: 0 auto;
    display: block;
}

#main_advantage{
background: var(--main);
    color: var(--main-r);
    z-index: -5;
    position: relative;
}

.advantage-wrap{
	margin-bottom:10rem;
}

.advantage-wrap:last-child{
	margin-bottom:0rem;	
}

.advantage-title{
    text-align: center;
    margin-bottom: 5rem;
}

.advantage-title h2{
    font-size: 3rem;
}

.advantage-title h3{
    font-size: 8rem;
    line-height: 1;
    letter-spacing: 8px;
    color: var(--main);
    text-shadow: 1px 0 0 #ffffff, 0 1px 0 #ffffff, -1px 0 0 #ffffff, 0 -1px 0 #ffffff;
}

.advantage-flex{
	display:flex;
	flex-wrap:wrap;
}

.advantage-l,
.advantage-r{
	width:50%;
}

.advantage-l{
margin-bottom: 5rem;
	height:45rem;
}

.advantage-r{
background: var(--main-r);
    margin-top: 5rem;
    padding:5rem;
	display:flex;
	align-items:center;
	position:relative;
}

.advantage-r:before{
content: "";
    position: absolute;
    background: var(--main-r);
    width: 5rem;
    height: 100%;
    top: 0;
    left: -5rem;
    z-index: -1;
}

.advantage-text h4{
background: var(--main);
    display: inline-block;
    line-height: 1;
    padding: 1rem;
    margin-bottom: 3rem;
    font-size: 2.3rem;
}

.advantage-text p{
	line-height:2;
	font-size:1.6rem;
}

.reverse .advantage-flex{
	flex-direction:row-reverse;
}

.reverse .advantage-r:before{
    left: initial;
	right:-5rem;
}

#quality h2{
	font-size:3rem;
	text-align:center;
	margin-bottom:7rem;
	padding-bottom:3rem;
	position:relative;
}

#quality h2:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translatex(-50%);
	width:100px;
	height:1px;
	background:var(--main);
}

.quality-item{
	margin-bottom:7rem;
}

.quality-item::last-child{
	margin-bottom:0;
}

.quality-img{
    width: calc(30% - 2.5rem);
    aspect-ratio: 4 / 4;
}

.quality-text{
    width: calc(70% - 2.5rem);	
}

.quality-text h3{
	font-size:2rem;
	background:var(--main);
	color:var(--main-r);
	display:inline-block;
	line-height:1;
	padding:1rem;
	margin-bottom:3rem;
}

.quality-text p{
	line-height:2;
}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1400px) {
#peaceofmind svg {
    width: 100%;
}
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:960px) {

}

@media screen and (max-width:767px) {
.advantage-wrap {
    margin-bottom: 7rem;
}
.advantage-title {
    margin-bottom: 3rem;
}
.advantage-title h2 {
    font-size: 1.6rem;
	margin-top:1rem;
}
.advantage-title h3 {
    font-size: 3rem;
letter-spacing: 7px;
}
.advantage-text h4 {
    margin-bottom: 2rem;
    font-size: 1.6rem;
}
.advantage-text p {
    line-height: 1.5;
    font-size: 13px;
}
.advantage-flex {
width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.advantage-l, .advantage-r {
    width: 100%;
}
.advantage-l {
    margin-bottom: 0;
    height: 25rem;
    margin-left: 2rem;
}
.advantage-r {
    padding: 3rem;
margin-right: 2rem;
    margin-top: -2rem;
}
.advantage-r:before{
	display:none;
	}
#quality h2 {
font-size: 1.8rem;
        padding-bottom: 2rem;
        margin-bottom: 5rem;
}
.quality-item{
    gap: 2rem;
    align-items: flex-start;
	}
.quality-img{
width: calc(40% - 1rem);
	}
.quality-text {
    width: calc(60% - 1rem);
}
.quality-text h3 {
    font-size: 1.4rem;
    margin-bottom: 2rem;
}
}