#wrap { z-index: 5; }

/* section */
section {padding: 5vw 0;}
section >* { z-index: 3; }
section .title_box {padding-bottom: 3vw;font-size: 30px;font-weight: 400;letter-spacing: 2px;}
section .h2title_box {font-size: 40px;font-family: "Tenor Sans", serif;background: linear-gradient(to left, var(--secondary), var(--primary));background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;font-weight: 400;}
section .clip { margin: auto; width: 100%; }
section .clip img { height: 100%; }
section .clip iframe { width: 100%; height: 100%; top: 0; left: 0; }
section .clip video { width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

/* product_sub_list */
#product_sub_list >div { margin: auto; width: 100%; }
#product_sub_list li {width: 210px;display: block;}
#product_sub_list li .clip { height: 210px; -webkit-clip-path: url(#clip_sub_product); clip-path: url(#clip_sub_product); }
#product_sub_list li h3 { font-weight: 300; }

/* product_list */
#product_list { width: 600px; }
#product_list li .clip { height: 690px; -webkit-clip-path: url(#clip_product); clip-path: url(#clip_product); }
#product_list li .info_box { width: 367px; height: 228px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 367 228'%3E%3Cpath d='M367.78 126C374 16.84 244.78 11.74 169 1.62c-30.92-4.22-65.18-.49-89.25 18.28-10.07 8.27-21.49 9.51-30.69 14.7-10.8 7-24 26.55-31.88 38.77-20.79 30.78-25.12 73.93 3.58 101.93 42.82 40.82 125.08 59.41 182.75 51.15 18.44-2.61 31-8 48.42-10.85 17.13-1.86 30.89-3.56 48.43-10.85 33.48-12.81 54.43-40.22 67.42-78.75z' fill='%23f4ece5'/%3E%3C/svg%3E") no-repeat center / 100%; bottom: 0; left: 0; }
#product_list li .info_box >div { margin: auto; width: 80%; }
#product_list li .info_box h3 { height: auto; font-size: 20px; }
#product_list li .info_box p { margin-right: 10px; font-weight: 300; }
#product_list li .info_box p:first-letter { margin-right: 2px; font-size: 12px; }

/* about_area */
#about_area .workframe{display: grid;grid-template-columns: 55% 35%;align-items: center;justify-content: space-between;}
#about_area .title_box {word-spacing: 100vw;padding-bottom: 2vw;}
#about_area article { margin-bottom: 30px; line-height: 210%; letter-spacing: 2px; font-weight: 400; }
#about_area .clip {-webkit-clip-path: url(#clip_about);clip-path: url(#clip_about);}

/* fakeNumber */
#fakeNumber {margin-bottom: 65px;}
#fakeNumber ul{display:grid;grid-template-columns: repeat(2, 1fr);}
#fakeNumber li h2 {font-size:35px;font-weight: 300;color: #7a7878;font-family: "Lato", serif;display: flex;justify-content: center;}
#fakeNumber li h2 b{color:var(--primary);font-family: "Lato", serif;font-size: max(4 * (1vw + 1vh) / 2, 40px);font-weight: 500;line-height: 1.3;}
#fakeNumber li p{text-align:center;font-size: 20px;}
#fakeNumber li:nth-child(3){position:absolute;left: -48vw;top: -23vw;background: var(--white);box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 20px 40px;}
#fakeNumber li:nth-child(4){position:absolute;background: var(--white);box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 20px 40px;left: -18vw;bottom: -4vw;}

/* custom_area */
#custom_area{background:var(--primary)}
#custom_area *{color:var(--white)}
#custom_area .topBox{display: grid;grid-template-columns: 70% 30%;align-items: end;margin-bottom: 6vw;}
#custom_area .tit{position:relative;}
#custom_area .tit:after{content:'';position: absolute;bottom: 5px;right: 5%;width: 55%;height: 1px;background: #fff;}
#custom_area .title_box{padding: 0;}
#custom_area ul  {display: grid;grid-template-columns: repeat(4, 1fr);gap: 80px;align-items: end;}
#custom_area ul li .clip {margin-top: 30px;}
#custom_area ul li .clip img{aspect-ratio:4/3}
#custom_area ul li h3 {font-size: 20px;text-align: left;font-weight: 400;padding-top: 60px;}
#custom_area ul li:hover h3{padding:0}
#custom_area ul li article {font-weight: 300;overflow: hidden;margin: 10px 0 0;height: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: left;color: #d7ecf9;}
#custom_area ul li:hover article{height:57px}
#custom_area li span{display:flex;flex-direction: column;align-items: center;color: #d7ecf9;font-size: 60px;font-family: "Tenor Sans", serif;line-height: 1;position: absolute;top: 40px;right: 0;opacity: 0;}
#custom_area li span:before{content:url(/images/44/text.png)}
#custom_area li:hover span{opacity:1;top: -90px;}

/* news_area */
#news_area li .img_box , #book_area li .img_box { border-radius: 15px; background-color: #f9f9f9; }
#news_area li .info_box { margin: 10px 15px 0; }
#news_area li .time { width: 65px; font-weight: 400; font-size: 13px; }
#news_area li .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#news_area li h3 { margin-top: 10px; height: 60px; line-height: 150%; font-size: 20px; -webkit-line-clamp: 2; }


/* book_area */
#book_area li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

/* photo_area */
#photo_area .workframe{display:grid;grid-template-columns: 250px 1fr 30%;gap: 80px;align-items: center;}
#photo_area .box{position:relative;display: flex;flex-direction: column;justify-content: center;}
#photo_area .box:before{content:url(/images/44/plane.gif);position: absolute;left: -14vw;}
#photo_area .box span{position:absolute;width: 10px;aspect-ratio: 1/1;background: #e5e5e5;border-radius: 50px;left: -43px;}
#photo_area .box .item:hover span{border: 3px solid #fff;box-shadow: 0 0 0 1px var(--primary);background: var(--primary);}
#photo_area .box .img{display:flex;align-items: center;justify-content: center;width: 90px;aspect-ratio: 1/1;background: #e5e5e5;border-radius: 50px;}
#photo_area .box .item:hover .img{background:var(--primary)}
#photo_area .box .item:hover .img img{-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#photo_area .box .tt h3{font-size:20px}
#photo_area .box .tt p{font-size:18px;color: #868282;}
#photo_area .item {display: grid;grid-template-columns: 120px 1fr;align-items: center;padding-right: 0 !important;!i;!;!m;!m;!;margin: 40px 0;padding-left: 20px !important;!i;!;}
#photo_area .item:nth-child(2){margin-left: 60px;}
#photo_area .item:nth-child(2) span{left: 0px;}
#photo_area .item img {width: 40px;object-fit: cover;}
#photo_area .tittBox{display:flex;flex-direction: column;align-items: center;}
#photo_area .tittBox .tit{display:flex;position: relative;justify-content: center;}
#photo_area .tittBox .tit .h2title_box{position:absolute;font-size: 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px 0;top: 50px;width: 60%;text-align: center;}
#photo_area .tittBox .tit .title_box{word-spacing: 100vw;text-align: center;line-height: 4;margin-top: -48px;padding-bottom: 1vw;}
#photo_area .tittBox p{writing-mode: vertical-rl;word-spacing: 100vw;height: 335px;font-size: 18px;color: #717171;font-weight: 200;letter-spacing: 1px;}

@media screen and (max-width: 1680px) {
	#photo_area .box:before{left: -16vw;}
}
@media screen and (max-width: 1460px) {
	#custom_area li span{font-size:45px}
	#fakeNumber li:nth-child(3){left: -58vw;}
	#photo_area .box:before{left: -17.5vw;zoom: 80%;}
}
@media screen and (max-width: 1400px) {
	#photo_area .box:before{left: -19.5vw;}
}
@media screen and (max-width: 1024px) {
	#photo_area .box span{display:none;}
	#photo_area .item, #photo_area .item:nth-child(2){margin: 10px 0;padding: 0 !important;!i;!;}
	#photo_area .tittBox p{writing-mode:unset;height: auto;text-align: center;}
	#custom_area .tit:after, #photo_area .box:before{display:none;}
	#custom_area .topBox p{margin-top:20px}
	#photo_area .workframe{grid-template-columns:1fr;gap: 40px;justify-items: center;}
	#photo_area .photo{order:2}
	#custom_area .topBox{grid-template-columns:1fr}
	#custom_area li:hover span{top: -60px;}
	#custom_area ul{    grid-template-columns: repeat(2, 1fr);}
	#product_list { margin: auto; }
	#news_area li h3 { height: 30px; -webkit-line-clamp: 1; }
}
@media screen and (max-width: 980px) {
	#fakeNumber ul{gap:20px}
	section, #download{padding:10vw 0}
	#fakeNumber li:nth-child(3), #fakeNumber li:nth-child(4){position:relative;left: unset;bottom: unset;top: unset;box-shadow: none;padding: 0;}
	#about_area .workframe{grid-template-columns:1fr}
	#product_list { width: 500px; }
	#product_list li .clip { height: 590px; }
	#about_area #about_info { margin-bottom: 8vw; }
	#about_area .about_sub_2 { top: auto; bottom: 35vw; width: 35vw; }
	#about_area .about_sub_3 { width: 29vw; left: 10vw; }
}
@media screen and (max-width: 760px) {
	#custom_area li span{font-size: 28px;}
	#custom_area li:hover span{top: -15px;}
	#custom_area li span:before{zoom: 70%;}
	section .clip img{height:auto;}
	#custom_area ul li h3{padding:0}
	#custom_area ul{grid-template-columns:1fr;gap: 40px;}
	#product_sub_list>div { margin: 10px auto 50px; }
	#product_sub_list li { width: 150px; }
	#product_sub_list li .clip { height: 150px; }
	#product_list { width: 70vw; }
	#product_list li .clip { height: 80vw; }
	#product_list li .info_box { width: 45vw; height: 30vw; }
}
@media screen and (max-width: 550px) {
	#product_sub_list li { margin: 10px; width: 35vw; }
	#product_sub_list li .clip { height: 35vw; }
	#product_list { width: 90vw; }
	#product_list li .clip { height: 100vw; }
	#product_list li .info_box { width: 55vw; height: 40vw; }
	#about_area #about_img { width: 80vw; }
	#about_area .about_sub_2 { bottom: 60vw; }
	#news_area li .row { margin: auto; width: 280px; }
}
@media screen and (max-width: 480px) {
	#book_area li.row { margin: auto; width: 250px; }
}