@charset "UTF-8";


/* -------------------------------------------------------
共通
------------------------------------------------------- */
@media screen and (max-width:1100px) {
	#service #sec1 { padding: 20px 30px 0 30px;}
	#service #sec1 h3,
	#service #sec1 p { width: 70%;}
	#service #sec1 div>img { width: 28%; padding-left: 0;}
}
@media screen and (max-width:768px) {	
	#service #sec1 { padding: 15px 20px 0 15px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	#service #sec1 { padding: 20px 0 0 0;}
	#service #sec1 p { clear: both; width: 100%;}
}


/* -------------------------------------------------------
ポケットwifiトップ
------------------------------------------------------- */
@media screen and (max-width:1100px) {
	#service.index #sec1 .inq { width: 100%;}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:640px) {
	#service.index #sec1 .inq p { text-align: left;}
}
@media screen and (max-width:480px) {
	#service.index #sec1 .inq p { font-size: 13px;}
}


/* -------------------------------------------------------
お申し込みフォーム
------------------------------------------------------- */
@media screen and (max-width:1100px) {
	#service.form #sec1 dd { padding: 10px 30px;}
	
	#service.form #sec2 { width: auto; padding: 0 30px;}
}
@media screen and (max-width:768px) {
	#service.form #sec2  { padding: 0 15px;}
	#service.form #sec2 li { width: 100%; float: none !important; padding-bottom: 5px;}
	#service.form #sec2 label br { display: none;}
}
@media screen and (max-width:640px) {
	#service.form #sec1 dt { font-size: 14px;}
	#service.form #sec1 dd { padding: 10px;}
	#service.form #sec1 ul { width: 100%; float: none !important;}
	
	#service.form #sec2 { margin-top: 30px;}
	#service.form #sec2 dl,
	#service.form #sec2 dt,
	#service.form #sec2 dd { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#service.form #sec2 dt { padding: 5px 10px; background: #f7e5dd; text-align: left; vertical-align: middle;}
	#service.form #sec2 dt .must { display: inline-block; float: none; margin: 0 5px 0 0;}
	#service.form #sec2 dt br { display: none;}
	#service.form #sec2 dd { padding-top: 10px;}
	#service.form #sec2 input[type='text'],
	#service.form #sec2 input[type='email'],
	#service.form #sec2 textarea { width: 98%;}
}
@media screen and (max-width:480px) {
	#service.form #sec1 dt { text-align: left;}
	
	#service.form #sec2 { padding: 0;}
}