/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #000;
   color: #fff;
}
::selection {
	background-color: #000;
	color: #fff;
}

@keyframes ani{
	0%{transform:translate(0,0);}
	100%{transform:translate(10px,20px)rotate(3deg);}
}    
@keyframes ani2{
	0%{transform:translate(0,0);}
	100%{transform:translate(-10px,-20px)rotate(5deg);}
}  

.main_ct{}

.list-container{background: #F6F6F6; border-radius: 0 0 8px 8px; padding:30px;}
.list-container .addsection{margin-bottom: 10px; position: relative;}
.list-container .addsection .delsec{position: absolute; bottom:30px; right:30px; display:none;}
.list-container .addsection .delsec.on{display:block;}
.list-container .list-box{background: #fff; border-radius:5px; padding:30px; margin-bottom: 10px; border:1px solid #cdcdcd; position: relative;}
.list-container .list-box:last-of-type{margin-bottom: 0;}
.list-container .list-box .inner{display: table; width:100%; margin-bottom: 20px;}
.list-container .list-box .inner:last-of-type{margin-bottom:0;}
.list-container .list-box .inner .list_title{display: table-cell; vertical-align: middle; width:150px; font-size: 16px; line-height: 1.5em; color:#000; font-weight: 500;}
.list-container .list-box .inner .list_title.ta_title{vertical-align: top; padding-top: 10px;}
.list-container .list-box .inner .options{display: table-cell; vertical-align: middle;}
.list-container .list-box .inner .options .flexbox{display: flex; justify-content: space-between; align-items: start;}
.list-container .list-box .inner .options .flexbox .add_btn{display: flex; justify-content: space-between; align-items: center; margin-right:10px;}
.list-container .list-box .inner .options .flexbox .add_btn.off{display: none;}
.list-container .list-box .inner .options .flexbox .add_btn button{border:none; background: transparent; padding:0; width:35px; height: 35px; display: flex; justify-content: center; align-items: center; color:#fff; font-size: 20px; background: #4A4A4A; transition: background .4s;}
.list-container .list-box .inner .options .flexbox .add_btn button:nth-of-type(1) ~ button{margin-left:5px;}
.list-container .list-box .inner .options .flexbox .add_btn button:hover{background: #7e7e7e}
.list-container .list-box .inner .options .flexbox .textbox{width:100%;}
.list-container .list-box .inner .options .flexbox .textbox input{border:1px solid #cdcdcd}
.list-container .list-box .inner .options .flexbox .textareabox{width:calc(100% - 90px); margin-right:auto;}

.list-container .list-box .inner .options .radiobox{}
.list-container .list-box .inner .options .radiobox label{margin-right:15px;}
.list-container .list-box .inner .options .radiobox label:last-of-type{margin-right: 0;}
.list-container .list-box .inner .options .radiobox label span{padding-left:5px; font-size: 14px; line-height: 1.5em; color:#000;}
.list-container .list-box .inner .options .radiobox label input{}


.list-container .list-box .inner .options .textbox{}
.list-container .list-box .inner .options .textbox input{width:100%; border:none; border-bottom:1px solid #cdcdcd; }

.list-container .list-box .optionbox{margin-bottom: 20px;}
.list-container .list-box .inner .options .textareabox{}
.list-container .list-box .inner .options .textareabox textarea{resize:none; width:100%; height: 200px; border:1px solid #dcdcdc;}

.list-container .list-box .inner .options .selectbox{max-width:380px; min-width: 150px;}
.list-container .list-box .inner .options .selectbox select{font-family:'Bootstrap-icons'; border: 1px solid #cdcdcd; border-radius: 0;}
.list-container .list-box .inner .options .selectbox select option{font-family:'Bootstrap-icons';}