/********************

board_product_type01

*********************/

/* Arrows */
.board_product_type01_slider .slick-prev,
.board_product_type01_slider .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 25px;
    height: 34px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.board_product_type01_slider .slick-prev:hover,
.board_product_type01_slider .slick-prev:focus,
.board_product_type01_slider .slick-next:hover,
.board_product_type01_slider .slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.board_product_type01_slider .slick-prev:hover:before,
.board_product_type01_slider .slick-prev:focus:before,
.board_product_type01_slider .slick-next:hover:before,
.board_product_type01_slider .slick-next:focus:before
{
    opacity: 1;
}
.board_product_type01_slider .slick-prev.slick-disabled:before,
.board_product_type01_slider .slick-next.slick-disabled:before
{
    opacity: .25;
}

.board_product_type01_slider .slick-prev:before,
.board_product_type01_slider .slick-next:before
{
	position:absolute;
    opacity: 1;
	bottom:5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.board_product_type01_slider .slick-prev
{
    /*left: -25px;*/
	left:20px;
	z-index:9999;
}

.board_product_type01_slider .slick-prev:before
{
    content: '';
	width:20px; height:20px;
	border-top:2px solid rgba(0,0,0,0.9);
	border-right:2px solid rgba(0,0,0,0.9);
	transform:rotate(-135deg);
	display:block;
	left:5px;
}


.board_product_type01_slider .slick-next
{
	right:20px;
	z-index:9999;
}

.board_product_type01_slider .slick-next:before
{
    content: '';
	width:20px; height:20px;
	border-top:2px solid rgba(0,0,0,0.9);
	border-right:2px solid rgba(0,0,0,0.9);
	transform:rotate(45deg);
	display:block;
	right:5px;
}


/* Arrows */



.board_product_type01_slider  {float:right; width:560px; border:1px solid #f1f1f1;}
.board_product_type01_txt {float:left; width:calc(100% - 590px);}
.board_product_type01_item {float:left; width:100%; margin:50px 0;}

.top_consub_box{display: flex;justify-content: space-between;border-bottom: 2px solid #222}
.top_consub_box .board_list_dowunload{display: flex;align-items: center;width:130px;height: 45px;color:#777;border: 1px solid #ddd;background: url(../../../images/contents/download.png) no-repeat right 19px center;box-sizing: border-box;padding-left:19px;font-size: 15px;}


.board_product_type01_txt .top_consub_box .stxt {font-size:15px; color:#ed1c24;font-weight: 500;}
.board_product_type01_txt .top_consub_box h2 {width:100%; margin-top:35px; font-size:22px; padding-bottom:10px;font-weight: 500;}
.board_product_type01_txt > dl {float:left; width:100%; border-bottom:1px solid #ddd; padding:15px 0;}
.board_product_type01_txt > dl dt {float:left; width:100px; font-weight:500;font-size: 16px;}
.board_product_type01_txt > dl dd {float:left; width:calc(100% - 110px);font-size: 16px;}
.board_product_type01_txt > dl dd>ul>li{line-height: 30px;}
/********************

//board_product_type01

*********************/







@media screen and (max-width:991px){
.board_product_type01_slider  {width:100%;}
.board_product_type01_txt {width:100%; margin-top:30px;}
}



@media screen and (max-width:767px){
.board_product_type01_item {margin:10vw 0;}
.board_product_type01_txt {margin-top:7vw;}
.board_product_type01_txt .stxt {font-size:3.4vw; padding: 1vw 4vw;}
.board_product_type01_txt > h2 {margin-top:3vw; padding-bottom:5vw; font-size:5vw;}

.board_product_type01_txt > dl {padding:3vw 0;}
.board_product_type01_txt > dl dt {width:24vw;}
.board_product_type01_txt > dl dd {width:calc(100% - 24vw);}
}


/********************
board_online_type02
*********************/
.board_online_type02 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.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:#0e5ad8; 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: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
*********************/



}