@charset "utf-8";

.inquiryBox {width:100%;margin-bottom:100px;}
.inquiryBox > div {margin-bottom:60px}
.inquiryBox h2 {font-size:1.6em;margin-bottom:20px;position:relative;padding-top:10px;font-weight:400}
.inquiryBox h2 span {font-size:15px;margin-left:5px}
.inquiryBox h2:before {width:30px;height:3px;background:#000;position:absolute;top:0;left:0;content:""}
.inquiryBox h3 {font-size:1.2em;margin-bottom:10px;position:relative;font-weight:700}

.inquiryType ul {overflow:hidden}
.inquiryType ul li {width:20%;float:left;margin-bottom:15px}
.inquiryType ul li:first-child {}
.inquiryType ul li label {font-size:1.1em}
.inquiryType ul li input[type='checkbox'] {width:20px;height:20px;margin-right:5px;}

.inquiryInfo table {width:100%}
.inquiryInfo table td.left {width:48%;padding-right:2%}
.inquiryInfo table td.right {width:48%;padding-left:2%}
.inquiryInfo table td input[type="text"] {width:100%;height:50px;font-size:1.2em;border:solid #ccc;border-width:1px 0 1px;color:#666;padding:0 3px;box-sizing:border-box}
.inquiryInfo table td select {width:100%;height:50px;font-size:1.2em;border:solid #ccc;border-width:0 0 1px;color:#414141;padding:0}
.inquiryInfo table td select option {padding:20px}
.inquiryInfo table td textarea {overflow-y:hidden;width:100%;height:150px;font-size:1.2em;border:solid #ccc;border-width:0 0 1px;color:#666;padding:20px 3px;box-sizing:border-box}
.inquiryInfo .attach_file {padding-top:30px;}
.inquiryInfo .attach_file p.note {margin-top:5px;}
.inquiryInfo .attach_file input {background:#f9f9f9;padding:5px;}

.contInfo table {width:100%}
.contInfo table td.top {border:solid #ccc;border-width:1px 0 0;}
.contInfo table td.left {width:48%;padding-right:2%}
.contInfo table td.right {width:48%;padding-left:2%}
.contInfo table td input[type="text"] {width:100%;height:50px;font-size:1.2em;border:solid #ccc;border-width:0 0 1px;color:#666;padding:0 3px;box-sizing:border-box}

.inquiryAgree {}
.inquiryAgree h3 {position:relative;line-height:42px}
.inquiryAgree h3 span {position:absolute;top:0;right:0;display:block;width:42px;height:42px;line-height:42px;font-size:1.2em;text-align:center;cursor:pointer}

.agreeArea {border-bottom:1px solid #ccc}
.agreeArea div {padding:0 0 30px;display:none}
.agreeArea p {margin-bottom:15px;font-size:1.1em;color:#666;line-height:1.5em}

.inquiryAgree fieldset {padding-top:10px;font-size:1.2em;line-height:29px}
.inquiryAgree fieldset input[type="checkbox"] {width:22px;height:22px;cursor:pointer}
.inquiryAgree fieldset input[type="submit"] {float:right;border:1px solid #333;color:#fff;background:#414141;font-weight:700;padding:5px 15px;cursor:pointer;transition:all 0.3s}
.inquiryAgree fieldset input[type="submit"]:hover {border:1px solid #00c3c8;background:#00c3c8;padding:5px 35px;transition:all 0.3s}
/* Select */
.select {width:100%;position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select .myValue {position:relative; z-index:2; left:0; top:0; border:solid #ccc;border-width:0 0 1px; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected {font-weight:normal;}
.select.open .myValue,
.select .myValue.outLine {}
.select button.myValue {height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue {height:49px;line-height:49px;text-indent:3px;font-size:1.2em;color:#666;cursor:pointer}
.select .ctrl {position:absolute; top:0; right:0; width:48px; height:49px; border:solid #ccc;border-width:0 0 1px; border-left:1px solid #eaeaea; background:#fff;line-height:49px;text-align:center;font-size:1.4em}
.select .arrow {position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul {top:49px;left:0;width:100%;background:#222; list-style:none;padding:10px 0;border:0;border-bottom:1px solid #bababa;overflow:hidden;z-index:100}
.select ul.aList {display:none;}
.select.open ul.aList {display:block;}
.select ul.iList {left:-2000%;}
.select.open ul.iList {left:0;}
.select li {position:relative; overflow:hidden; white-space:nowrap; height:38px;}
.select li input {position:absolute; width:100%; height:0; line-height:38px;}
.select li label {position:absolute; left:0; top:0; width:100%; text-indent:18px; *text-indent:6px; font-size:1.2em; height:38px; line-height:38px; color:#999;}
.select li a {display:block; text-indent:8px; *text-indent:6px; height:38px; line-height:38px; color:#999; background:#fff; text-decoration:none;}
.select li.hover * {color:#fff;}