._sp {
		display: none!important;
}
@media screen and (max-width:768px){
	._sp {
		display: block!important;
	}
	
	._pc {
		display: none!important;
	}
	
	body {
	font-size: 15px;
	line-height: 1.7;
}
	
	.header-nav {
		display: none;
	}
	
	.header .logo {
    	width: 250px;
	}
	
	.openbtn {
    position: absolute;
    top: 31px;
    right: 20px;
}
	
	.main {
    padding: 60px 0 80px 0;
		background: url(../images/index/main.jpg) 80% center no-repeat;
  }
	
	.main h2 {
    max-width: 80%;
}
	
	.main .main00 {
    max-width: 150px;
}
	
	.top-sec01 li p {
    text-align: left;
    line-height: 1.8;
}

	.top-sec01 {
    padding-top: 40px;
}
	
	.top-sec02 {
    padding-top: 50px;
}
	
	.h-style01 {
    margin-bottom: 30px;
}
	
	.top-sec04 .bt-style01 {
		width: 90%;
	}
	
	.magazine-title {
    font-size: 18px;
    font-weight: bold;
}

  .top-sec01 ul {
    grid-template-columns: 1fr;
  }

  .top-sec02 ul {
    grid-template-columns: 1fr;
  }

  .top-sec02 a {
    padding: 60px 0;
  }

  .top-sec03 section {
    flex-direction: column;
    gap: 40px;
  }

  .top-sec03 .column {
    width: 100%;
  }

  .top-sec03 .column-outside-right {
    margin: 0;
  }

  .magazine-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

	.h-magazine {
    max-width: 200px;
	}
	
	.top-sec03 {
    padding-top: 40px;
		width: 90%;
		margin: 0 auto 50px auto;
}
	
	.top-sec03 .column p {
		margin-bottom: 0;
	}
	
	.top-sec04 {
    margin-bottom: 20px;
}
	
	.top-sec05 h3 {
    font-size: 20px;
}
	
	.top-sec05 {
    margin-bottom: 50px;
}
	
	.news-release-list li {
    padding: 20px 0;
	}
	
	.top-sec03 .reverse {
		flex-direction: column;
	}
	
  .news-release-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .news-release-list li span {
    min-width: auto;
    text-align: left;
  }

  .top-sec07 a {
    flex-direction: column;
  }

  .top-sec07 .text,
  .top-sec07 .img {
    width: 100%;
  }

  .top-sec07 .h-style01:before {
    right: 10px;
    bottom: 10px;
  }

  .top-sec08 .bt a {
    flex-direction: column;
    gap: 10px;
  }

  .top-sec08 .bt a:after {
    margin-left: 0;
    margin-top: 10px;
  }
	
	.news-release-list {
    margin: 0 0 40px 0;
}
	
	.top-sec07 .text {
		padding: 30px;
	}
	
	.top-sec07 .h-style01 {
		width: 100%;
	}
	
	.top-sec08 {
    padding-top: 40px;
    width: 90%;
    margin: 0 auto;
}
	
	.top-sec08 .bt {
    max-width: 100%;
    margin: 0 auto;
}
	
	.footer .inner {
    flex-direction: column;
    gap: 20px;
}
	
	.footer dt {
    margin-bottom: 10px;
}
	
	.footer-logo {
    width: 150px;
    margin-bottom: 20px;
}
	
	.footer .sec02 li {
    margin-bottom: 10px;
}
	
	.copyright {
    font-size: 12px;
}
	
	.nami-footer {
		display: none;
	}
	
	
	
	
	.page-h {
    font-size: 28px;
    padding: 40px 0;
  }

	
	.about-sec01 div {
		margin-bottom: 0;
	}
	
	.about-h {
    font-size: 22px;
	}
	
	.about-sec02-inner03 img {
    height: 80px;
}
	
  .about-sec01 {
    grid-template-columns: 1fr;
  }

  .about-sec02-inner02 {
    flex-direction: column;
    gap: 30px;
  }

  .about-sec02-inner02 .img,
  .about-sec02-inner02 .text {
    width: 100%;
  }

  .about-sec02-inner03 {
    flex-direction: column;
    align-items: center;
  }

  .about-sec02-inner04 {
    flex-direction: column;
    padding: 0;
	  border-left: none;
    border-right: none;
	  gap:15px;
  }

  .about-sec02-inner04 .img,
  .about-sec02-inner04 .text {
    width: 100%;
  }

  .about-sec03,
  .about-sec04 {
    flex-direction: column;
	  gap: 30px;
  }
	
	.about-sec03 {
    margin-bottom: 20px;
}

  .about-sec03 .img,
  .about-sec04 .img,
  .about-sec03 .text,
  .about-sec04 .text {
    width: 100%;
  }

  .about-sec06 ul {
    grid-template-columns: 1fr 1fr;
  }
	
	.about-sec07 h3 {
    font-size: 20px;
    font-weight: bold;
}
	
	.about-sec07 p {
    font-size: 16px;
    padding: 0 25px;
    margin: 25px 0;
}
	
	.about-sec07 {
    padding: 30px 0;
	}

  .company-sec02-inner,
  .company-sec05,
  .company-sec06-inner,
  .company-sec07-inner {
    flex-direction: column;
	  gap: 25px;
  }
	
	.factory-sec01 {
		background: none;
		padding: 0;
		margin-bottom: 30px;
	}
	
	.factory-sec01 p {
    width: 100%;
}
	
	.factory-sec01 img {
    width: 100%;
    max-width: 540px;
    margin-bottom: 20px;
}

  .company-sec02-inner .img,
  .company-sec02-inner .text,
  .company-sec05 .img,
  .company-sec05 .text,
  .company-sec06 .img,
  .company-sec06 .text,
  .company-sec07 .img,
  .company-sec07 .text {
    width: 100%;
  }
	
	.company-sec06 .text th {
    white-space: nowrap;
    padding: 10px;
}
	
	.table-style02 th {
    white-space: nowrap;
	}
	
	
	.blue-list li {
    font-size: 18px;
}
	
	.company-sec03 dt {
    font-size: 20px;
	}
	
	.qa dt {
    font-size: 18px;
		padding-left: 80px;
	}
	
	.qa dd {
    font-size: 18px;
		padding-left: 80px;
		margin-bottom: 60px;
	}
	
	.qa dt:before {
    width: 60px;
    height: 60px;
	}
	
	.qa dd:before {
    width: 60px;
    height: 60px;
	}

  .company-img {
    flex-direction: column;
    gap: 20px;
  }

  .company-img li {
    width: 100%;
  }

  .flow-box-inner {
    flex-direction: column;
    gap: 30px;
  }

  .flow-box-inner .text,
  .flow-box-inner .img {
    width: 100%;
  }

  .flow-box {
	  padding-left: 80px;
  }
	
	.flow-box h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

  .flow-box .circle {
    margin: 0 auto 20px auto;
  }
	
	.factory-sec03 {
   margin-bottom: 20px;
    flex-direction: column;
    gap: 20px;
}
	
	#content h1 {
    font-size: 20px;
	}
	
	#content p {
    font-size: 16px;
    line-height: 1.8;
	}
	
	.factory-sec03 .img,
	.factory-sec03 .text{
    width: 100%;
}
	
	.factory-sec03 .text h4 {
    font-size: 22px;
    margin-bottom: 5px;
}
	
	.factory-sec04 {
    gap: 20px;
    flex-direction: column;
}

	.flow-box .circle {

    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
	}
	
	.flow:before {
		left: 29px;
	}
	
  .recruit-sec03 dl {
    gap: 10px;
  }

