@charset "utf-8";

*{margin:0;padding:0;}
html{background:#ffffff; overflow-y:scroll;}
body{
  font: 14px/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background: url(images/copy_houdai/main_img_bg.png), url(images/copy_houdai/bg_top.png);
  background-repeat: no-repeat, repeat-x;
  background-position: center 70px , center 70px;
  background-color: #FFF;
}
a{color: #299dc8;;text-decoration:none;}
a:hover{color:#00a0e9; text-decoration: underline;}
a:visited{color:#006699; text-decoration: none;}
a:active, a:focus {outline: 0;}
img{border:0; -ms-interpolation-mode: bicubic;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
.fl-r { float:right;}
.fl-l { float:left;}
a img {
  -webkit-transition: 0.2s ease-in-out;
     -moz-transition: 0.2s ease-in-out;
       -o-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
a.anchor {
    padding-top: 70px;
    margin-top: -70px;
    display: block !important;
}
.mgn0 {
  margin:0;
}
.mb20 {
  margin-bottom:20px;
}
.mb40 {
  margin-bottom:40px;
}
.mb60 {
  margin-bottom:60px;
}
.f16 {
  font-size:16px;}
.f18 {
  font-size:18px;}
.marker {
     background:linear-gradient(transparent 50%, #f9f600 50%);
}
.emphasis {
  color: #e93a57;
  font-weight: bold;
}
/*******************************
全体幅
*******************************/
#header_wrap,.inner{
margin: 0 auto;
width: 1000px;
}

#container{
  width:100%;
    padding-top: 70px;
}

#main {position: relative;}

/*------------------
clearfix
-------------------*/
.clearfix:after {
  content:"";
  height:0;
  display:block;
  clear:both;
  }
/*---
For IE
-----*/
.clearfix {
  display:inline-block;
  }
/* for Mac IE \*/
.clearfix { display: block; }
/* */



/*------------------
共通
-------------------*/

.banner { margin-bottom: 30px;}


/* ヘッダー */

#header_wrap {
  background: #32aeea;
  height: 70px;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
}

#header_wrap .inner {
  width: 1000px;
  height: 80px;
  position: relative;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

#header_wrap h1 {
  font-size: 18px;
  font-weight: bold;
  color: #FFF;
  float:left;
  padding:16px 0 0 0;
  display:block;
}

#header_wrap .logo {
  float:right;
  display:block;
  padding:8px 0 0 0;
}
#header_wrap .logo div {
    float: left;
}
#header_wrap .logo .mail-in {
}
#header_wrap .logo .tel-in {
  width: 227px;
}
#header_wrap .logo .hdr_mail-img {
  padding-top: 4px;
}
#header_wrap .logo .hdr_tel-img {
  margin-bottom: 4px;
}
#header_wrap .logo .hdr_time-img {
    margin: 0 auto;
    display: block;
}
#header_wrap .banners{
  position: absolute;
  right:10px;
  top: 9px;
}

/*メインイメージ */
#main_img{
  position: relative;
  height: 444px;
}

#main_img .mainImg_1{
  margin-top: 0px;
  display: block;
}

#main_img .mainImg_2{
  position: absolute;
  top: 282px;
}

#main_catchphrase{
  height:370px;
}

/* title */
#title_pink{
  width:100%;
  background:url(images/copy_houdai/title_bk_pk.gif) repeat-x;
  height:92px;
  margin-top:12px;
}

#title_pink span{
  margin:0 auto;
  text-align:center;
  display:block;
  font-size:38px;
  font-weight:bold;
  line-height:97px;
  color:#505050;
  letter-spacing:0.03em;
}

#title_blue{
  width:100%;
  background:url(images/copy_houdai/title_bk_blue.gif) repeat-x;
  height:92px;
}

#title_blue span{
  margin:0 auto;
  text-align:center;
  display:block;
  font-size:38px;
  font-weight:bold;
  line-height:97px;
  color:#FFF;
  letter-spacing:0.03em;
}

/* table */
#line_up{
  margin-top:23px;
}

table{
  width:960px;
  text-align:center;
  margin-bottom:10px;
}



.table_cell th{
  text-align:center;
  font-size:13px;
  letter-spacing:0.01em;
  font-weight:600;
  background:#0d95d5;
  color:#FFF;
  padding:10px;
}


.table_cell02 td,.table_cell02 th{
  color:#333;
  font-size:11px;
  letter-spacing:0.08em;
  padding:4px 0 4px 0;
  background:#FFF;
  background:#e3ecf6;
}

