/*
Theme Name: ORIGINAL
*/




* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



ul, li{
  list-style:none;
}



img{
  width:100%;
  height:auto;
}


video{
	display:block;
  width:100%;
  height:auto;
}

::selection {
  background-color: #000;
  color:#fff;
}


.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 999999;
  opacity: 1;
  background: #fff;
}


.loader
{
  position: absolute;
  display: inline-block;
  top:50%;
  left:50%;
  margin-left:-17px;
  margin-top:-30px;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #ccc;
  border-right-color: transparent;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
}


@-webkit-keyframes spin
{
0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
50%  { -webkit-transform: rotate(180deg); opacity: 1; }
100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
0% { -moz-transform: rotate(0deg); opacity: 0.4; }
50%  { -moz-transform: rotate(180deg); opacity: 1; }
100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}








.font_bold{
  font-weight:bold;
}

body {
  color:#000;
  line-height:150%;
	overflow-x:hidden;
	font-family: "yu-gothic-pr6n", sans-serif;
}


.space{
	height:130px;
}

/* 共通ページ */

.main_content{
  padding-left:30%;
  padding-right:70px;
}


.inner{
  max-width:1180px;
  position: relative;
  margin:0 auto;
  padding: 0px 60px;
  overflow: hidden;
}


#sec01{
	padding:60px;
}

.main_p{
	position:relative;
}

.b_logo{
	position:absolute;
	top:50%;
	left: -10px;
	width: 11%;
	opacity:0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.open .b_logo{
	left: 30px;
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .4s;
}



.main_detail{
	margin-top:120px;
}


.main_logo{
	text-align:center;
}

.main_logo p{
	width: 330px;
	display:inline-block;
}


.main_note{
		margin-top:60px;
}

.main_note p{
	text-align:center;
	line-height:220%;
	font-size:14pt;
	font-family: "yu-gothic-pr6n", sans-serif!important;
}



.st_sec{
		position:relative;;
}


.wrap{
	display: flex;
	justify-content: space-between;
	max-width:980px;
	margin:0 auto;
}

.wrap_w{
	display: flex;
	justify-content: space-between;
	padding:0 60px;
}


.numb{
	text-align:center;
	margin-bottom:100px;
	opacity:0;
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
}

.numb.active{
	opacity:1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
	transition: 0.8s cubic-bezier(0.78, .18, .34, .98);
}


.numb p{
	font-size:38pt;
	letter-spacing:4px;
	font-family: "commuters-sans", sans-serif;
	font-weight: 400;
}



.numb p span{
	display:inline-block;
	vertical-align: 7px;
	font-size: 32pt;
	font-family: "commuters-sans", sans-serif;
}


.numb p span:after{
	content:"";
	display:block;
	width:0%;
	height:4px;
	background:#000;
	margin-top:8px;
}


.numb.active p span:after{
	width:100%;
	-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98) .8s;
	-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98) .8s;
	-ms-transition: 0.4s cubic-bezier(0.78, .18, .34, .98) .8s;
	-o-transition: 0.4s cubic-bezier(0.78, .18, .34, .98) .8s;
	transition: 0.4s cubic-bezier(0.78, .18, .34, .98) .8s;
	}





.numb01{
	color:#d7c37a;
}

.numb01 p span:after{
	background:#d7c37a;
}

.numb02{
	color:#519487;
}

.numb02 p span:after{
	background:#519487;
}

.numb03{
	color:#675b07;
}

.numb03 p span:after{
	background:#675b07;
}


.numb04{
	color:#b9b9b7;
}

.numb04 p span:after{
	background:#b9b9b7;
}

.numb05{
	color:#81271e;
}

.numb05 p span:after{
	background:#81271e;
}


.numb06{
	color:#648ab1;
}

.numb06 p span:after{
	background:#648ab1;
}
















.detail{
	margin-top:20px;
}


.detail p{
	font-size:10.5pt;
	line-height: 150%;
		font-family: "yu-gothic-pr6n", sans-serif!important;
}

.detail a{
	font-size:10pt;
	color:#000;
		font-family: "yu-gothic-pr6n", sans-serif!important;
}


#sec02{
	margin-top:100px;
}

.sec02_01{
	width:45%;
}

.sec02_02{
	width:45%;
	transform: translateY(20%);
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-o-transform: translateY(20%);
	-ms-transform: translateY(20%);
}



.sec02_03{
	z-index:-9;
	position:absolute;
	top: 200px;
}



#sec03{
	margin-top:120px;
}

.sec03_01{
	padding:0 60px;
}


.sec03_02_03{
	margin-top:120px;
}

.sec03_02{
	width:35%;
	transform: translateY(20%);
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-o-transform: translateY(20%);
	-ms-transform: translateY(20%);
}

.sec03_03{
	width:55%;
}


.sec03_04{
	z-index:-9;
	position:absolute;
	bottom:-90px;
}


#sec04{
	margin-top: 320px;
}


.sec04_01 .detail{
	padding-left:60px;
}



.sec04_02_03{
	margin-top: 300px;
}




.sec04_02{
	width:50%;
	    margin-top: -100px;
}

.sec04_03{
	width:35%;
}



#sec05{
margin-top:200px;
}


.sec05_01{
	width:50%;
}

.sec05_01 .detail{
	padding-left:60px;
}



.sec05_02{
	width:28%;	
	position:absolute;
	top: 340px;
	right:0;
}


.sec05_03{
	width:35%;	
	position:absolute;
	top: 1100px;
	right:60px;
}


