.pager p{ font-size: 20px; font-weight: bold; margin: 0 20px;}
.pager:has(.single-prev){ margin: 20px auto 40px;}
.pager .single-prev{ width: 110px; font-size: 14px; background-size: 12px; margin-right: 10px;}
.pager .single-next{ width: 110px; font-size: 14px; background-size: 12px;}
.pager .single-prev:hover,
.pager .single-next:hover{ transform: scale(1.1);}

/* schedule */
.schedule_area{ padding: 100px 0 0;}
.schedule_area .wrap{ padding: 0 20px;}
.schedule_area .wrap .con_title img{ margin-left: -40px;}

/* news list */
.news_area{ padding: 100px 0 0;}
.news_area .wrap{ padding: 0 20px;}

/* news */
.news_area .wrap .con_title img{ margin-left: -40px;}
.news_area.detail .wrap .con_title{ max-width: 100%; padding: 0 10px; display: block;}
.news_area.detail .wrap .con_title h2{ font-size: 20px;}
.news_area.detail .wrap .con_title .hu{ max-width: 80px; font-size: 16px; margin: 0;}
.news_area.detail .wrap .con_title .hu::after{ right: 0; left: 0; bottom: -3px; top: inherit; width: 5px; height: 5px;}
.news_area.detail .wrap .data p{ font-size: 12px; font-weight: bold;}
.news_area.detail .wrap .box{ margin: 20px auto 0;}
.news_area.detail .wrap .box > ul li,
.news_area.detail .wrap .box p,
.news_area.detail .wrap .box a{ font-size: 16px; line-height: 2;}
.news_area.detail .wrap .htitle.box .subtitle h3{ font-size: 18px;}
.news_area.detail .wrap .htitle.box .subtitle span{ width: 12px;}
.news_area.detail .wrap .htitle.box p:nth-child(2){ margin-top: 20px;}
.news_area.detail .wrap .sns{ margin-top: 20px;}
.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; margin-top: 0;}
.news_area.detail .wrap .sns > ul li{ width: 40px;}
.news_area .pager .list{ width: 110px; font-size: 14px; margin-right: 10px;}

/* goods */
.goods_area{ padding: 100px 0 0;}
.goods_area .wrap{ padding: 0 20px;}
.goods_area .wrap .con_title img{ margin-left: -20px;}
.goods_area ul.goods{ width: 100%; flex-direction: column; gap: 20px 0; padding: 0 10px;}
.goods_area ul.goods::after{ width: 100%;}
.goods_area ul.goods li{ width: 100%; gap: 0 10px;}
.goods_area ul.goods li .img_box{ width: 100%; max-width: 40%;}
.goods_area ul.goods li .txt_box{ width: 100%; max-width: 60%;}
.goods_area ul.goods li .txt_box .ti{ font-size: 18px; padding: 0 0 10px 20px; margin: 0 0 10px 0;}
.goods_area ul.goods li .txt_box .ti::before{ width: 15px; top: 6px;}
.goods_area ul.goods li .txt_box .txt{ font-size: 12px;}
.goods_area ul.goods li .txt_box .btn_area{ margin-top: 10px;}
.goods_area ul.goods li .txt_box .btn_area a{ max-width: 125px; font-size: 14px; margin: auto 0 auto auto;}

/* works list */
.workslist_area{ padding: 100px 0 0;}
.workslist_area .wrap{ padding: 0 20px;}
.workslist_area .wrap .con_title img{ margin-left: -20px;}
.workslist_area .wrap ul{ width: 100%; gap: 0 5px; margin-top: 20px;}
.workslist_area .wrap ul li{ width: 100%; max-width: 130px;}
.workslist_area .wrap ul li a{ font-size: 12px; padding: 5px 7px; border-radius: 10px;}
.workslist_area ul.workslist{ gap: 20px 10px;}
.workslist_area ul.workslist::before{ width: calc(100% / 2 - 10px);}
.workslist_area ul.workslist::after{ width: calc(100% / 2 - 10px);}
.workslist_area ul.workslist li{ width: calc(100% / 2 - 10px);}

