/* Jpoocce_box */
#Jpoocce_box {z-index: 5;position: relative;/* background-image: url(/images/39/processBg.jpg); */background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color: white;}
section#Jpoocce_box .title_box .page_title{color: var(--secondary);}
section#Jpoocce_box .title_box .page_title::after{background: var(--secondary);}
section#Jpoocce_box .title_box font, section#Jpoocce_box .teinfotext{color: #000000;}
.webBox section#Jpoocce_box .pageh1{color: #666666;font-weight: 300;font-size: 16px;letter-spacing: 0.5em;}
section#Jpoocce_box .moopo_box .more_btn.white font{}
section#Jpoocce_box .moopo_box .more_btn.white span img{}
section#Jpoocce_box .moopo_box .more_btn.white a::after{}
#Jpoocce_box:before{content:"";background: #f5f5f5;position: absolute;width: 100%;height: 52%;top: 0;}
#Jpoocce_box .bg{position:absolute;left: -70px;top: -160px;}
#fakeNumber{position:absolute;top: 0;left: 9%;z-index: 7;}
#fakeNumber >div{display:flex;align-items: center;justify-content: center;}
#fakeNumber >div:after{content:'';position: absolute;background-image: url(/images/39/munBg.png);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;width: 250px;aspect-ratio: 25 / 32;z-index: -1;box-shadow: 0 0 30px rgb(0 0 0 / 10%);}
#fakeNumber .eva{display:flex;flex-direction: column;align-items: center;justify-content: center;}
#fakeNumber .eva b{color:white;font-family: "Arimo", sans-serif;font-size: 135px;text-shadow: 0 0 30px rgb(0 0 0 / 10%);line-height: 1;}
#fakeNumber .eva p{color:white;font-size: 20px;}
#Jpoocce_box .titbox{margin-bottom: 90px;}
#Jpoocce_box .entitle_box, #custom_area .entitle_box  {padding-bottom: 25px;display: block;line-height: 1.5;font-size: 24px;font-weight: 700;}
#Jpoocce_box .workframe {width: 87%;margin: auto 0 auto auto;display: grid;grid-template-columns: 30% 68%;justify-content: space-between;align-items: end;}
#Jpoocce_box article p {margin-bottom: 70px;line-height: 1.5;letter-spacing: 2px;font-weight: 400;width: 93%;text-align: justify;color: #403025;}
#Jpoocce_box .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}
#Jpoocce_box .about_sub_1 { width: 350px; top: -10vw; left: -3vw; }
#Jpoocce_box .about_sub_1 .clip { -webkit-clip-path: url(#clip_about_sub_1); clip-path: url(#clip_about_sub_1); }
#Jpoocce_box .about_sub_2 {width: 470px;top: -26vw;right: 14vw;}
#Jpoocce_box .about_sub_2 .clip { -webkit-clip-path: url(#clip_about_sub_2); clip-path: url(#clip_about_sub_2); }
#Jpoocce_box .about_sub_3 { width: 300px; bottom: -11vw; left: 35vw; }
#Jpoocce_box .about_sub_3 .clip { -webkit-clip-path: url(#clip_about_sub_3); clip-path: url(#clip_about_sub_3); }
#Jpoocce_box #about_img{ right: -110px; }
.moopo_box{margin-bottom: 150px;}

/* process */
#process{display: flex;width: 100%;justify-content: flex-end;position: relative;margin-top: 40px;}
#process .imgbox{position: absolute;left: 0;top: 0;display: flex;gap: 30px;}
#process .imgbox p{writing-mode: vertical-lr;display: flex;align-items: center;gap: 20px;font-size: 20px;margin-top: 15px;letter-spacing: 10px;color: #54433b;}
#process .imgbox p b{font-size: 20px;letter-spacing: 0;color: var(--secondary);}
#process .list{width: 68%;display: flex;margin-top: 40px;}
#process .list >div{border-right:1px solid #d5d5d5;}
#process .list >div:not(:last-child):after{content:'';width: 1px;position: absolute;top: 0;right: -1px;height: 60px;background: #8c7860;}
#process .list >div:last-child{border:0}
#process .list .slick-slide{
    margin: 10px;
    background: rgb(255 255 255 / 70%);
    padding: 66px 20px;
    border-radius: 15px;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
