/*
Theme Name:   テンヨースマホ対応サイト
Author: ComQuest
Author  URI:  http://www.comquest.co.jp/
Version:  1.0
*/

@charset "UTF-8";
@font-face{
    font-family: "Rera";
    font-weight: normal;
    src:url("https://www.font-stream.com/fontdata/Rera-03.woff2?token=e_njn1tfs-z528pm") format("woff2"),
    url("https://www.font-stream.com/fontdata/Rera-03.woff?token=e_njn1tfs-z528pm") format("woff");
}
@font-face{
    font-family: "Rera";
    font-weight: bold;
    src:url("https://www.font-stream.com/fontdata/Rera-05.woff2?token=e_njn1tfs-z528pm") format("woff2"),
    url("https://www.font-stream.com/fontdata/Rera-05.woff?token=e_njn1tfs-z528pm") format("woff");
}

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea ,select {
  box-sizing: border-box;
  line-height: 1.75;
  font-size: 16px;
  color: #000;
  font-family: Avenir ,Helvetica ,Arial ,Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo ,"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

html,body {
  min-height:100%;
  height:100%;
}

.wrapper {
  background-color:#E7990B;
  padding:16px 0;
  min-height:100%;
}

.contents {
	font-family: "Rera";
  background:#fff;
  margin:0 16px;
  padding:8px 32px 8px 32px;
  min-height:100%;
}

#thankyou {
  margin: 24px;
  padding: 24px auto 24px auto;
  text-align:center;
}

h1.title  {
  width:100%;
  margin: 1.25em auto 1.25em auto;
  font-size:1.5em;
  font-weight:bold;
  text-align:center;
  padding: 24px 0 12px 0;
  border-top: 4px dotted #ff00ff;
  border-bottom: 4px dotted #ff00ff;
}

h2.subhead {
  width:100%;
  margin: 1.25em auto 1.25em auto;
  font-size:1.20em;
  font-weight:bold;
  text-align:center;
  border: 2px solid #333;
  padding: 10px;
}

p.lead {
  margin-top: 1.0em;
  font-size:1.0em;
  font-weight:bold;
  text-align:center;
  line-height: 1.75em;
}

.contents h3{
  padding:12px 0 12px 6px;
  font-weight:bold;
  border-left:6px solid  #F9E5C2;
  border-top:2px solid #F9E5C2;
  line-height: 1.0em;
}

.form_parts {
  padding:24px 0 24px 12px;
}

.form_parts input.txtbox {
  width: 2.0em;
  border: 1px solid #333;
  margin:24px 0 24px 12px;
  padding: 2px;
  line-height: 1.0;
  text-align:right;
}

.form_parts textarea{
  padding:2px;
  border: 1px solid #333;
}

.form_parts .inner_parts {
  margin:0 0 24px 12px; 
}

.form_parts .inner_parts input {
  border: 1px solid #333;
  padding:2px;  
}

.form_parts .inner_parts input.longarea {
  width: 50%; 
}

.form_parts .inner_parts select {
  border: 1px solid #333;
  padding:2px;  
}


.form_parts .question {
  font-weight:bold;
  color:#353A90;
}

span.memo {
  font-size:0.75em;
  text-align:left;
  padding-left: 1.0em;
}

div.submitarea {
  width:100%;
  margin:24px auto 24px auto;
  text-align:center;
}
.submitarea input {
  width:80px;
  text-align:center;
  font-weight:bold;
  font-size: 1.20em;
  padding: 4px;
  border: 1px solid #000;
  color: white;
  background-color: #333;
}


.form_parts label{
  display:block;
  padding:4px 0 0 12px;
}

.form_parts textarea{
  width:100%;
  min-height:100px;
  padding:8px;
}

#footer {
  margin: 12px auto 12px auto;
  padding-bottom: 24px;
  font-szie: 0.75em;
  text-align:center;  
}

.note {
  font-szie: 0.75em;
  text-align:center;
}

.error_msg {
  display: none;
  color: red;
}

.right {
  text-align: right;
}



/* @media (min-device-width: 48em) {*/
@media (min-width: 48em) { /* 768px */
  .main {
    max-width:1000px;
    margin:0 auto;
  }
  .q_gender label{
    width:80px;
  }

  .sub_parts input[type="text"] {
    width:50%;
  }
}