@charset "utf-8";
/*******************************************/
/* Inquiry                                 */
/*******************************************/

/* Master */
.mst{ margin:0 auto; width:944px; }
.mst ul li{ border-bottom:1px solid #ddd; padding:16px 0 0; }
.mst ul li:first-child{ border-top:1px solid #ddd; }
.mst .wCus1{ width:584px !important; }
.mst .wCus2{ width:284px !important; }
.mst .wCus3{ width:72px !important; }
.mst .wCus4{ width:92px !important; }
.mst .wCus5{ width:150px !important; }
.mst .wCus6{ width:464px !important; }
.mst .tHypen{ float:left; }
.mst .frmDl dd p{ line-height:4.8rem; margin-right:16px; }
.inputTxt p{ font-size:1.6rem; line-height:2.0rem !important; padding-bottom:16px; }
.frmDl dd div.fm{ margin-bottom:8px; }
.frmDl dd div.fm::after{ content:""; display:block; clear:both; }
.frmDl dd input + div.inputTxt, .frmDl dd label + div.inputTxt, .frmDl dd p + div.inputTxt, .frmDl dd select + div.inputTxt, .frmDl dd div.fm + div.inputTxt, .frmDl dd textarea + div.inputTxt{ clear:both; min-height:16px; width:100%; padding:0; margin:4px 0 8px; }
.frmDl dd input + div.inputTxt p, .frmDl dd label + div.inputTxt p, .frmDl dd p + div.inputTxt p, .frmDl dd select + div.inputTxt p, .frmDl dd div.fm + div.inputTxt p{ font-size:1.6rem; line-height:2.0rem !important; padding-bottom:4px; }
.tAlert-mst{ color:#ff0000; }

/* Form */
.frmDl{ margin-bottom:16px; }
.frmDl dt{ font-size:1.6rem; font-weight:bold; }
.frmDl dt span.fm{ background:#ff0000; color:#fff; display:inline-block; font-size:1.2rem; line-height:1; padding:3px 0 2px; text-align:center; width:40px; margin-left:8px; position:relative; top:-2px; }
.frmDl > dd::after{ content:""; display:block; clear:both; }
.mst .frmDl{ display:table; margin-bottom:0; width:100%; }
.mst .frmDl dt{ display:table-cell; padding-bottom:16px; width:240px; vertical-align:middle; }
.mst .frmDl dd{ display:table-cell; position:relative; width:704px; vertical-align:middle; }
/* Form Radiio */
.frmDl dd input.btnRadio{ display:none; }
.frmDl dd input.btnRadio:checked + span{ color:#fff; }
.frmDl dd label.lblRadio span:hover{ color:#fff; }
.frmDl dd label.lblRadio span{ background:#b7c3c9; border-radius:5px; cursor:pointer; color:#fff; display:block; float:left; font-size:1.6rem; text-align:center; line-height:40px; transition:ease 0.2s all; margin:0 12px 0 0; padding:0 16px; height:40px; }
.mst .frmDl dd label.lblRadio span{ width:120px; }
/* Form Checkbox */
.frmDl dd input.btnCheck{ display:none; }
.frmDl dd input.btnCheck:checked + label{ position:relative; }
.frmDl dd input.btnCheck:checked + label::before{ content:""; display:inline-block; width:24px; height:24px; position:absolute; top:-2px; left:0; }
.frmDl dd label.lblCheck:hover{ opacity:0.7; }
.frmDl dd label.lblCheck{ cursor:pointer; float:left; font-size:1.4rem; line-height:24px; margin-right:32px; padding-left:32px; position: relative; }
.frmDl dd label.lblCheck::before{ content:""; display:inline-block; width:24px; height:24px; position:absolute; top:-2px; left:0; }
.mst .frmDl dd label.lblCheck{ padding:12px 0 12px 28px; }
.mst .frmDl dd label.lblCheck::before{ top:10px; }
.mst .frmDl dd input.btnCheck:checked + label::before{ top:10px; }
/* Form Select */
.frmDl dd select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd select{ float:left; margin-right:16px; }
/* Form Text */
.frmDl dd input[type="text"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="text"]{ float:left; margin-right:16px; }
.frmDl dd textarea{ border:1px solid #a0aab4; font-family:inherit; font-size:1.6rem; line-height:2.4rem; padding:12px; width:100%; }
/* Form Tel */
.frmDl dd input[type="tel"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="tel"]{ float:left; margin-right:16px; }
/* Form URL */
.frmDl dd input[type="url"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="url"]{ float:left; margin-right:16px; }
/* Form Email */
.frmDl dd input[type="email"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="email"]{ float:left; margin-right:16px; }
/* Form Password */
.frmDl dd input[type="password"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="password"]{ float:left; margin-right:16px; }
/* Form Password */
.frmDl dd input[type="number"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="number"]{ float:left; margin-right:16px; }
/* Form Date */
.frmDl dd input[type="date"]{ background:#f3f6f9; border:1px solid #a0aab4; font-size:1.6rem; padding:0 12px; width:100%; height:40px; }
.mst .frmDl dd input[type="date"]{ float:left; margin-right:16px; }
/* Form Button */
.btnConfirm{ display:inline-block; margin:0 16px; }
.btnConfirm button{ border:none; color:#fff; font-size:1.6rem; width:240px; height:48px; }
.btnBack{ display:inline-block; margin:0 16px; }
.btnBack button{ border:none; color:#fff; font-size:1.6rem; width:240px; height:48px; }
.btnAddress button{ border:none; border-radius:4px; color:#fff; float:left; font-size:1.6rem; margin-right:16px; width:88px; height:40px; }
.btnConfirm button{ background:#0069b7; }
.btnBack button{ background:#b7c3c9; }
.btnAddress button{ background:#4e5f6f; }
/* Form Radiio */
.frmDl dd input.btnRadio:checked + span{ background:#0069b7; }
.frmDl dd label.lblRadio span:hover{ background:#0069b7; }
/* Form Checkbox */
.frmDl dd input.btnCheck:checked + label::before{ background:url(../img/cmn/checkbox_on.png) no-repeat center center; }
.frmDl dd label.lblCheck::before{ background:url(../img/cmn/checkbox_bg.png) no-repeat center center; }
/* Form Select */
.frmDl dd select{ background:#f3f6f9 url(../img/cmn/down.svg) no-repeat; background-size:8px 8px; background-position:right 8px center; border:1px solid #a0aab4; }
/* 2020.07.14追記 */
.inquiryItem-1{ color:#0068b7; font-size:4.0rem; font-weight:bold; line-height:5.6rem; text-align:center; margin:88px 0 56px; }

/* Transition */
.btnConfirm button, .btnBack button{ transition:all 0.3s ease; cursor:pointer; }

/* Hover */
.btnConfirm button:hover, .btnBack button:hover{ opacity:0.5; }

/* IE Hack */
select::-ms-expand{ display:none; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width:767px) {
	.mst{ width:100%; }
	.mst .frmDl dt{ display:block; width:100%; padding-bottom:16px; }
	.mst .frmDl dd{ display:block; padding-right:0; width:100%; }
	.frmDl dd label.lblRadio span{ float:none; margin:0 0 16px; }
	.frmDl dd div.fm{ font-size:0; }
	.frmDl dd div.fm label:nth-child(odd){ margin-right:8px; }
	.mst .frmDl dd label.lblRadio span{ width:calc(50% - 4px); display:inline-block; }
	.mst .wCus1{ width:100% !important; }
	.frmDl dt span.fm{ display:inline-block; margin-left:16px; position:relative; top:-2px; }
	.mst .wCus3{ width:62px !important; }
	.mst .wCus4{ width:72px !important; }
	.mst .wCus5{ margin-bottom:16px; }
	.mst .wCus6{ width:100% !important; }
	.btnConfirm{ width:150px; height:40px; margin:0 6px; }
	.btnConfirm button{ width:150px; height:40px; margin:0; }
	.btnBack{ width:150px; height:40px; margin:0 6px; }
	.btnBack button{ width:150px; height:40px; margin:0; }
    .inquiryItem-2{ margin-bottom: 16px; }
	
	/* 2020.07.14追記 */
	.inquiryItem-1{ font-size:2.0rem; line-height:3.2rem; margin:40px 0 24px; }
}