@charset "UTF-8";
@media screen and (min-width:1001px){	
#header{ bottom:0; background:none; height:130px;}
#header .headerWrap{ background:#a9231c; margin-top:30px;}
#header .logo{ top:auto; bottom:0; height:130px; position:absolute; z-index:1000;  box-shadow: 4px 3px 19px 6px rgba(0,0,0,0.2); display:block;}

#header .logo{ background:#fff;}
#header  .logo:hover{ opacity:1;}
#header .logo:hover img{ opacity:0.7;}
#header{  z-index:99999999999;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ z-index:9999999999999;}
}

@media screen and (max-width:1000px){	
#header .logo{ display:none;}
}
.bx-wrapper{
	box-sizing:border-box; margin:0; padding:0; width:100%; border:none;}
.bx-wrapper .bx-pager.bx-default-pager a{ background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active{ background:#a8231c;}

.sideContact{ z-index:1000;}
/*main*/
#mainVisual {width: 100%;  margin:0 auto; position: relative; background: #FFF; overflow: hidden; height: calc(100vh - 100px);}
.filter{ width:100%; height: calc(100vh - 100px); background:url(../img/top/filder.png) left top repeat; position: absolute; top:0; left:0; z-index:10;}
#mainVisual .slides {width: 100%; margin: 0 auto; height: calc(100vh - 100px); z-index:100;}
.sliderWrap{ height: calc(100vh - 100px);}
#mainVisual .bxslider li{ width:100%; overflow:hidden; height: 100vh; font-size:0; box-sizing:border-box;}
#mainVisual .bxslider li .vleft{ animation: mainvisual 15s linear infinite;  margin-bottom:-70px; background-size:cover;  width:50%; display:inline-block; font-size:0; box-sizing:border-box;}
#mainVisual .bxslider li .vright  {  animation: mainvisual2 15s linear infinite;  margin-top:-70px; background-size:cover; width:50%; display:inline-block; font-size:0; box-sizing:border-box;}
#mainVisual .bxslider li{ font-size:0 ; hight: 100vh; }
#mainVisual .bxslider li div{ height:  calc(100vh + 100px) !important; background-size:cover !important;}
.bx-wrapper{ border:none;}
.bx-wrapper {
    margin-bottom: 0;
    padding: 0;
}
.fmain{ background-size: cover !important;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:110px;}
@media screen and (max-width:1000px){	
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ z-index:99;}
}

@keyframes mainvisual {
	0% { 
	transform: translateY(0px); }
	100% { 
	transform: translateY(-70px); }
}


@keyframes mainvisual2 {
	0% { 
	transform: translateY(-60px)
	 }
	100% { 
	transform: translateY(0); }
}


#mainVisual .arrow{position: absolute; width:70px; bottom: 50px; left: 0; right: 0; margin: 0 auto; z-index: 100;}
#mainVisual .arrow img{ width:100%; height:auto;}

/*content*/	
.toptits{ text-align:center;}
.toptits img{ width:40px; height:auto;}
.toptits h2{ font-size:18px; font-weight:bold; padding-top:15px;}
.newcon{ padding:70px 20px 80px 20px; background:#f6f6f6;}


.newcon ul{ font-size:0; text-align:center; margin-top:70px;}
.newcon ul li { width:40%; display:inline-block; margin:0 15px; vertical-align:top;}
.newcon ul li img{ width:100%; height:auto;}
.newcon ul li:hover{ opacity:0.7;}
.newcon ul li div{ background:#fff;}
.newcon ul li dl{ font-size:14px; box-sizing:border-box; padding:35px 15px; text-align:left; }
.newcon ul li dt{ font-weight:bold; line-height:25px; margin-bottom:20px;}
.newcon ul li dd{ color:#4c4c4c;}



.strengthCon{ background: url(../img/top/bg_point.jpg) left top no-repeat; background-size:cover; padding:90px 20px 160px 20px; }
.strengthCon h2{ font-size:35px; font-weight:bold; text-align:center; margin-bottom:50px;}
.strengthList{ max-width:83%; margin:0 auto;}
.strengthList li{ background:#fff; font-size:0; margin-bottom:20px;}
.strengthList li:last-child{ margin-bottom:0;}
.strengthList .nambers{ font-size:60px; color:#d1cfcc; font-weight:bold; display:inline-block; width:15%; text-align:center; vertical-align:middle; padding:0 20px; box-sizing:border-box;  }
.strengthList dl{ display:inline-block; vertical-align:middle; padding:50px 40px; box-sizing:border-box; width:85%; border-left:1px solid #d1cfcc;}
.strengthList dt{ font-size:24px; color:#a9231c; font-weight:bold;}
.strengthList dd{ font-size:18px;}



.projectsCon{ padding:65px 0 50px 0;}
.projectsCon .slider{ margin-top:65px;}
/*works*/
.works{width:100%;   background:transparent !important; }
.works ul{margin: 0; padding: 0; background:transparent !important; }	
.works ul li{position:relative;  background:transparent !important;}
.works ul li:hover{ opacity:0.7;}
.works ul li img{ width:100%; height:auto;}
.works ul li .in{ padding:0 12px;   background:transparent !important;}
.works ul li .in .imgarea{ position:relative;}
.works ul li .in dl{font-size:14px; }
.works ul li .in dt{ font-weight:bold; margin-top:30px; min-height:50px; }
.works ul li .in dd{ margin-top:30px;}
.works ul li a{color:#fff;}
.works ul li a dt{ color:#1a1a1a;}
.works ul li a dd{ color:#4c4c4c;}
.works ul li .in .lixtTit span{ border:6px solid #fff; padding:5%; display:block; box-sizing:border-box; width:85%; margin:0 auto; left:0;}
.works ul li .in .namber{ position:absolute; bottom:64px; left:15px; width:60px; height:60px; font-size:20px; font-weight:400;}

.lixtTit{ position:absolute; bottom:50px; padding:0 2%; width:100%; box-sizing:border-box; text-align:center; left:0;}
.lixtTit span{ border:3px solid #fff; padding:3%; font-size:22px; box-sizing:border-box;  left:0;}



.architectCon{ background:url(../img/top/bg_award.jpg)  center top no-repeat; background-size:cover; padding-bottom:40px;}
.architectTxt{ width:67%; margin-left:auto; padding:70px 0 55px 0;}
.architectTxt h2{ font-size:30px; margin-bottom:30px;}
.architectTxt p{ font-size:14px;}

.interviewCon{ position:relative;}
.interviewCon img{ width:100%; height:auto;}
.interviewCon h3{ position:absolute; text-align:center; top:30px; z-index:2; font-size:30px; color:#fff; font-weight:bold; width:100%;}

.interviewCon:hover{ opacity:0.7;}
.voiceCon{ padding:135px 0 85px 0; background:url(../img/top/bg_voice.jpg) center top no-repeat; background-size:cover;}
.voiceContTxt{ text-align: center;}
.voiceContTxt h2{ font-size:40px;}
.voiceContTxt h2:before{ content:""; background: url(../img/top/quotation_before.png) left top no-repeat; display:inline-block; width:34px; height:21px; background-size:cover; margin-right:30px; margin-top:-10px;}
.voiceContTxt h2:after{ content:""; background: url(../img/top/quotation_after.png) left top no-repeat; display:inline-block; width:34px; height:21px; background-size:cover; margin-left:30px;  margin-top:-10px;}
.voiceContTxt p{ margin-top:37px; font-size:14px; color:#4c4c4c; margin-bottom:95px;}

/*works*/
.workspt2{width:100%;   background:transparent !important; }
.workspt2 ul{margin: 0; padding: 0; }	
.workspt2 ul li{position:relative;}
.workspt2 ul li img{ width:100%; height:auto;}
.workspt2 ul li .in{ padding:0 15px;   background:transparent !important;}
.workspt2 ul li .in .imgarea{ position:relative;}
.workspt2 ul li .in dl{font-size:14px; background:#fff; box-sizing:border-box; padding:30px 25px; position:relative; }
.workspt2 ul li .in dl:after{ content:""; background:url(../img/top/arrow_voice.png) left top no-repeat; background-size:cover; width:7px; height:11px; display:block; position:absolute; right:20px;; top:50%;}
.workspt2 ul li .in dt{ font-weight:bold; }

.workspt2 ul li a{color:#fff;}
.workspt2 ul li a dt{ color:#1a1a1a; min-height:50px;}
.workspt2 ul li a dd{ color:#4c4c4c;}
.workspt2 ul li .in .lixtTit span{ border:6px solid #fff; padding:5%; display:block; box-sizing:border-box; width:85%; margin:0 auto;}
.workspt2 ul li .in .namber{ position:absolute; bottom:64px; left:15px; width:60px; height:60px; font-size:20px; font-weight:400;}




.ideaCon{ padding-top:65px;}

.workspt3{width:100%;   background:transparent !important; }
.workspt3 ul{margin: 0; padding: 0; margin-top:65px; }	
.workspt3 ul li{position:relative;}
.workspt3 ul li:hover{ opacity:0.7;}
.workspt3 ul li{ background:#b13932;}
.workspt3 ul li:nth-child(odd){ background:#a9231c;}
.workspt3 ul li img{ width:100%; height:auto;}
.workspt3 ul li .in{ padding:0; }
.workspt3 ul li .in .imgarea{ position:relative;}
.workspt3 ul li .in dl{font-size:14px; background:#fff; box-sizing:border-box; padding:30px 25px; position:relative; }
.workspt3 ul li .in dl:after{ content:""; background:url(../img/top/arrow_voice.png) left top no-repeat; background-size:cover; width:7px; height:11px; display:block; position:absolute; right:20px;; top:50%;}
.workspt3 ul li .in dt{ font-weight:bold; }

.workspt3 ul li a{color:#fff;}
.workspt3 ul li a dt{ color:#1a1a1a;}
.workspt3 ul li a dd{ color:#4c4c4c;}
.workspt3 ul li .ideaTxt{ font-size:14px; text-align:center; padding:60px 10px; position:relative;}
.workspt3 ul li .ideaTxt:after{content:""; background:url(../img/top/arrow_idea.png) left top no-repeat; background-size:cover; width:7px; height:11px; display:block; position:absolute; right:20px;; top:50%;}



.fundCon{ padding:150px 0 190px 0; background:url(../img/top/bg_plan.jpg) left top no-repeat; background-size:cover; text-align:center; color:#fff;}
.fundCon h2{ font-size:35px;}
.fundCon p { margin-top:60px;}
.fundCon p a{ color:#fff; border:1px solid #fff; font-size:36px; width:83%; margin:0 auto; text-align:center; padding:55px 0; display:block; position: relative; }
.fundCon p a:after{content:""; background:url(../img/top/arrow_paln.png) left top no-repeat; background-size:cover; width:13px; height:20px; display:block; position:absolute; right:20px; top:50%; margin-top:-10px;}




@media screen and (max-width:1000px){
	
	#header{ top:0;}
	
	/*メインビジュアル*/
	#mainVisual {min-width:initial; margin-top:70px; height:  calc(100vh - 70px);}
	#mainVisual .arrow{width:25px; bottom: 22px;}
	#mainVisual .arrow img{width:100%; height: auto;}
	#contents{ padding-top:0;}
	#mainVisual .arrow{ z-index:90;}
	#mainVisual .bxslider li.fmain{ height: calc(100vh - 70px);}





/*main*/
#mainVisual { height: 250px;}
.filter{  height: 250px; }
#mainVisual .slides {width: 100%; margin: 0 auto; height: 350px; z-index:100;}
.sliderWrap{ height: 250px;}
#mainVisual .bxslider li{  height: 250px; }
#mainVisual .bxslider li .vleft{  margin-bottom:-20px; }
#mainVisual .bxslider li .vright  {  margin-top:-20px; background-size:cover;}
#mainVisual .bxslider li{ font-size:0 ; hight: 250px; }
#mainVisual .bxslider li div{ height:  350px !important;}
.fmain{ background-size: cover !important;}
#mainVisual .bxslider li.fmain{ height:250px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:110px;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:20px;}

#mainVisual .arrow{ display:none;}

}
	
	
	
@media screen and (max-width:900px){	
.works ul li .in{ padding:0}
.works ul li .in dl{font-size:14px; box-sizing:border-box; padding:0 20px; }
	
.newcon{ padding:20px;}	
#mainVisual .arrow {
    width: 65px;
    bottom: 75px;
}
.newcon ul{ margin-top:20px;}
.newcon ul li {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    vertical-align: top;
}

.newcon ul li dl{ font-size:12px;
padding: 10px;
}

.newcon ul li dt{ margin-bottom:10px;}
	

.strengthCon{ padding:20px 0;}
.strengthCon h2{ font-size:20px; margin-bottom:20px;}
.strengthList{ max-width:100%; padding:0 20px; box-sizing:border-box;}
.strengthList .nambers{ font-size:30px; display:block; width:100%; text-align:left;}
.strengthList dl{ width:100%; padding:15px; border:none;}
.strengthList dt{ font-size:14px;}
.strengthList dd{ font-size:12px;}



.projectsCon{ padding:20px 0;}
.projectsCon .slider{ margin-top:20px;}
.works ul li .in .lixtTit span{ font-size:15px;}

.works ul li .in dt{ margin-top:10px;}
.works ul li .in dd{ margin-top:5px;}


.architectTxt{ width:100%; padding:20px; box-sizing:border-box;}
.architectTxt h2{ font-size:15px; margin-bottom:10px;}
.architectTxt p{ font-size:12px;}

.interviewCon{ }
.interviewCon h3{ font-size:20px; top:20px;}


.voiceCon{ padding:20px;}
.voiceContTxt h2{ font-size:20px;}

.voiceContTxt h2:before{ width:15px; height:9px;}
.voiceContTxt h2:after{ width:15px; height:9px;}
.voiceContTxt p{ margin-top:10px; margin-bottom:20px; font-size:12px; text-align:left;}

.workspt2 ul li .in{ padding:0;}

.ideaCon{ padding-top:20px;}
.workspt3 ul{ margin-top:20px;}

.workspt3 ul li .ideaTxt{ padding:20px 10px; font-size:10px;}
.workspt3 ul li .ideaTxt:after{ display:none;}

.fundCon{ padding:20px;}
.fundCon h2{ font-size:20px;}
.fundCon p{margin-top:20px;}
.fundCon p a{ width:100%; font-size:14px; padding:20px; box-sizing:border-box;}
}