@media screen and (max-width: 1200px) {
	.header-box01 .logo {
		max-width:500px;
	}
	.header-sub-box.flex {
		width: calc(90% - 500px);
	}
	.n2-ss-slider .n2-ss-item-image-content img{
		width:900px!important;
	}
	.g-sub-nav02 .g-sub-nav-list.flex {
		top: 35%;
	}
	section#voice {
		padding-top: 30px;
	}
}

@media screen and (max-width: 1024px) {
	body {
		margin-top: 70px;
	}
	.logo {
		width: 100%;
		max-width: 200px;
		margin: auto;
	}
	.intro-box {
		padding: 50px 30px;
		border-radius: 10px;
	}
	section#voice .com-interview01-img-wrap {
		width: 100%;
	}
	section#voice .com-interview01-content {
		width: 100%;
	}
}

@media screen and (max-width:820px) {
	.home .title h2::after {
    font-size: 60px;
	}
	.appeal-wrap {
		padding: 50px 10px 20px;
	}
	.appeal-child {
		width: 100%;
	}
	section#voice {
		padding-top: 100px;
	}
	.recruit-feed01>li {
		width: 100%;
	}
	.recruit-feed01 .recruit-img img {
		margin: 0 auto;
	}
}

@media screen and (max-width:600px) {
	.com-list01 li {
        margin-bottom: 20px!important;
    }
	section#voice {
		padding-top: 100px;
	}
	section#voice .title h2 {
		color: #666;
	}
	section#voice .title h2::after {
		color: rgb(163 163 163 / 20%);
	}
	.info-flex.flex > div {
    width: 100%;
	}
	.home .title h2::after {
		font-size: 40px;
	}
	section#recruit .tab-panel-a {
		padding: 50px 15px;
	}
}

@media screen and (max-width:480px) {
	.intro-box {
		padding: 50px 10px;
		border-radius: 10px;
	}
	h3.com-box03-head span {
		font-size: 1.0em;
	}
	.appeal-child .com-list01 li {
		width: 100%;
		padding: 10px 5px;
	}
	h3.sub-tit span {
		font-size: 1.0em;
	}
}