@charset "utf-8";
/* スマホ用 */
@media screen and (max-width: 600px) {
.pc {
	display: none;
}
.sp {
	display: block;
}
.no-sp {
	display: none;
}
header{
	width: 95%;
	left: 50%;
	transform: translate(-50%, 0);
}
header .header-inner {
	padding: 1.0rem 2.0rem !important;
	width: 100% !important;
}
header .header-inner .logo {
	margin: 0 auto;
}
.gnav {
	display: none;
}
#keyv, #keyv:after{
	border-radius: 0;
}
#keyv {
	background: url(/wp-content/themes/security2025/assets/images/keyv/keyv.webp) no-repeat right 25% top / cover;
	height: 400px;
}
#keyv .keyv-txt {
	left: 1.0rem;
	bottom: 3.0rem;
}
#keyv .keyv-txt h1{
	font-size: 2.7rem;
}
#intro .box, #product .box, #case .box, #faq .box, #contact .box {
	padding: 5.0rem 2.0rem;
}
#intro .box h2, #product .box h2, #case .box h2, #faq .box h2, #contact .box h2{
	font-size: 2.4rem;
	margin-bottom: 3.0rem;
}
.intro-list {
	padding-top: 3.0rem;
}
.intro-list li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.intro-list li .image {
	order: 1 !important;
	width: 100%;
	margin-bottom: 2.0rem;
}
.intro-list li .detail {
	order: 2 !important;
	width: 100%;
	padding: 0 !important;
}
.intro-list li .detail h3{
	font-size: 2.4rem;
}
#product .box h3, #case .box h3{
	font-size: 1.8rem;
}
.tab-group li{
	border: none !important;
}
.product-list li, .tab-group li{
	width: 50%;
}
.panel-list li.panel-item {
	width: 100%;
	padding: 2.0rem;
}
.case-list li:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}
.case-list li .image, .case-list li .detail {
	width: 100%;
	padding: 0;
}
.case-list li .image {
	margin-bottom: 2.0rem;
}
.faq-question {
	font-size: 1.8rem;
}
.faq-question:before, .faq-answer p:before{
	left: 1.0rem;
}
.faq-question .arrow {
	display: none;
}
.contact-form-box {
	width: 100%;
	padding: 0;
}
.contact-form-box ul li h4, .contact-form-box ul li .input-form{
	width: 100%
}
.btn-submit input{
	padding: 1.0rem 0;
	font-size: 1.6rem;
	width: 80%;
	margin: 0 auto;
	display: block;
}
}


