body{ /*background-image: url("../images/bg.jpg");*/ background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; overflow-x: hidden;}

.pager{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 20px 0 0;}
.pager .prev{ display: block; width: 30px; aspect-ratio: 1 / 1; border-radius: 100px; background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center;}
.pager .next{ display: block; width: 30px; aspect-ratio: 1 / 1; border-radius: 100px; background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center;}

.pager .prev:hover,
.pager .next:hover,
.pager .list:hover{ transform: scale(1.1);}
.pager p{ font-size: 40px; font-weight: bold; margin: 0 30px;}
.pager:has(.single-prev){ margin: 40px auto 120px;}
.pager .single-prev{ display: flex; justify-content: flex-end; align-items: center; width: 130px; aspect-ratio: 3 / 1; border-radius: 100px; font-size: 16px; font-weight: bold; color: var(--color__yellow); background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center left 20px; padding: 0 20px 0; box-sizing: border-box; margin-right: 20px;}
.pager .single-next{ display: flex; justify-content: flex-start; align-items: center; width: 130px; aspect-ratio: 3 / 1; border-radius: 100px; font-size: 16px; font-weight: bold; color: var(--color__yellow); background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center right 20px; padding: 0 20px 0; box-sizing: border-box;}
.pager .single-prev:hover,
.pager .single-next:hover{ transform: scale(1.1);}
.single-prev.disabled,
.single-next.disabled,
.prev.disabled,
.next.disabled{ display: none;}

/* schedule */
.schedule_area{ padding: 200px 0 0;}
.schedule_area .wrap{ display: block; padding: 0 40px; box-sizing: border-box;}
.schedule_area .wrap .con_title img{ margin-left: -30px;}
.schedule_area .wrap ul{ padding-bottom: 40px;}
.schedule_area .wrap ul li a{ position: relative; z-index: 2;}
.schedule_area .wrap ul li a:after{ content: ""; position: absolute; z-index: 1; bottom: -8px; left: 0; right: 0; margin: auto; width: 15px; height: 15px; background-color: var(--color__black); border-radius: 100px; opacity: 0; transition: .1s ease-in-out;}
.schedule_area .wrap ul li.select a{ background-color: var(--color__black); color: var(--color__green);}
.schedule_area .wrap ul li a:hover{ transform: scale(1.1); background-color: var(--color__black); color: var(--color__green);}
.schedule_area .wrap ul li a:hover:after{ opacity: 1; transition: .3s .2s ease-in-out;}
.schedule_area .pager .prev{ background-image: url("../images/arrow07.png");}
.schedule_area .pager .next{ background-image: url("../images/arrow03.png");}

/* news list */
.news_area{ padding: 200px 0 0;}
.news_area .wrap{ display: block; padding: 0 40px; box-sizing: border-box;}
.news_area .wrap .con_title img{ margin-left: -30px;}
.news_area .wrap ul{ padding-bottom: 40px;}
.news_area .wrap ul li a{ position: relative; z-index: 2;}
.news_area .wrap ul li a:after{ content: ""; position: absolute; z-index: 1; bottom: -8px; left: 0; right: 0; margin: auto; width: 15px; height: 15px; background-color: var(--color__black); border-radius: 100px; opacity: 0; transition: .1s ease-in-out;}
.news_area .wrap ul li.select a{ background-color: var(--color__black); color: var(--color__yellow);}
.news_area .wrap ul li a:hover{ background-color: var(--color__black); color: var(--color__yellow);}
.news_area .wrap ul li a:hover:after{ opacity: 1; transition: .3s .2s ease-in-out;}
.news_area .pager .prev{ background-image: url("../images/arrow08.png");}
.news_area .pager .next{ background-image: url("../images/arrow04.png");}

/* news */
.news_area .wrap .sns ul li a{ padding: 0; border: 0px none; background-color: transparent;}
.news_area .wrap .sns ul li a::after{ display: none;}

