@charset "utf-8";
/* Copyright 2022 design hack. */

/* ------------------------------------------------------------

ホーム

------------------------------------------------------------ */
/* ローディング
---------------------------------------------- */
#loading{width:100vw; height:100vh; top:0; left:0; background:url(/img/load_bg_pc.jpg)no-repeat center 0; position:fixed; z-index:900;}
#loading img{position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:402px; height:78px; display:none;}
@media print, screen and (max-width: 767px){
#loading{width:100vw; height:100vh;background:url(/img/load_bg_sp.jpg)no-repeat center 0;background-size: 100% 100%; position:fixed; z-index:10000;}
#loading img{position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; width:201px; height:39px; display:none;}
}

/* プロモーション
---------------------------------------------- */
@media print, screen and (min-width: 768px){
ul#sp_slider{display: none;}
ul#pc_slider li{position: relative;overflow: hidden;height: 620px;}
ul#pc_slider li img{position: absolute;top: 50%;left: 50%;width: 1400px;height: 620px;transform: translate(-50%, -50%);}
}
@media print, screen and (max-width: 767px){
ul#pc_slider{display: none;}
div#wrap_sp_slider{position: relative;width: 100%;height: auto;}
div#wrap_sp_slider p#sp_catch{position: absolute;top: 0;left: 0;z-index: 100;}
div#wrap_sp_slider p#sp_catch img{width: 100%;height: auto;}
ul#sp_slider li{width: 100%;height: auto;}
ul#sp_slider li img{width: 100%;height: auto;}
}

/* 共通
---------------------------------------------- */
ul.list_btn{text-align: center;}
@media print, screen and (max-width: 767px){
ul.list_btn img{width: 100%;}
}

/* ABOUT US
---------------------------------------------- */
div#bg_about{background:url(/img/about_bg.png) no-repeat top 262px center;background-size:1680px 500px;}
section#about{width: 1200px;padding: 140px 0 100px;margin: 0 auto;}
section#about h2{background:url(/img/about_ttl.png) no-repeat top left;background-size:152px 16px;font-size: 30px;font-weight: bold;line-height: 1.0;padding-top: 45px;margin-bottom: 50px;}
section#about div#txt_about{width: 640px;}
section#about div#txt_about p{margin-bottom: 25px;}
section#about div#txt_about p:last-child{margin-bottom: 0;}
section#about div#txt_about p#img_about{display: none;}

@media print, screen and (max-width: 767px){
div#bg_about{background:none;}
section#about{width: 100%;padding: 0;margin: 0;}
section#about div.sp_inner_pd{padding: 70px 15px 50px;}
section#about h2{background:url(/img/about_ttl.png) no-repeat top left;background-size:114px 12px;font-size: 20px;line-height: 1.8;padding-top:32px;margin-bottom: 20px;}
section#about div#txt_about{width: 100%;}
section#about div#txt_about p{margin-bottom: 20px;}
section#about div#txt_about p:last-child{margin-bottom: 0;}
section#about div#txt_about ul.list_btn{margin-bottom: 40px;}
section#about div#txt_about p#img_about{display:inline;}
section#about div#txt_about p#img_about img{width: 100%;}
}

/* TOPICS
---------------------------------------------- */
div#bg_topics{background: linear-gradient(90deg, #EEEEEE 0%, #EEEEEE 50%, #ffffff 50%, #ffffff 100%);display: flex;width: 100%;}
section#topics{width: 1200px;padding: 100px 0;margin: 0 auto;background:#EEEEEE;overflow: hidden;}
section#topics h2{float: left;width: 130px;margin-right: 60px;}
section#topics h2 img{width: 130px;}