/* works */
.works_area{ padding: 100px 0 0;}
.works_area .wrap.works_info{ display: block;}
.works_area .wrap.works_info .left{ width: 100%;}
.works_area .wrap.works_info .left p{ font-size: 12px;}
.works_area .wrap.works_info .right{ width: 100%; margin-top: 20px;}
.works_area .wrap.works_info .right h2{ font-size: 20px;}
.works_area .wrap.works_info .right .cate{ padding: 2px 20px 0px; font-size: 12px; margin: 10px 0 30px;}
.works_area .wrap.works_info .right table{ width: 100%;}
.works_area .wrap.works_info .right table tr td:nth-child(1){ width: 100px; font-size: 16px;}
.works_area .wrap.works_info .right table tr td:nth-child(2){ font-size: 16px;}
.works_area .wrap.works_info .right p{ margin: 20px 0 0;}
.works_area .wrap.works_info .right .youtube{ margin: 20px 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: 175px; padding: 20px 0; font-size: 14px;}
.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{ font-size: 18px;}
.works_area .wrap.works_cast .subtitle span{ width: 12px;}
.works_area .wrap.works_cast table{ width: 100%;}
.works_area .wrap.works_cast table tr td:nth-child(1){ display: block; width: 100%; padding: 10px 10px 0; font-size: 12px;}
.works_area .wrap.works_cast table tr td:nth-child(2){ display: block; width: 100%; padding: 0 10px 10px; font-size: 16px;}
.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{ font-size: 18px;}
.works_area .wrap.works_staff .subtitle span{ width: 12px;}
.works_area .wrap.works_staff table{ width: 100%;}
.works_area .wrap.works_staff table tr td:nth-child(1){ display: block; width: 100%; padding: 10px 10px 0; font-size: 12px;}
.works_area .wrap.works_staff table tr td:nth-child(2){ display: block; width: 100%; padding: 0 10px 10px; font-size: 16px;}
.works_area .pager .list{ width: 110px; font-size: 14px; margin-right: 10px;}
.works_area ul.workslist{ gap: 20px 10px;}
.works_area ul.workslist::before{ width: calc(100% / 2 - 10px);}
.works_area ul.workslist::after{ width: calc(100% / 2 - 10px);}
.works_area ul.workslist li{ width: calc(100% / 2 - 10px);}