.news_area.detail .wrap{ display: block; padding: 0 20px; box-sizing: border-box; max-width: 1680px; margin: auto;}
.news_area.detail .wrap .con_title{ max-width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
.news_area.detail .wrap .con_title h2{ font-size: 32px; font-weight: bold; position: revert; line-height: 1.6;}
.news_area.detail .wrap .con_title .hu{ display: block; width: 100%; max-width: 100px; background-color: var(--color__black); color: var(--color__yellow); font-size: 22px; font-weight: bold; text-align: center; border-radius: 100px; padding: 0 10px; box-sizing: border-box; margin: 6px 20px 0 0; position: relative;}
.news_area.detail .wrap .con_title .hu::after{ content: ""; position: absolute; top: 0; right: -3px; bottom: 0; margin: auto; display: block; width: 10px; height: 10px; border-radius: 100px; background-color: var(--color__black);}
.news_area.detail .wrap .data{ width: 100%; border-top: 1px solid var(--color__black); border-bottom: 1px solid var(--color__black); padding: 20px 10px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.news_area.detail .wrap .data p{ font-size: 18px; font-weight: bold;}
.news_area.detail .wrap .box{ width: 100%; max-width: 1080px; margin: 40px auto 0;}
.news_area.detail .wrap .img.box{ max-width: 960px; border: 1px solid var(--color__black); box-sizing: border-box;}
.news_area.detail .wrap .box > ul{ width: 100%;}
.news_area.detail .wrap .box > ul li,
.news_area.detail .wrap .box p,
.news_area.detail .wrap .box a{ font-size: 18px; font-weight: bold; line-height: 3; overflow-wrap: anywhere; word-break: normal; line-break: strict;}
.news_area.detail .wrap .box a{ display: inline-block; border-bottom: 2px solid var(--color__black); line-height: 1.2;}
.news_area.detail .wrap .htitle.box .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch;}
.news_area.detail .wrap .htitle.box .subtitle h3{ width: 100%; display: block; font-size: 24px; font-weight: bold;}
.news_area.detail .wrap .htitle.box .subtitle span{ display: block; width: 16px; background-color: var(--color__yellow); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.news_area.detail .wrap .htitle.box p:nth-child(2){ margin-top: 20px;}
.news_area.detail .wrap .sns{ width: 100%; border-top: 1px solid var(--color__black); border-bottom: 1px solid var(--color__black); padding: 20px 10px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.news_area.detail .wrap .sns > ul{ width: 100%; display: flex; justify-content: flex-start; align-items: center; list-style: none; gap: 0 10px; padding-bottom: 0;}
.news_area.detail .wrap .sns > ul li{ width: 50px;}
.news_area .pager .single-prev{ background-image: url("../images/arrow08.png");}
.news_area .pager .single-next{ background-image: url("../images/arrow04.png");}
.news_area .pager .list{ display: flex; justify-content: center; align-items: center; width: 130px; aspect-ratio: 3 / 1; border-radius: 100px; font-size: 16px; font-weight: bold; color: var(--color__yellow); background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center left 20px; padding: 0 20px 0; box-sizing: border-box; margin-right: 20px;}

/* goods */
.goods_area{ padding: 200px 0 0; width: 100%; max-width: 1680px; margin: auto;}
.goods_area .wrap{ display: block; padding: 0 20px; box-sizing: border-box;}
.goods_area .wrap .con_title{ width: 100%; max-width: 700px;}
.goods_area .wrap .con_title img{ margin-left: -30px;}
.goods_area ul.goods{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 40px 40px; padding: 0 20px; box-sizing: border-box; list-style: none;}
.goods_area ul.goods::after{ content:""; display: block; width: calc(100% / 2 - 40px);}
.goods_area ul.goods li{ width: calc(100% / 2 - 40px); display: flex; align-items: center; gap: 0 20px;}
.goods_area ul.goods li .img_box{ width: 100%; max-width: 40%; aspect-ratio: 1 / 1; border-radius: 20px; overflow: hidden;}
.goods_area ul.goods li .txt_box{ width: 100%; max-width: 60%;}
.goods_area ul.goods li .txt_box .ti{ font-size: 20px; font-weight: bold; position: relative; padding: 0 0 10px 30px; box-sizing: border-box; margin: 0 0 10px 0; border-bottom: 1px solid var(--color__black);}
.goods_area ul.goods li .txt_box .ti::before{ content: ""; display: block; width: 20px; aspect-ratio: 1 / 1; background-color: var(--color__purple); border: 2px solid var(--color__black); box-sizing: border-box; border-radius: 100px; position: absolute; top: 9px; left: 0; margin: auto;}
.goods_area ul.goods li .txt_box .txt{ font-size: 14px; line-height: 1.5;}
.goods_area ul.goods li .txt_box .link{ margin-top: 20px;}
.goods_area ul.goods li .txt_box .link a{ width: 100%; display: block; font-size: 14px; font-weight: bold; line-height: 1.5; color: var(--color__black); position: relative; padding-left: 15px;}
.goods_area ul.goods li .txt_box .link a::before{ width: 8px; height: 8px; content: ""; position: absolute; top: 7px; left: 0; margin: auto; background-image: url("../images/arrow09.png"); background-size: 100%; background-repeat: no-repeat;}
.goods_area .pager .prev{ background-image: url("../images/arrow10.png");}
.goods_area .pager .next{ background-image: url("../images/arrow09.png");}
@media screen and (max-width: 1010px) {
	.goods_area ul.goods{ width: 100%; flex-direction: column; gap: 20px 0;}
	.goods_area ul.goods::after{ width: 100%;}
	.goods_area ul.goods li{ width: 100%;}
	.goods_area ul.goods li .img_box{ width: 100%; max-width: 25%;}
	.goods_area ul.goods li .txt_box{ width: 100%; max-width: 75%;}
}

/* works list */
.workslist_area{ padding: 200px 0 0; width: 100%; max-width: 1680px; margin: auto;}
.workslist_area .wrap{ display: block; padding: 0 20px; box-sizing: border-box;}
.workslist_area .wrap .con_title{ width: 100%; max-width: 700px;}
.workslist_area .wrap .con_title img{ margin-left: -30px;}
.workslist_area .wrap ul{ width: 100%; list-style: none; display: flex; justify-content: flex-start; align-items: center; gap: 0 10px; padding-bottom: 40px;}
.workslist_area .wrap ul li{ width: 100%; max-width: 130px;}
.workslist_area .wrap ul li a{ width: 100%; display: block; text-align: center; font-size: 16px; font-weight: bold; color: var(--color__white); background-color: var(--color__pink); padding: 15px 10px; box-sizing: border-box; border-radius: 20px; border: 2px solid var(--color__black); position: relative; z-index: 2;}
.workslist_area .wrap ul li a:after{ content: ""; position: absolute; z-index: 1; bottom: -8px; left: 0; right: 0; margin: auto; width: 15px; height: 15px; background-color: var(--color__black); border-radius: 100px; opacity: 0; transition: .1s ease-in-out;}
.workslist_area .wrap ul li.select a{ background-color: var(--color__black); color: var(--color__pink);}
.workslist_area .wrap ul li a:hover{ transform: scale(1.1); background-color: var(--color__black); color: var(--color__pink);}
.workslist_area .wrap ul li a:hover:after{ opacity: 1; transition: .3s .2s ease-in-out;}

.workslist_area ul.workslist{ width: 100%; display: flex; justify-content: space-between; list-style: none; flex-wrap: wrap; gap: 30px 40px; padding: 0 20px; box-sizing: border-box;}
.workslist_area ul.workslist::before{ content:""; display: block; width: calc(100% / 4 - 40px); order:1;}
.workslist_area ul.workslist::after{ content:""; display: block; width: calc(100% / 4 - 40px);}
.workslist_area ul.workslist li{ width: calc(100% / 4 - 40px);}
.workslist_area ul.workslist li a{ width: 100%; height: 100%; display: block; border-radius: 12px; overflow: hidden;}
.workslist_area ul.workslist li a:hover{ transform: scale(1.05);}
.workslist_area .pager .prev{ background-image: url("../images/arrow12.png");}
.workslist_area .pager .next{ background-image: url("../images/arrow11.png");}
@media screen and (max-width: 1430px) {
	.workslist_area ul.workslist{ gap: 40px 10px;}
	.workslist_area ul.workslist::before{ width: calc(100% / 3 - 20px);}
	.workslist_area ul.workslist::after{ width: calc(100% / 3 - 20px);}
	.workslist_area ul.workslist li{ width: calc(100% / 3 - 20px);}
}

/* works */
.works_area{ padding: 200px 0 0; width: 100%; max-width: 1680px; margin: auto; position: relative; z-index: 1;}
.works_area .wrap{ padding: 0 20px; box-sizing: border-box;}
.works_area .wrap.works_info{ display: flex; justify-content: space-between; align-items: stretch; gap: 0 40px;}
.works_area .wrap.works_info .left{ width: 55%;}
.works_area .wrap.works_info .left > div{ position: sticky; top: 100px;}
.works_area .wrap.works_info .left .img{ width: 100%; border-radius: 12px; overflow: hidden;}
.works_area .wrap.works_info .left p{ font-size: 14px;}
.works_area .wrap.works_info .right{ width: 45%;}
.works_area .wrap.works_info .right > div{ position: sticky; top: 100px;}
.works_area .wrap.works_info .right h2{ font-size: 32px; font-weight: bold;}
.works_area .wrap.works_info .right .cate{ display: inline-block; width: auto; padding: 6px 20px 4px; box-sizing: border-box; background-color: var(--color__pink); font-size: 16px; font-weight: bold; border-radius: 100px; border: 2px solid var(--color__black); text-align: center; margin: 20px 0 40px;}
.works_area .wrap.works_info .right .cate:nth-child(n + 2){ margin-left: 5px;}
.works_area .wrap.works_info .right table{ width: 100%;}
.works_area .wrap.works_info .right table tr{ border-top: 1px solid var(--color__black);}
.works_area .wrap.works_info .right table tr:last-child{ border-bottom: 1px solid var(--color__black);}
.works_area .wrap.works_info .right table tr td:nth-child(1){ width: 150px; padding: 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.works_area .wrap.works_info .right table tr td:nth-child(2){ padding: 10px; box-sizing: border-box; font-size: 20px; font-weight: normal;}
.works_area .wrap.works_info .right p{ font-size: 16px; font-weight: bold; margin: 40px 0 0;}
.works_area .wrap.works_info .right .youtube{ width: 100%; aspect-ratio: 16 / 9; margin: 40px 0 0;}
.works_area .wrap.works_info .right .youtube iframe{ width: 100%; height: 100%;}
.works_area .wrap.works_info .right .btn_area a{ max-width: 235px; padding: 20px 0; background-color: var(--color__pink); font-size: 20px; color: var(--color__black);}
.works_area .wrap.works_info .right .btn_area a::after{ background-image: url("../images/arrow13.png");}
.works_area .wrap.works_cast .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin: 40px 0 30px;}
.works_area .wrap.works_cast .subtitle h3{ width: 100%; display: block; font-size: 24px; font-weight: bold;}
.works_area .wrap.works_cast .subtitle span{ display: block; width: 16px; background-color: var(--color__pink); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.works_area .wrap.works_cast table{ width: 100%;}
.works_area .wrap.works_cast table tr{ border-top: 1px solid var(--color__black);}
.works_area .wrap.works_cast table tr:last-child{ border-bottom: 1px solid var(--color__black);}
.works_area .wrap.works_cast table tr td:nth-child(1){ width: 400px; padding: 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.works_area .wrap.works_cast table tr td:nth-child(2){ padding: 10px; box-sizing: border-box; font-size: 20px; font-weight: normal;}
.works_area .wrap.works_staff .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin: 40px 0 30px;}
.works_area .wrap.works_staff .subtitle h3{ width: 100%; display: block; font-size: 24px; font-weight: bold;}
.works_area .wrap.works_staff .subtitle span{ display: block; width: 16px; background-color: var(--color__pink); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.works_area .wrap.works_staff table{ width: 100%;}
.works_area .wrap.works_staff table tr{ border-top: 1px solid var(--color__black);}
.works_area .wrap.works_staff table tr:last-child{ border-bottom: 1px solid var(--color__black);}
.works_area .wrap.works_staff table tr td:nth-child(1){ width: 400px; padding: 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.works_area .wrap.works_staff table tr td:nth-child(2){ padding: 10px; box-sizing: border-box; font-size: 20px; font-weight: normal;}
.works_area .pager .single-prev{ background-image: url("../images/arrow12.png"); color: var(--color__pink); }
.works_area .pager .single-next{ background-image: url("../images/arrow11.png"); color: var(--color__pink); }
.works_area .pager .list{ display: flex; justify-content: center; align-items: center; width: 130px; aspect-ratio: 3 / 1; border-radius: 100px; font-size: 16px; font-weight: bold; color: var(--color__pink); background-color: var(--color__black); background-size: 14px; background-repeat: no-repeat; background-position: center left 20px; padding: 0 20px 0; box-sizing: border-box; margin-right: 20px;}
.works_area ul.workslist{ width: 100%; display: flex; justify-content: space-between; list-style: none; flex-wrap: wrap; gap: 30px 40px; padding: 0 20px; box-sizing: border-box;}
.works_area ul.workslist::before{ content:""; display: block; width: calc(100% / 4 - 40px); order:1;}
.works_area ul.workslist::after{ content:""; display: block; width: calc(100% / 4 - 40px);}
.works_area ul.workslist li{ width: calc(100% / 4 - 40px);}
.works_area ul.workslist li a{ width: 100%; height: 100%; display: block; border-radius: 12px; overflow: hidden;}
.works_area ul.workslist li a:hover{ transform: scale(1.05);}
#particles-js{ width: 100%; height: 100vh; position: fixed; z-index: 0; top: 0;}
@media screen and (max-width: 1430px) {
	.works_area ul.workslist{ gap: 0 10px;}
	.works_area ul.workslist::before{ width: calc(100% / 4 - 20px);}
	.works_area ul.workslist::after{ width: calc(100% / 4 - 20px);}
	.works_area ul.workslist li{ width: calc(100% / 4 - 20px);}
}

/* recruit */
.recruit_area{ padding: 200px 0 0; width: 100%; max-width: 1680px; margin: auto;}
.recruit_area .wrap{ display: block; padding: 0 20px; box-sizing: border-box;}
.recruit_area .wrap .con_title{ width: 100%; max-width: 700px;}
.recruit_area .wrap .con_title img{ margin-left: -30px;}
.recruit_area .wrap .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin: 40px 0 30px;}
.recruit_area .wrap .subtitle h3{ width: 100%; display: block; font-size: 24px; font-weight: bold;}
.recruit_area .wrap .subtitle span{ display: block; width: 16px; background-color: var(--color__r_green); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.recruit_area .wrap .section{ width: 100%; max-width: 100%; padding: 0;}
.recruit_area .wrap .section.s_04 .accordion_one{ width: 100%; max-width: 100%;}
.recruit_area .wrap .section.s_04 .accordion_one:nth-child(n + 2){ margin-top: 10px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header{ background-color: var(--color__gray2); color: var(--color__black); display: flex; justify-content: flex-start; align-items: stretch; padding: 0 0 0 0;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header .i_bg{ width: 45px; background-color: var(--color__r_green); position: relative;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header .i_box{ left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 0px none;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header .i_box .one_i:before{ height: 12px; top: 3px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header .i_box .one_i:after{ width: 12px; left: 3px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header p{ padding: 20px; box-sizing: border-box; font-size: 20px; font-weight: bold;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner{ border: 0px none; background-color: var(--color__gray2); margin-top: 5px; padding: 20px 40px 40px; box-sizing: border-box;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table{ width: 100%;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr{ border-top: 1px solid var(--color__black);}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr:nth-child(1){ border-top: 0 none;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr:last-child{ border-bottom: 1px solid var(--color__black);}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td:nth-child(1){ width: 400px; padding: 20px 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td:nth-child(2){ padding: 20px 10px; box-sizing: border-box; font-size: 18px; font-weight: normal;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td p{ font-size: 18px; font-weight: normal;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td .red{ color: var(--color__red);}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner .box_one{ height: auto;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner .btn_area a{ width: auto; max-width: fit-content; padding: 20px 50px; font-size: 20px;}

/* contact */
.contact_area{ padding: 200px 0 0; width: 100%; max-width: 1280px; margin: auto;}
.contact_area .wrap{ display: block; padding: 0 20px; box-sizing: border-box;}
.contact_area .wrap .con_title{ width: 100%; max-width: 700px; margin: auto;}
.contact_area .wrap .con_title img{ margin: auto;}
.contact_area .wrap .txt_box p{ font-size: 20px; font-weight: normal; line-height: 2; text-align: center;}
.contact_area .wrap form{ margin-top: 40px;}
.contact_area .wrap form table{ width: 100%;}
.contact_area .wrap form table td{ padding: 10px 0;}
.contact_area .wrap form table td:nth-child(1){ width: 300px; vertical-align: text-top;}
.contact_area .wrap form table td:nth-child(2){ width: calc(100% - 300px);}
.contact_area .wrap form table td p{ font-size: 18px; font-weight: bold; display: inline-block; margin-right: 10px;}
.contact_area .wrap form table td p.error-text{ font-size: 14px; color: var(--color__red);}
.contact_area .wrap form table td p.txt{ font-weight: normal;}
.contact_area .wrap form table td > span{ font-size: 14px; display: inline-block; padding: 2px 10px; box-sizing: border-box; background-color: var(--color__red); color: var(--color__white); border-radius: 100px;}
.contact_area .wrap form table td input[type="text"]{ width: 100%; padding: 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; background-color: var(--color__gray2); display: block; border-radius: 100px;}
.contact_area .wrap form table td input[type="email"]{ border: 0px none; width: 100%; padding: 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; background-color: var(--color__gray2); display: block; border-radius: 100px;}
.contact_area .wrap form table td input[type="email"]:nth-child(2){ margin-top: 20px;}
.contact_area .wrap form table td select{ width: 100%; padding: 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; background-color: var(--color__gray2); display: block; border-radius: 100px; color: var(--color__black);}
.contact_area .wrap form table td textarea{ border: 0px none; width: 100%; height: 300px; padding: 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; background-color: var(--color__gray2); display: block; border-radius: 20px; resize: none;}
.contact_area .wrap form table td .pp_box{ width: 100%; height: 500px; background-color: var(--color__gray2); border-radius: 20px; overflow: hidden;}
.contact_area .wrap form table td .pp_box .scroll{ width: 100%; height: 100%; overflow-y: scroll; padding: 40px; box-sizing: border-box;}
.contact_area .wrap form table td .pp_box .scroll > div{ }
.contact_area .wrap form table td .pp_box .scroll > div p{ font-size: 18px; font-weight: normal;}
.contact_area .wrap form table td .pp_box .scroll > div p.red{ font-size: 14px; color: var(--color__red);}
.contact_area .wrap form table td .pp_box .scroll > div .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin-top: 20px;}
.contact_area .wrap form table td .pp_box .scroll > div .subtitle h3{ font-size: 18px; font-weight: bold; width: 100%; display: block;}
.contact_area .wrap form table td .pp_box .scroll > div .subtitle span{ display: block; width: 16px; background-color: var(--color__orange); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.contact_area .wrap form table td .pp_box .scroll > div ul{ padding-left: 25px; box-sizing: border-box;}
.contact_area .wrap form table td .pp_box .scroll > div ul li{ font-size: 18px; font-weight: normal; line-height: 2;}
.contact_area .wrap form table td .check{ width: 100%; margin-top: 20px;}
.contact_area .wrap form table td .check.check-disabled{ color: #afafaf;}
.contact_area .wrap form table td .check #pp{ zoom: 2; margin-top: 1px;}
.contact_area .wrap form table td .check label{ font-size: 18px; font-weight: bold;}

.contact_area .wrap .tel_box{ border-top: 1px solid var(--color__black); border-bottom: 1px solid var(--color__black); padding: 20px; box-sizing: border-box; width: 100%; margin: 40px 0 0;}
.contact_area .wrap .tel_box h2{ font-size: 32px; text-align: center; font-weight: bold;}
.contact_area .wrap .tel_box > div{ width: 100%; display: flex; justify-content: center; align-items: center;}
.contact_area .wrap .tel_box > div p{ font-size: 48px; font-weight: bold;}
.contact_area .wrap .tel_box > div span{ font-size: 18px; font-weight: bold; margin-top: 17px;}

/* about */
.about_area{ padding: 200px 0 0; width: 100%; max-width: 100%; margin: auto;}
.about_area .wrap{ display: block; padding: 0 20px; box-sizing: border-box; position: relative;}
.about_area .wrap.mt30{ margin: 30px 0 0;}
.about_area .wrap.mt30{ margin: 70px 0 0;}
.about_area .wrap .con_title{ width: 100%; max-width: 700px; margin: auto;}
.about_area .wrap .con_title img{ margin: auto;}
.about_area .wrap .txt_box{ width: 100%; padding: 40px; box-sizing: border-box; background-color: var(--color__gray2); border-radius: 35px; position: relative;}
.about_area .wrap .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin: 0 0 30px;}
.about_area .wrap .subtitle h3{ width: 100%; display: block; font-size: 24px; font-weight: bold;}
.about_area .wrap .subtitle span{ display: block; width: 16px; background-color: var(--color__blue); border: 2px solid var(--color__black); box-sizing: border-box; margin-right: 10px;}
.about_area .wrap .txt_box p{ font-size: 18px; font-weight: bold; padding: 0; box-sizing: border-box;}
.about_area .wrap.column2{ display: flex; justify-content: space-between; align-items: stretch; gap: 0 30px; margin: 30px 0 0;}
/*.about_area .wrap.column2 .left{ width: 100%; max-width: 500px;}
.about_area .wrap.column2 .left > div{ position: sticky; top: 110px;}
.about_area .wrap.column2 .left .photo{ width: 100%; aspect-ratio: 1 / 1; border-radius: 35px; background-color: var(--color__gray2);}
.about_area .wrap.column2 .left p{ font-size: 16px; font-weight: bold; text-align: center;}*/
.about_area .wrap.column2 .right{ width: 100%; /*max-width: calc(100% - 500px);*/}
.about_area .wrap.column2 .right .txt_box:nth-child(n + 2){ margin: 30px 0 0;}
.about_area .wrap.column2 .right h4{ width: 100%; display: block; font-size: 20px; font-weight: bold; border-bottom: 2px solid var(--color__black);}
.about_area .wrap .txt_box table{ width: 100%;}
.about_area .wrap .txt_box table tr{ border-top: 1px solid var(--color__black);}
.about_area .wrap .txt_box table tr:nth-child(1){ border-top: 0 none;}
.about_area .wrap .txt_box table tr:last-child{ border-bottom: 1px solid var(--color__black);}
.about_area .wrap .txt_box table tr td:nth-child(1){ width: 400px; padding: 20px 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.about_area .wrap .txt_box table tr td:nth-child(2){ padding: 20px 10px; box-sizing: border-box; font-size: 18px; font-weight: bold;}
.about_area .wrap .txt_box table tr td > div > .span{ display: inline-block; background-color: var(--color__black); color: var(--color__white); font-size: 18px; font-weight: bold; padding: 5px 15px; box-sizing: border-box; border-radius: 100px;}
.about_area .wrap .txt_box table tr td > div:nth-of-type(2){ margin-top: 20px;}
.about_area .wrap .map{ position: relative;}
.about_area .wrap .map .map_wrap{ overflow: hidden; border-radius: 35px;}
.about_area .wrap .map .link_btn_wrap{ position: absolute; width: 100%; bottom: -40px; left: 0; padding-left: 60px; box-sizing: border-box; margin: auto; display: flex; justify-content: flex-start; align-items: center; gap: 0 30px;}
.about_area .wrap .map .link_btn_wrap .btn{ width: 100%; max-width: 340px; background-color: var(--color__gray2); border-radius: 20px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.about_area .wrap .map .link_btn_wrap .btn:hover{ transform: scale(1.1);}
.about_area .wrap .map .link_btn_wrap .btn .left{ width: 100%; max-width: 150px; background-color: var(--color__black); text-align: center; font-size: 18px; font-weight: bold; color: var(--color__white); padding: 10px; box-sizing: border-box;}
.about_area .wrap .map .link_btn_wrap .btn .left span{ font-size: 54px; display: block; line-height: 1;}
.about_area .wrap .map .link_btn_wrap .btn .right{ width: 100%; max-width: calc(100% - 150px); font-size: 18px; font-weight: bold; color: var(--color__black); padding: 10px; box-sizing: border-box; text-align: center;}
.about_area .wrap .map .link_btn_wrap .btn .right span{ display: inline-block; position: relative; padding-right: 30px; box-sizing: border-box;}
.about_area .wrap .map .link_btn_wrap .btn .right span::after{ content: ""; top: 0; right: 0; bottom: 0; margin: auto; position: absolute; display: block; width: 30px; aspect-ratio: 1 / 1; background-image: url("../images/arrow13.png"); background-size: 10px; background-repeat: no-repeat; background-position: center;}
.about_area .wrap ul.businesses{ width: 100%; list-style: none;}
.about_area .wrap ul.businesses li{ width: 100%; background-color: var(--color__gray2); border-radius: 35px; padding: 40px; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center;}
.about_area .wrap ul.businesses li:nth-child(n+2){ margin-top: 10px;}
.about_area .wrap ul.businesses li .left{ font-size: 14px; color: var(--color__blue); font-weight: bold; display: flex; justify-content: space-between; align-items: center;}
.about_area .wrap ul.businesses li .left hr{ width: 60px; height: 1px; background-color: var(--color__blue); margin: 0 30px;}
.about_area .wrap ul.businesses li .right{ font-size: 18px; font-weight: bold;}
.about_area .wrap ul.clients{ width: 100%; list-style: none; padding: 25px; box-sizing: border-box;}
.about_area .wrap ul.clients:nth-of-type(2){ padding-top: 0;}
.about_area .wrap ul.clients li{ display: inline-block; font-size: 18px; font-weight: bold; position: relative; padding: 0 60px 0 0; line-height: 2;}
.about_area .wrap ul.clients li::after{ content: "|"; position: absolute; top: 0; right: 26px; bottom: 0; margin: auto;}
.about_area .wrap ul.clients li:last-child::after{ display: none;}

.item01{ position: absolute; z-index: 1; top: -70px; right: 40px; margin: auto; max-width: 123px;}
.item02{ position: absolute; z-index: 1; bottom: -24px; left: 10px; margin: auto; max-width: 78px;}
.item03{ position: absolute; z-index: 1; bottom: -60px; left: 40px; margin: auto; max-width: 120px;}
.item04{ position: absolute; z-index: 1; bottom: -40px; right: 40px; margin: auto; max-width: 250px;}