@charset "utf-8";

/* common */
.area_inner{width:980px;margin:0 auto;}
.tbl_main table{width:100%;table-layout: fixed}
.tbl_main td{padding:21px 10px 18px;border-bottom:1px solid #efefef}
.tbl_main td a{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#343434;font-size:17.36px;letter-spacing: -0.05em;transition: all .2s;}
.tbl_main td a:hover{color:#35b97d}
.tbl_main .tbl_none td{text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#343434;font-size:17.36px;letter-spacing: -0.05em;}
.tbl_main .tbl_date {width:84px;font-weight:400;letter-spacing:-0.05em;color:#747474;font-size:18px;font-family: 'Roboto', sans-serif;}


.ico_new{display:inline-block;width:30px;height:16px;line-height:16px;vertical-align: top;font-size:12px;color:#fff;font-family: 'Roboto', sans-serif;letter-spacing: -0.025em;background: #35b97d;text-align: center;}
.mid_area .ico_new{background:#fc9425}

/* visual_area */
.visual_area{padding:33px 0;background: url(/img/pckwel/bg_visual.png) no-repeat center;background-size:cover}
.visual_area .swiper-container{width: 980px;margin:0 auto;}
.visual_area .vs_txt p{color:#343434;font-size:33px;line-height:1.4;font-weight:600;letter-spacing: -0.1em;}
.visual_area .vs_txt span{display:block;margin:16px 0 0;color:#343434;font-size:18.5px;letter-spacing: -0.09em;}

.visual_area .vs_txt{float:left;width:320px;margin:25px 0 0;}
.visual_area .vs_img{float:right;width:633px;}

.visual_area .btn_auto{position:absolute;bottom:-15px}
.btn_auto.btn_main_play{display:none;width:13px;height:15px;background-position:-17px -46px;}
.btn_auto.btn_main_stop{width:13px;height:15px;background-position:0 -46px;}
.sw_btn{position:absolute;bottom:66px;width:320px;z-index: 10}
.sw_btn_inner{position:relative}
.visual_area .swiper-pagination{left:20px}
.visual_area .swiper-pagination-bullet{width:15px;height:15px;margin:0 7px 0 0;border-radius:8px;background:#fff;opacity: 1;transition: all .2s}
.visual_area .swiper-pagination-bullet-active{width:60px;}

/* top_area */
.top_area{padding:70px 0;}

.vid_box{float:left;width:480px;padding:18px 0 27px;background: #fff7e1;text-align: center;}
.vid_box a{display: block;}
.vid_box .vid_sub{display:block;color:#676767;font-size:14px;letter-spacing: -0.05em;font-weight:600}
.vid_box .vid_tt{display:block;margin:4px 0 17px 0;color:#343434;font-size:25px;letter-spacing: -0.05em;font-weight: 600;line-height: 1;}

.sec_vis .swiper-button-prev, .sec_vis .swiper-button-next{position: inherit}

.sec_vis .arr_box{position: absolute;width: 840px;margin: 0 0 0 -420px;bottom:120px;left: 50%;}
.top_area .sw_vid_arr{display:inline-block;width:42px;height:42px;margin:14px 0 0;background:url(/img/pckwel/sp_arr.png) no-repeat 0 0}
.top_area .sw_vid_next{background-position:-50px 0;}
.notice_box .tbl_main{border-bottom:1px solid #ede8db;}


/**/
.bot_tab li{float:left;width:50%;display:block;padding:8px 0 7px;text-align: center;background:#ededed;font-weight:500;font-size:21px;color:#747474;cursor: pointer;letter-spacing: -0.05em;}
.bot_tab li.on{color:#fff;background:#fc9425}

.notice_box{position:relative;float:right;width:480px;}
.notice_box>span{display: block;width:100%;padding:6px 0 7px 13px;font-weight:600;background:#efefef;color:#343434;font-size:22px;letter-spacing: -0.05em;}

.btn_more{position:absolute;display:block;top:9px;right:9px;width:28px;height:28px;text-indent: -9999px;background: url(/img/pckwel/sp_arr.png) no-repeat 0 -72px}


/* mid_area */
.mid_area{padding:60px 0 55px;background:#35b97d;}
.mid_area .mid_inner{width:1080px;margin:0 auto;}
.news01_item{float:left;width:340px;margin:0 30px 0 0}
.news01_item:last-child{margin:0}
.news01_item .news01_img{position:relative;}
.news01_item .news01_img a{opacity:0;position:absolute;top:0;left:0;display: block;width:100%;height:100%;padding:50px 0 0;background:rgba(0,0,0,.7);transition: all .2s}
.news01_item:hover .news01_img a{opacity: 1;}
.news01_img span{display: block;width:96px;height:96px;padding:35px 0 0;margin:0 auto;background: #f9f3e5;color:#3b3f3d;transition:all .4s;font-size:17px;letter-spacing: -0.05em;border-radius:50%;text-align: center;font-weight:500;box-shadow: 0 0 0 3px #fc9425, 0 0 0 8px #f9f3e5}
.news01_item:hover .news01_img span{transform:translateY(-15px)}

.news01_item .news_tt{display:block;margin:10px 0 13px;color:#fff;font-size:22px;letter-spacing: -0.05em;line-height:1.4}
.news01_item:hover .news_tt{text-decoration: underline}
.news01_item p{height:66px;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;display: -ms-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color:#fff;font-weight:300;font-size:17px;letter-spacing: -0.03em;line-height:1.4}
.news01_item .news01_date{display: block;margin:25px 0 0;color:#ffd89a;font-size:16.67px;letter-spacing: -0.025em;font-family: 'Roboto', sans-serif;}

/* bot_area */
.bot_area{padding:60px 0;}
.bot_area .tab_box{float:left;width:480px;display: grid; grid-template-columns: 230px 230px; grid-column-gap: 20px;}
.bot_area .news_box{float:right;width:480px;padding:32px 0 28px;background:#fffbef}
.news_box .new04_tt{display:block;margin:13px 0 0;font-size:28px;letter-spacing:-0.05em;color:#343434;font-weight: 600}
.sw_news04 .sw_news04_tt{display:block;margin:35px 0 25px;line-height:1.1;font-weight:500;font-size:25px;letter-spacing:-0.05em;color:#343434}
.news_box .swiper-slide{background:#fffbef}
.sw_news04 .news04_txt{float:left;width:180px;margin:0 0 0 52px;}
.news04_txt .news04_name{display:block;margin:0 0 20px 0;font-size:16.67px;color:#343434;letter-spacing: -0.05em;}
.news04_txt .news04_date{display:block;font-size:16.67px;color:#fca651;letter-spacing: -0.025em;font-family: 'Roboto', sans-serif;}

.sw_news04 .news04_img{float:right;width:183px;margin:0 52px 0 0;border:3px solid #ede8db}
.sw_news04 .sw_news04_arr{display:inline-block;width:19px;height:34px;background:url(/img/pckwel/sp_arr.png) no-repeat -31px -66px}
.sw_news04 .sw_new04_next{background-position:-53px -66px;}



/* ut_area */
.ut_area{padding:90px 0 55px;background: #efefef;}
.ut_area .ut_list{width:980px;margin:0 auto;}

.ut_area .ut_item{position:relative;float:left;display:block;width:300px;padding:55px 0 25px;margin:0 40px 0 0;text-align:center;background:#fff;border:2px solid #ebebeb}
.ut_area .ut_item:last-child{margin:0;}
.ut_area .ut_item:before{position:absolute;top:-39px;left:50%;display:block;clear:both;content:'';width:78px;height:78px;margin:0 0 0 -39px;background:url(/img/pckwel/ico_sublnk.png) no-repeat 0 0;transition: all .2s}
.ut_area .ut_item:hover:before{transform: translateY(-5px)}
.ut_area .ut_item:nth-child(2):before{background-position:-86px 0}
.ut_area .ut_item:nth-child(3):before{background-position:-172px 0}
.ut_item span{display:block;margin:0 0 12px 0;font-weight:600;font-size:25px;line-height:1.1;letter-spacing:-0.075em;color:#343434}

.ut_item p{color:#676767;font-size:16.67px;letter-spacing: -0.05em;line-height:22.22px;}




.tab_box{display: grid; grid-template-columns: 230px 230px; grid-column-gap: 20px;}
.tab_menu{width: 100%; height: 46px; background-color: rgb(237, 237, 237); font-size: 21px; font-weight: 500; color: #343434; display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
.tab_menu-icon{width: 28px; height: 28px; background-color: #fff; position: relative;}
.tab_menu-icon:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 18px; background-color: rgb(252, 148, 37);}
.tab_menu-icon:before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 2px; background-color: rgb(252, 148, 37);}
.tab.tab02{display: block;}
.tbl_none{text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #343434; font-size: 17.36px;}
.tbl_content{display: flex; flex-direction: column; padding: 15px 0 10px; border-bottom: 1px solid #efefef;}
.tbl_content-text{display: flex; justify-content: space-between; align-items: center;}
.tbl_content-link{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tbl_content a{font-size: 16px; color: #343434; transition: all .2s; margin-bottom: 2px;}
.tbl_content a:hover{color:#35b97d}
.tbl_content .tbl_date{font-size: 14px; color: #747474;}