.recruit-sec03 dd {
    width: 20%;
}
	
	.balloon2-right,
	.balloon2-left{
    padding: 20px;
	}

	.recruit-sec03 dt {
    width: calc(100% - 16%);
}
	
	.recruit-sec03 h4 {
    font-size: 18px;
	}
	
	.recruit-sec03 h4 span {
    font-size: 12px;
    display: block;
}
	
  .recruit-sec05 ul {
    grid-template-columns: 1fr 1fr;
	  gap: 10px;
  }

  .contact-sec01 ul {
  }
	
	.contact-sec02 {
		padding-bottom: 80px;
	}
	
	.eng-bt {
    text-align: left;
    font-size: 12px;
    margin-bottom: 0;
		
	}

  .contact-sec01 li {
    width: 100%;
  }

  .wpcf7-select {
    width: 100%;
  }

  .youtube-box {
    width: 100%;
  }

.recruit02 {
    position: relative;
    right: auto;
    max-width: 100%;
    top: 0;
    width: 100%;
    margin-bottom: 35px;
}
	
	.recruit-sec01 {
    margin-bottom: 40px;
}
	
	.recruit-sec02 h3 {
    font-size: 24px;
    font-weight: bold;
    color: #008ad4;
}
	
	.recruit-sec04 table,
	.recruit-sec04 tr,
	.recruit-sec04 th,
	.recruit-sec04 tbody,
	.recruit-sec04 td{
		display: block;
		width: 100%;
		font-size: 16px;
		line-height: 1.4;
	}
	
	.recruit-sec04 td {
		padding-bottom: 30px;
	}
	
	.company-sec01 h2 {
    font-size: 34px;
		line-height: 1.5;
        margin-bottom: 15px;
}
	
	.company-sec03 dd {
    text-align: left;
}
	
	.company-sec01 p {
    margin-bottom: 15px;
    text-align: left;
}
	
	.company-sec05 h4 {
		text-align: center;
	}
	
	.company-sec08 p {
    text-align: left;
}
	

	
}