.table_cell03 td,.table_cell03 th{
  color:#333;
  font-size:11px;
  letter-spacing:0.08em;
  padding:4px 0 4px 0;
  background:#FFF;
  background:#b8d1e8;
}

.table_cell02 th, .table_cell03 th{
  text-align:left;
  padding-left:10px;
  width:20%;
  color:#666;
}

.table_cell03 .redtext{
  color:#e9446f;
  font-weight:bold;
  font-size:14px;
  padding:6px 0;
}

.table_cell03 .redtext span{
  text-decoration:line-through;
  font-weight:normal;
  font-size:12px;
}

.table_cell03 td a{
  color:#0553aa;
  text-decoration:underline;
}

.table_cell02 img{
  margin:8px 0;
}

#line_up p{
  text-align:right;
  font-size:11px;
  padding-right:40px;
}


/* お問合せへ */

#gotoinquery{
  background:url(images/copy_houdai/goinquery_bg.jpg) no-repeat center top;
  width:100%;
  height:268px;
}

/* 保守サポート */
.support-wrap {
  width: 100%;
  background-image: url(images/copy_houdai/support_bg.gif);
  background-repeat: repeat;
  padding-top: 30px;
}
/* 比較 */
.cost-quality01 {
  background-image: url(images/copy_houdai/cost_quality_img1.jpg);
  background-position: right top;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
.cost-quality01 .ttl {
  padding-top:40px;
}
.cost-quality01 .txt {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  width: 635px;
  display: block;
}
.cost-quality02 {
  background-image: url(images/copy_houdai/cost_quality_img2.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-bottom: 15px;
  padding-left: 265px;
  position: relative;
}
.cost-quality02 .ttl {
  padding-top: 25px;
}
.cost-quality02 .txt {
  padding-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  display: block;
}
.cost_quality03 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-image: url(images/copy_houdai/cost_quality_bg.png);
  -webkit-box-shadow: 2px 2px 0px 0px rgba(206,203,176,1);
  -moz-box-shadow: 2px 2px 0px 0px rgba(206,203,176,1);
  box-shadow: 2px 2px 0px 0px rgba(206,203,176,1);
  width: 958px;
  height: 490px;
  position: relative;
  margin-bottom: 40px;
}
.cost_quality03 .ttl {
  position: absolute;
  top: 22px;
  left: 126px;
  z-index: 0;
}
.cost_quality03 .img {
  position: absolute;
  top: 140px;
  left: 50px;
  z-index: 3;
}
.cost_quality03 .ph {
  position: absolute;
  left: 600px;
  top: 175px;
}
/* ポイント */
.point-wrap {
  background-image: url(images/copy_houdai/point_bg.gif);
  background-repeat: repeat-x;
  background-position: left 25px;
}
.point-wrap .strongpoint {
  margin-bottom:40px;
}
.point-wrap .strongpoint .ttl {
  margin-bottom: 20px;
}
.point-wrap .strongpoint .box {
  width: 194px;
  float: left;
  background-color: #FFF;
  padding-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  margin-right: 7px;
}
.point-wrap .strongpoint .box .ttl {
  background-image: url(images/copy_houdai/strongpoint_bg.gif);
  background-repeat: repeat;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.point-wrap .strongpoint .box p {
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
  display: block;
  height: 100px;
}
.point-wrap .weakpoint {
  padding-bottom: 40px;
}
.point-wrap .weakpoint .ttl {
  margin-bottom: 20px;
}
.point-wrap .weakpoint .box {
  width: 243px;
  float: left;
  background-color: #FFF;
  padding-bottom: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  -moz-box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  box-shadow: 0px 0px 10px 0px rgba(205,196,170,0.75);
  margin-right: 9px;
}
.point-wrap .weakpoint .box .ttl {
  background-image: url(images/copy_houdai/weakpoint_bg.gif);
  background-repeat: repeat;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.point-wrap .weakpoint .box p {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  display: block;
  height: 120px;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
}
/* よくある質問 */
.faq {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.55);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.55);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.55);
  background-image: url(images/copy_houdai/faq_texture.gif);
  background-repeat: repeat-y;
  background-position: center top;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
.faq .ttl {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 35px;
}
.faq dl {
  margin-right: auto;
  margin-left: auto;
  padding-right: 80px;
  padding-left: 80px;
}
.faq dt {
  background-image: url(images/copy_houdai/faq_q.png);
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 20px;
  font-style: italic;
  color: #0170b0;
  padding-left: 50px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 4px;
  min-height: 35px;
}
.faq dd {
  background-image: url(images/copy_houdai/faq_a.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 50px;
  font-size: 16px;
  padding-top: 6px;
  margin-bottom: 40px;
  min-height: 35px;
}
/* company */
.company {
  background-color: #eaf7fb;
  padding-top: 25px;
  padding-bottom: 20px;
}
.company .block {
  width: 906px;
  margin-right: auto;
  margin-left: auto;
  font-size: 12px;
  line-height: 1.8;
}
.company .block .ttl {
  margin-bottom: 15px;
}
.company .block table {
  width: 906px;
}
.company .block table th{
  text-align: left;
  color: #058cb1;
  font-weight: bold;
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.company .block table td{
  text-align: left;
  padding-top: 4px;
  padding-bottom: 4px;
}



/*　お問い合わせフォーム　*/
#form-wrap {
  width: 1160px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px;
  position: relative;
  height: 1160px;
}
#form-wrap .ttl {
  position: absolute;
  left: -1px;
  top: 0px;
  z-index: 5;
  width: 1160px;
  height: 256px;
}
#form-wrap .texture-bg {
  width: 1000px;
  background-color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 40px;
  position: absolute;
  top: 160px;
  left: 80px;
  background-image: url(images/copy_houdai/form_texture.gif);
  background-repeat: repeat;
  z-index: 1;
}
#form-wrap .texture-bg .inner {
  width: 860px;
  background-color: #FFFFFF;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 40px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.53);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.35);
  margin-top: 55px;
}
#form-wrap .texture-bg .inner .step {
  padding-top:25px;
  text-align: center;
}
#form-wrap .form-tbl {
  width: 810px;
  background-color: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  margin-top: 40px;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}
