@charset "UTF-8";

/* -------------------------------------------------------
共通
------------------------------------------------------- */
#service h2 { background: url(../../service/img/title_bg.png) no-repeat center top;}
#service #contents { background: url(../../service/img/con_bg.png) no-repeat right top;}
#service #sec1 { padding: 20px 75px 0 75px;}
#service #sec1 h3,
#service #sec1 p { width: 645px; float: right;}
#service #sec1 h3 { padding: 20px 0 15px 0;}
#service #sec1 div>img { float: left; padding: 0 0 0 25px;}


/* -------------------------------------------------------
ポケットwifiトップ
------------------------------------------------------- */
#service.index #sec1 figure { padding: 30px 0 10px 0;}

#service.index #sec1 .inq {
	width: 900px; float: none; padding: 20px 0; margin: 0 auto;
	background: #fff; border: 2px solid #dcd0c0; font-size: 15px; text-align: center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#service.index #sec1 .inq p { width: 94%; float: none; padding: 0; margin: 0 auto 15px auto;}
#service.index #sec1 .inq a {
	display: block; width: 550px; max-width: 94%; padding:  10px 0; margin: 0 auto;
	background: #c00;color: #fff; font-size: 14px; text-align: center; text-decoration: none;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc;
}
#service.index #sec1 .inq a:hover { text-decoration: underline;}


/* -------------------------------------------------------
メールフォーム
------------------------------------------------------- */
#service.form #sec1 dl { margin: 20px 0 0 0; background: #fff; border: 2px solid #dcd0c0;}
#service.form #sec1 dt { padding: 5px 10px; background: #f0e3d2; font-size: 15px; text-align: center;}
#service.form #sec1 dd { padding: 10px 50px;}
#service.form #sec1 ul { width: 49%; float: left;}
#service.form #sec1 ul:last-child { float: right;}
#service.form #sec1 li { padding: 0 0 0 1em; text-indent: -1em;}

#service.form #sec2 { width: 950px; margin: 70px auto 0 auto;}
#service.form #sec2 h4 { padding: 0 0 7px 15px; margin: 0 0 15px 0; background: url(../../service/img/sec_icon.gif) no-repeat left 3px; border-bottom: 1px solid #cb191f; font-size: 19px;}
#service.form #sec2 form { padding: 15px 0 0 0;}
#service.form #sec2 dl { display: table; width: 100%; padding: 10px 0; border-bottom: 1px dotted #cb191f; table-layout: fixed;}
#service.form #sec2 dt,
#service.form #sec2 dd { display: table-cell; padding: 0 10px; vertical-align: top;}
#service.form #sec2 dt { width: 230px; text-align: right;}
#service.form #sec2 input[type='text'],
#service.form #sec2 input[type='email'],
#service.form #sec2 select,
#service.form #sec2 textarea { max-width: 98%;}
#service.form #sec2 p { padding: 5px 0 0 0;}
#service.form #sec2 li { width: 49%; float: left; padding: 5px 0;}
#service.form #sec2 li:nth-child(2n) { float: right;}
#service.form #sec2 label { display: block; border: none;}
#service.form #sec2 label.mfp_checked { background: #f0e3d2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#service.form #sec2 label input { float: left;}
#service.form #sec2 label span { display: block; padding: 0 0 0 20px;}

#service.form .thx_msg { margin: 10px 0 0 0; font-size: 20px; text-align: center;}



/* -------------------------------------------------------
clear
------------------------------------------------------- */
#service #sec1:after,
#service #sec1 div:after,
#service.form #sec1 dd:after,
#service.form #sec2 dt:after,
#service.form #sec2 ul:after,
#service.form #sec2 label:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}