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

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

ホーム

------------------------------------------------------------ */
/* プロモーション
---------------------------------------------- */
@media print, screen and (min-width: 768px){
div#wrap_sp_slider{display: none;}
div#wrap_pc_slider{position: relative;}
div#wrap_pc_slider p#pc_catch{position: absolute;bottom: 100px;left:100px;width: 553px;height: 280px;z-index: 100;}
ul#pc_slider li{position: relative;overflow: hidden;height: 740px;}
ul#pc_slider li img{position: absolute;top: 50%;left: 50%;width: 1920px;height: 740px;transform: translate(-50%, -50%);}
}
@media print, screen and (max-width: 767px){
div#wrap_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;}
}

/* GREETING
---------------------------------------------- */
section#greeting{width: 100%;margin: 0;background:url(/img/greeting_ttl_pc.png) no-repeat left 20px top 140px;background-size:744px 108px;position: relative;height: 810px;}
div#box_greeting{width:45%;padding-top: 80px;font-size: 18px;font-weight: bold;color: #595656;position: absolute;left: 20px;top: 100px;}
div#box_greeting h2{font-size: 40px;margin-bottom: 50px;}
div#box_greeting p{margin-bottom: 55px;}
p#img_greeting{width:580px;position: absolute;right: 20px;top: 100px;}

/* animation */
.float {animation: float_2979 3s linear infinite;transform-origin: 50% 50%;background: #F0F0F0;}
@keyframes float_2979 {0% { transform: translateY(0) }33.33333% { transform: translateY(-8px) }66.66667% { transform: translateY(-3px) }100% { transform: translateY(0) }}

@media print, screen and (max-width: 1200px){
section#greeting{width: 100%;padding: 70px 0;margin: 0;background:url(/img/greeting_ttl_sp.png) no-repeat center top 70px;background-size:95%;position: static;height: auto;}
section#greeting div.sp_inner_pd{padding: 18px 20px 0;}
div#box_greeting{width:100%;position: static;margin: 0 0 40px 0;padding-top: 0;font-size: 15px;font-weight: 500;}
div#box_greeting h2{font-size:25px;margin-bottom: 16px;}
div#box_greeting p{margin-bottom: 25px;}
p#img_greeting{width:100%;position: static;text-align: center;}
p#img_greeting img{width:45%;}
}

@media print, screen and (max-width: 767px){
section#greeting{padding: 70px 0;margin: 0;background:url(/img/greeting_ttl_sp.png) no-repeat center top 70px;background-size:95%;position: static;height: auto;}
section#greeting div.sp_inner_pd{padding: 18px 20px 0;}
div#box_greeting{width:100%;position: static;margin: 0 0 40px 0;padding-top: 0;font-size: 15px;font-weight: 500;}
div#box_greeting h2{font-size:25px;margin-bottom: 16px;}
div#box_greeting p{margin-bottom: 25px;}
p#img_greeting{width:100%;position: static;}
p#img_greeting img{width:100%;}
ul.list_btn_more img{width: 141px;height: 46px;}
}

/* wave area
---------------------------------------------- */
/* WAVE */
#wrapper{width:100%;height: 110px;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;background:#F0F0F0;}
canvas{position: absolute;bottom: 0;left:0;width: 100%;}

div#othercontent{width: 1400px;padding: 140px 0 200px;margin: 0 auto;}
div#othercontent ul{overflow: hidden;}
div#othercontent ul li{width: 660px;float: left;}
div#othercontent ul li:first-child{margin-right: 80px;}
div#othercontent ul li:last-child{padding-top: 100px;}
div#othercontent ul li img:hover{opacity: 0.5;}
@media print, screen and (max-width: 1440px){
div#othercontent{width: 100%;padding: 140px 0 200px;margin: 0;}
div#othercontent ul{padding: 0 20px;}
div#othercontent ul li{width: 47.143%;}
div#othercontent ul li:first-child{margin-right: 5.714%;}
div#othercontent ul li img{width: 100%;}
}
@media print, screen and (max-width: 767px){
div#othercontent{width: 100%;padding: 0;margin: 0;}
div.sp_inner_pd_22{padding: 70px 22px;}
div#othercontent ul{overflow: visible;padding: 0;}
div#othercontent ul li{width: 100%;float: none;}
div#othercontent ul li:first-child{margin: 0 0 30px 0;}
div#othercontent ul li:last-child{padding-top: 0;}
}

/* WORKS
---------------------------------------------- */
section#news{width: 1200px;padding: 140px 0;margin: 0 auto;}
div#news_wrap{overflow: hidden;margin: 0 0 60px 0;}
div#news_wrap h2{float: left;width: 12%;margin-right: 13%;}
div#news_wrap dl.list_news{float: left;width: 75%;margin: 0;}
section#news ul.list_btn_more{text-align: right;margin: 0 0 140px 0;}

p#recruit_bnr{width: 100%;}
p#recruit_bnr img:hover{opacity: 0.7;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
section#news{width: 100%;padding: 140px 0;margin: 0 auto;}
    
    
p#recruit_bnr{width: 100%;} 
p#recruit_bnr img{width: 100%;} 
}

@media print, screen and (max-width: 767px){
section#news{padding:0;margin: 0;}
div#news_wrap{overflow: visible;margin: 0 0 30px 0;}
div#news_wrap h2{float: none;margin:0 0 30px 0; width: 100%;}
div#news_wrap h2 img{ width: 100%;}
div#news_wrap dl.list_news{float: none;width: 100%;}
section#news ul.list_btn_more{margin: 0 0 70px 0;}

    
}