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

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

/* Basic
--------------------------------------------*/

.index main .outline {
	padding: 2.5rem 1.5rem 3rem;
}

body.index p.lnk1 {
	margin: 0 0 1rem;
}


section.slider {
	padding: 2.5rem 2.5rem 3.5rem 2.5rem;
}

.slick-next {
	right: 1rem;
}

#business,
#business:after {
	background-size: 45%;
}



.c_copy {
	font-size: 1.85rem;
}

.c_copy span {
	font-size: 1rem;
}


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

.c_copy {
	font-size: 1.4rem;
}

.c_copy span {
	font-size: 0.8rem;
}

}

h2 {
	font-size: 1.8rem;
	line-height: 2.1rem;
	padding-bottom: 2rem;
}

h2:before,
#news h2:before {
	width: 100px;
	bottom: 4.5rem;
}

#news h2:before {
	top: inherit;
}

h2:after {
	font-size: 0.9rem;
	padding-top:1.5rem;
}

section {
	padding: 2.5rem 2rem;
}

#news h2 {
	text-align: center;
}
#news h2:before {
	left: 50%;
    transform: translateX(-50%);
}



#news > div {
	grid-template-columns: 1fr;
}


#business div {
	grid-template-columns: repeat(2, 1fr);
	row-gap: 0.8rem;
	column-gap: 0.5rem;
}

@media screen and (max-width: 659px){
	#business div {
		grid-template-columns: repeat(1, 1fr);
	}
}


#business div a {
	padding: 0.8rem;
}

#products {
	padding:3.5rem 0 0;
}

#recruit img {
	max-width: 525px;
}

#recruit .grid > p {
	margin: 0 auto;
}

#recruit .outline {
	padding: 3rem 2rem;
}
#recruit .lnk1 {
	text-align: center;
}

.index main #banner .outline {
	padding: 1rem 1rem 2rem;
}

#banner ul {
	grid-template-columns: 1fr;
	row-gap: 1rem;
}

#banner ul li {
	margin: 0 auto;
}

#banner img {
	max-width: 500px;
}


}