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

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

ホーム

------------------------------------------------------------ */
/* 共通
---------------------------------------------- */
@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
}

/* プロモーション
---------------------------------------------- */
.swiper-container {width: 100%;height: 730px;overflow: hidden;position: relative;background: url(/img/slide_bg00.png) no-repeat center 0;background-size: 1920px 730px;}
.swiper-slide {position: relative;display: flex;justify-content: center;align-items: center;width: 100%;height: 730px;}
.swiper-slide:first-child{background: url(/img/slide_bg01.png) no-repeat center 0;background-size: 1920px 730px;}
.swiper-slide:nth-child(2){background: url(/img/slide_bg02.png) no-repeat center 0;background-size: 1920px 730px;}
.swiper-slide:nth-child(3){background: url(/img/slide_bg03.png) no-repeat center 0;background-size: 1920px 730px;}
.swiper-slide img{position: absolute;top: 50px;left: 20px;width: 338px;height: 634px;}

@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
.swiper-container {width: 100%;height: auto;background: url(/img/slide_bg00_sp.png) no-repeat center 0;background-size: 100% auto;}
.swiper-slide {width: 100%;height: auto;}
.swiper-slide:first-child{background: url(/img/slide_bg01_sp.png) no-repeat center 0;background-size: 100% auto;}
.swiper-slide:nth-child(2){background: url(/img/slide_bg02_sp.png) no-repeat center 0;background-size: 100% auto;}
.swiper-slide:nth-child(3){background: url(/img/slide_bg03_sp.png) no-repeat center 0;background-size: 100% auto;}
.swiper-slide img{position: static;width: 100%;height: auto;}
}

/* content
---------------------------------------------- */
/* point */
section#point_area{background:url(/img/point_bg.png) no-repeat center 0;background-size: 1920px 798px;height: 798px;width: auto;padding: 80px 0 0 0;}
ul#point_list{overflow: hidden;width: 1200px;margin:0 auto 35px;color: #FFFFFF;font-size: 18px;font-weight: 500;}
ul#point_list li{float: left;width: 500px;}
ul#point_list li:last-child{float: right;}
ul#point_list li h2{margin-bottom: 35px;}

p#point_btn{background: url(/img/point_btn_on.png) no-repeat 0 0;width:260px;height: 60px;margin: 0 auto; }
p#point_btn:hover img{opacity: 0;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
section#point_area{padding: 80px 20px 0;}
ul#point_list{overflow: hidden;width: 100%;}
ul#point_list li{float: left;width: 45%;}
ul#point_list li:last-child  h2{margin-right: 20%}
}

@media print, screen and (max-width: 767px){
section#point_area{background:#7F0E13 url(/img/point_bg_sp.png) no-repeat center 0;background-size: 100%;height: auto;width: 100%;padding:0;}
ul#point_list{overflow: visible;width: 100%;margin:0;font-size: 16px;}
ul#point_list li{float: none;width: 100%;padding: 60px 20px 130px;}
ul#point_list li:last-child{float: none;margin-bottom: 0;padding: 0 20px 0;}
ul#point_list li:last-child  h2{margin-right: 0}
ul#point_list li h2{margin-bottom: 25px;}

p#point_btn{background: none;width:250px;height: 60px;margin:20px auto 60px;}
p#point_btn img{width:250px;height: 60px;}
p#point_btn:hover img{opacity: 1;}
}

/* about */
section#about{width:1400px;padding: 100px 0 190px;margin:0 auto;}
div#about_area{overflow: hidden;width: 1200px;margin:0 auto 60px;}
div#about_area h2{float: left;width: 600px;}
div#about_area div#about_txt{float: right;width: 500px;padding: 50px 0 0 0;}
div#about_area div#about_txt p.link_sqr{margin:35px 0 0 0;}

section#about p#about_service{background: url(/img/about_service_on.png) no-repeat 0 0;width:1400px;height: 480px;}
section#about p#about_service:hover img{opacity: 0;transition: 0.3s;}

section#about ul#about_list{margin: 40px 0 0 0;overflow: hidden;}
section#about ul#about_list li{float: left;}
section#about ul#about_list li:first-child{background: url(/img/about_feature_on.png) no-repeat 0 0;width:680px;height: 373px;margin: 0 40px 0 0;}
section#about ul#about_list li:last-child{background: url(/img/about_voice_on.png) no-repeat 0 0;width:680px;height: 373px;}
section#about ul#about_list li:hover img{opacity: 0;transition: 0.3s;}

@media print, screen and (max-width: 1400px)/* 使用画像のサイズ */{
section#about{width:100%;padding: 100px 20px 190px;}
div#about_area{overflow: visible;width: 100%;}
div#about_area h2{float: none;width: 100%;}
div#about_area div#about_txt{float: none;width: 100%;}
div#about_area div#about_txt p.link_sqr{margin:35px 0 0 0;}
    
section#about p#about_service{background-size: 100% 100%; width:100%;height: auto;}
section#about p#about_servicer img{width:100%;height: auto;}

section#about ul#about_list li:first-child{background-size: 100% 100%; width:48%;height: auto;margin: 0 4% 0 0;}
section#about ul#about_list li:last-child{background-size: 100% 100%;width:48%;height: auto;}
section#about ul#about_list li:hover img{width:100%;height: auto;}
}

