@charset "UTF-8";
@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
	.product__list ul {
		width: 940px;
	}
	.product__list li {
		margin-left: 98px;
	}
	.product__list.product__list--granule li {
		margin-left: 6px;
	}
	.product__list.product__list--granule li:nth-child(4n+1) {
		margin-left: 0;
	}
	.content__factory__machine > div img {
		width: 320px;
	}
	.flow__list li p:first-child:after {
		right: -50%;
	}

}
@media (min-width: 992px) {
}
@media (max-width:991px) {
	.content__ttl {
		font-size: 36px;
	}
	#menu-mainmenu a {
		padding: 0 1em;
	}

	.home_kv li {
		max-height: 380px;
	}
	.home__catch + section {
		margin-top: 60px;
	}
	.home__factory a {
		height: 160px;
		margin-top: 80px;
	}
	.home__factory a div:first-child {
		margin-top: 0;
	}
	.home__factory a div:nth-child(2) {
		padding: 1.5em;
	}
	.home__factory a div:first-child img {
		width: 160px;
	}
	.home__factory a div:last-child img {
		width: 200px;
	}
	.section__full, .home__recruit, .home__info, section + section {
		margin-top: 100px;
	}
	.content__table, .content__access {
		margin-top: 40px;
	}
	.footer__menu > div {
		margin: 0 10px;
	}
	.footer__menu > div p {
		padding: .4em;
		min-width: 160px;
	}

	.company__message {
		display: block;
		font-size: 14px;
		margin-top: 60px;
	}
	.company__message > * {
	    display: block;
	}
	.company__message h3 {
		padding: .5em;
		width: 100%;
	}
	.company__message ul li {
		line-height: 2;
	}

	.content__access__route {
		font-size: 12px;
	}

	.product__list ul {
		width: 720px;
	}
	.product__list li {
		margin-left: 25px;
		margin-top: 60px;
	}
	.product__list.product__list--granule li {
		width: 161px;
		margin-left: 25px;
	}

	.voice__list {
		padding: 60px 0;
	}
	.voice__list a img {
		width: 340px;
	}
	.voice__list h3 + p, .voice__list__name {
		margin-top: 1em;
	}

	.content__voice__head > div img {
		height: 200px;
	}
	.content__voice__text {
		padding: 2em;
	}
	.content__voice__text h4 {
		margin-bottom: 1em;
	}
	.content__voice__text p + p, .content__message p + p {
	    margin-top: 1em;
	}

	.content__factory__machine .content__factory__machine__text {
		padding: 1em;
	}
	.content__factory__machine > div img {
		width: 280px;
	}
	.content__factory__machine > div p {
		line-height: 1.6;
	}

	.section__contact a > div p {
		font-size: 32px;
	}
	.section__contact a > div:last-child img {
    	width: 260px;
	}

	.page__kv__ttl + div img {
		height: 320px;
	}
	.recruit__menu + .home__catch {
		margin-top: 2em;
	}

	.flow__top, .flow__list__ttl {
		margin-top: 60px;
	}
	.flow__top h3, .flow__top ul li, .flow__top p {
		padding: 2em 0;
	}
	.flow__list li {
	    width: 14%;
	}
	.flow__list li p:first-child:after {
	    right: -26%;
		font-size: 16px;
	}
	.flow__list li p + p {
	    margin-top: 1em;
	}
	.flow__content {
		padding: 60px 100px;
	}

	.section__form .content__table {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.slicknav_menu, .home_kv--sp, .sp {
		display: none;
	}
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
@media (max-width: 767px) {
	.pc {
		display: none;
	}
	#menu-mainmenu, header .head__contact,.home_kv--pc {
		display: none;
	}
	header {
		height: 62px;
	}
	a:hover {
		color: inherit;
	}
	header > div {
		padding: 0 12px;
	}
	header .logo {
		padding-top: 14px;
	}
	header .logo img {
		width: 160px;
		height: 32px;
	}
	.head__nav {
		position: absolute;
		top: 0;
		right: 0;
	}
	.home_kv li {
		max-height: 200px;
	}
	.home_kv li p {
		font-size: 20px;
	}
	.page__kv img {
		height: 180px;
	}
	header + .main {
		padding-top: 62px;
	}

	.home__catch {
		text-align: left;
		font-size: 14px;
	}
	.home__catch + section {
		margin-top: 40px;
	}
	.main {
		padding-bottom: 48px;
	}
	.content__ttl {
		font-size: 24px;
	}

	.home__product {
		display: block;
	}
	.home__product li {
		width: 100%;
	}
	.home__product li + li {
		margin-top: 1em;
	}
	.home__factory a {
		display: block;
		height: auto;
		margin-top: 40px;
	}
	.home__factory a div:first-child {
		display: none;
	}
	.home__factory a div:nth-child(2) {
		padding-bottom: .5em;
	}
	.home__factory a div:last-child {
		margin: 0;
		padding: 0 0 20px;
		text-align: center;
	}
	.section__full, .home__recruit, .home__info, section + section {
		margin-top: 60px;
	}
	.section__full .home__product li {
		margin: 0;
		width: 100%;
	}
	.section__full .home__product li + li {
		margin-top: 1em;
	}
	.home__recruit a, .home__recruit a > * {
		display: block;
	}
	.home__recruit a > *:nth-child(2) {
		padding: 0 1em;
	}
	.home__recruit a > *:last-child {
		width: 100%;
	}
	.home__recruit a > *:last-child img {
		height: 160px;
	}
	.content__info__list {
		margin-top: 20px;
		padding: 20px 15px;
	}
	.content__info__list p {
		margin-top: .5em;
	}
	.content__info__list > div + div {
		margin-top: 20px;
	}
	.section__info {
		width: 100%;
	}

	.footer__logo img {
		width: 200px;
	}
	.footer__menu {
		justify-content: space-between;
	}
	.footer__menu > div {
		margin: 0;
		width: 48%;
	}
	.footer__menu > div p {
		margin-top: 1.5em;
		font-size: 14px;
		min-width: auto;
		width: 100%;
	}
	.footer__menu ul {
	    margin-top: .5em;
	    line-height: 2;
	}

	.content__catch span {
		font-size: 14px;
	}
	.content__catch + .content__catch {
		text-align: left;
	}
	.content__catch + .content__catch br {
		display: none;
	}
	.company__message {
		margin-top: 40px;
	}
	.content__table, .content__access, .home__product {
		margin-top: 20px;
	}
	.content__table th, .content__table td {
	    display: block;
	    width: 100%;
	}
	.content__table th {
		padding: .3em 0;
	}
	.content__table td {
		border-top: 0;
	}
	.content__access {
		display: block;
	}
	.content__access li {
		width: 100%;
	}
	.content__access li + li {
		margin-top: 30px;
	}

	.product__list ul {
		width: 100%;
		padding-top: 20px;
	}
	.product__list li, .product__list.product__list--granule li {
		width: 46%;
		margin-left: 8%;
		margin-top: 20px;
	}
	.product__list li:nth-child(2n+1), .product__list.product__list--granule li:nth-child(2n+1) {
		margin-left: 0;
	}
	.product__list li img {
		width: 100%;
	}
	.product__list li p {
		font-size: 14px;
	}

	.voice__list {
		display: block;
		padding: 40px 0;
	}
	.voice__list a img {
		width: 100%;
	}
	.voice__list:nth-child(odd) > div:last-child, .voice__list:nth-child(even) > div:last-child {
		margin: 1em 0 0;
	}

	.content__voice, .content__message {
	    margin-top: 40px;
	}
	.content__voice > div {
	    width: 100%;
	}
	.content__voice__text h4 {
		font-size: 18px;
	}
	.content__voice__text {
	    padding: 1em;
	}	.content__voice__head {
		display: block;
	}
	.content__voice__head > div {
	    width: 100%;
	}
	.content__voice__head > div img {
	    height: 180px;
	}
	.content__voice__head > div:last-child {
	    padding: 1em;
	}
	.content__voice__head > div h3 {
	    font-size: 16px;
	}
	.content__message p {
		text-align: left;
	}

	.content__factory__catch {
		display: block;
	}
	.content__factory__catch .content__factory__num {
	    margin-top: 1em;
	    text-align: center;
	}
	.content__factory__head h3 {
		letter-spacing: 0;
		font-size: 14px;
	}
	.content__factory__head h3 span {
		padding: 0 1em;
		line-height: 2;
	}
	.content__factory__main {
	    padding: 1em;
	}
	.content__factory__machine {
	    background: #fff;
	    margin-top: 2em;
	    padding: 1em;
	}
	.content__factory__machine ul {
		display: block;
	}
	.content__factory__machine ul li, .content__factory__machine ul + ul li {
	    width: 100%;
	}
	.content__factory__machine ul li + li {
		margin-top: 20px;
	}
	.content__factory__machine > div {
		display: block;
	    margin-top: 20px;
	}
	.content__factory__machine > div img {
		width: 100%;
	}
	.content__factory + .content__factory {
    	margin-top: 40px;
	}
	.content__factory__head--column > div {
		width: 100%;
	}
	.content__factory__head--column > div img {
		width: 100%;
		height: 320px;
	}
	.section__contact a {
		display: block;
	}
	.section__contact a > div:last-child img {
		width: 100%;
		height: 130px;
	}
	.section__contact a > div p {
	    font-size: 24px;
	}
	.section__contact a > div p {
	    font-size: 24px;
	    padding: .5em;
	}

	.page__kv__ttl {
		font-size: 24px;
		width: 50%;
	}
	.page__kv__ttl span {
		font-size: 12px;
	}
	.page__kv__ttl + div {
		width: 50%;
	}
	.page__kv__ttl + div img {
		height: 180px;
	}
	.page__kv p {
		font-size: 12px;
		width: 200px;
		padding: 4em 4em 1.5em;
		top: -2.5em;
		left: -6.5em;
	}
	.recruit__menu {
		display: block;
	}
	.recruit__menu li {
		width: 100%;
	}
	.recruit__menu li + li {
		margin-top: 1em;
	}
	.recruit__menu a {
		padding: 1.5em 0;
	}
	.voice__list--home {
		display: block;
	}
	.voice__list--home .voice__list {
		width: 100%;
		margin-top: 1em;
	}
	.content__link {
		margin-top: 2em;
	}

	.flow__top, .flow__list__ttl, .flow__list, .flow__content, .flow__content dl {
		margin-top: 20px;
	}
	.flow__top h3, .flow__top ul li, .flow__top p {
		padding: 1.5em 1em;
	}
	.flow__top ul {
		display: block;
	}
	.flow__top ul li {
	    width: 100%;
		font-size: 20px;
	}
	.flow__top ul li span {
		font-size: 14px;
	}
	.flow__top p {
		text-align: left;
	}
	.flow__list {
	    flex-wrap: wrap;
	}
	.flow__list li {
	    width: 32%;
		margin-top: 20px;
	}
	.flow__list li p:first-child:after {
		content: none;
	}
	.flow__content {
	    padding: 20px 20px;
	}
	.flow__content dl {
		display: block;
	}

	.contact__ttl {
		font-size: 14px;
	}
	.contact__tel {
	    font-size: 28px;
	}
	.contact__catch {
		text-align: left;
		margin-top: 1em;
	}
	.section__form input.form_middle, .section__form textarea.form_middle {
	    width: 34%;
	}
	.section__form input, .section__form textarea {
		width: 80%;
	}
	.section__form input.form_min, .section__form textarea.form_min {
	    width: 13%;
	}

	.content__privacy {
		width: 100%;
	}

	.menu__sitemap {
		font-size: 14px;
		margin: 2em 1em 2em 0;
	}

	.content__subttl + p {
	    margin-top: .5em;
	}

	.Content__info {
		width: 100%;
	}

	.breadcrumbs {
		font-size: 12px;
	}
	.breadcrumbs > span {
		padding: 0 .5em;
	}
	.scroll-to-top {
		right: 15px;
		bottom: 15px;
	}
}
@media (max-width: 575px) {
	.content__factory__head--column > div img {
		width: 100%;
		height: 220px;
	}
}