@charset "UTF-8";

#inquiryTable {
  width: 85%;
  margin: 0 10% 1.5em 5%; }
   #inquiryTable dl {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
	border-top: 1px solid #e5e4e0;}
     #inquiryTable dl:first-child dt {
      border-top: 1px solid #e5e4e0; }
     #inquiryTable dl:first-child dd {
      border-top: 1px solid #e5e4e0; }
     #inquiryTable dl dd ul {
      margin: 0; }
       #inquiryTable dl dd ul li {
        padding: 0; }
         #inquiryTable dl dd ul li:before {
          display: none; }
     #inquiryTable dl dd {
      display: table-cell;
      vertical-align: middle;
	  text-align: left;
	  font-size: 13px;
      border-left: 1px solid #e5e4e0;
      border-right: 1px solid #e5e4e0;
      border-bottom: 1px solid #e5e4e0; }
     #inquiryTable dl dt {
	  background: none;
      display: table-cell;
      vertical-align: middle;
      border-right: 1px solid #e5e4e0;
      border-bottom: 1px solid white;
      padding: 1em 15px;
      margin: 0;
      font-weight: normal;
      text-align: left;
      width: 30%;
      background-color: #EBEBEB; }
       #inquiryTable dl dt .required {
        font-weight: normal;
        color: #eb5520;
        background: none; }
       #inquiryTable dl dt .note {
        font-size: 78.57143%;
        color: #333333;
        text-indent: -0.5em;
        display: block; }
       #inquiryTable dl dt .supple {
        font-size: 78.57143%;
        display: block; }
      @media (max-width: 640px) {
         #inquiryTable dl dt {
          font-weight: bold; }
           #inquiryTable dl dt .required {
            font-weight: bold; }
           #inquiryTable dl dt .note {
            font-weight: normal;
            display: inline-block;
            text-indent: 0; } }
     #inquiryTable dl dd {
      width: 70%;
      padding: 1em 15px; }
      @media (max-width: 640px) {
         #inquiryTable dl dd {
          min-height: 1em;
		  margin-left: 0;} }
       #inquiryTable dl dd input {
        vertical-align: middle;
        border: 1px solid #ceccc4; }
         #inquiryTable dl dd input.error {
          background-color: #f9f0ed; }
       #inquiryTable dl dd textarea {
        width: 80%;
        height: 80px;
        border: 1px solid #ceccc4;
        padding: 0; }
         #inquiryTable dl dd textarea.error {
          background-color: #f9f0ed; }
       #inquiryTable dl dd p {
        margin: 0; }
       #inquiryTable dl dd .aform-input-example {
        font-size: 78.57143%;
        margin: 0.5em 0 0; }
       #inquiryTable dl dd dl {
        margin: 0;
        padding: 0;
        border: 0; }
         #inquiryTable dl dd dl dt {
          font-weight: normal; }
       #inquiryTable dl dd .name label {
        display: inline-block;
        width: 2em; }
       #inquiryTable dl dd .name input {
        width: 150px; }

      @media (max-width: 640px) {
         #inquiryTable dl dd .name .nameInner {
          margin: 0 0 0.5em; }
           #inquiryTable dl dd .name .nameInner label {
            margin: 0;
            width: auto; }
           #inquiryTable dl dd .name .nameInner input {
            width: 100%; } }
      @media (min-width: 641px) {
         #inquiryTable dl dd .name .nameInner {
          float: left;
          white-space: nowrap;
          margin: 0 15px 0.5em 0; }
           #inquiryTable dl dd .name .nameInner label {
            margin: 0 7px 0 0; }
		.capepack_cont{
			/*font-size: 13px;*/ }
			}
       #inquiryTable dl dd .postNumber {
        white-space: nowrap;
        margin: 0 0 0.5em; }
         #inquiryTable dl dd .postNumber #post-number1 {
          width: 4em;
          margin: 0 7px; }
         #inquiryTable dl dd .postNumber #post-number2 {
          width: 5em;
          margin: 0 0 0 7px; }
       #inquiryTable dl dd #parts-5 {
        width: 8em; }
       #inquiryTable dl dd .pref dt {
        margin: 1em 0 0.3em; }
         #inquiryTable dl dd .pref dt:first-child {
          margin: 0 0 0.3em; }
       #inquiryTable dl dd .pref dd select {
        margin: 0 0 0.5em; }
       #inquiryTable dl dd .pref dd input {
        width: 100%;
        margin: 0 0 0.5em;
        padding: 0; }
       #inquiryTable dl dd .telNumber {
        margin: 0 0 0.5em;
        white-space: nowrap; }
         #inquiryTable dl dd .telNumber input {
          width: 4em; }
         #inquiryTable dl dd .telNumber #tel-number1 {
          margin: 0 7px 0 0; }
         #inquiryTable dl dd .telNumber #tel-number2 {
          margin: 0 7px; }
         #inquiryTable dl dd .telNumber #tel-number3 {
          margin: 0 0 0 7px; }
       #inquiryTable dl dd #parts-1-lastname,
       #inquiryTable dl dd #parts-1-firstname,
       #inquiryTable dl dd #parts-3-lastname-kana,
       #inquiryTable dl dd #parts-3-firstname-kana {
        width: 180px; }
       #inquiryTable dl dd #parts-10 {
        width: 230px;
        margin: 0 0 0.5em; }
        @media (max-width: 640px) {
           #inquiryTable dl dd #parts-10 {
            width: 100%;
            padding: 0; } }
       #inquiryTable dl dd #parts-11,
       #inquiryTable dl dd #parts-11-confirm {
        width: 230px;
        margin: 0 0 0.5em; }
        @media (max-width: 640px) {
           #inquiryTable dl dd #parts-11,
           #inquiryTable dl dd #parts-11-confirm {
            width: 100%;
            padding: 0; } }
       #inquiryTable dl dd #parts-12-error {
        margin-top: 0.5em; }
       #inquiryTable dl dd input.error + br + label + #parts-11-confirm {
        background-color: #f9f0ed; }
       #inquiryTable dl dd .mail input {
        width: 230px;
        margin: 0 0 0.5em; }
        @media (max-width: 640px) {
           #inquiryTable dl dd .mail input {
            width: 100%; } }
       #inquiryTable dl dd .mail #mail1 {
        margin: 0 0 1em; }
       #inquiryTable dl dd .mail #mail2 {
        margin: 0 0 0.5em; }
       #inquiryTable dl dd .mail p {
        margin: 0 0 0.5em; }
         #inquiryTable dl dd .mail p.example {
          margin: 0; }
    @media (max-width: 640px) {
       #inquiryTable dl {
        display: block; }
         #inquiryTable dl dt {
          display: block;
          border-bottom: 0;
          padding-bottom: 0.5em;
          width: auto; }
         #inquiryTable dl dd {
          font-size: 1.0rem;
		  margin-top: 0;
          padding-top: 10px;
          display: block;
          width: auto; }
         #inquiryTable #needlabel { margin-top: 8px; width: 103%;}
         #inquiryTable dl:nth-child(even) dt,
         #inquiryTable dl:nth-child(even) dd {
          background: #fff; }
         #inquiryTable dl:nth-child(odd) dt,
         #inquiryTable dl:nth-child(odd) dd {
          background-color: #EBEBEB; }
         #inquiryTable dl.odd dt,
         #inquiryTable dl.odd dd {
          background: #fff; }
         #inquiryTable dl.even dt,
         #inquiryTable dl.even dd {
          background-color: #EBEBEB; }
		#inquiryTable dl dd textarea {
        width: 80%;
        height: 80px;
        border: 1px solid #ceccc4;
        padding: 0;}
		#subContents {
			position: absolute;}
}

