.level-check-block{width:100%; max-width:970px; padding:0 20px; box-sizing:border-box}
.check-lead-center{text-align: center; padding:0 0 20px; font-size:20px; font-weight:600;}
.check-lead-center span{display:inline-block}
.check-label{width:100%; padding:12px 20px; box-sizing:border-box; background:#488632; color:#fff; font-size:36px; font-weight:900; text-align:center; border-radius:8px; margin-bottom:20px;}

.check_question_block{width:100%; margin:0 auto; border-bottom:dotted 1px #ddd;}
.check_question_block:first-child{border-top:dotted 1px #ddd;}
.check_question_block div{display:flex; gap:20px; align-items: center; justify-content: space-between; padding:15px 0;}
.check_question_block div dt{width:calc(100% - 120px); display:flex; align-items: center; gap:20px; flex-grow: 2;}
.check_question_block div dt .question_num{display:flex; min-width:80px; height:80px; padding:0; align-items: center; justify-content: center; border-radius:40px; background:#488632; color:#fff; font-size:21px; font-weight:700; text-align:center;}
.check_question_block div dt .question_txt{font-size:18px; font-weight:700; flex-grow: 4;}

.check_question_block div dd{width:100px; background: #fff; border-radius:10px; padding:0px 20px; box-sizing:border-box;}
.check_question_block div dd label{text-align:center;}

.level-check-paging{display: flex; justify-content: space-between; align-items: center; padding:20px 0; box-sizing:border-box; margin-top:30px;}
.level-check-paging button{border:none; background:#488632; color:#fff; width:100%; position:relative; padding:10px 20px; box-sizing:border-box; border-radius:4px; font-weight:700;}
.level-check-paging button:hover{cursor: pointer;}
.level-check-paging .next-btn,.level-check-paging .back-btn{width:180px;}
.level-check-paging .next-btn button:after{content:""; display:block; position:absolute; right:12px; top:calc(50% - 6px); width:14px; height:12px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow-next.png); background-size:14px 12px;}
.level-check-paging .back-btn button:before{content:""; display:block; position:absolute; left:12px; top:calc(50% - 6px); width:14px; height:12px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow-back.png); background-size:14px 12px;}


.checkboxItem {
  display: flex;
  align-items: center;
  column-gap: 8px;
  width: 100px;
  line-height: 1;
  cursor: pointer;
  flex-direction: column;
}
.checkboxItem input[type="checkbox"]{
padding:0;
margin:0 0 0 10px;
}
.checkboxItem input[type="checkbox"]:checked::before {
    background: #fff;
    border: 1px solid #bbb;
    
}
.checkboxItem:has(:checked){color:#b00303; font-weight:700;}
.checkboxItem:not(:last-of-type) {
  margin-bottom: 16px;
}
.checkboxItem span{width:100%; text-align:center;}

.checkbox {
  appearance: none;
  position: relative;
  width: 36px;
  height: 36px;
  border: 1px solid #aaaaaa;
  background:#fff !important;
  border-radius: 2px;
  cursor: pointer;
}
.checkbox:checked{background: #fff;}
.checkbox:checked::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 2px;
  width: 28px;
  height: 14px;
  border-bottom: 5px solid #b00303;
  border-left: 5px solid #b00303;
  transform: rotate(-45deg);
}

.result-title{width:100%; padding:0 0 20px 0; background:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/result-pic.png); background:none; background-position: bottom right; background-size:contain; background-repeat: no-repeat;}
.result-title strong{font-size:36px; font-weight:700; color:#488632; display:block; margin:0 auto; letter-spacing:0.04em;}
.result-title p{text-align:center; font-size:21px; font-weight:600;}
.result-title p span{color:#488632; font-weight:700; padding:0 0.25em;}

.level-check-result-block{display:block; width:100%; background:#fff; padding:30px; box-sizing:border-box; border-radius:20px;}
h2.result-grade{text-align:center; padding:0; font-size:100px; color:#488632; font-weight:700; margin-bottom:0;}
h2.result-grade span{display:block; background:#488632; padding:6px 15px; border-radius: 8px; color:#fff; font-size:18px; width:fit-content; margin:0 auto !important; position:relative;}
h2.result-grade span:after{content:""; position:absolute; display:block; width:18px; height:20px; background-color: #488632; clip-path: polygon(50% 20px, 0% 0%, 18px 0%); left:calc(50% - 9px);}
h2.result-grade:before{display:none;}
.result-comment{font-size:1.8rem; font-weight:600; color:#333; padding:10px 20px;}
.result-comment span{color:#488632;}
.result-comment a{color:#488632; text-decoration: underline;}

.rating{display:block; text-align:center; font-size:28px; color:#777; margin-bottom:20px;}
.rating span{display:inline-block; padding:0 0.1em;}
.rating span em{color:#d2a741; font-style: normal;}

.level-check-table{border:solid 1px #ddd;}
.level-check-table td,.level-check-table th{border:solid 1px #ddd; border-collapse: collapse; padding:15px; font-size:15px;}
.level-check-table th{background:#e6f2e4; text-align:center; vertical-align: middle; width:6em; text-wrap:nowrap;}
.level-check-table td.answer_cell{width:4em; text-align:center; text-wrap: nowrap;}

.accordion-btn{display:block; width:100%; border:none; padding:10px 20px;  border-radius:8px; background:#488632; color:#fff; position:relative; text-align:center; font-size:24px; font-weight:700;}
.accordion-btn:after{content:""; display:block; width:28px; height:28px; position:absolute; top:calc(50% - 14px); right:20px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/icon-open.png); background-size:28px 28px;}
.accordion-btn.active:after{content:""; display:block; width:28px; height:28px; position:absolute; top:calc(50% - 14px); right:20px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/icon-close.png); background-size:28px 28px;}

.answer-wrap{padding:25px 0; display:none;}
.answer-title{font-size:32px; width:100%; text-align: center; font-weight:700; color:#488632; margin-bottom:20px;}

button.submit-button{display:block; background:#b00303; color:#fff; font-size:24px; font-weight:600; padding:15px 45px; border:none; border-radius:40px; margin:40px auto 10px; transition:all .4s;}
button.submit-button:hover{opacity:.75;}

@media screen and (max-width: 960px) {
.check-lead-center{font-size:20px;}
.check-label{width:100%; padding:12px 20px; font-size:28px;}
.check_question_block div dt .question_num{display:flex; min-width:70px; height:70px; font-size:18px; font-weight:700;}
.check_question_block div dt .question_txt{font-size:16px; font-weight:700; flex-grow: 4;}
}
@media screen and (max-width: 768px) {

.result-title strong{font-size:28px;}
.result-title p{font-size:18px;}

.level-check-block{width:100%; padding:0;}
.check-lead-center{font-size:16px;}
.check-label{width:100%; padding:10px 15px; font-size:24px; border-radius:8px; margin-bottom:20px;}
.check_question_block div dt{width:calc(100% - 100px); display:block; flex-direction: column; align-items: center; gap:10px; flex-grow: 2;justify-content: left; text-align: left;}
.check_question_block div dt .question_num{display:flex; width:fit-content; height:auto; padding:0; align-items: center; justify-content: center; border-radius:5px; background:#488632; color:#fff; font-size:16px; font-weight:700; text-align:center;}
.check_question_block div dt .question_txt{font-size:16px; flex-grow: 4; padding:10px 0 0;}
.check_question_block div dd{width:80px; border-radius:10px; padding:10px 15px 10px; box-sizing:border-box;}
.check_question_block div dd .question_check_box{padding:5px 0;}
.level-check-paging button{font-size:13px;}
.level-check-paging .next-btn,.level-check-paging .back-btn{width:120px;}

.level-check-result-block{padding:20px;}
h2.result-grade{font-size:72px;}
h2.result-grade span{padding:6px 10px; border-radius: 6px; font-size:14px;}
h2.result-grade span:after{content:""; position:absolute; display:block; width:14px; height:16px; clip-path: polygon(50% 16px, 0% 0%, 14px 0%); left:calc(50% - 7px);}
h2.result-grade:before{display:none;}
.result-comment{font-size:1.5rem; padding:10px 10px;}
.result-comment span{color:#488632;}
.result-comment a{color:#488632; text-decoration: underline;}

.rating{font-size:24px;}
.rating span{display:inline-block; padding:0 0.1em;}
.rating span em{color:#d2a741; font-style: normal;}

.level-check-table td,.level-check-table th{padding:14px; font-size:14px;}
.accordion-btn{display:block; width:100%; border:none; padding:10px 15px; font-size:20px;}
.answer-wrap{padding:25px 0; display:none;}
.answer-title{font-size:21px; width:100%;}

button.submit-button{font-size:18px; padding:10px 25px; border-radius:40px; margin:20px auto 10px;}
button.submit-button:hover{opacity:1;}

.checkboxItem input[type="checkbox"]{
padding:0;
margin:5px 0 0 5px;
}
.checkbox:checked::after {
  content: "";
  position: absolute;
  top: -14px;
  left: 2px;
  width: 28px;
  height: 14px;
  border-bottom: 5px solid #b00303;
  border-left: 5px solid #b00303;
  transform: rotate(-45deg);
}

	/* スクロールバーを表示　*/
	.table-wrap {
		padding-top: 10px;
		overflow: auto;
		white-space: nowrap;
	}

	.table-_wrap::-webkit-scrollbar {
		height: 5px;
	}

	.table-wrap::-webkit-scrollbar-track {
		background: #f5f5f5;
	}

	.table-wrap::-webkit-scrollbar-thumb {
		background: #ddd;
	}
}

@media screen and (max-width: 576px) {
.check-label{padding:10px 15px; font-size:18px;}
.check_question_block div{gap:10px;}
.check_question_block div dt{width:calc(100% - 90px); display:block;}
.check_question_block div dt .question_num{font-size:14px;}
.check_question_block div dt .question_txt{font-size:13px; flex-grow: 4;}
.check_question_block div dd{width:60px; border-radius:10px; padding:5px 10px 5px; box-sizing:border-box;}
.check_question_block div dd .question_check_box{padding:5px 0;}
.level-check-paging button{font-size:11px;}
.level-check-paging .next-btn,.level-check-paging .back-btn{width:90px;}
.level-check-paging .next-btn button{padding-right:30px; box-sizing:border-box;}
.level-check-paging .back-btn button{padding-left:30px; box-sizing:border-box;}
.level-check-paging .next-btn button:after{content:""; display:block; position:absolute; right:10px; top:calc(50% - 4px); width:9px; height:8px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow-next.png); background-size:9px 8px;}
.level-check-paging .back-btn button:before{content:""; display:block; position:absolute; left:10px; top:calc(50% - 4px); width:9px; height:8px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow-back.png); background-size:9px 8px;}

.result-title{width:100%; padding:0; background:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/result-pic.png); background:none; background-position: bottom right; background-size:90px auto; background-repeat: no-repeat;}
.level-check-result-block{padding:0 15px 15px;}
.result-title strong{font-size:24px;}
.result-title p{font-size:16px;}
h2.result-grade{font-size:60px;}
.result-comment{font-size:1.4rem; padding:10px 0;}
.rating{font-size:21px;}
.accordion-btn{display:block; width:100%; border:none; padding:12px 15px; font-size:17px;}
.accordion-btn:after{content:""; display:block; width:20px; height:20px; position:absolute; top:calc(50% - 10px); right:16px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/icon-open.png); background-size:20px 20px;}
.accordion-btn.active:after{content:""; display:block; width:20px; height:20px; position:absolute; top:calc(50% - 10px); right:16px; background-image:url(/member_assets/images/page/member/oyakudachi/bcp2/basic/icon-close.png); background-size:20px 20px;}

button.submit-button{font-size:13px; padding:10px 18px; border-radius:30px;}

.checkboxItem {font-size:13px;}
.checkbox:checked::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 2px;
  width: 20px;
  height: 10px;
  border-bottom: 3px solid #b00303;
  border-left: 3px solid #b00303;
  transform: rotate(-45deg);
}
}

/*check-btn*/

.basic_block .check_btn {
	margin: 60px auto;
  display: flex;
  justify-content: center;
}
.basic_block .check_btn a {
	width: 480px;
	display: flex;
	height: 72px;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	font-size: 27px;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0 60px;
	background: #488632;
	text-decoration: none;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 8px 8px 0 #393f5d;
	-moz-box-shadow: 8px 8px 0 #393f5d;
	-ms-box-shadow: 8px 8px 0 #393f5d;
	-o-box-shadow: 8px 8px 0 #393f5d;
	box-shadow: 8px 8px 0 #393f5d;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}
.basic_block .check_btn a:before {
	position: absolute;
	content: "";
	background: url("/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow_basic01.png") center center no-repeat;
	background-size: 43px 43px;
	width: 43px;
	height: 100%;
	right: 20px;
	top: 0;
	z-index: 0;
}

@media screen and (max-width: 768px) {
  .basic_block .check_btn {
    margin: 40px 0 30px;
  }
  .basic_block .check_btn a {
    width: 240px;
    height: 42px;
    font-size: min(15px,3.49vw);
    padding: 0 36px;
    -webkit-box-shadow: 4px 4px 0 #393f5d;
    -moz-box-shadow: 4px 4px 0 #393f5d;
    -ms-box-shadow: 4px 4px 0 #393f5d;
    -o-box-shadow: 4px 4px 0 #393f5d;
    box-shadow: 4px 4px 0 #393f5d;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
  }
  .basic_block .check_btn a:before {
    background: url("/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow_basic01.png") center center no-repeat;
    background-size: 21px 21px;
    width: 21px;
    right: 15px;
  }
}

/*WSDL*/
.basic_block .check_inner.level-check {
	background: #fff;
	border: 4px #5c9f44 solid;
	position: relative;
	padding: 25px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
  width:100%;
  max-width:540px;
  margin:40px auto;
}
.basic_block .level-check .check_flex {
	margin: 0 0 20px;
}
.basic_block .level-check .check_flex .flex_img {
	position: absolute;
	left: 40px;;
	top: 30px;
	width: 96px;
	z-index: 0;
  display:none;
}
.basic_block .check_flex .flex_cont {
	
}
.basic_block .check_flex .flex_tit {
	font-size: 24px;
	font-weight: 700;
	color: #488632;
	line-height: 1.3 !important;
	margin: 0 0 5px;
}
.basic_block .check_flex .flex_txt {
	font-size: 15px;
	font-weight: 700;
}
.basic_block .check_link a {
	background: #488632;
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	padding: 12px 40px 12px 15px;
	line-height: 1.36 !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}
.basic_block .check_link a:before {
	position: absolute;
	content: "";
	background: url("/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow_basic01.png") center center no-repeat;
	background-size: 24px 24px;
	right: 10px;
	top: 0;
	width: 24px;
	height: 100%;
	z-index: 0;
}

@media screen and (max-width: 768px) {
  .basic_block .check_inner.level-check {
    max-width: 100%;
    border: 2px #5c9f44 solid;
    padding: 20px min(30px,6.98vw) 15px min(25px,5.82vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .basic_block .level-check .check_flex {
    margin: 0 0 10px;
    display: flex;
    align-items: flex-start;
    gap: 0 15px;
  }
  .basic_block .level-check .check_flex .flex_img {
    position: static;
    width: 45px;
    flex-shrink: 0;
    display:none;
  }
  .basic_block .level-check .check_flex .flex_tit {
    font-size: min(16px,3.73vw);
  }
  .basic_block .level-check .check_flex .flex_txt {
    font-size: min(12px,2.8vw);
    line-height: 1.45 !important;
  }
  .basic_block .level-check .check_link {
    width: 100%;
  }
  .basic_block .level-check .check_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 44px;
    font-size: min(11px,2.56vw);
    padding: 0 min(30px,6.98vw);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .basic_block .level-check .check_link a:before {
    background: url("/member_assets/images/page/member/oyakudachi/bcp2/basic/arrow_basic01.png") center center no-repeat;
    background-size: 16px 16px;
    right: 10px;
    width: 16px;
  }
}