@media print, screen and (max-width: 767px){
section#about{width:100%;padding: 50px 20px 70px;margin:0;}
div#about_area{margin:0 0 40px 0;}
div#about_area div#about_txt{padding: 0;}
div#about_area div#about_txt p.link_sqr{margin:25px 0 0 0;}

section#about p#about_service{background:none;width:100%;height:auto;}

section#about ul#about_list{margin: 20px 0 0 0;overflow: visible;}
section#about ul#about_list li{float: none;}
section#about ul#about_list li:first-child{background:none;width:100%;height: auto;margin: 0 0 20px 0;}
section#about ul#about_list li:last-child{background:none;width:100%;height: auto;}
section#about p#about_service:hover img,section#about ul#about_list li:hover img{opacity: 1;}
}

/* works */
section#works{background-image:url(/img/works_bg.png),url(/img/works_bg_logo.png);background-repeat: no-repeat,no-repeat;background-position: center top,bottom right;background-size:904px 72px,368px 280px;padding: 140px 0;}
section#works h2{text-align: center;}

ul#works_list{overflow: hidden;margin: 0 auto 30px;width: 1200px;}
ul#works_list li{float: left;width: 360px;}
ul#works_list li:first-child{margin: 80px 60px 0 0;}
ul#works_list li:nth-child(2){margin: 40px 60px 0 0;}
ul#works_list li p.works_img{width: 360px;height:250px;margin-bottom: 30px;}
ul#works_list li p.works_img img{width: 100%;height: 100%;object-fit: cover;}
ul#works_list li h2{font-size: 18px;text-align: left;}
ul#works_list li a:hover h2{color: #971B20;transition: 0.3s;}
ul#works_list li a:hover img{opacity: 0.5;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
ul#works_list{margin: 0 0 30px;width: 100%;padding:0 20px;}
ul#works_list li{width: 32%;}
ul#works_list li:first-child{margin: 80px 2% 0 0;}
ul#works_list li:nth-child(2){margin: 40px 2% 0 0;}
ul#works_list li p.works_img{width: 100%;}
}

@media print, screen and (max-width: 767px){
section#works{background-image:url(/img/works_bg_sp.png),url(/img/works_bg_logo_sp.png);background-repeat: no-repeat,no-repeat;background-position: center top,bottom right;background-size:100% auto,100% auto;padding: 70px 20px;}
section#works h2{text-align: center;}

ul#works_list{overflow: visible;margin: 0 0 40px;width: 100%;}
ul#works_list li{float: none;width: 100%;}
ul#works_list li:first-child,ul#works_list li:nth-child(2){margin: 0 0 40px 0;}
ul#works_list li p.works_img{width: 100%;height:233px;margin-bottom: 20px;}
ul#works_list li h2{font-size: 17px;}
}

/* topics */
section#topics{padding: 100px 0 140px;width: 1200px;margin: 0 auto;overflow: hidden;}
section#topics h2#topics_ttl{float: left;width: 200px;}
div#topics_wrap{float: left;width: 1000px;}
ul#topics_list{border-top: 1px solid #CACACA;margin-bottom: 60px;}
ul#topics_list li{padding:26px 0;border-bottom: 1px solid #CACACA;background: url(/common/img/arw_red.png) no-repeat center right 40px;background-size: 8px 12px;}
ul#topics_list li p,ul#topics_list li h3{display: inline-block;}
ul#topics_list li p.date{color: #7B7B7B;font-size: 18px; margin-right: 40px;font-weight: 800;letter-spacing: 0.05em;}
ul#topics_list li p.cate{border: #971B20 2px solid; color: #971B20;font-size:14px;padding: 8px 10px 5px;min-width: 80px;box-sizing: border-box;text-align: center;margin-right:40px;line-height: 1.0;}
ul#topics_list li h3 a:hover{color: #971B20;}
ul#topics_list li:hover{background: url(/common/img/arw_red.png) no-repeat center right 20px;transition: 0.3s;background-size: 8px 12px;}

@media print, screen and (max-width: 1200px){
section#topics{padding: 100px 20px 140px;width: 100%;margin: 0;}
section#topics h2#topics_ttl{width: 15%;}
div#topics_wrap{width: 85%;}
}

@media print, screen and (max-width: 767px){
section#topics{padding: 70px 20px;width: 100%;margin: 0;overflow: visible;}
section#topics h2#topics_ttl{float: none;width: 100%;margin: 0 0 40px 0;}
section#topics h2#topics_ttl img{width: 210px;height: 35px;}
div#topics_wrap{float: none;width: 100%;}
ul#topics_list{margin-bottom: 30px;}
ul#topics_list li{padding:18px 0 10px;background: url(/common/img/arw_red.png) no-repeat center right;background-size: 7px 11px;}
ul#topics_list li p{display: inline-block;}
ul#topics_list li h3{display: block;margin: 5px 0 0 0;}
ul#topics_list li p.date{font-size:16px;margin-right: 20px;}
ul#topics_list li p.cate{font-size:13px;padding: 4px 10px 2px;min-width: 70px;margin-right:0;}
ul#topics_list li:hover{background: url(/common/img/arw_red.png) no-repeat center right 5px;background-size: 7px 11px;}
}