#form-wrap .form-tbl th {
  color: #333333;
  font-weight: normal;
  text-align: left;
  width: 180px;
  font-size: 14px;
  line-height: 1.6;
  background-color: #FFF;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ddd;
  padding: 10px;
}
#form-wrap .form-tbl .description {
  line-height: 1.4;
  padding-top: 10px;
  font-size: 14px;
  color: #F00;
  font-weight: bold;
}
#form-wrap .form-tbl td {
  color: #333333;
  font-size: 14px;
  line-height: 1.6;
  padding: 10px;
  text-align: left;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}
#form-wrap .form-tbl th.border-top {
  border-top: 1px solid #eee;
}
#form-wrap .form-tbl td.border-top {
  border-top: 1px solid #eee;
}
#form-wrap .form-tbl .fl-left {
  float: left;
}
#form-wrap .form-tbl p.ess {
  float: right;
  height: 17px;
  margin: 2px 0 0 0;
}
#form-wrap .form-tbl .ess-bg {
  background-color:#ffedf3;
}
#form-wrap .form-tbl input[type="text"],
#form-wrap .form-tbl input[type="email"],
#form-wrap .form-tbl input[type="tel"],
#form-wrap .form-tbl textarea,
#form-wrap .form-tbl select {
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
#form-wrap .form-tbl .atention {
  background-color: #ffedf3;
}
#form-wrap .form-tbl input.w120 {
  width: 120px;
}
#form-wrap .form-tbl input.w420 {
  width: 420px;
}
#form-wrap .form-tbl select {
  color: #333333;
}
#form-wrap .form-tbl textarea {
  width: 480px;
  line-height: 1.6;
  font-size: 14px;
  padding: 3x;
  font-weight: normal;
}
#form-wrap .form-bt-area {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

/* フッター */

#footer_wrap {
  width: 100%;
}
#footer_wrap .info {
  width: 1000px;
  height: 120px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/copy_houdai/footer_info_bg.png);
  background-color: #32aeea;
  background-repeat: repeat;
  background-position: center top;
  text-align: right;
  margin-bottom: 40px;
}
#footer_wrap .info .tel {
  margin-right: 20px;
  margin-top: 15px;
}
#footer_wrap .copy {
  color: #FFF;
  background-color: #b6b5b5;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
#footer_wrap .copy a {
  color:#FFF;
}

/*　ページのトップへ　*/
.pagetop {
  position: fixed;
  bottom: -50px;
  right: 30px;
}
.pagetop a {
  display: block;
  width: 50px;
  height: 40px;
  background-color: #3a8bde;
  border-radius: 6px 6px 0 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
  line-height: 40px;
}