#process .list .slick-slide p{font-size:14px;margin-bottom: 0;}
#process .list >div .top{display:flex;align-items: center;justify-content: space-between;}
#process .list >div .top p{display:flex;align-items: baseline;font-family: "DM Sans", sans-serif;font-size: 37px;gap: 10px;font-weight: 600;}
#process .list >div .top p b{font-family: "DM Sans", sans-serif;font-size: 18px;font-weight: 600;}
#process .list >div .top .img{height:60px;aspect-ratio: 1/1;border-radius: 50px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;}
#process .list >div .h3{font-size: 18px;margin-bottom: 10px;margin-top: 30px;overflow: hidden;margin: 10px 0 15px;height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#process .list >div .h3:after{content:'';background:#8c7860;width: 30px;height: 1px;display: block;margin: 20px 0 15px;}
#process .list >div article{height:auto;-webkit-line-clamp: 2;}

.dooinmore{display:flex;width: 65%;margin-left: 33%;margin-top: 60px;}
#process .list >div article p{color: #6b6763;}
@media screen and (max-width: 1470px) {
	 #process .list{width: 67%;}
     #process .imgbox{width: 28%;gap: 10px;}#process{width: 97%;}
     #Jpoocce_box .workframe{width: 90%;}
     #Jpoocce_box .titbox{margin-bottom: 30px;}
     #Jpoocce_box .bg{width: 320px;}
	.dooinmore{margin-top: 30px;}
	#process .list .slick-slide{padding: 36px 20px;}
}

@media screen and (max-width: 1024px){
	#process .list{width: 100%;}
    #process .list >div{padding: 15px 30px;}
    #process{width: 90%;margin: 30px auto 0;flex-wrap: wrap;}
    #process .imgbox{width:auto;position: relative;width: 95%;}
    #process .imgbox p{writing-mode:unset;font-size: 20px;}
	#process .imgbox p b{font-size: 20px;}
    #process .imgbox img{display:none;}
    #Jpoocce_box article p{width:90%}
    #Jpoocce_box .titbox{margin-left: 40%;margin-bottom: 7%;}
    #Jpoocce_box .workframe{grid-template-columns:1fr;margin-top: 5%;}
	#fakeNumber{top: 130px;}
    #Jpoocce_box .bg{top: -20px;}
}

@media screen and (max-width: 980px) {
	#Jpoocce_box .title_box{font-size:30px;}
    #fakeNumber{left: 5%;}
	#Jpoocce_box #about_info { margin-bottom: 8vw; }
	#Jpoocce_box .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#Jpoocce_box .about_sub_3 { width: 29vw; left: 10vw; }
}
@media screen and (max-width: 760px){
	#Jpoocce_box .entitle_box, #custom_area .entitle_box{font-size: 20px;}
    #process .list >div:not(:last-child):after{height: 1px;width: 60px;right: 0;bottom: -1px;top: unset;}
    #process .list{grid-template-columns:1fr;margin-top: 10px;}
    #process .list >div{border:0;border-bottom: 1px solid #d5d5d5;padding: 30px 0px;}
    #Jpoocce_box article p{width:100%}
    #Jpoocce_box #about_info {width: 85%;margin: 0 auto;}
	.moopo_box{width: 85%;margin-bottom: 50px;}
    #Jpoocce_box .title_box{margin-bottom: 0;padding-bottom: 10px;}
    #Jpoocce_box .titbox{width: 85%;margin: 35px auto;}
	#fakeNumber{top: 90px;left: 10%;display: none;}
    #Jpoocce_box .workframe{width: 100%;margin-top: 250px;display: flex;flex-direction: column;align-items: center;}
    #fakeNumber >div:after{zoom: 65%;}
    #Jpoocce_box .bg{width: 100%;height: 240px;overflow: hidden;}
	#Jpoocce_box .bg img{width:100%;}
    #fakeNumber .eva b{font-size: 85px;}
	#Jpoocce_box #about_img { width: 80vw; }
	#Jpoocce_box .about_sub_2 { bottom: 60vw; }
}
@media screen and (max-width: 480px){
	#Jpoocce_box .bg{height:160px}
	#Jpoocce_box .workframe{margin-top: 80px;}
	.dooinmore{display:flex;flex-direction: column;align-items: center;width: 100%;margin-left: 0;margin-top: 5px;margin-bottom: 30px;}
	#process .list >div{padding: 10px 0;}
}