@charset "UTF-8";

.bn-list-satisfaction .satisfaction-tit{padding:0 5px 10px 5px;font-size:2.8rem;line-height:4.8rem;color:#333;font-weight:500;}
.bn-list-satisfaction .b-box{display:flex;flex-wrap:wrap;padding:0 0 20px;border-top:1px solid #eaeaea;}
.bn-list-satisfaction .b-box:last-of-type{padding:0;}
.bn-list-satisfaction .b-box .b-title-box{padding:20px 20px 0 0;min-width:140px;box-sizing:border-box;}
.bn-list-satisfaction .b-box .b-title-box p{padding:14px 5px;width:100%;border-radius:10px 0;background:#6c6c6c;font-size:1.8rem;line-height:2.0rem;color:#fff;text-align:center;box-sizing:border-box;}
.bn-list-satisfaction .b-box .b-dept-box{padding:20px 0 0;width:calc(100% - 140px);}
.bn-list-satisfaction .b-box .b-dept-box ul{padding:13px 0;}
.bn-list-satisfaction .b-box .b-dept-box ul li{display:inline-block;position:relative;margin:0 0 0 10px;padding:0 0 0 10px;vertical-align:middle;}
.bn-list-satisfaction .b-box .b-dept-box ul li:first-of-type{margin:0;padding:0;}
.bn-list-satisfaction .b-box .b-dept-box ul li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:18px;background:#eaeaea;transform:translate(0, -50%)}
.bn-list-satisfaction .b-box .b-dept-box ul li:first-of-type:before{display:none;}
.bn-list-satisfaction .b-box .b-dept-box ul li span{font-size:1.6rem;line-height:2.0rem;}
.bn-list-satisfaction .b-box .b-survey-box{padding:20px 0 0;width:calc(100% - 140px);}
.bn-list-satisfaction .b-box .b-survey-box .b-txt{padding:13px 0;font-size:1.6rem;line-height:2.0rem;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list{padding:0 0 13px;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul{display:flex;flex-wrap:wrap;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li{display:flex;align-items:center;margin:0 10px 0 0;padding:0 10px 0 0;width:auto;vertical-align:middle;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li:last-of-type{margin:0;padding:0;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li .b-radio{display:inline-block;margin:5px;width:20px;height:20px;border:1px solid #d2d2d2;background:#fff;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li .b-radio:checked{border-color:#5570fc;background:#5570fc url(../img/board/ico-check01.png) no-repeat center center/12px;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li .star{display:inline-block;color:#eaeaea;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li .star:last-of-type{margin:0 5px 0 0;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li .star.full{color:#ffc300;}
.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li label{display:inline-block;padding:0 0 0 5px;font-size:1.6rem;line-height:1;vertical-align:middle;cursor:pointer;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box{display:flex;flex-wrap:wrap;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-input{padding:5px 10px;width:calc(100% - 105px);height:45px;border:1px solid #d2d2d2;font-family:inherit;font-size:1.6rem;font-weight:300;box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-input::-webkit-input-placeholder{color:#777;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-input::-ms-input-placeholder{color:#777;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-input::placeholder{color:#777;}
.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-opinion-submit{display:inline-block;margin:0 0 0 5px;padding:13px 10px 12px;min-width:100px;border:1px solid #343434;background-color:#343434;font-size:1.5rem;color:#fff;font-weight:400;text-align:center;cursor:pointer;box-sizing:border-box;vertical-align:middle;}

@media screen and (min-width: 769px) {
	.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-opinion-submit:hover{border:1px solid #999;background-color:#fff;color:#333;}
}
@media screen and (max-width: 768px) {
	.bn-list-satisfaction .b-box{padding:0 0 15px;}
	.bn-list-satisfaction .b-box .b-title-box{padding:15px 0 0;width:100%;}
	.bn-list-satisfaction .b-box .b-title-box p{padding:12px 5px;max-width:100%;}
	.bn-list-satisfaction .b-box .b-dept-box{padding:15px 0 0;width:100%;}
	.bn-list-satisfaction .b-box .b-dept-box ul{padding:0;}
	.bn-list-satisfaction .b-box .b-dept-box ul li{margin:0;padding:5px 0 0;width:100%;}
	.bn-list-satisfaction .b-box .b-dept-box ul li:before{display:none;}
	
	.bn-list-satisfaction .b-box .b-survey-box{padding:15px 0 0;width:100%;}
	.bn-list-satisfaction .b-box .b-survey-box .b-txt{padding:0 0 10px;}
	.bn-list-satisfaction .b-box .b-survey-box .b-survey-list{padding:0 0 10px;}
	.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li{margin:0 5px 0 0;padding:0 5px 0 0;}
}
@media screen and (max-width: 480px) {
	.bn-list-satisfaction .b-box .b-survey-box .b-survey-list ul li{width:100%;}
	.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-input{width:100%;height:36px;}
	.bn-list-satisfaction .b-box .b-survey-box .b-opinion-box .b-opinion-submit{margin:5px 0 0;padding:8px 10px;width:100%;}
}