/********************
board_basic_faq_type01
*********************/
.board_basic_faq_type01 {width:100%;}
.board_basic_faq_type01 > ul {float:left; width:100%; border-top:1px solid #111111;}
.board_basic_faq_type01 > ul > li {float:left;width:100%; box-sizing:border-box; background:#fff;}
.board_basic_faq_type01 > ul > li.data_none {text-align:center; border-top:1px solid #fff; margin-top:-1px!important; padding: 5rem 0;}
.board_basic_faq_type01 > ul > li.on .board_basic_faq_q h3 {color:#23ac39;}
.board_basic_faq_type01 > ul > li:first-child {margin-top:0;}
.board_basic_faq_q {float:left; width:100%; border-bottom:1px solid #ddd; padding: 1rem 2.5rem; min-height: 7.8rem; display: flex; align-items: center; position:relative; cursor:pointer;}
.board_basic_faq_q > strong {float:left; width: 13rem; color:#0093e7; font-weight:500; margin-top: 0.3rem;}
.board_basic_faq_q > h3 {float:left; position:relative; width:calc(100% - 0rem);  color: #444; padding-left: 5rem; font-size: 1.7rem; line-height:1.6; padding-right: 2rem;}
.board_basic_faq_q > h3::before {position:absolute; content:'Q'; font-weight: 800; top: -0.4rem; left:0; font-size: 2.2rem; color:#444;}

.board_basic_faq_a {float:left;width:100%; border-bottom:1px solid #ddd; padding: 2.5rem 4rem; border-top:0; background:#293744; box-sizing:Border-box; position:relative;}
.board_basic_faq_a > p {position:relative; width:100%; color:#fff;  box-sizing:border-box; padding-left: 5rem; font-size: 1.7rem;  line-height:1.6; font-weight: 300;}
.board_basic_faq_a::before {position:absolute; top: 2.3rem; left: 4rem; width: 3rem; height: 3rem; line-height: 3rem; color: #fff; font-size: 2.2rem; font-weight: 800; background: var(--pc1); border-radius:100%; content:'A'; text-align:center;}

.board_basic_faq_type01 .dot {position: relative; padding-left: 6.2rem; }
.board_basic_faq_type01 .dot::before {content: ''; position: absolute; top: 1.1rem; left: 5rem; width: 0.4rem; height: 0.4rem; background-color: #23ac39;}
.board_basic_faq_type01 table {width: calc(100% - 5rem) !important; margin-left: 5rem;}
.board_basic_faq_type01 table tr {display: flex; gap: 2rem;}
.board_basic_faq_type01 table img {width: 100%;}
.plus-minus-toggle {
  cursor: pointer;
  height: 16px;
  position: relative;
  width: 16px;
  float:right;
  margin-top:8px;
  }
.plus-minus-toggle:before,
.plus-minus-toggle:after{
    background: #111;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px;
    transition: transform 500ms ease;
  }

.plus-minus-toggle:after {
      transform: rotate(90deg);
    }
.plus-minus-toggle:before {
      transform: rotate(180deg);
    }

.plus-minus-toggle.collapsed:after,.plus-minus-toggle.collapsed:before {
     transform: rotate(0deg);
	 background:#23ac39;
  }
/********************
//board_basic_faq_type01
*********************/


.faq_con {background:#f9f9f9; border:1px solid #ddd; padding: 3rem 3.5rem; box-sizing:Border-box; margin-top: 1.5rem; margin-bottom: 4rem;}
.faq_con ul {display:flex; justify-content:space-between;}
.faq_con ul li {width:calc(50% - 1.4rem);}
.faq_con ul li img {max-width:100%;}
.faq_con ul li p {margin-top: 2rem; font-size: 1.7rem; color: var(--pc1);}


.faq_con02 {margin-top: 3rem; display:flex; justify-content:space-between; width:100%; margin-bottom: 9rem;}
.faq_con02 > div ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.faq_con02 > div ul li {width:100%;}


.faq_con02 > div p {margin-top: 1.5rem; font-size: 1.7rem;}
.faq_con02 > div:first-child {width:calc(100% - 35rem);}
.faq_con02 > div:last-child {width: 31rem; overflow:hidden;}
.faq_con02 > div ul li:nth-child(n+2) {margin-top: 2.8rem;}
.faq_con02 > div ul li img {max-width: 100%;}
.faq_con02 > div ul {display:flex; flex-wrap:wrap;}

.faq_con02 > div > div {background:#f9f9f9; border:1px solid #ddd; padding: 3rem 3.5rem; box-sizing:border-box; display:flex; justify-content:space-between; height: 36.7rem;}
.faq_con02 > div > p {margin-top: 2rem; color: var(--pc1);}

.faq_con02 > div:last-child > div > div {width:100%;}

.faq_con02 > div:first-child > div > div {width:calc(33.3% - 1.8rem);}


@media screen and (max-width:1240px){
.faq_con02 > div:first-child {width:70%;}
.faq_con02 > div:last-child {width: calc(30% - 4rem);}
.faq_con02 > div > div {height:auto;}
}


@media screen and (max-width:991px){
.faq_con02 > div:last-child {width: calc(30% - 3.1rem);}
}

@media screen and (max-width:767px){

/********************
board_basic_faq_type01
*********************/
.board_basic_faq_q {
	padding: 1rem 2rem;
}
/* .board_basic_faq_type01 {padding:0 0 8vw;}
.board_basic_faq_q {padding:5vw;} */
.board_basic_faq_q > h3 {padding-left: 2.8rem;}
.board_basic_faq_a > p {padding-left: 2rem;}
.board_basic_faq_a::before {left: 1.6rem;}

.board_basic_faq_type01 .dot {padding-left: 4rem;}
.board_basic_faq_type01 .dot::before {left: 2.8rem;}
.board_basic_faq_type01 table {margin-left: 2.8rem; width: calc(100% - 2.8rem) !important}
.board_basic_faq_type01 tr {flex-direction: column;}
.board_basic_faq_type01 td {width: 100% !important;}


/********************
//board_basic_faq_type01
*********************/
.faq_con ul {flex-wrap:wrap;}
.faq_con ul li {width:100%; }
.faq_con ul li:last-child {margin-top: 4rem;}

.faq_con02 {flex-wrap:wrap; }
.faq_con02 > div {margin:0!important; width:100%!important;}
.faq_con02 > div:last-child {margin-top: 4rem!important;}

.faq_con02 > div ul li img {width:100%;}
.faq_con02 > div ul li,.faq_con02 > div:last-child li {width:calc(50% - 2vw);}
.faq_con02 > div ul li:nth-child(n + 3),.faq_con02 > div:first-child ul li:nth-child(n+4) {margin-top:4vw;}



.faq_con02 > div > div {width:100%;    flex-wrap: wrap;}
.faq_con02 > div:first-child > div > div {width:100%;}
.faq_con02 > div > div > div:nth-child(n + 2) {margin-top: 4rem;}
.faq_con02 > div ul li:nth-child(n+2) {margin-top: 4rem;}
.faq_con02 > div ul li, .faq_con02 > div:last-child li {width:100%;}

.board_basic_faq_a > table > tbody > tr > td > p { padding-left: 9vw;}
}












/********************
board_online_type02
*********************/
.board_online_type02 {padding-top: 2rem; padding-bottom: 11.8rem;}
.board_online_type02::after {content: ''; clear: both; display: block;}
.board_online_type02 ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.board_online_type02 li {float:left; width:100%; margin-bottom: 4rem;}
.board_online_type02 li > strong {display:block; font-size: 1.7rem; width:100%; margin-bottom: 1rem;}
.board_online_type02 li > strong i {color: var(--pc1); margin-left: 0.3rem;}
.board_online_type02 li > strong span {color: #777; font-size: 1.6rem;}
.board_online_type02 li.w50 {width:calc(50% - 1.5rem); }
.board_online_type02 li.w3 {width:calc(33.3% - 1.5rem); }

/*.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: 5rem; font-size: 1.6rem; 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: 23rem; background: #f9f9f9; padding: 3rem; border: 0; font-size: 1.6rem;}

.board_online_type02 li:last-child > div {width:100%; padding: 2.5rem; box-sizing:border-box; border: 1px solid #ccc; font-size: 1.6rem; line-height: 1.7; color:#777777;}
.board_online_type02 li:last-child > div strong {color: var(--pc1);}

.board_online_type02 li:last-child {margin-bottom:20px;}

.board_online_type02 .input-box {display: flex; gap: 10px;}
.input-box .depth {width: calc((100% - 10px) / 2);}
.board_online_type02 select {width: 100%; font-size: 1.6rem; border: 1px solid #bbb; height: 5.3rem; background: #fff; padding-left: 1.2rem; padding-right: 3rem; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url('/images/board_ico/select.png') no-repeat right 10px center;}

.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 {border-radius: 0.6rem; font-size: 1.6rem; height: 4.4rem; line-height: 4.4rem; float:left; padding: 0 1rem; width: 11rem; cursor: pointer;  text-align:center; background: var(--pc2); color: #fff; font-weight: 300;}
/*.filebox label:hover{color:#fff; background:#4b8fcc; }*/
.filebox .upload-name {font-size: 1.5rem; color: #777; width: calc(100% - 11rem);  float:left; padding:0 1rem;  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: 1.6rem; color:#212121;
	 margin-right: 6rem;
	 font-weight: 500;
}

 

 
.board_online_type02 input[type="radio"] + span::before,.board_online_type02 input[type="checkbox"] + span::before
{
    content: "";
    width: 2rem;
    height: 2rem;
    margin: -0.3rem 1rem 0 0;
	vertical-align: middle;
     display:inline-block;
    background:url(../images/input_radio_off.png) no-repeat 0 0 / contain;
}
 
.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 / contain;
}
 
.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: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.w50 {width: 100%;}
.board_online_type02 .input-box {flex-direction: column;}
.input-box .depth {width: 100%;}



.board_online_type02 li:last-child {margin-bottom: 2rem;}

.board_online_type02 li > textarea {
    padding: 2rem;
}
.board_online_type02 li > strong span {
	display: block;
	line-height: 1.45;
    margin-top: 0.7rem;
	font-size: 1.5rem;
}
.board_online_type02 li:last-child > div {
	font-size: 1.5rem;
}


/********************
//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;}

}