#sec06{
	margin-top: 400px;
}

.sec06_01 .detail{
	padding-left:60px;
}

.sec06_02_03{
		margin-top:220px;
}


.sec06_02{
	width:50%;
}

.sec06_03{
	width:35%;
}




#sec07{
	margin-top: 220px;
}


.sec07_01{
	width:35%;
	padding-left:60px;
	margin-top:100px;
}


.sec07_02{
	width:55%;	
	position:absolute;
	top:400px;
	right:0px;
}





.b_banner{
	margin-top:230px;
	text-align:center;
}



.b_banner a{
	display:inline-block;
	width:480px;
}



.b_cresit{
	margin-top:80px;
}


.b_cresit p{
	text-align:center;
	font-size:9pt;
	font-family: "yu-gothic-pr6n", sans-serif!important;
}







.sp_img{
  display:none!important;
}







@media screen and (max-width: 768px) {
  
  
  
  img{
  width:100%;
  height:auto;
}

.sp_img{
  display:block!important;
}

.pc_img{
  display:none!important;
}


.inner {
  padding: 0px 30px;
	}
	
	
	
	
	
	.open .b_logo{
	left: 10px;
	}
	
	
	
	
	
	.main_detail{
		padding: 0px 30px;
		margin-top: 60px;
	}
	
	
	
	
	.wrap {
    padding: 0 20px;
}
	
	.wrap_w {
    padding: 0 20px;
	}
	
	
	.detail {
	   margin-top: 10px;
	}
	
	
	.detail p {
		font-size: 8pt;
		line-height:160%;
	}
	
	.detail a {
		font-size: 8pt;
		line-height:160%;
		margin-bottom:0px;
	}
	
	
	#sec01 {
    padding: 0px;
	}
	
	
	
	
	
	.main_note {
    margin-top: 30px;
	}
	
	
	.main_note p {
		font-size: 10pt;
	}
	
	
	
	.main_logo p {
		width: 50%;
    display: inline-block;
}
	
	.numb{
		opacity: 1;
		transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
	}
	
	.numb p {
    font-size: 26pt;
	}
	
	.numb p span {
    font-size: 22pt;
}
	
	.numb p span:after {
		height: 3px;
		margin-top: 4px;
		width: 100%;
}
	
	
	.wrap {
		display: block;
		padding: 0 0px;
	}
	
	.wrap_w {
		display: block;
		padding: 0 0px;
	}
	
	
	.sec02_01 {
		width: 100%;
		padding: 0 50px;
	}
	
	.sec02_02 {
		width: 100%;
		padding-left: 46%;
	}
	
	
	
	.numb02{
		    margin-bottom: 30px;
	}
	
	
	.sec03_01 {
		padding: 0 60px;
	}
	
	.sec03_02_03 {
		margin-top: 40px;
	}
	
	.sec03_02 {
    width: 55%;
	}
		
	.sec03_02 .detail{
	text-align:right;
	}
	
	.sec03_03 {
		width: 100%;
		padding: 0 20px;
		margin-top: 200px;
	}
	
	
	.sec03_04 {
		bottom: auto;
		top: 140px;
	}
	
	
	.numb03 {
		margin-bottom: 30px;
	}
	
	
	#sec04 {
    margin-top: 150px;
	}
	
	
	.sec04_01 .detail {
		padding-left: 20px;
	}
	
	
	.sec04_02 {
		width: 60%;
		margin-top: -100px;
	}
	
	
		.sec04_02 .detail{
		text-align:right;
	}
	
	
	.sec04_02_03 {
		margin-top: 200px;
	}
	
	.sec04_03 {
		width: 100%;
		padding:0 60px;
}
	
	
	
	
	#sec05 {
    margin-top: 80px;
	}
	
	
	.sec05_01 {
		width: 60%;
		margin-top: 340px;
	}
	
	
	
	.sec05_02 {
		width: 100%;
		top: 120px;
		padding: 0 50px;
	}
	
	
	
	
	.sec05_03 {
		width: 55%;
		top: 1100px;
		right: 0;
	}
	
	
	
	.numb05 {
		    margin-bottom: 30px;
	}
	
	
	
	.sec06_02_03 {
    margin-top: 140px;
	}
	
	
	
	#sec06 {
		margin-top: 430px;
	}
	
	
	
	.sec06_01 .detail {
    padding-left: 20px;
	}
	
	.sec05_01 .detail {
    padding-left: 20px;
	}
	
	
		.sec06_02 {
    width: 100%;
    padding: 0 70px;
	}
	
	
	.sec06_03 {
		width: 100%;
		padding-left: 45%;
		margin-top: 50px;
	}
	
	
	.numb06 {
		margin-bottom: 30px;
	}
	
	
	
	#sec07 {
		margin-top: 150px;
	}
	
	
	
	
	
	.sec07_01 {
		width: 50%;
		padding-left: 0px;
		margin-top: 380px;
	}
	
	.sec07_01 .detail{
		text-align:right;
	}
	
	
	.sec07_02 {
		top: 100px;
		width: 100%;
    padding: 0 70px;
	}
	
	.b_cresit {
    padding: 0 30px;
}
	
	
	.b_banner {
    margin-top: 30px;
	}
	
	
	
	.b_banner a {
		display: inline-block;
		width: 75%;
	}
	
	
	.b_cresit p {
		font-size: 7pt;
		line-height: 160%;
	}
	
	
	
	

}




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