/********************
board_online_type02
*********************/
.board_online_type02 ul {display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden;}
.board_online_type02 li {float:left; width:100%; margin-bottom:30px;}
.board_online_type02 li > strong {display:block; width:100%; font-size:15px; color:#000000; font-weight:600; margin-bottom:10px;}
.board_online_type02 li.w50 {width:calc(50% - 15px); }
.board_online_type02 li.w3 {width:calc(33.3% - 15px); }


.board_online_type02 li > input {width:100%; border:0; border-bottom:1px solid #bbbbbb; font-weight:400; height:50px;}
.board_online_type02 li > input::placeholder {color:#777;}
.board_online_type02 li > textarea::placeholder {color:#777;}
.board_online_type02 li > textarea {width:100%; height:230px; background:#f1f1f1; padding:20px 30px; box-sizing:Border-box; border:0; font-weight:500;}

.board_online_type02 li:last-child > div {width:100%; padding:25px; box-sizing:border-box; border:1px solid #ccc; font-size:15px; color:#777777;}
.board_online_type02 li:last-child > div strong {color:#39b54a; font-weight:500;}

.board_online_type02 li:last-child {margin-bottom:20px;}

.filebox input{border:none; height:44px; line-height:44px; border-radius:0;-moz-border-radius: 0;	-webkit-border-radius: 0; -webkit-background:#fff;-moz-background:#fff;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {  height:44px; line-height:44px; box-sizing:border-box; float:left; padding:0 10px; width:110px; cursor: pointer;  text-align:center; background:#222222; color:#fff; font-weight:300;}
/*.filebox label:hover{color:#fff; background:#4b8fcc; }*/
.filebox .upload-name {color:#777; width:calc(100% - 110px);  float:left; padding:0 10px;   border-radius: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; box-sizing:border-box; height:44px; line-height:44px; background:none;}





.board_online_type02 label,
.board_online_type02 input[type="radio"] + span,
.board_online_type02 input[type="radio"] + span::before,
.board_online_type02 input[type="checkbox"] + span,
.board_online_type02 input[type="checkbox"] + span::before,
{
    display: inline-block;
    vertical-align: middle;
}
 
.board_online_type02 label *
{
    cursor: pointer;
}
 
.board_online_type02 input[type="radio"],.board_online_type02 input[type="checkbox"]
{
    opacity: 0;
    position: absolute;
}
 


.board_online_type02 input[type="radio"] + span,.board_online_type02 input[type="checkbox"] + span
{
    font-size:16px; color:#212121;
	 margin-right:60px;
	 font-weight:500;
}

 

 
.board_online_type02 input[type="radio"] + span::before,.board_online_type02 input[type="checkbox"] + span::before
{
    content: "";
    width: 20px;
    height: 20px;
    margin: 3px 10px 0 0;
	vertical-align:top;
     display:inline-block;
    background:url(../images/input_radio_off.png) no-repeat 0 0;
}
 
.board_online_type02 input[type="radio"]:checked + span::before,.board_online_type02 input[type="checkbox"]:checked + span::before
{
    background:url(../images/input_radio_on.png) no-repeat 0 0;
}
 
.board_online_type02 input[type="radio"]:disabled + span,.board_online_type02 input[type="checkbox"]:disabled + span
{
    cursor: default;
     
    -moz-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
}
 

.agree_check {float:left; width:100%;}
/********************
//board_online_type02
*********************/


@media screen and (max-width:900px){
.board_online_type02 input[type="radio"] + span, .board_online_type02 input[type="checkbox"] + span {margin-right:30px;}
}



@media screen and (max-width:767px){

/********************
board_online_type02
*********************/

.board_online_type02 li {margin-bottom:7vw;}
.board_online_type02 input[type="radio"] + span::before,.board_online_type02 input[type="checkbox"] + span::before {background-size:100% auto!important; width:4vw; height:4vw; margin:0.5vw 1vw 0 0;}
.board_online_type02 li:nth-child(5) > strong {margin-bottom:2vw;}
.board_online_type02 input[type="radio"] + span,.board_online_type02 input[type="checkbox"] + span {font-size:3.2vw; margin-right:6vw; margin-top:2vw; display:inline-block;}

.board_online_type02 li {width:100%!important;}

.board_online_type02 li > strong {font-size:3.4vw; margin-bottom:2vw;}
.board_online_type02 li > input {height:12vw;}

.board_online_type02 li > textarea {height:55vw; padding:4vw; }

.filebox label {width:auto; height:10vw; line-height:10vw; padding:0 5vw; }

.board_online_type02 li:last-child > div {font-size:3.4vw; padding:6vw;}
.board_online_type02 li:last-child {margin-bottom:1vw;}


/********************
//board_online_type02
*********************/



}