@charset "UTF-8";
/* CSS Document */


.pc{
	display:none;
}
.smp{
	display:inherit;
}
.pc-center{/* PC時のみセンタリング */
	text-align:left;
}
.smp-center{
	text-align:center;
}

/* レイアウト */
/* スマホ時 float無しの1列レイアウトに（初期設定） */
.flex .col-2,
.flex .col-3,
.flex .col-4,
.flex .col-5,
.flex .col-6,
.flex .col-7,
.flex .col-8,
.flex .col-9,
.flex .col-10{
	float:none;
	width:100%;
	box-sizing:border-box;
	padding:0 0.5em; 
}

.flex .smp-col-6{/* スマホ時でも2列レイアウト */
	width:50%;
	float:left;
}
main{
	width: inherit;
}

header,
article,
.contents{
	width:inherit;
	float: none;
}

header{
	background-size:100% auto;
	width: 100vw;
	padding: 0.1em;
}
header h1{
	text-align:center;
	width: 70%;
	height: 73px;
	margin: .2em auto;
	background-size: contain;
	background-repeat: no-repeat;
	float: none;
}
h1 img{
}
header .info{
	display: none;
}

section.item{
	padding:1em;
}

article #mainvis{
	background-size: 90% auto;
	height: 340px;
}
article section.intro{
}
section.strong h2.categorytitle{
	font-size:1.3em;
	background-size:80% auto;
}
section.company table th,
section.company table td{
	display:block;
	width:100%;
}
section.company table th{
	border-bottom:none;
}
section.intro,
section.outsource,
section.strongpoint,
section.contactform,
section.item.gray{
	padding: .8em;
}
section.strongpoint .item{
	width: 44%;
}
section.strongpoint .item h4{
	font-size: .85em;
}
section.strongpoint .item p{
	font-size: .6em;
}
.support table th,
.support table td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.support table tr:last-child th, .support table tr:last-child td{
	border-bottom: 1px solid #999999;
}
section.contactform form table th,
section.contactform form table td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.contact table{
	box-sizing:border-box;
}
.contact table th,
.contact table td{
	box-sizing:border-box;
	display:block;
	width:100%;
}

section.contact .telnum{
	font-size:1.5em;
}
section.contact .telnum a{
	display:block;
	text-align:center;
}

#to-contact{
	display:none;
}
footer{
	margin-bottom:4em;
}
#smp-to-contact{
	background-color: #AF323C;
	padding:0.5em;
	position:fixed;
	width: 100%;
	bottom:0;
	box-shadow: 0px -3px 4px #550E13;
}

section#cases{
	display: none;
}