#inquiryTable dd legend {
	display: none;
}
#inquiryTable dd label {
	display: none;
}
#inquiryTable fieldset label {
	display: inline-block;
	padding-right: 10%;
}
#inquiryTable dl dt {
	font-size: 14px;
}
#inquiryTable #caution1 {
	color: red;
	font-size: 12px;
	
}
#inquiryTable #caution2 {
	color: red;
	font-size: 12px;
}
#inquiryTable input[type=submit] , #inquiryTable #pageback {
	-webkit-appearance: none;
	height: 34px;
	background: #335995;
	box-shadow: 0 1px 0 0 #002f7b;
	color: #FFFFFF;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
	padding: 4px 10px;
	border-radius: 3px;
	border: none;
	font-size: 16px;
	margin: 10px 0 0 10px;
}

#inquiryTable input[type=submit]:hover, #inquiryTable #pageback:hover {
		-webkit-appearance: none;
		background: #002367;
	}

#inquiryTable select {
	height: 35px;
	border: 1px solid #e5e4e0;
}

#inquiryTable h2 {
		font-size: 18px;
		font-weight: normal;
		background-color: #335995;
		color: #FFFFFF;
		padding-top: 7px;
		text-align: center;
		height: 30px;
}
#inquiryTable h3 {
		font-size: 18px;
		color: #3261AB;
		text-align: center;
		height: 30px;

}
#inquiryTable h5 {
		font-size: 14px;
		color: #4B75B9;
		margin: 8px 0 4px 4px;
}
#inquiryTable input[type="number"]::-webkit-outer-spin-button,
#inquiryTable input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
	width: 20px;
}

