html, body {
  overflow-x: hidden;
}
@media screen and (max-width: 1180px){

	.mainVisual{
		content-visibility: auto;
		width:100%;
		height:100vh;
		height:100svh;
		position:relative;
	}

	.mainVisual .bg{
		width:100%;
		height:100vh;
		height:100svh;
		overflow:hidden;

	}

	.mainVisual .bg video{
		height:100vh;
		height:100svh;
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}

	.mainVisual .txCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translate(-50%,-50%);
		left:50%;
		z-index:1;
		text-align:center;
	}

	.mainVisual .txCont .tit{
		font-size:48px;
		color:#fff;
		font-family: 'GmarketSansBold';
		line-height:60px;
		text-align:center;
	}

    .titGumi{
        font-size:56px;
        color:#002147;
        -webkit-text-stroke: 2px #3CB043;
        font-weight: 800;
    }
	.mainVisual .txCont .subTit{
		font-size:26px;
		color:#fff;
		font-family: 'GmarketSansLight';
		margin-top:20px;
		text-align:center;
	}




	.mainVisual .mouseCont{
		width:100%;
		position:absolute;
		bottom:20px;
		z-index:1;
	}



	.mainVisual .mouseCont .text{
		font-size:18px;
		color:#ffffff;
		text-align:Center;
		font-family:'lato';
	}

	.mainVisual .mouseCont .ico{
		width:47px;
		margin:10px auto 0;
	}

	.mainVisual .mouseCont .ico img{
		width:100%;
	}


	.titleA{
		width:100%;
		text-align:center;
	}

	.titleA .subtit{
		font-size:30px;
		color:#222222;
		word-break:keep-all;
		font-family: 'GmarketSansBold';
	}

	.titleA .tit{
		font-size:44px;
		color:#1e2e5b;
		word-break:keep-all;
		font-family: 'GmarketSansBold';
		margin-top: 18px;
    	margin-bottom: 10px;
	}

	.titleA .tit div{
		font-family: 'GmarketSansBold';
		display:inline-block;
	}

	.titleA .tit span{
		color:#77bc28;
	}

	.titleA .subsA{
		font-size:22px;
		margin-top:4px;
		color:#5b5e5b;
		font-weight:bold;
	}

	.titleA .subs{
		font-size:19px;
		margin-top:4px;
		color:#5b5e5b;
		font-weight:bold;
	}

	.titleA .linkBtn{
		width:200px;
		background:#fff;
		border:1px solid #222;
		box-sizing:border-box;
		margin:50px auto 0;
	}

	.titleA .linkBtn a{
		width:100%;
		display:block;
		padding:15px 20px;
		box-sizing:border-box;
	}

	.titleA .linkBtn a .tx{
		font-size:18px;
		display:inline-block;
		vertical-align:Middle;
		line-height:21px;
	}

	.titleA .linkBtn a .arrow{
		width:11px;
		display:inline-block;
		float:right;
	}

	.reason{
		width:100%;
		display:inline-block;
		position:Relative;

	}



	.reason .titleArea{
		width:100%;
		display:inline-block;
		position:fixed;
		background: rgba(255,255,255,0.8);
	}


	.reason .titleArea .inner{
		width:100%;
		position:relative;
		padding:9em 0 2em 0;
	}




	.reason .partnerArea{
		width:100%;
		display:inline-block;
		background:#f7f7f7;
		box-sizing:border-box;
		margin-top:335px;
	}

	.reason .partnerArea .inner{
		width:100%;
		padding:0px 2em;
		box-sizing:border-box;

	}

	.reason .partnerArea .partnersList{
		width:100%;
		box-sizing:border-box;
		display:inline-block;
		padding:0.5em 0px;

	}

	.reason .partnerArea .partnersList li{
		width:23%;
		display:inline-block;
		float:left;
		margin-left:2%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:20px;
	}

	.reason .partnerArea .partnersList li img{
		width:100%;
	}


	.reason .partnerArea .partnersList li:nth-child(3n+1){
		margin-left:2%;
	}

	.reason .partnerArea .partnersList li:nth-child(4n+1){
		margin-left:0%;
	}

	.quick{
		content-visibility: auto;
		width:100%;
		background:#f7f7f7;
		height:100%;
		box-sizing:border-box;
		display:contents;
	}

	.quick .titleA{
		width: 100%;
	    position: relative;
	    text-align: center;
	    margin: 0 auto;
	    display: inline-block;
	}


	.quick .inner{
		width:100%;
		position: relative;
	    display: inline-block;
	}

	.quick .inner .titleA{
		text-align:center;
	}

	.quick .inner .titleA .tit{
		margin:40px 0;
	}

	.quick .inner .titleA .subs{
		margin-top:10px;
	}

	.quick .inner .quickList{
		width:100%;
		margin:3% auto 0;
	}

	.quick .inner .quickList li{
		widtH:33%;
		display:inline-block;
		box-sizing:border-box;
	}

	.quick .inner .quickList .thum{
		width:50%;
		margin:0 auto;
	}
	.quick .inner .quickList .thum img{
		width:100%;
	}

	.quick .inner .quickList .subj{
		font-size:22px;
		text-align:center;
		color:#222;
		font-weight:bold;
		margin-top:2em;
		font-family: 'GmarketSansBold';
	}

	.quick .inner .quickList .subs{
		font-size:16px;
		text-align:center;
		color:#444;
		margin-top:10px;
		word-break:keep-all;
		line-height:28px;
	}

	.counsel{
		content-visibility: auto;
		width:100%;
		position:relative;
		top:-7%
	}



	.counsel .titleA{
		width:100%;
		text-align:center;
		position:relative;
	}

	.counsel .titleA .bgText{
		font-size:160px;
		font-weight:bold;
		font-family:'lato';
		color:#f7f7f7;
		position:absolute;
		z-index:-1;
		width:100%;
		text-align:center;
		left:0;
		top:90px;
		line-height:160px;
	}

	.counsel .titleA .tit{
		margin-top:0px;
	}


	.counsel .counselList{
		width:100%;
		display:flex;
		margin: 1% auto;
	}

	.counsel .counselList li{
		width:25%;
		display:inline-block;
		position:relative;
	}



	.counsel .counselList li .ico{
		width:25%;
		margin:0 auto;
	}

	.counsel .counselList li .ico img{
		width:100%;
	}

	.counsel .counselList li .num{
		text-align:center;
		font-size:21px;
		color:#77bc28;
		margin-top:30px;
		font-family:'lato';
		font-weight:bold;
	}

	.counsel .counselList li .subj{
		text-align:center;
		font-size:20px;
		color:#222222;
		margin-top:10px;
	}

	.counsel .counselList li:after{
		content:'';
		position:absolute;
		background:url(../images/counselArrow.png);
		width:23px;
		height:35px;
		top:50%;
		transform:translateY(-50%);
		right:-11px;
	}

	.counsel .counselList li:last-child:after{
		display:none;
	}


	.counsel .btnList{
		width:100%;
		text-align:Center;
		margin-top:50px;
	}

	.counsel .btnList{
		width:100%;
		text-align:Center;
		margin-top:70px;
	}
	.counsel .btnList div{
		display:inline-block;
		text-align:Center;
		font-size:1.1em;
		font-weight:bold;
		border-radius:10px;

	}

	.counsel .btnList div a{
		display:block;
		padding:15px 0px;
		box-sizing:border-box;
		width:250px;
	}


	.counsel .btnList .borbtn{
		border:1px solid #77bc28;
		color:#77bc28;
	}

	.counsel .btnList .borbtn a{
		color:#77bc28;
	}


	.counsel .btnList .backbtn{
		border:1px solid #77bc28;
		color:#fff;
		background:#77bc28;
		margin-left:2%;
	}

	.counsel .btnList .backbtn a{
		color:#fff;
	}


	.portfolio{
		content-visibility: auto;
		width:100%;
		height:100vh;
		height:100svh;
		position:relative;
		margin:0 auto;
	}

	.portfolio .txCont{
		width:100%;
		position:absolute;
		padding:8em 3% 20px;
		background:rgba(255,255,255,0.7);
		z-index:9;
		height:auto;
		top:0;
		box-sizing:border-box;
	}


	.portfolio .txCont .inner{
		width:100%;
		position:relative;
		top:0%;
		transform:translateY(0%);
	}

	#scrollbar {
	  height:100vh;
	  height:100svh;
	  overflow-y: hidden;
	}

	.scrollbar-track-x {
	  height: 1px!important;
	  bottom: 0px!important;
	  margin: 0 auto!important;
	  left: 0!important;
	  right: 0!important;
	  background: rgba(0, 0, 0, 0)!important;
	}
	.scrollbar-thumb-y{
		display:none !important;
	}

	.scrollbar-track-y {
	  width:0 !important;

	}


	.wrapper {
	  display: flex;
	  position: relative;
	  z-index: 1;
	  counter-reset: item;
	  overflow-x: auto;
	  white-space: nowrap;
	  top: 50%;
	  transform: translateY(-50%);
	  -webkit-overflow-scrolling: touch;
	  -ms-overflow-style: -ms-autohiding-scrollbar;
	}


	#scrollbar .card-1{
		margin-left:0%;
		margin-top:30%;
	}
	#scrollbar .card-2{
		margin-left:20px;
		margin-top:60%;
	}
	#scrollbar .card-3{
		margin-left:-240px;
		margin-top:20%;
	}
	#scrollbar .card-4{
		margin-left:20px;
		margin-top:65%;
	}
	#scrollbar .card-5{
		margin-left:-320px;
		margin-top:5%;
	}
	#scrollbar .card-6{
		margin-left:70px;
		margin-top:40%;
	}
	#scrollbar .card-7{
		margin-left:20px;
		margin-top:20%;
	}
	#scrollbar .card-8{
		margin-left:-183px;
		margin-top:60%;
	}
	#scrollbar .card-9{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-10{
		margin-left:20px;
		margin-top:40%;
	}
	#scrollbar .card-11{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-12{
		margin-left:20px;
		margin-top:15%;
	}
	#scrollbar .card-13{
		margin-left:-259px;
		margin-top:65%;
	}
	#scrollbar .card-14{
		margin-left:-112px;
		margin-top:25%;
	}
	#scrollbar .card-15{
		margin-left:20px;
		margin-top:50%;
	}
	#scrollbar .card-16{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-17{
		margin-left:20px;
		margin-top:10%;
	}
	#scrollbar .card-18{
		margin-left:20px;
		margin-top:35%;
	}
	#scrollbar .card-19{
		margin-left:20px;
		margin-top:15%;
	}
	#scrollbar .card-20{
		margin-left:20px;
		margin-top:35%;
	}
	#scrollbar .card-21{
		margin-left:20px;
		margin-top:15%;
	}

	#scrollbar .card-22{
		margin-left:20px;
		margin-top:15%;
	}
	#scrollbar .card-23{
		margin-left:20px;
		margin-top:13%;
	}
	#scrollbar .card-24{
		margin-left:-100px;
		margin-top:55%;
	}
	#scrollbar .card-25{
		margin-left:-70px;
		margin-top:20%;
	}
	#scrollbar .card-26{
		margin-left:-120px;
		margin-top:50%;
	}
	#scrollbar .card-27{
		margin-left:-117px;
		margin-top:10%;
	}
	#scrollbar .card-28{
		margin-left:-220px;
		margin-top:41%;
	}
	#scrollbar .card-29{
		margin-left:50px;
		margin-top:20%;
	}
	#scrollbar .card-30{
		margin-left:40px;
		margin-top:10%;
	}
	#scrollbar .card-31{
		margin-left:-320px;
		margin-top:34%;
	}
	#scrollbar .card-32{
		margin-left:-560px;
		margin-top:60%;
	}
	#scrollbar .card-33{
	    margin-left: 200px;
	    margin-top: 50%;
	    margin-right: 100px;
	    border: 1px solid #222;
	    height: 35px;
	    padding: 70px 50px 50px 50px;
	    font-size: 20px;
	    font-weight: bold;
	}

}
















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


	.mainVisual{
		content-visibility: auto;
		width:100%;
		height:100vh;
		height:100svh;
		position:relative;
	}

	.mainVisual .bg{
		width:100%;
		height:100vh;
		height:100svh;
		overflow:hidden;

	}

	.mainVisual .bg video{
		position:relative;
		left:50%;
		transform:translateX(-50%);
		height:100vh;
		height:100svh;
	}

	.mainVisual .txCont{
		width:100%;
		position:absolute;
		top:50%;
		transform:translate(-50%,-50%);
		left:50%;
		z-index:1;
		text-align:center;
	}

	.mainVisual .txCont .tit{
		font-size:36px;
		color:#fff;
		font-family: 'GmarketSansBold';
		line-height:46px;
		text-align:center;
	}

    .titGumi{
        font-size:40px;
        color:#002147;
        -webkit-text-stroke: 2px #3CB043;
        font-weight: 800;
    }
	.mainVisual .txCont .subTit{
		font-size:17px;
		color:#fff;
		font-family: 'GmarketSansLight';
		margin-top:20px;
		text-align:center;
		word-break:keep-all;
	}




	.mainVisual .mouseCont{
		width:100%;
		position:absolute;
		bottom:20px;
		z-index:1;
	}



	.mainVisual .mouseCont .text{
		font-size:18px;
		color:#ffffff;
		text-align:Center;
		font-family:'lato';
	}

	.mainVisual .mouseCont .ico{
		width:30px;
		margin:10px auto 0;
	}

	.mainVisual .mouseCont .ico img{
		width:100%;
	}


	.titleA{
		width:100%;
		text-align:center;
	}

	.titleA .subtit{
		font-size:19px;
		color:#222222;
		word-break:keep-all;
	}

	.titleA .tit{
		font-size:26px;
		color:#1e2e5b;
		word-break:keep-all;
		font-family: 'GmarketSansBold';
		margin-top:0.8em;
		margin-bottom: 4px;
	}
	.titleA .tit div{
		font-family: 'GmarketSansBold';
		display:inline-block;
	}

	.titleA .tit span{
		color:#77bc28;
	}

	.titleA .subsA{
		font-size:13px;
		margin-top:1px;
		color:#5b5e5b;
	}

	.titleA .subs{
		font-size:13px;
		margin-top:0.2em;
		color:#5b5e5b;
	}

	.titleA .linkBtn{
		width:149px;
		background:#fff;
		border:1px solid #222;
		box-sizing:border-box;
		margin: 15px auto 0;
	}

	.titleA .linkBtn a{
		width:100%;
		display:block;
		padding:12px 19px;
		box-sizing:border-box;
	}

	.titleA .linkBtn a .tx{
		font-size:17px;
		display:inline-block;
		vertical-align:Middle;
		line-height:15px;
	}

	.titleA .linkBtn a .arrow{
		width:11px;
		display:inline-block;
		float:right;
	}

	.reason{
		width:100%;
		display:inline-block;
		position:Relative;

	}



	.reason .titleArea{
		width:100%;
		display:inline-block;
		padding-bottom:10px;
	}


	.reason .titleArea .inner{
		width:100%;
		position:relative;
		padding:5.5em 0 0 0;
	}




	.reason .partnerArea{
		width:100%;
		display:inline-block;
		background:#f7f7f7;
		box-sizing:border-box;
		margin-top:224px;
	}

	.reason .partnerArea .inner{
		width:100%;
		padding:0px 3%;
		box-sizing:border-box;

	}

	.reason .partnerArea .partnersList{
		width:100%;
		box-sizing:border-box;
		display:inline-block;
		padding:0px 0px;

	}

	.reason .partnerArea .partnersList li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:2%;
		border:1px solid #e5e5e5;
		box-sizing:border-box;
		margin-top:10px;
	}

	.reason .partnerArea .partnersList li img{
		width:100%;
	}
	.reason .partnerArea .partnersList li:nth-child(4n+1){
		margin-left:2%;
	}

	.reason .partnerArea .partnersList li:nth-child(3n+1){
		margin-left:0%;
	}





	.quick{
		content-visibility: auto;
		width:100%;
		background:#f7f7f7;
		height:100vh;
		box-sizing:border-box;
	}

	.quick .titleA{
		width: 100%;
	    position: sticky;
	    top: 0;
	    z-index: 9;
	    text-align: center;
	    left: unset;
	    transform: none;
	    background: rgb(255,255,255,1);
	    padding: 19% 0 2% 0;
	}

	.quick .inner{
		width:100%;
		min-height:100svh;
	}

	.quick .inner .titleA{
		text-align:center;
	}

	.quick .inner .titleA .tit{
		margin:25% 0 3% 0;
	}

	.quick .inner .titleA .subs{
		margin-top:0.2em;
	}

	.quick .inner .quickList{
		width:100%;
		display:inline-block;
		margin-top:54%;
		padding-bottom:20%;
		background: #f7f7f7;
	}

	.quick .inner .quickList li{
		widtH:100%;
		display:inline-block;
		margin-top:30px;
		box-sizing:border-box;
	}

	.quick .inner .quickList li:first-child{
		margin-top:10px;
	}

	.quick .inner .quickList .thum{
		width:50%;
		margin:0 auto;
	}
	.quick .inner .quickList .thum img{
		width:100%;
	}

	.quick .inner .quickList .subj{
		font-size:21px;
		text-align:center;
		color:#222;
		font-weight:bold;
		margin-top:0.5em;
		font-family: 'GmarketSansBold';
	}

	.quick .inner .quickList .subs{
		font-size:15px;
		text-align:center;
		color:#444;
		margin-top:1px;
		word-break:keep-all;
		line-height:24px;
	}


	.counsel{
		content-visibility: auto;
		width:100%;
		position:relative;
		top:-4%
	}


	.counsel .titleA{
		width:100%;
		text-align:center;
		position:relative;
	}

	.counsel .titleA .bgText{
		font-size:90px;
		font-weight:bold;
		font-family:'lato';
		color:#f7f7f7;
		position:absolute;
		z-index:-1;
		width:100%;
		text-align:center;
		left:0;
		top:100px;
		line-height:160px;
	}

	.counsel .titleA .tit{
		margin-top:0px;
	}


	.counsel .counselList{
		width:100%;
		display:inline-block;
		margin-top:0em;
		text-align:Center;
	}

	.counsel .counselList li{
		width:49%;
		display:inline-block;
		position:relative;
		margin-top:1.1em
	}


	.counsel .counselList li .ico{
		width:42px;
		margin:0 auto;
	}

	.counsel .counselList li .ico img{
		width:100%;
	}

	.counsel .counselList li .num{
		text-align:center;
		font-size:17px;
		color:#77bc28;
		margin-top:5px;
		font-family:'lato';
		font-weight:bold;
	}

	.counsel .counselList li .subj{
		text-align:center;
		font-size:16px;
		color:#222222;
		margin-top:5px;
	}

	.counsel .counselList li:after{
		content:'';
		position:absolute;
		background:url(../images/counselArrow.png);
		width:23px;
		height:35px;
		top:50%;
		transform:translateY(-50%);
		right:-11px;
	}

	.counsel .counselList li:nth-child(2n):after{
		display:none;
	}


	.counsel .btnList{
		width:100%;
		text-align:Center;
		margin-top:30px;
	}
	.counsel .btnList div{
		display:inline-block;
		text-align:Center;
		border-radius:10px;
		font-size:1em;
		font-weight: bold;
	}

	.counsel .btnList div a{
		display:block;
		padding:10px 0px;
		box-sizing:border-box;
		width:290px;

	}


	.counsel .btnList .borbtn{
		border:1px solid #77bc28;
		color:#77bc28;
	}

	.counsel .btnList .borbtn a{
		color:#77bc28;
	}


	.counsel .btnList .backbtn{
		border:1px solid #77bc28;
		color:#fff;
		background:#77bc28;
		margin-top:10px;
		margin-left:0px;
	}

	.counsel .btnList .backbtn a{
		color:#fff;
	}


	.portfolio{
		content-visibility: auto;
		width:100%;
		height:100vh;
		height:100svh;
		position:relative;
	}

	.portfolio .txCont{
		width:100%;
		position:absolute;
		padding:5em 0 1em 0;
		background:rgba(255,255,255,0.7);
		z-index:9;
		box-sizing:border-box;
	}


	.portfolio .txCont .inner{
		width:100%;
		position:relative;
		top:0%;
		transform:translateY(0%);
	}

	#scrollbar{
		height:100vh;
		height:100svh;
    	overflow-y: hidden;
	}
	
	.scrollbar-track-x {
	  height: 1px!important;
	  bottom: 0px!important;
	  margin: 0 auto!important;
	  left: 0!important;
	  right: 0!important;
	  background: rgba(0, 0, 0, 0)!important;
	}
	.scrollbar-thumb-y{
		display:none !important;
		
	}
	
	.scrollbar-track-y {
	  width:0 !important;
	  
	}
	
	
	.wrapper {
	  display: flex;
	  position: relative;
	  z-index: 1;
	  counter-reset: item;
	  overflow-x: auto;
	  white-space: nowrap;
	  top: 50%;
	  transform: translateY(-50%);
	  -webkit-overflow-scrolling: touch;
	  -ms-overflow-style: -ms-autohiding-scrollbar;	  
	}
	
	
	#scrollbar .card-1{
		margin-left:0%;
	}
	#scrollbar .card-2{
		margin-left:20px;
		margin-top:60%;
	}
	#scrollbar .card-3{
		margin-left:10%;
		margin-top:70%;
	}
	#scrollbar .card-4{
		margin-left:20px;
		margin-top:95%;
	}
	#scrollbar .card-5{
		margin-left:20px;
		margin-top:75%;
	}
	#scrollbar .card-6{
		margin-left:70px;
		margin-top:40%;
	}
	#scrollbar .card-7{
		margin-left:20px;
		margin-top:60%;
	}
	#scrollbar .card-8{
		margin-left:10%;
		margin-top:60%;
	}
	#scrollbar .card-9{
		margin-left:20px;
		margin-top:10%;
	}
	#scrollbar .card-10{
		margin-left:20px;
		margin-top:50%;
	}
	#scrollbar .card-11{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-12{
		margin-left:20px;
		margin-top:55%;
	}
	#scrollbar .card-13{
		margin-left:10%;
		margin-top:65%;
	}
	#scrollbar .card-14{
		margin-left:10%;
		margin-top:75%;
	}
	#scrollbar .card-15{
		margin-left:20px;
		margin-top:50%;
	}
	#scrollbar .card-16{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-17{
		margin-left:20px;
		margin-top:10%;
	}
	#scrollbar .card-18{
		margin-left:20px;
		margin-top:35%;
	}
	#scrollbar .card-19{
		margin-left:20px;
		margin-top:15%;
	}
	#scrollbar .card-20{
		margin-left:20px;
		margin-top:35%;
	}
	#scrollbar .card-21{
		margin-left:20px;
		margin-top:15%;
	}

	#scrollbar .card-22{
		margin-left:20px;
		margin-top:15%;
	}
	#scrollbar .card-23{
		margin-left:20px;
		margin-top:13%;
	}
	#scrollbar .card-24{
		margin-left:20px;
		margin-top:55%;
	}
	#scrollbar .card-25{
		margin-left:20px;
		margin-top:20%;
	}
	#scrollbar .card-26{
		margin-left:20px;
		margin-top:50%;
	}
	#scrollbar .card-27{
		margin-left:20px;
		margin-top:50%;
	}
	#scrollbar .card-28{
		margin-left:20px;
		margin-top:41%;
	}
	#scrollbar .card-29{
		margin-left:20px;
		margin-top:20%;
	}
	#scrollbar .card-30{
		margin-left:20px;
		margin-top:30%;
	}
	#scrollbar .card-31{
		margin-left:20px;
		margin-top:80%;
	}
	#scrollbar .card-32{
		margin-left:20px;
		margin-top:108%;
	}
	#scrollbar .card-33{
	    margin-left: 20px;
	    margin-top: 80%;
	    margin-right: 50px;
	    border: 1px solid #222;
	    height: 35px;
	    padding: 70px 50px 50px 50px;
	    font-size: 20px;
	    font-weight: bold;
	}	
}