/********************
board_online_type02
*********************/
.board_online_type02 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.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:nth-child(5) > strong {margin-bottom:15px;}*/

.board_online_type02 li > input {width:100%; border:0; border-bottom:1px solid #bbbbbb; font-weight:400; height:50px; background:none;}
.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:#23ac39; 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
*********************/




.online_form_icon {display:flex; justify-content:space-between; flex-wrap:wrap; border-top:2px solid #222222;}
.online_form_icon dt {width:300px; display:flex; align-items:center; padding-left:95px; position:relative; box-sizing:Border-box; background:#f9f9f9; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-weight:600;}
.online_form_icon dt::before {position:absolute; display:flex; align-items:center; width:44px; height:39px; background-size:auto 100%!important; left:30px; content:'';}
.online_form_icon dt.form_ico01::before {background:url(../images/online_ico01.png) no-repeat center 0;}
.online_form_icon dt.form_ico02::before {background:url(../images/online_ico02.png) no-repeat center 0;}
.online_form_icon dt.form_ico03::before {background:url(../images/online_ico03.png) no-repeat center 0;}
.online_form_icon dt.form_ico04::before {background:url(../images/online_ico04.png) no-repeat center 0;}
.online_form_icon dt.form_ico05::before {background:url(../images/online_ico05.png) no-repeat center 0;}
.online_form_icon dt.form_ico06::before {background:url(../images/online_ico06.png) no-repeat center 0;}
.online_form_icon dt.form_ico07::before {background:url(../images/online_ico07.png) no-repeat center 0;}
.online_form_icon dt.form_ico08::before {background:url(../images/online_ico08.png) no-repeat center 0;}
.online_form_icon dt.form_ico09::before {background:url(../images/online_ico09.png) no-repeat center 0;}




.online_form_icon dd {width:calc(100% - 300px); padding:25px 30px; box-sizing:Border-box;  border-bottom:1px solid #dddddd;}
.online_form_icon dd strong {font-weight:600;}

.online_partner {display:flex; flex-wrap:wrap;}
.online_partner li {width:calc(16.66% - 12px); margin-left:12px;}
.online_partner li img {max-width:100%;}
.online_partner li:nth-child(n + 7) {margin-top:12px;}

.mt50 {margin-top:50px;}



@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 (min-width:768px){

.online_partner li:nth-child(6n + 1) {margin-left:0;}
}

@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:nth-child(1), .board_online_type02 li:nth-child(2), .board_online_type02 li:nth-child(3), .board_online_type02 li:nth-child(4) 
{width:100%;}

.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
*********************/


.online_form_icon dt {width:100%; padding: 4vw 6vw 4vw 15vw; border-right:0;}
.online_form_icon dd  {width:100%; padding: 4vw 6vw;}
.online_form_icon dt::before {width:7.4vw; height:6.9vw; left:6vw;}


.mt50 {margin-top:8vw;}
.online_partner {justify-content:space-between;}
.online_partner li {width:calc(50% - 2vw); margin-left:0;}
.online_partner li:nth-child(n + 3) {margin-top:4vw;}

}