#inquiryTable input[type="number"] {
    -moz-appearance:textfield;
	width: 50px;
}

#inquiryTable #chanel_comp {
	font-size: 13px;
	padding-left: 10px;
}

#inquiryTable > #spinftab {
	width: 530px;
	margin: 0 0 0 10px;
}

#spinftab > dl > dt {
	font-size: 14px;
}

#pageback, #pagenext, #toconf {
	float: left;
}
@media (min-width: 641px) {
	#narabe, #toconf{
		margin-left:40%;
		margin-top: 20px;
	}
}

#inquiryTable #contmsg {
	margin-top: 10px;
	margin-bottom: 2px;
	padding-bottom: 0px;
}

#inquiryTable #formContact label {
	font-size: 14px;
}
#inquiryTable #formContact input[type="checkbox"]{
	margin: 5px 0 5px 0;
	width: 11px;
	height: 11px;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#inquiryTable #needlabel label{
	display: inline;
	margin-left: 10px;
}
#inquiryTable fieldset{
	border-width: 0px;
}
#inquiryTable fieldset label{
	margin-left: 4px;
}
#inquiryTable #academi {
	width: 95%;
}
#inquiryTable #academi label{
	display: none;
}
#inquiryTable #academi .pickpick{
	color: #335995;
	font-size: 15px;
	margin-left: -5px;
	
}
#inquiryTable #academi .packpack{
	font-size: 13px;
	padding-top: 15px;
}
#inquiryTable #academi #needlabel label{
	display: inline;
	margin-left: 10px;
	font-size: 11.5px;
}
#inquiryTable #academi dl dt{
//	margin-left: 5px;
//	margin-right: -5px;
}
#inquiryTable #academi .peckpeck{
	color: #335995;
	font-size: 14px;
	padding-top: 15px;
}
#inquiryTable .doman{
	margin: 5px 0 0 15px;
}

@media (max-width: 768px) {
	#inquiryTable {
		width: 97%;
		margin: 0 2% 1.5em 1%; }

	#inquiryTable .doman{
		border: 1px solid lightgrey;
		margin: 0;
		padding: 10px;
		font-size: 12px;
	}
	h1 {
		font-size: 20px;
	}
	#inquiryTable dl dd,#inquiryTable dl dt {
		border-left: 1px solid #e5e4e0;
		border-right: 1px solid #e5e4e0;
	}
	#inquiryTable #academi {
		width: 100% !important;
	}
	img.academy_icon{
		width: 25px !important;
		height: 25px !important;
		margin-right: 1px !important;
	}
}

@media (max-width: 480px) {
	#contents h2 {
		font-size: 1rem;
	}
}