section#topics ul#list_topics{float: left;width: 910px;border-top: 1px solid #BABABA;margin-bottom: 60px;}
ul#list_topics li{padding:20px 0 20px 60px;border-bottom: 1px solid #BABABA;line-height: 1.0;}
ul#list_topics li p,ul#list_topics li h3{display: inline-block;}
ul#list_topics li p.date{color: #666666;margin-right: 40px;}
ul#list_topics li p.cate{background: #424242;color: #FFFFFF;font-size:14px;padding: 6px 20px 8px;border-radius: 20px;min-width: 100px;box-sizing: border-box;text-align: center;margin-right: 40px;}
ul#list_topics li h3{font-weight: normal;}
ul#list_topics li h3 a:hover{color: #A6A6A6;}

@media print, screen and (max-width: 767px){
section#topics{width: 100%;padding: 0;margin: 0;overflow: visible;}
section#topics div.sp_inner_pd{padding: 50px 15px;}
section#topics h2{float: none;width: 100%;margin:0 0 40px 0;}
section#topics h2 img{width: 130px;}
section#topics ul#list_topics{float: none;width: 100%;margin-bottom: 40px;}
ul#list_topics li{padding:15px 0 10px;border-bottom: 1px solid #BABABA;}
ul#list_topics li h3{display:block;line-height: 1.8;}
ul#list_topics li p.date{margin-right: 20px;font-weight: normal;}
ul#list_topics li p.cate{font-size:12px;padding: 6px 20px 8px;border-radius: 20px;min-width: 75px;margin:0 0 5px 0;}    
}

/* INSTA
---------------------------------------------- */
section#insta{width: 1200px;padding: 100px 0;margin: 0 auto;text-align: center;}
section#insta h2{margin-bottom: 60px;}
section#insta h2 img{width: 242px;height: 18px;}
section#insta div#wrap_insta{margin-bottom: 60px;}

@media print, screen and (max-width: 767px){
section#insta{width: 100%;padding: 0;margin: 0;}
section#insta div.sp_inner_pd{padding: 50px 15px 70px;}
section#insta h2{margin-bottom: 30px;}
section#insta h2 img{width: 190px;height: 14px;}
section#insta div#wrap_insta{margin-bottom: 40px;}   
}

/* WORKS
---------------------------------------------- */
div#bg_works{background:#EEEEEE;}
section#works{width: 1200px;padding: 140px 0;margin: 0 auto;text-align: center;}
section#works h2{margin-bottom: 60px;}
ul#list_works{width: 1200px;font-size: 0;}
ul#list_works li{display: inline-block;font-size: 16px;margin:0 60px 60px 0;width:360px;height: 360px;}
ul#list_works li img{width:360px;height:360px;object-fit: cover;}
ul#list_works li:last-child{margin-right: 0;}
ul#list_works li a img:hover{opacity: 0.7;}

@media print, screen and (max-width: 767px){
section#works{width: 100%;padding:0;margin: 0;}
section#works div.sp_inner_pd{padding: 70px 15px 50px;}
section#works h2{margin-bottom: 30px;}
section#works h2 img{width: 100%;}
ul#list_works{width: 100%;}
ul#list_works li{display: inline-block;margin:0 0 30px 0;width:275px;height: 275px;}
ul#list_works li img{width:275px;height: 275px;}
ul#list_works li:last-child{margin:0 0 40px 0;}
}

/* OTHER
---------------------------------------------- */
div#other{width: 1200px;padding: 140px 0;margin: 0 auto;}
ul#list_other{width: 1200px;font-size: 0;}
ul#list_other li{display: inline-block;font-size: 16px;margin-right:80px;}
ul#list_other li:last-child{margin-right:0;}
ul#list_other li img:hover{opacity: 0.7;}

@media print, screen and (max-width: 767px){
div#other{width: 100%;padding: 0;margin: 0 ;}
div#other div.sp_inner_pd{padding: 70px 15px;}
ul#list_other{width: 100%;}
ul#list_other li{display:block;margin:0 0 30px 0;}
ul#list_other li:last-child{margin-bottom:0;}
ul#list_other li img{width: 100%;}
}