input:invalid,
textarea:invalid,
select:invalid {
  background-color:#ffedf3;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  background-color:#ffedf3;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  background-color:#ffedf3;
}
#form-wrap .inquiry-btn {
      background: #EC5116;
}



/* -------------------------------------------------------------------
レスポンシブ
------------------------------------------------------------------- */
@media screen and (max-width: 991px) {
	/* tablet -------
	--------------*/
	body {
    	background: url(images/copy_houdai/main_img_bg.png), url(images/copy_houdai/bg_top.png);
    	background-repeat: no-repeat, repeat-x;
    	background-position: center 70px , center 70px;
    	background-color: #FFF;
    	background-size: 180% auto,auto 8%;
	}
	#header_wrap .inner {
		width: 100%;
	}
	.inner {
		width: 100%;
	}
	#header_wrap h1 {
    	padding: 20px 0 0 8px;
	}
	#header_wrap .logo .hdr_mail-img {
    	padding: 4px 8px 0 0;
	}
	#header_wrap .inner h1 img {
    	width: 80%;
    	height: auto;
	}
	#main_img {
    	position: relative;
    	height: 344px;
	}
	#main_img .mainImg_1 {
    	width: 100%;
    	height: auto;
	}
	#main_img .mainImg_2 {
    	width: 100%;
    	height: auto;
    	top: 217px;
	}
	#main_catchphrase {
    	height: 271px;
	}
	#main_catchphrase img {
		width: 100%;
		height: auto;
	}
	#line_up {
    	margin-top: 23px;
    	overflow: auto;
    	white-space: nowrap;
	}
	#line_up {
		width: 100%;
		margin-bottom: 32px;
	}
	#gotoinquery {
    	width: 100%;
    	height: 230px;
    	background-size: 200%;
	}
	#gotoinquery img {
    	width: 78%;
	}
	.support-wrap img {
    	width: 48%;
    	height: auto;
	}
	.cost-quality01 .ttl {
    	padding: 32px 0 0 16px;
	}
	.cost-quality01 .txt {
    	padding: 20px 16px 0;
    	width: 100%;
    	box-sizing: border-box;
	}
	.cost-quality02 .ttl {
    	padding: 25px 16px 0 0;
	}
	.cost-quality02 .ttl img {
    	width: 100%;
    	height: auto;
	}
	.cost-quality02 .txt {
    	padding: 20px 16px 0 0;
    }
	.cost_quality03 {
    	width: 100%;
    	height: 430px;
    }
    .cost_quality03 .ttl {
    	width: 80%;
    	height: auto;
    	top: 22px;
    	left: 80px;
	}
    .cost_quality03 .img {
    	top: 124px;
    	left: 20px;
    	z-index: 3;
    	width: 55%;
    	height: auto;
	}
    .cost_quality03 .ph {
    	left: 470px;
    	top: 155px;
    	width: 30%;
    	height: auto;
	}
	.point-wrap .strongpoint .box {
    	width: 148px;
    }
    .point-wrap .strongpoint .box .ttl {
    	font-size: 16px;
    }
    .point-wrap .strongpoint .box p {
    	font-size: 13px;
    	height: 132px;
	}
	.point-wrap .strongpoint .box img {
    	width: 90%;
    	height: auto;
	}
	.point-wrap .weakpoint .box {
    	width: 185px;
    }
    .point-wrap .weakpoint .box .ttl {
    	font-size: 16px;
    }
    .point-wrap .weakpoint .box p {
    	height: 132px;
    	font-size: 13px;
}
	.company .block {
    	width: 100%;
	}
	.company .block table {
    	width: 100%;
	}
	.company .block table th {
    	padding-left: 16px;
	}
	.company .block .ttl {
    	width: 100%;
    	height: auto;
	}
	.company .prof-wrap{
		padding: 16px;
	}
	#form-wrap {
    	width: 100%;
    	height: auto;
    	position: unset;
	}
	#form-wrap .ttl {
    	width: 100%;
    	height: auto;
    	position: unset;
	}
	#footer_wrap .info {
    	width: 100%;
	}
	#form-wrap .texture-bg {
    	width: 86%;
    	position: unset;
    	padding: 1px 0 40px;
	}
	#form-wrap .texture-bg .inner {
    	width: auto;
    }
	#form-wrap .texture-bg .inner .step img {
    	width: auto;
    	height: auto;
    }
    #form-wrap .form-tbl {
    	width: 100%;
	}
	#form-wrap .form-tbl textarea {
    	width: 80%;
    }
    
	/* tablet end ---
	--------------*/
}

