._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;
	}
	
	.main {
		background: url(../images/index/main-sp.jpg) center center no-repeat;
		background-size: cover;
	}
	
	.top-news .inner {
		flex-direction: column;
	}
	
	.top-news .inner .title {
    	width: 100%;
		position: relative;
	}
	
	.top-news .bt {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.top-news .title h3 {
		margin-bottom: 0;
	}
	
	.top-news .inner .news-list {
		width: 100%;
	}
	
	.top-news {
		padding: 50px 0 90px 0;
	}
	
	.top-about-inner-box {
		width: 80%;
		left: 0;
	}
	
	.top-about h4 {
		font-size: 30px;
	}
	
	.triangle02 {
		border-right: 120px solid #ebf4ff;
		border-bottom: 290px solid transparent;
	}
	
	.top-service {
		padding: 80px 0;
	}
	
	.top-service h3 {
		text-align: left;
	}
	
	.top-service h3:after {
		display: none;
	}
	
	.top-service li {
		width: 100%;
		margin-top: 0;
	}
	
	.top-service li:nth-child(2) {
		margin: 0 0 0 auto;
		margin-top: 0;
	}
	
	.top-service li:nth-child(3) {
		margin-top: 0;
	}
	
	.top-service li h4 span {
    	font-size: 22px;
	}
	
	.top-service li h4 {
		top: -25px;
	}
	
	.top-service li h4 span:after {
		width: 20px;
		height: 20px;
		right: -30px;
	}
	
	.triangle03 {
		border-left: 70px solid #324e90;
		border-bottom: 120px solid transparent;
	}
	
	.triangle04 {
		border-right: 60px solid #324e90;
		border-top: 100px solid transparent;
	}
	
	.mail-bt a {
		gap: 30px;
		padding: 30px;
		flex-direction: column;
	}
	
	.mail-bt h3:after {
		top: 10px;
	}
	
	.pagetop {
    	right: 10px;
	}
	
	.service-title02:after {
    	width: 80%;
	}
	
	.service-title02 {
    	font-size: 16px;
	}
	
	.footer .inner {
		padding-top: 50px;
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	.footer .sec02 {
		gap: 10px;
	}
	
	.top-about {
		overflow: hidden;
	}
	
	.main h2 {
    	width: 70%;
	}
	
	.main h2 img {
		width: 85%;
	}
	
	.main h2 {
		padding: 20px 0;
	}
	
	.top-recruit-inner {
		padding: 0;
		border-radius: 20px 0 0 20px;
		background: none;
		width: 90%;
        margin: 0 auto 80px auto;
	}
	
	.top-recruit-inner dl {
		margin-bottom: 25px;
		width: 100%;
		gap:10px;
		flex-direction: column;
	}
	
	.top-recruit-inner p {
		width: 100%;
		margin-bottom: 30px;
	}
	
	.top-recruit {
		padding: 0 0 100px 0;
	}
	
	.recruit-bg {
		margin-bottom: 60px;
	}
	
	.triangle {
		display: none;
	}
	
	.header-nav {
		display: none;
	}
	
	.contact-bt {
		display: none;
	}
	
	.openbtn {
    position: absolute;
    top: 29px;
    right: 20px;
}
	
	.header-inner {
    padding: 10px 0 10px 20px;
}
	
	.magazine-head {
    padding: 40px 0 70px 0;
		background: url(../images/page/magazine01.jpg) no-repeat center;
		background-size: auto 100%;
}
	
	.news-title-page span {
    font-size: 40px;
		margin-bottom: 10px;
}
	
	.news-title-page {
    font-size: 15px;
}
	
	.footer .sec01 {
		margin-bottom: 30px;
	}

	.footer dt {
    font-size: 16px;
    margin-bottom: 0.5em;
}
	
	.footer dd {
    font-size: 14px;
}
	
	.copyright {
    font-size: 11px;
	}
	
	.magazine-category {
		padding: 40px 0 80px 0;
	}
	
	#content h1 {
    font-size: 20px;
	}
	
	.h-style01 span {
    margin-bottom: 10px;
    font-size: 36px;
}
	
	.page-head {
    padding: 50px 0 0 0;
}
	
	.page-head {
    background-position: 120% 0!important;
}
	
	.service-title {
    font-size: 18px;
		padding: 15px 0;
	}
	
	.service-title:after {
    width: 100%;
	}
	
	.service-page #sec01, .service-page #sec02, .service-page #sec03 {
    padding: 30px 0;
}
	
	.company-page #sec01 {
    padding: 50px 0 0 0;
}
	
	.company-page #sec01 .img {
		order: 1;
	}
	
	.company-page #sec01 .text {
		order: 2;
	}
	
	.company-page #sec01 .sec01-inner {
    display: grid;
    grid-template-columns: 100%;
    gap: 25px;
		margin-bottom: 40px;
}
	.company-page #sec02 .sec02-inner {
    align-items: flex-start;
}
	
	.company-page #sec02 h4 {
    font-size: 15px;
}
	
	.company-page #sec02 h3 {
    font-size: 25px;
    line-height: 1.5;
	}
	
	
	.h-style01 {
    margin-bottom: 30px;
	}
	
	.company-page #sec05 ul {
    grid-template-columns: 1fr;
    gap: 20px;
}
	
	.company-page #sec06 ul {
    grid-template-columns: 1fr;
    gap: 20px;
}
	
	.company-page #sec05 {
    margin-bottom: 50px;
}
	
	.service-page .column2 {
    grid-template-columns: 100%;
}
	
	
	.service-page .column2 .img {
		order: 1;
		position: relative;
		z-index: 5;
	}
	.service-page .column2 .text {
		order: 2;
	}
	
	.service-page h3, .recruit-page h2 {
    font-size: 30px;
    margin-bottom: 10px;
}
	
	.column3 ul {
    gap: 10px;
}
	
	
	.souko-sec-inner {
    grid-template-columns: 100%;
    gap: 25px;
}
	
	.souko-sec {
		border-top: 1px solid #ccc;
		padding-top: 30px;
	}
	
	.souko-sec {
    margin-bottom: 30px;
}
	
	.magazine-category .magazine-grid {
    grid-template-columns: 1fr;
    gap: 20px;
}
	
	.magazine-head h1 {
    width: 60%;
}
	
	.triangle07 {
		display: none;
	}
	
	.interview-box {
    grid-template-columns: 100%;
}
	
	.interview-box .text {
		order: 2;
		margin-bottom: 40px;
	}
	
	.interview-box .img {
		order: 1;
	}
	
	
	
}