@charset "UTF-8";
/* CSS Document */


/*---------------------------------------- for pc ----------------------------------------*/
@media screen and (min-width:1000px) {

	/*------- header -------*/
	
	header {
		height: 80px;
	}
	
	.headerTop {
		display: flex;
		justify-content: space-between;
	}
	h1 {
		line-height: 80px;
		width: 410px;
		padding: 0;
	}

	.info {
		display: block;
		width: 450px;
	}
	.info p {
		text-align: center;
		line-height: 2.4rem;
	}
	.info p:nth-child(2) {
		font-size: 2.4rem;
		line-height: 2.8rem;
	}

	.mail {
		position: static;
		width: 100px;
	}
	.mail a {
		width: 100px;
		height: 0;
		padding-top: 80px;
		border-radius: 0;
		opacity: 1;
	}

	
	header button {
		display: none;
	}
	
	#gnav {
		background: rgba(110,195,41,0.8);
		position: static;
	}
	#gnav ul {
		width: 960px;
		margin: 0 auto;
	}
	#gnav li {
		float: left;
	}
	#gnav li a {
		display: block;
		width: 192px;
		height: 75px;
		line-height: 75px;
		text-align: center;
		color: #fff;
		background: none;
		text-decoration: none;
		font-size: 1.8rem;
		border-bottom: none;
	}
	#gnav li a:hover {
		opacity: 1;
		background: -webkit-linear-gradient( top, #6cc329, #8bf933 );
		background: -o-linear-gradient( top, #6cc329, #8bf933 );
		background: linear-gradient( to bottom, #6cc329, #8bf933 );
	}
	

	/*------- #keyVisual -------*/
	
	#keyVisual {
		margin-top: 155px;
	}
	
	.pcslider {
		display: block;
	}
	.spslider {
		display: none;
	}
	


	/*------- #service, #instagram -------*/

	#service, #instagram {
		background: url("../images/bgTriangle.png") no-repeat;
		background-position: calc(50% - 100px) top;
		background-size: 80%;
		padding: 120px 0 0;
	}

	#service h2, #instagram h2 {
		margin-bottom: 30px;
	}
	#service h2::before, #instagram h2::before {
		font-size: 3.5rem;
		margin-bottom: 30px;
	}
	#service h2::after, #instagram h2::after {
		width: 250px;
		top: 40px;
	}
	
	
	
	/*------- #service -------*/
	
	#service h2::after {
		width: 180px;
	}

	#service li {
		width: 300px;
		float: left;
		margin: 0 0 0 30px;
	}
	#service li:first-child {
		margin-left: 0;
	}
	
	
	
	/*------- #origin -------*/

	#origin {
		margin: 35px 0;
		padding: 125px 0 75px;
		background: url("../images/originBG.jpg") no-repeat;
		background-position: calc(50% + 30px) top;
	}
	
	#origin h2 {
		font-size: 3rem;
		margin-bottom: 80px;
	}
	#origin p {
		margin-bottom: 50px;
		font-size: 1.6rem;
	}


	/*------- #instagram -------*/

	#instagram {
		padding-bottom: 50px;
		margin-bottom: 0;
	}


	/*------- footer -------*/

	footer {
		font-size: 1.6rem;
	}




	/*-------lower pages -------*/
	
	nav#breadcrumb {
		display: block;
		margin: 155px auto 0;
		width: 960px;
		height: 50px;
		line-height: 50px;
	}
	nav#breadcrumb li {
		float: left;
	}
	nav#breadcrumb li::before {
		content: "　>>　";
	}
	nav#breadcrumb li:first-child::before {
		content: "";
	}
	
	#pageTitle {
		margin-top: 0;
	}
	
	.lowerInner, .faqInner {
		padding: 0;
	}
	
	
	.mailBTN a {
		height: 100px;
		line-height: 100px;
		font-size: 3.4rem;
	}
	
	
	
	
	#company h3 {
		font-size: 2.8rem;
	}
	#company h3 br {
		display: none;
	}
	
	
}