@charset "utf-8";
/*-----------------------------------------------
 電話帳プレミアム 登録・新規掲載問い合わせ(pc17)
-----------------------------------------------*/
*{margin:0;padding:0;outline:none;}
body{margin:0;padding:0;font-size:14px;line-height:1.1;}
img{border:none;vertical-align:top;}
input{vertical-align:middle;}
table{border-collapse:collapse;border:none;font-size:100%;}
ul,ol{list-style:none;}
hr,.displayNone{display:none;}
input,textarea,th,td{font-size:100%;}
i,em,address,cite{font-style:normal;}
time{display:inline;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{overflow:hidden;min-height:1em;}
/*\*/
* html .clearfix{height:1%;overflow:visible;}
.clearfix{display:block;}
/**/

/* マピオンルール */
body,form,select{font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;}
a{color:#4f9bd2;text-decoration:underline;}
a:visited{color:#4f9bd2;}
a:hover{color:#4f9bd2;text-decoration:none;}

/* html5 対応 */
header,footer,article,aside,nav,section{display:block;}

/* ワイヤーフレーム */
.wrapper{width:100%;min-width:980px;text-align:left;}
.container{width:100%;margin:0 auto;}
.inbox{margin: 0 auto;padding: 0;width: 980px;}

.btn_cv:hover{opacity: 0.9;}

/* header */
.header{width:980px;height:80px;margin:0 auto;text-align:left;line-height:80px;}
.header-logo{float:left;padding:0 10px 0 0;}
.header-logo img{vertical-align:middle;}
.header-sub-title{float:left;font-size:19px;font-weight:normal;}
.header-link{float:right;font-size:12px;vertical-align:middle;}
*html .header-logo{padding:17px 10px 0 0;}

/* footer */
.footer-wrap{width:100%;background:#f5f5f5;}

.footer{margin:0;padding:20px 0 15px;background:#f5f5f5;font-size:12px;text-align:center;}
.footer-nav{margin:0 0 15px;padding:0;}
.footer-nav a,
.footer-nav a:visited{margin:0;padding:0 5px;}
.footer-nav a:hover{text-decoration:underline;}
.footer-copyright{margin:0;padding:0;}
.footer-ad{margin:0 auto 10px;text-align:center;}

/* headline */
.sec-headline{height: 452px;position: relative;overflow: hidden;}
.sec-headline .inbox{padding-top: 15px;position: relative;}
.sec-headline h2{position: relative; z-index: 1;}
.sec-headline .main-visual{position: absolute;top: 0; left: 302px;z-index: 0;}

/* conversion */
.sec-cv{padding: 20px 0 15px;width: 100%;position: absolute;bottom: 0;left: 0;background: rgba(204,204,204,0.4);text-align: center;}
.sec-cv p{padding-left: 10px;float: left;}

/* phonebook */
.sec-phonebook{height: 366px;}
.sec-phonebook .inbox{padding-left: 355px;height: 100%;background: url(/mmail/img/form/pc17/bg_about.jpg) no-repeat left bottom;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sec-phonebook h2{padding: 40px 0 30px 10px;}

/* point */
.sec-point{padding: 20px 0 40px;background: url(/mmail/img/form/pc17/bg_point.gif);text-align: center;}
.sec-point li{margin-top: 30px;}
.sec-point .point3{position: relative;}
.sec-point .point3 a{position: absolute; bottom: 40px; left: 40px;font-size: 16px;}
.sec-point p{margin: 30px 0;}
.sec-point .point-notice{margin-top: 5px;display: block;color: #999;font-size: 12px;text-align: right;}

/* option service */
.sec-option-service{padding: 45px 0 60px;text-align: center;}
.sec-option-service h2{margin-bottom: 30px;}
.sec-option-service p + p{margin-top: 30px;}
.sec-option-service.option02{border-top: 5px solid #eee;}

.attention-text{color: #333;font-size: 12px;text-align: left;line-height: 1.5;}


/* plan table */
.sec-plan-table-tbl-ttl{margin-bottom: 5px;}
.sec-plan-table-tbl{margin-bottom: 30px;width:100%;border-collapse:collapse;background:#fff;border:1px solid #ccc;}
.sec-plan-table-tbl th{width: 150px;background:#eae7e6;border-bottom: 1px solid #ccc;font-size: 16px;text-align: center;font-weight: normal;}
.sec-plan-table-tbl th,
.sec-plan-table-tbl td{padding: 10px;}
.sec-plan-table-tbl td{width: 374px;box-sizing: border-box;}
.sec-plan-table-tbl .odd{background: #f5f5f5;}
.sec-plan-table-tbl .line{border-bottom: 1px solid #ccc;}


/* form */
.sec-form{width:100%;padding:40px 0 0;background:#F5F5F5;}
.sec-form-inner{width:980px;margin:0 auto;padding:15px 0;border-radius:10px;border:1px solid #CCC;background:#FFF;}
.sec-form-title{padding:0 0 25px;text-align:center;}
.sec-form-text01{margin:0 0 20px;font-size:18px;text-align:center;color:#3AA2ED;}
.sec-form-text02{margin:0 0 10px 20px;color:#3AA2ED;line-height:1.2;}
.sec-form-text03{margin:0 0 0 20px;color:#0db6a4;line-height:1.2;}
.sec-form-progress-nav{margin:0 0 20px;text-align:center;}
.sec-form-table{width:918px;margin:0 auto 15px;border:1px solid #CCC;border-collapse:collapse;text-align:left;line-height:1.4;}
.sec-form-table th{width:284;padding:20px 0 20px 15px;background:#3aa2ed;border-bottom:1px solid #cbe0ef;font-size:16px;color:#FFF;text-align:left;vertical-align:middle;}
.sec-form-table td{width:602px;padding:20px 0 20px 15px;background:#eef4f9;border-bottom:1px solid #cbe0ef;}
.sec-form-table-plan{font-size:16px;line-height:1.2;}
.sec-form-table-label{display:inline-block;*display:inline;*zoom:1;margin:0 0 5px;}
.sec-form-table .sec-form-table-last td{border-bottom:1px solid #CCC;}
.sec-form-radio,
.sec-form-cbox{margin:0 8px 0 0;}
.sec-form-input-text{width:570px;height:24px;}
.sec-form-textarea{width:540px;height:320px;padding:15px;}
.sec-form .submit{display:block;width:260px;height:53px;margin:0 auto;border:none;background:url(/mmail/img/form/pc17/form_btn_01.png) no-repeat left top;text-indent:-99999px;cursor:pointer;}
.sec-form .sec-form-btn-send,
.sec-form .sec-form-btn-prev{display:block;width:260px;height:53px;border:none;text-indent:-99999px;cursor:pointer;}
.sec-form .sec-form-btn-prev{float:left;background:url(/mmail/img/form/pc17/form_btn_prev.png) no-repeat left top;}
.sec-form .sec-form-btn-send{float:right;background:url(/mmail/img/form/pc17/form_btn_send.png) no-repeat left top;}
.sec-form .sec-form-btn-wrap{width:550px;margin:0 auto;padding:15px 0;}
.sec-form .sec-form-btn-complete{display:block;width:360px;height:52px;margin:0 auto;text-align:center;}
.sec-form .submit:hover,
.sec-form .sec-form-btn-send:hover,
.sec-form .sec-form-btn-prev:hover,
.sec-form .sec-form-btn-complete:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}
.sec-form .form-body-othertext{margin-left: 5px;width: 480px;height: 24px;}
.sec-form .plan-option{margin: 10px 0 5px;}

/* bottun */
.common-btn-01{display:block;width:685px;margin:0 auto;text-align:center;}
.common-btn-01:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

/* PDFダウンロード */
.pdf-download{padding: 10px 29px 0 0;display: inline-block;font-size: 16px;background: url(/mmail/img/form/pc17/icon_link_pdf.png) no-repeat right center;}
.sec-headline .pdf-download{margin: 10px 0 0 35px;}


/* pagetop */
.pgtop{width:980px;margin:0 auto;padding:20px 0 30px;text-align:right;font-size:12px;}

/* text */
.text-color-blue{color:#3AA2ED;}
.text-color-green{color:#0db6a4;}
.text-color-red{color:#ff4800;}

/* popup */
.popup-image{text-align:center;}

/* margin */
.mt15{margin:15px 0 0;}

/*個人情報取り扱いについてチェック*/
#privacy-check-wrap {
  width: 918px;
  margin: 0 auto 20px;
  padding: 10px 10px 0;
  color: #000;
  font-size: 14px;
}
#privacy-check-wrap p {
  text-align: left;
  margin: 0;
  color: #000;
}
#privacy-check-wrap .privacy-frame {
  width: 100%;
  height: 140px;
  border: 1px solid #999999;
  background: #fff;
  padding: 0;
  margin: 5px auto 15px;
  box-sizing: border-box;
  -webkit-overflow-scrolling:touch;
}

#privacy-check-iframe {
   width: 100%;
   height: 100%;
}

#privacy-check-wrap label {
  display: block;
  text-align: center;
  line-height: 14px;
  color: #000;
}

#privacy-check-wrap label span{
  display: inline-block;
}

#privacy-check-wrap input[type="checkbox"] {
  display: inline-block;
  margin: 0;
}

#privacy-check-wrap .required {
  color: #ff4800;
}

.sec-form-inner input.submit:disabled {
  opacity: 0.5;
}

#privacy-check-wrap .privacy-frame.is-sp {
  overflow-y: scroll;
}