@charset "UTF-8";
:root {
    --maincolor: #1E1E1E;
    --accentcolor: #FFC82C;
}
.section_statement{
    background-color: transparent;
    .container{
        height: auto;
    }
}

/*common parts*/
body{
    line-height: 1.7;
}
.svg_wrap{
    display: none;
    visibility: hidden;
}
.pc_none{
    display: none;
    @media (max-width: 768px) {
        display: block;
    }
}
.sp_none{
    display: block;
    @media (max-width: 480px) {
        display: none;
    }
}
.section{
    section{
        padding: 6% 0;
		@media (max-width: 768px) {
       padding: 10% 0;
    	}
    }
    h1{
        &.text-en{
            font-size:clamp(2rem, 0.455rem + 7.73vw, 6.25rem);
            font-family: "PT Serif", serif;
        }
        + .text-jp{
            display: none;
            @media (max-width: 480px) {
                display: inline-block;
            }
        }
    }
    h2{
        font-size: clamp(1.563rem, 0.994rem + 2.84vw, 3.125rem);
        font-family: "PT Serif", serif;
    }
}
.text__anim{
    position: relative;
    display: inline-block;
    line-height: normal;
    .text__word{
        clip-path: inset(0 100% 0 0);
        transition: all .3s ease .8s;
    }
    .text__bg {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        background-color: var(--accentcolor);
        transform: scaleX(0);
    }
    &.active{
        .text__word{
            clip-path: inset(0 0 0 0);
        }
        .text__bg {
            animation: curtain 1s ease 1.5s 1 normal both running ;
        }
    }
}

/*privacy-policy*/
.policy-wrap {
	width: 674px;
	    margin: 0 auto;
}
.policy-desc {
	margin: 4.375em 0;
}
.head {
	font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 18px;
    border-bottom: 1px solid #7A827D;
    display: inline-block;
	margin-bottom: 30px;
}
.text {
	margin-bottom: 4.375em;
}
.head-contact {
	font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 18px;
	border-top: 1px solid #7A827D;
    padding-top: 30px;
    margin-bottom: 10px;
}
.head-contact-desc {
	font-size: 13px;
	margin-bottom: 30px;
}
.prof-wrap {
	font-size: 15px;
	display: flex;
	margin-bottom: 10px;
	
}
.prof-wrap-tit {
	font-weight: 400;
	width: 130px;
}
.head-contact-btn  {
	margin-top: 40px;
}
.btn_animation_text {
	color: #1E1E1E;
}


@media (max-width: 780px) {
	.policy-wrap {
	width: 100%;
	}
	.privacy_btn{
		width: 210px;
        padding: 22px 15px;
        height: 30px;
		margin-top: 20px;
	}
	.prof-wrap-tit {
	width: 30%;
	}
	.prof-wrap-cont {
		width: 70%;
	}
	.head {
		font-size: 17px;
	}
	.text {
    font-size: 15px;
	}
	
}