@media (max-width: 767px) {
	/* phone -------
	--------------*/
	
	body {
		background-image: none;
	}
	#header_wrap h1 {
    	padding: 14px 0 0 8px;
	}
	#header_wrap .logo {
		float: right;
		display: block;
		padding: 0;
		margin: 10px 8px 0 0;
		text-align: right;
	}
	#header_wrap .logo .hdr_mail-img {
		padding: 0;
		width: 76%;
		height: auto;
	}
	#main_img {
		height: 283px;
	}
	#main_img .mainImg_2 {
    	top: 215px;
	}
	#main_catchphrase {
    	height: 369px;
	}
	#main_catchphrase p {
		margin-bottom: 0px !important;
	}
	#title_pink span {
    	font-size: 32px;
    }
    #title_blue span {
    	font-size: 32px;
    }
	.support-wrap img {
    	width: 100%;
    	height: auto;
	}
	.cost-quality01 {
    	background-position: center top;
    	margin-bottom: 25px;
    	padding: 140px 0 0;
	}
	.cost-quality01 .ttl {
		padding: 16px 16px 0;
	}
	.cost-quality01 .ttl img {
		width: 100%;
		height: auto;
	}
	.cost-quality01 .txt {
		padding: 8px 16px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.cost-quality02 {
    	background-position: center top;
		margin-bottom: 15px;
		padding: 188px 0 0;
	}
	.cost-quality02 .ttl {
		padding: 8px 16px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.cost-quality02 .txt {
		padding: 8px 16px 0;
		width: 100%;
		box-sizing: border-box;
	}
	.cost_quality03 {
		width: 100%;
		height: auto;
		padding: 16px;
		box-sizing: border-box;
	}
	.cost_quality03 .ttl {
		width: 100%;
		height: auto;
		position: unset;
		top: unset;
		left: unset;
	}
	.cost_quality03 .img {
		top: unset;
		left: unset;
		width: 100%;
		height: auto;
		position: unset;
	}
	.cost_quality03 .ph {
		top: unset;
		left: unset;
		width: 100%;
		height: auto;
		position: unset;
	}
	.point-wrap {
		background-position: center 0;
		background-repeat: repeat;
	}
	.point-wrap .strongpoint {
		padding: 8px 8px 0;
	}
	.point-wrap .strongpoint .ttl img {
    	width: 100%;
    	height: auto;
	}
	.point-wrap .strongpoint .box {
		width: 48%;
		margin-bottom: 1em;
		margin-right: 6px;
	}
	.point-wrap .weakpoint {
		padding: 8px 8px 0;
	}
	.point-wrap .weakpoint .ttl img {
    	width: 100%;
    	height: auto;
	}
	.point-wrap .weakpoint .box {
    	width: 48%;
		margin-bottom: 1em;
		margin-right: 6px;
	}
	.point-wrap .weakpoint .box p {
		height: auto;
	}
	#gotoinquery {
		height: auto !important;
    	margin-bottom: 32px;
	}
	.faq dl {
    	margin-right: auto;
    	margin-left: auto;
    	padding-right: 16px;
    	padding-left: 16px;
	}
	.company .block table td {
		padding: 0 16px 0 8px;
	}
	#form-wrap .texture-bg {
		width: 100%;
	}
	#form-wrap .form-tbl th,
	#form-wrap .form-tbl td {
		display: block;
	}
	#form-wrap .form-tbl th {
    	width: 100%;
    	box-sizing: border-box;
    	border: none;
	}
	#form-wrap .form-tbl td {
    	width: 100%;
    	box-sizing: border-box;
	}
	#form-wrap input[type="text"], 
	#form-wrap input[type="email"], 
	#form-wrap input[type="tel"], 
	#form-wrap textarea, 
	#form-wrap select {
		width: 100%;
   		box-sizing: border-box;
	}
	#form-wrap .form-tbl th span {
    	margin-right: 8px;
	}
	#form-wrap .form-tbl p.ess {
    	float: none;
    	height: 20px;
    	margin: 0;
	}
	#form-wrap .form-tbl textarea {
		width: auto;
	}
	#footer_wrap .info {
    width: 100%;
    height: 62px;
    background-size: 160%;
	}
	.pagetop {
    	bottom: 0px !important;
    	right: 12px;
	}
	
    /* phone end ---
	 --------------*/
}