/* recruit */
.recruit_area{ padding: 100px 0 0;}
.recruit_area .wrap .con_title img{ margin-left: -20px;}
.recruit_area .wrap .subtitle{ width: 100%; display: flex; justify-content: flex-start; align-items: stretch; margin: 40px 0 30px;}
.recruit_area .wrap .subtitle h3{ font-size: 18px;}
.recruit_area .wrap .subtitle span{ width: 12px;}
.recruit_area .wrap .section{ width: 100%; max-width: 100%; padding: 0;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_header p{ padding: 10px; font-size: 18px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner{ padding: 0 10px 30px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td:nth-child(1){ display: block; width: 100%; padding: 10px 10px 0; font-size: 12px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td:nth-child(2){ display: block; width: 100%; padding: 0 10px 10px; font-size: 16px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner table tr td p{ font-size: 16px;}
.recruit_area .wrap .section.s_04 .accordion_one .accordion_inner .btn_area a{ padding: 20px 40px; font-size: 14px;}

/* contact */
.contact_area{ padding: 100px 0 0;}
.contact_area .wrap .con_title img{ margin-left: 0;}
.contact_area .wrap .txt_box p{ font-size: 16px;}
.contact_area .wrap .txt_box p .forPC{ display: none;}
.contact_area .wrap form{ margin-top: 20px;}
.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){ display: block; width: 100%;}
.contact_area .wrap form table td:nth-child(2){ display: block; width: 100%;}
.contact_area .wrap form table td p{ font-size: 16px;}
.contact_area .wrap form table td > span{ font-size: 12px;}
.contact_area .wrap form table td input[type="text"]{ width: 100%; padding: 10px; font-size: 16px;}
.contact_area .wrap form table td input[type="email"]{ width: 100%; padding: 10px; font-size: 16px;}
.contact_area .wrap form table td input[type="email"]:nth-child(2){ margin-top: 10px;}
.contact_area .wrap form table td select{ width: 100%; padding: 10px; font-size: 16px;}
.contact_area .wrap form table td textarea{ width: 100%; padding: 10px; font-size: 16px; height: 200px;}
.contact_area .wrap form table td .pp_box{ width: 100%; height: 200px;}
.contact_area .wrap form table td .pp_box .scroll{ padding: 10px;}
.contact_area .wrap form table td .pp_box .scroll > div{ }
.contact_area .wrap form table td .pp_box .scroll > div p{ font-size: 14px;}
.contact_area .wrap form table td .pp_box .scroll > div .subtitle h3{ font-size: 16px;}
.contact_area .wrap form table td .pp_box .scroll > div .subtitle span{ display: block; width: 12px;}
.contact_area .wrap form table td .pp_box .scroll > div ul{ padding-left: 20px}
.contact_area .wrap form table td .pp_box .scroll > div ul li{ font-size: 14px;}
.contact_area .wrap form table td .check{ margin-top: 10px;}
.contact_area .wrap form table td .check #pp{ zoom: 1.5; margin-top: 1px;}
.contact_area .wrap form table td .check label{ font-size: 16px;}

.contact_area .wrap .tel_box{ padding: 10px; margin: 20px 0 0;}
.contact_area .wrap .tel_box h2{ font-size: 20px;}
.contact_area .wrap .tel_box > div{ width: 100%;}
.contact_area .wrap .tel_box > div p{ font-size: 24px;}
.contact_area .wrap .tel_box > div span{ font-size: 14px; margin-top: 0px;}

/* about */
.about_area{ padding: 100px 0 0;}
.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 .txt_box{ width: 100%; padding: 20px;}
.about_area .wrap .subtitle{ margin: 0 0 20px;}
.about_area .wrap .subtitle h3{ font-size: 18px;}
.about_area .wrap .subtitle span{ width: 12px;}
.about_area .wrap .txt_box p{ font-size: 16px; padding: 0 0;}
.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){ display: block; width: 100%; padding: 10px 10px 0; font-size: 12px;}
.about_area .wrap .txt_box table tr td:nth-child(2){ display: block; width: 100%; padding: 0 10px 10px; font-size: 16px;}
.about_area .wrap .txt_box table tr:nth-child(1) td{ padding-top: 0;}
.about_area .wrap .txt_box table tr td > div > .span{ font-size: 12px; padding: 2px 10px;}
.about_area .wrap .txt_box table tr td > div:nth-of-type(2){ margin-top: 20px;}

.about_area .wrap .map .map_wrap iframe{ height: 300px;}
.about_area .wrap .map .link_btn_wrap{ position: relative; width: 100%; bottom: 0; left: 0; padding-left: 0; display: block; gap: 0 0;}
.about_area .wrap .map .link_btn_wrap .btn{ width: 100%; max-width: 100%; margin-top: 10px;}
.about_area .wrap .map .link_btn_wrap .btn .left{ width: 100%; max-width: 150px; font-size: 14px; padding: 10px;}
.about_area .wrap .map .link_btn_wrap .btn .left span{ font-size: 30px;}
.about_area .wrap .map .link_btn_wrap .btn .right{ width: 100%; max-width: calc(100% - 150px); font-size: 18px; padding: 10px;}

.about_area .wrap ul.businesses li{ width: 100%; padding: 20px; display: block;}
.about_area .wrap ul.businesses li:nth-child(n+2){ margin-top: 10px;}
.about_area .wrap ul.businesses li .left{ font-size: 12px;}
.about_area .wrap ul.businesses li .left hr{ display: none;}
.about_area .wrap ul.businesses li .right{ font-size: 16px;}
.about_area .wrap ul.clients{ padding: 0;}
.about_area .wrap ul.clients li{ display: block; font-size: 14px; padding: 10px; line-height: 1.5; border-bottom: 1px solid var(--color__black);}
.about_area .wrap ul.clients li::after{ display: none;}
.about_area .wrap ul.clients li:nth-child(1){ padding-top: 10px;}
.about_area .wrap ul.clients li:last-child::after{ display: none;}

.item01{ top: -50px; right: 0; margin: auto; max-width: 93px;}
.item02{ bottom: -24px; left: 10px; margin: auto; max-width: 78px;}
.item03{ bottom: -80px; left: 40px; margin: auto; max-width: -60px;}
.item04{ bottom: -50px; right: -10px; margin: auto; max-width: 150px;}