@charset "utf-8";

/***************************************************************************************
	** MAIN
***************************************************************************************/
.visualMainBox {position:relative;overflow:hidden;}
.visualMainBox .swiper-wrapper {overflow:hidden;position:relative;width:10000em;}
.visualMainBox .swiper-wrapper .swiper-slide {float:left;}
.visualMainBox .swiper-wrapper .swiper-slide a {display:block;position:relative;height:900px;text-align:center;background-repeat:no-repeat;background-position:center;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy {position:absolute;left:0;right:0;top:50%;padding:0 50px;transform:translate(0, -50%);word-break:keep-all;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy strong {display:block;margin:0 0 30px;line-height:90px;font-size:80px;font-weight:800;color:#fff;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy p {line-height:44px;font-size:34px;font-weight:800;color:#fff;}
.visualMainBox .swiper-wrapper .swiper-slide a .btnBox {display:block;position:absolute;}
.visualMainBox .swiper-wrapper .swiper-slide a .btnBox span {display:inline-block;height:48px;padding:0 20px;line-height:48px;font-size:16px;font-weight:700;color:#fff;background-color:#000;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual01 {background-image:url('../img/visual_main_banner01.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual01 .btnBox {left:0;right:0;bottom:160px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02  {background-image:url('../img/visual_main_banner02.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02 .visualCopy p  {text-shadow:0 3px 16px rgba(69, 0, 174, 1);}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02 .btnBox {left:0;right:0;bottom:300px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03  {background-image:url('../img/visual_main_banner03.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .visualCopy {left:50%;right:auto;width:500px;padding:0;text-align:left;transform:translate(-390px, -50%);}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .visualCopy p {text-shadow:0 3px 16px rgba(69, 0, 174, 1);}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .btnBox {left:50%;right:auto;bottom:260px;width:500px;text-align:left;transform:translate(-390px, -50%);}
.visualMainBox .swiper-pagination {position:absolute;left:0;right:0;bottom:60px;text-align:center;}
.visualMainBox .swiper-pagination button {display:inline-block;width:18px;height:18px;margin:0 10px;border-radius:100%;background-color:#fff;}
.visualMainBox .swiper-pagination button.swiper-pagination-bullet-active {background-color:#c2ab88;}

.bizAreaWrap {overflow:hidden;max-width:800px;margin:0 auto;padding:100px 10px;}
.bizAreaWrap strong {display:block;margin:0 0 50px;line-height:42px;font-size:32px;font-weight:800;color:#000;text-align:center;}
.bizAreaWrap ul {overflow:hidden;margin:0 -2% 0 0;}
.bizAreaWrap ul li {float:left;width:48%;padding:0 2% 0 0;background-repeat:no-repeat;background-position:center top;}
.bizAreaWrap ul li > .img {display:block;margin:0 0 30px;}
.bizAreaWrap ul li > .img img {width:100%;}
.bizAreaWrap ul li > .title {display:block;line-height:32px;font-size:22px;font-weight:800;color:#000;}
.bizAreaWrap ul li > p {display:block;line-height:26px;font-size:16px;color:#767676;}

.easyLinkWrap {padding:130px 10px;background:url('../img/bg_main_easy_link.jpg') no-repeat center;background-size:cover;}
.easyLinkWrap .inner {max-width:1200px;margin:0 auto;}
.easyLinkWrap ul {margin:0 -2% 0 0;}
.easyLinkWrap ul:after {display:block;content:"";clear:both;overflow:hidden;width:0;height:0;line-height:0;}
.easyLinkWrap ul li {position:relative;float:left;width:23%;margin:0 2% 0 0;}
.easyLinkWrap ul li a {display:block;padding:0 20px 20px;background-color:#fff;background-repeat:no-repeat;background-position:center top;word-break:keep-all;transform:scale(1);transition:transform 0.7s ease;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.easyLinkWrap ul li:hover {z-index:1;}
.easyLinkWrap ul li:hover a{transform:scale(1.15);transition:transform 0.7s ease;}
.easyLinkWrap ul li a .img {display:block;margin:0 -20px 20px;}
.easyLinkWrap ul li a .img img {width:100%;}
.easyLinkWrap ul li a strong {display:inline-block;position:relative;padding:0 10px 0 0;margin:0 0 10px;line-height:24px;font-size:18px;font-weight:800;color:#000;}
.easyLinkWrap ul li a strong:after {display:block;content:"";position:absolute;right:0;top:3px;width:6px;height:6px;border-radius:100%;background-color:#000;}
.easyLinkWrap ul li a div {line-height:24px;font-size:14px;color:#767676;}

/* MAIN MOBILE - 768px */
@media screen and (max-width:768px) {

.visualMainBox .swiper-wrapper .swiper-slide a {height:450px;background-size:cover;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy {padding:0 30px;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy strong {display:block;margin:0 0 15px;line-height:50px;font-size:40px;}
.visualMainBox .swiper-wrapper .swiper-slide a .visualCopy p {width:250px;margin:0 auto;line-height:25px;font-size:15px;}
.visualMainBox .swiper-wrapper .swiper-slide a .btnBox {display:block;position:absolute;}
.visualMainBox .swiper-wrapper .swiper-slide a .btnBox span {display:inline-block;height:35px;padding:0 10px;line-height:35px;font-size:12px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual01 {background-image:url('../img/visual_main_banner_mo01.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual01 .btnBox {bottom:80px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02  {background-image:url('../img/visual_main_banner_mo02.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02 .visualCopy p {width:300px;line-height:30px;font-size:20px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual02 .btnBox {bottom:130px;}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03  {background-image:url('../img/visual_main_banner_mo03.jpg');}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .visualCopy {left:20px;right:auto;top:60px;width:70%;text-align:left;transform:translate(0, 0);}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .visualCopy p {line-height:35px;font-size:25px;text-shadow:0 3px 16px rgba(69, 0, 174, 1);}
.visualMainBox .swiper-wrapper .swiper-slide a.visual03 .btnBox {left:0;right:0;bottom:100px;width:auto;text-align:center;transform:translate(0, 0);}
.visualMainBox .swiper-pagination {bottom:20px;}
.visualMainBox .swiper-pagination button {width:10px;height:10px;margin:0 5px;}

.bizAreaWrap {margin:0 auto;padding:50px 20px;}
.bizAreaWrap strong {display:block;margin:0 0 25px;line-height:31px;font-size:21px;}
.bizAreaWrap ul li {width:98%;margin:30px 0 0;}
.bizAreaWrap ul li:first-child {margin:0;}
.bizAreaWrap ul li > .title {display:block;line-height:28px;font-size:18px;font-weight:800;color:#000;}
.bizAreaWrap ul li > p {display:block;line-height:22px;font-size:12px;color:#767676;}

.easyLinkWrap {padding:50px 20px;background:url('../img/bg_main_easy_link_mo.jpg') no-repeat center;}
.easyLinkWrap ul {margin:-20px -2% 0 0;}
.easyLinkWrap ul li {width:48%;margin:20px 2% 0 0;}
.easyLinkWrap ul li a {display:block;padding:0 10px 10px;}
.easyLinkWrap ul li a .img {display:block;margin:0 -10px 10px;}
.easyLinkWrap ul li a strong {display:inline-block;position:relative;padding:0 10px 0 0;margin:0 0 8px;line-height:18px;font-size:12px;font-weight:800;color:#000;}
.easyLinkWrap ul li a strong:after {display:block;content:"";position:absolute;right:0;top:3px;width:4px;height:4px;border-radius:100%;background-color:#000;}
.easyLinkWrap ul li a div {min-height:36px;line-height:18px;font-size:11px;}

}
/* // MAIN MOBILE - 768px */

/***************************************************************************************
	** top visual box
***************************************************************************************/
[class^="topVisualBox"] {background-repeat:no-repeat;background-position:center bottom;background-size:cover;}
[class^="topVisualBox"] .inner {position:relative;max-width:1200px;height:344px;padding:0 10px;margin:0 auto;}
[class^="topVisualBox"] .inner .pageTitle {position:absolute;left:10px;bottom:20px;line-height:140px;font-size:100px;color:#fff;}
[class^="topVisualBox"] .inner .pageTitleS {position:absolute;right:10px;bottom:30px;padding:0 10px 0 0;line-height:40px;font-size:34px;font-weight:700;color:#fff;}
[class^="topVisualBox"] .inner .pageTitleS:after {display:block;content:"";position:absolute;right:0;top:0;width:10px;height:10px;border-radius:100%;background-color:#fff;}

.topVisualBox01 {background-image:url('../img/visual_top_history_pc.jpg');}
.topVisualBox02 {background-image:url('../img/visual_top_performance_pc.jpg');}
.topVisualBox03 {background-image:url('../img/visual_top_intro_pc.jpg');}
.topVisualBox04 {background-image:url('../img/visual_top_work_intro_pc.jpg');}


/* top visual box MOBILE - 768px */
@media screen and (max-width:768px) {
	
	[class^="topVisualBox"] .inner {height:42.7vw;}
	[class^="topVisualBox"] .inner .pageTitle {bottom:15px;line-height:60px;font-size:50px;}
	[class^="topVisualBox"] .inner .pageTitleS {bottom:15px;line-height:25px;font-size:15px;}
	[class^="topVisualBox"] .inner .pageTitleS:after {width:5px;height:5px;}

	.topVisualBox01 {background-image:url('../img/visual_top_history_mo.jpg');}
	.topVisualBox02 {background-image:url('../img/visual_top_performance_mo.jpg');}
	.topVisualBox03 {background-image:url('../img/visual_top_intro_mo.jpg');}
	.topVisualBox04 {background-image:url('../img/visual_top_work_intro_mo.jpg');}

}
/* //top visual box MOBILE - 768px */

/***************************************************************************************
	** page copyright text
***************************************************************************************/
[class^="pageCopyWrap"] {max-width:1200px;margin:0 auto;padding:0 10px;text-align:center;}
[class^="pageCopyWrap"] strong {display:inline-block;position:relative;padding:0 5px;line-height:40px;font-size:30px;color:#000;background:url('../img/line_page_copyright.jpg') repeat-x center bottom;}
[class^="pageCopyWrap"] strong {margin:10px 0 0;}
[class^="pageCopyWrap"] strong:first-child {margin:0;}

/* page copyright text MOBILE - 768px */
@media screen and (max-width:768px) {

[class^="pageCopyWrap"] strong {line-height:25px;font-size:15px;background-size:auto 10px;}

}
/* //page copyright text MOBILE - 768px */

/***************************************************************************************
	** portfolio list
***************************************************************************************/
[class^="portfolioListWrap"] {max-width:1200px;margin:80px auto 0;padding:0 10px;word-break:keep-all;}
[class^="portfolioListWrap"] .listItem {position:relative;padding:0 0 0 200px;border-top:1px solid #000;}
[class^="portfolioListWrap"] .listItem .year {display:block;position:absolute;left:0;top:0;padding:28px 0 0;line-height:54px;font-size:44px;font-weight:800;}
[class^="portfolioListWrap"] .listItem ul li {position:relative;padding:41px 0 41px 90px;line-height:30px;font-size:20px;color:#767676;border-bottom:1px solid #e2e2e2;}
[class^="portfolioListWrap"] .listItem ul li:last-child {border-bottom:none;}
[class^="portfolioListWrap"] .listItem:last-child ul li:last-child {border-bottom:1px solid #e2e2e2;}
[class^="portfolioListWrap"] .listItem ul li em {display:block;position:absolute;left:0;top:41px;font-size:22px;font-weight:800;color:#000;}
[class^="portfolioListWrap"] .listItem ul li .listText {padding:0 20px 0 0;}

.portfolioListWrap02 .listItem ul li {position:relative;}
.portfolioListWrap02 .listItem ul li .listText {padding:0 120px 0 0;}
.portfolioListWrap02 .listItem ul li .corp {display:block;position:absolute;right:0;top:41px;color:#c2ab88;}

/* portfolio list MOBILE - 768px */
@media screen and (max-width:768px) {

[class^="portfolioListWrap"] {margin:40px 0 0;padding:0 20px;}
[class^="portfolioListWrap"] .listItem {margin:0;padding:0 ;}
[class^="portfolioListWrap"] .listItem .year {position:static;padding:20px 0 0;line-height:32px;font-size:22px;}
[class^="portfolioListWrap"] .listItem ul li {padding:20px 0 20px 50px;line-height:20px;font-size:12px;}
[class^="portfolioListWrap"] .listItem ul li em {top:20px;font-size:12px;}

.portfolioListWrap02 .listItem ul li {position:relative;}
.portfolioListWrap02 .listItem ul li .listText {padding:0 70px 0 0;}
.portfolioListWrap02 .listItem ul li .corp {top:20px;}

}
/* //portfolio list MOBILE - 768px */

/***************************************************************************************
	** introVisual
***************************************************************************************/
[class^="introVisual"] {padding:0 10px;}
[class^="introVisual"]:after {display:block;content:"";background-repeat:no-repeat;background-position:center;background-size:100% 100%;}

.introVisual {max-width:800px;margin:80px auto 0;}
.introVisual:after {padding:84.48074679113186% 0 0;background-image:url('../img/visual_img_intro_pc.png');}
.introVisual02 {max-width:900px;margin:50px auto 0;}
.introVisual02:after {padding:128.5562632696391% 0 0;background-image:url('../img/visual_img_work_intro_pc.png');}

/* introVisual MOBILE - 768px */
@media screen and (max-width:768px) {
	
	[class^="introVisual"] {padding:0 20px;}
	
	.introVisual {margin:40px 0 0;}
	.introVisual:after {padding:107.8347578347578% 0 0;background-image:url('../img/visual_img_intro_mo.png');}
	.introVisual02 {max-width:900px;margin:20px 0 0;}
	.introVisual02:after {padding:129.3948126801153% 0 0;background-image:url('../img/visual_img_work_intro_mo.png');}
	
}
/* //introVisual MOBILE - 768px */

/***************************************************************************************
	** contact map
***************************************************************************************/
.contactMapWrap {max-width:1200px;margin:80px auto 0;padding:0 10px;}
.contactMapWrap .contactMap:before {display:block;content:"";padding:48.33333333333333% 0 0;background:url('../img/contact_map.jpg') no-repeat center;background-size:cover;}

.contactInfoWrap {overflow:hidden;max-width:1200px;margin:40px auto 0;padding:0 10px;}
.contactInfoWrap .inner {overflow:hidden;margin:-10px -20px 0 0;}
.contactInfoWrap .infoItem {margin:10px 20px 0 0;line-height:30px;font-size:20px;color:#767676;}
.contactInfoWrap .infoItem strong {display:inline-block;position:relative;padding:0 12px 0 0;margin:0 4px 0 0;font-weight:800;color:#000;}
.contactInfoWrap .infoItem strong:after {display:block;content:"";position:absolute;right:0;top:50%;width:2px;height:20px;margin:-10px 0 0;background-color:#e5e5e5;}

/* contact map MOBILE - 768px */
@media screen and (max-width:768px) {
	
.contactMapWrap {margin:40px 0 0;padding:0 20px;}
.contactMapWrap .contactMap:before {display:block;content:"";padding:74.62686567164179% 0 0;background:url('../img/contact_map_mo.jpg') no-repeat center;background-size:cover;}

.contactInfoWrap {margin:10px auto 0;padding:0 20px;word-break:keep-all;}
.contactInfoWrap .inner {margin:0;}
.contactInfoWrap .infoItem {margin:5px 0 0;line-height:22px;font-size:12px;}
.contactInfoWrap .infoItem strong {padding:0 7px 0 0;margin:0 3px 0 0;}
.contactInfoWrap .infoItem strong:after {width:1px;height:14px;margin:-7px 0 0;}

}
/* //contact map MOBILE - 768px */