@charset "UTF-8";

.pbCornerQuery input[type="submit"], input[type="button"], input[type="radio"] { -webkit-appearance: none; }

.pbCornerQuery td.pbLabel {
	display:block;
    background: #eee;
    padding: 12px 15px;
    margin-bottom: 20px;
	margin-top: 35px;
	font-size: 115%;
}

.pbCornerQuery span.pbDescription {
    margin-bottom: 20px;
    display: block;
}

.pbCornerQuery input {
    display: none;
}

.pbCornerQuery label {
	cursor: pointer;
	position: relative;
    padding-left: 28px;
	margin-bottom: 15px;
    display: inline-block;
}

.pbCornerQuery label[for=query1010-1] {
	padding-right: 30px;
}

.pbCornerQuery input:checked + label {
	color: #FF7C00;
}


/*　ラジオボタン　*/
.pbCornerQuery input[type="radio"] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #cccccc;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
    border-radius: 50%;
}

.pbCornerQuery input[type="radio"]:checked + label::after {
	content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #FF7C00;
    border-radius: 50%;
}
/*　ラジオボタン　*/


/*　チェックボックス　*/
.pbCornerQuery input[type="checkbox"] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #cccccc;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
}

.pbCornerQuery input[type="checkbox"]:checked + label::after {
	content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 5px;
    width: 7px;
    height: 14px;
	transform: rotate(40deg);
    border-bottom: 3px solid #FF7C00;
    border-right: 3px solid #FF7C00;
}
/*　チェックボックス　*/


.pbCornerQuery input:last-child {
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: #fff;
    border: #FF7C00 solid 1px;
    border-radius: 5px;
    color: #323232;
}

span.pbCornerQueryLabelRequired {
    margin-left: 5px;
    display: inline-block;
    width: 4em;
/*    background-color: #feeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: 1px solid #d71515;*/
    text-align: center;
    color: #d71515;
}

/*　エラー文言　*/

.pbCornerQuery .pbErrorMsg div:first-child{
	margin-top:2em;
}

.pbCornerQuery div.pbErrorMsg {
    margin-bottom: 0.3em;
    font-weight: bold;
}
.pbCornerQuery div.pbErrorMsg {
    margin-bottom: 0.3em;
    font-weight: bold;
}
/*　エラー文言　*/


/*　確認画面　*/

.pbCornerQuery table.confirm {
    width: 100%;
}

.pbCornerQuery td.pbData {
    float: left;
}
.pbCornerQuery > table > tbody > tr:last-child {
	text-align: center;
}
.pbCornerQuery td.forTdCellCenter {
	/*text-align: center;*/
	display: inline-block;
}

.pbCornerQuery input.pbQueryOk {
	display: block;
    cursor: pointer;
    background: #fff;
    border: #FF7C00 solid 1px;
    border-radius: 5px;
    color: #323232;
	float: right;
}

.pbCornerQuery input.pbQueryCancel {
	display: block;
    cursor: pointer;
    background: #fff;
    border: #FF7C00 solid 1px;
    border-radius: 5px;
    color: #323232;
}

.pbQueryThanks {
	margin-top: 2em;
}

/*　確認画面　*/


/*****　sp　*****/
@media screen and (max-width: 767px) {
	
.pbCornerQuery {
	font-size: 132%;
	}
.pbCornerQuery td.pbLabel {
	font-size: 100%;
	padding: 1.5625vw 1.5625vw 1.25vw;
	margin: 3ex 0 0 0;
	}
	
	
.forTdCellCenter input {
    margin-top: 4ex!important;	
}
	
	
.pbCornerQuery td.pbLabel {
/*	margin-bottom:15px;*/
}

.pbCornerQuery label {
	padding-top: 1.3ex;
	padding-left: 3ex;
	margin-bottom: 0;
/*	height: 30px;*/
}
	
.pbCornerQuery input[type="radio"] + label::before {
	top: 1.5ex;
	width: 2ex;
    height: 2ex;
}

.pbCornerQuery input[type="radio"]:checked + label::after {
    top: calc(1.85ex + 1px);
    left: calc(0.35ex + 1px);
    width: 1.3ex;
    height: 1.3ex;
}

.pbCornerQuery input[type="checkbox"] + label::before {
	top: 1.5ex;
	width: 2ex;
    height: 2ex;
}

.pbCornerQuery input[type="checkbox"]:checked + label::after {
	top:1ex;
	left:0.5ex;
    width: 1.2ex;
    height: 2ex;
}

.pbCornerQuery span.pbDescription {
	margin: 0;
}

.pbCornerQuery td.pbData {
    padding: 1.3ex 0 0; 
}
/*　エラー文言　*/

/*　エラー文言　*/

.pbQueryThanks {

	font-size: 76%;
	}
.pbCornerQuery > table.pbQueryThanks > tbody > tr:last-child {
	text-align: left;
	}

/*****　端末用　*****/


}

/*****　sp　*****/

.pbCornerQuery input[type=submit]{
     transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-property: box-shadow;
}

.pbCornerQuery input[type=submit],
.pbCornerQuery input.pbQueryOk,
.pbCornerQuery input.pbQueryCancel {
	border: 1px solid #ff7c00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 40px 8px;
	text-decoration: none;
	display: inline-block;
	color: #fff;
	background: #ff7c00;
	transition: all .3s;
	font-size: 100%;
}

.pbCornerQuery td.forTdCellCenter{
	position:relative;
	margin-top: 2em;
}


@media print,
screen and (min-width: 768px) {

  .pbCornerQuery input[type=submit]:hover,
.pbCornerQuery input.pbQueryOk:hover,
.pbCornerQuery input.pbQueryCancel:hover{
    background: #fff;
     transition: all 0.3s;
    color: #ff7c00;
    text-decoration: none;
  }


  .pbCornerQuery input.pbQueryCancel:hover{
    color: #fff;
    background: #ff7c00;
    text-decoration: none;
  }
  .pbButtonType01 a:hover:before,
  .pbButtonType02 a:hover:before,
  .pbButtonType03 a:hover:before {
    border-right: 2px solid #ff7c00;
    border-top: 2px solid #ff7c00;
  }
}

@media screen and (max-width: 767px) {
  .pbCornerQuery input[type=submit],
.pbCornerQuery input.pbQueryOk,
.pbCornerQuery input.pbQueryCancel {
	padding: 2.262vw 3.5vw 1.937vw;

}
}


.pbCornerQuery input.pbQueryOk{
    /*right: 0;
    vertical-align: middle;
    margin: 0 auto;
    position: absolute;
    left: 0;
    width: 15em;*/
    width: auto;
    margin-left: 0.3em;
}

.pbCornerQuery input.pbQueryCancel {
	float: left;
	margin-right: 0.3em;
	color: #333333;
	background: #fff;
}

.pbCornerQuery td.forTdCellCenter:after {
content: "";
height: 1px;
clear: both;
display: block;
}