.sub_title_page { max-width:1400px;font-size: 1.5rem; border-bottom: 2px solid #707070; padding:20px 0; margin-bottom:100px}
.sub_title_page .application {font-size:20px; font-weight:600; padding-top:5px;padding-bottom:50px;  background-color:transparent; float:left}
.sub_title_page h1 { font-size:24px}



.location {height: 35px;}
.location .inBox {width: 100%;max-width: 1200px;text-align: right;color: rgb(109, 109, 109);font-size: 12px; padding-bottom: 20px;}
.location .inBox span {padding-left: 6px; font-size: 12px; font-weight: bold;color: #333;}
.location .inBox a {padding: 0px 6px;  font-size: 12px; color: #666;}




.Introduction_to_play {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:50px;}
.Introduction_to_play .title { width:100%; font-size:36px; font-weight:600}
.Introduction_to_play .info { width:100%;  border-top:2px solid #000}
.Introduction_to_play .info h2 { font-weight:400; color:#e67462; padding-bottom:50px; font-size:36px; padding-top:5px}
.Introduction_to_play .info h2 .br500 { display: none; }
.Introduction_to_play .info span { font-size:18px}
.Introduction_to_play .txt { font-size:18px; font-weight:400; line-height:1.6}
.Introduction_to_play .photo { margin: 30px 0; }

.rehabilitation { width:100%; margin:50px auto;  position:relative}
/* .rehabilitation::after {z-index: -1; width: 100%; height:500px; position: absolute; content: ""; background-color: #fe6150; top:350px} */
.rehabilitation h2{ font-weight:400; color:#e67462; padding-bottom:50px; font-size:36px; padding-top:5px; border-top:2px solid #000; max-width:1400px; margin:0 auto}

.rehabilitation .step {width: 100%; max-width:1380px; margin:0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #fff; padding:20px 20px 50px 20px; border-radius:20px; box-shadow : 5px 5px 10px 0;}
.rehabilitation .step .txt {  line-height:20px; text-align:center; padding:30px 0; font-size:20px;  box-shadow: 0px 1px 1px 1px #ddd; border-bottom-left-radius:10px; border-bottom-right-radius:10px }
.rehabilitation .step .txt span {color:#e67462}
.rehabilitation .wrap { width:22%; border-radius:10px;}
.rehabilitation .photo {height:320px}
.rehabilitation .img01 {  background:url(../img/sub01_01_step01.jpg) center no-repeat; background-size:cover}
.rehabilitation .img02 {  background:url(../img/sub01_01_step02.jpg) center no-repeat; background-size:cover}
.rehabilitation .img03 {  background:url(../img/sub01_01_step03.jpg) center no-repeat; background-size:cover}
.rehabilitation .img04 {  background:url(../img/sub01_01_step04.jpg) center no-repeat; background-size:cover}
.rehabilitation h1 { font-size:36px; color:#fff; text-align:center; font-weight:600; background-color: #fe6150;
  padding: 74px 0; margin-top: 50px; word-break: keep-all; }

@media all and (max-width:960px) {
	.rehabilitation {
		padding: 0 20px;
	}

	.rehabilitation .wrap {
		width: 48%;
		margin-bottom: 20px;
	}
}

@media all and (max-width:600px) {
	.Introduction_to_play .info h2 { padding-top: 15px; line-height: 1; }
	.Introduction_to_play .info h2 .br500 { display: block; }
}

@media all and (max-width:425px) {
	.rehabilitation .wrap {
		width: 100%;
	}
}

.reviw h2 { font-size:36px; font-weight:400; padding:50px 0; border-bottom:2px solid #000}
.reviw h1 { font-size:40px; font-weight:500; line-height:1.4; padding:50px 0; word-break: keep-all; }
.reviw { background-color:#eeeeee; text-align:center}
.reviw .title_wrap { max-width:980px; margin:0 auto}
.reviw .photo { max-width:1180px; margin:0 auto}



.pleasant h2 { font-size:36px; font-weight:500; padding:50px 0; border-bottom:3px solid #000; text-align:center; max-width:520px; margin:0 auto; word-break: keep-all; }
.pleasant .photo { max-width:1180px; margin:100px auto 30px}


.rating_test h2 { font-size:18px; font-weight:600; padding-top:5px;padding-bottom:50px;max-width:1400px; margin:0 auto}
.title h2 {font-weight:500; color:#e67462; padding-bottom:10px; font-size:18px; margin:30px 0 0}
.title p { font-size:18px; text-align:left; font-weight:500; line-height:1.6; padding-bottom:50px}
.title .txt { font-size:18px; text-align:center; padding:30px 0; color:#fff; word-break:keep-all; position:relative}
.title .step  {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap;  align-items: center; max-width:1140px; margin:50px auto 0 auto }
.title .step .box { width:25%; height:280px; padding:60px 20px; text-align:center; position:relative}
.title .step .box .next { position:absolute;   top: 50%; transform: translateY(-50%);  width:28px; height:61px; right:-20px; z-index:1}
.title .step .box01 { background-color:#ff6151;}
.title .step .box02 { background-color:#063d78}
.title .step .box03 { background-color:#ff6151}
.title .step .box04 { background-color:#063d78}


@media all and (max-width:500px) {
	.title p .br500 { display: none; }
}


.choice_wrap {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap;}
.choice { width:48%; margin-bottom:4%; padding:20px; border-top:2px solid #ff6151; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.choice h2 { font-size:20px; font-weight:500; margin-bottom:20px;}
.choice p { font-size:18px; padding-bottom:10px; font-weight:500}
.choice p .br500 { display: none; }
.choice span { font-size:15px; color:#ff6151}

.choice_wrap input[type=checkbox] {display: none}
.choice_wrap input[type=checkbox] + label {display: inline-block; cursor:pointer; background-color: #fff; color: #333; width:100%; line-height:40px; border-radius:30px; padding:0 20px;  font-size:18px; border:1px solid #666; border-radius:30px; margin-bottom:4%; }
.choice_wrap input[type=checkbox] + label .br500 { display: none; }
.choice_wrap input[type=checkbox]:checked+label {background: linear-gradient(90deg,rgb(255, 97, 81),rgb(255, 152, 141)); color: #fff;}
.choice_wrap input[type=checkbox]:checked+label span {color:#fff}



.choice .behavior input[type=checkbox] + label {display: inline-block; cursor:pointer; background-color: #fff; color: #333;  width:48%; float:left; line-height:40px; border-radius:30px; padding:0 15px; font-size:18px; border:1px solid #666; border-radius:30px; margin-bottom:4%; margin-left:2%;}
.choice .behavior input[type=checkbox]:checked+label {
    background-color: #ff6151;
    color: #fff;
}

.choice .nursing_treatment input[type=checkbox] + label {display: inline-block; cursor:pointer; background-color: #fff; color: #333;  width:48%; float:left; line-height:40px; border-radius:30px; padding:0 20px; font-size:18px; border:1px solid #666; border-radius:30px; margin-bottom:4%; margin-left:2%;}
.choice .nursing_treatment input[type=checkbox]:checked+label {
    background-color: #ff6151;
    color: #fff;
}



.radio_button {width: 100%;}
.radio_button ul { width:33.3333%; height: 135px; font-size:18px; float:left;}
.radio_button ul li strong { font-weight:600}
/* .radio_button .clearfix { margin-top:30px} */


@media screen and (max-width: 768px) {
	.title .step .box {width:100%}
	.choice {width:100%}
	.title .step .box .next {
		transform: rotate(90deg);
		top: unset;
		bottom: -44px;
		right: 0;
  	left: 0;
  	margin: 0 auto;
	}
	.location .inBox {
		text-align: left !important;
		padding-top: 10px;
	}
}

@media screen and (max-width: 640px) {
	.radio_button ul {width:50%;font-size: 16px;}
	.choice .behavior input[type=checkbox] + label {width:100%}
	.choice .nursing_treatment input[type=checkbox] + label {width:100%}
}

@media screen and (max-width: 500px) {
	.choice p { margin-bottom: 20px; }
	.choice p .br500 { display: block; }
	.choice_wrap input[type=checkbox] + label { line-height: 1.5; padding: 10px 20px;}
	.choice_wrap input[type=checkbox] + label .br500 { display: block; }
}

.test_sned { border:0; width:250px; line-height:50px; padding:0 20px; display:block; margin:0 auto; background-color: var(--color-orange);}
.test_sned p { text-align:center; font-size:18px; color:#fff } 
.test_sned:hover{
  background-color:#f64a39
}

.expected_care_grade { margin:0 auto; text-align:center}
.expected_care_grade h2 { font-size:30px; text-align:center; padding:50px 0}
.expected_care_grade span { font-size:30px; font-weight:bold;}
.expected_care_grade .expected_care_grade_box {display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; padding-top: 100px;}
.expected_care_grade .expected_care_grade_box .grade_box {width:100%; height: 131px; position: relative}
/* .expected_care_grade .expected_care_grade_box .grade_box.box_img01 {background:url(../img/expected_care_grade_img_red.png) center no-repeat; background-size:cover}
.expected_care_grade .expected_care_grade_box .grade_box.box_img02 {background:url(../img/expected_care_grade_img_blue.png) center no-repeat; background-size:cover}
.expected_care_grade .expected_care_grade_box .grade_box.box_img03 {background:url(../img/expected_care_grade_img_red.png) center no-repeat; background-size:cover}
.expected_care_grade .expected_care_grade_box .grade_box.box_img04 {background:url(../img/expected_care_grade_img_blue.png) center no-repeat; background-size:cover}
.expected_care_grade .expected_care_grade_box .grade_box.box_img05 {background:url(../img/expected_care_grade_img_red.png) center no-repeat; background-size:cover}
.expected_care_grade .expected_care_grade_box .grade_box.box_img06 {background:url(../img/expected_care_grade_img_blue.png) center no-repeat; background-size:cover} */
.grade_box_point {position: absolute; font-size:18px; font-weight: bold; bottom:15%; left: -25px}

.grade_box_arrow {
	width: 183px;
  height: 71px;
	background: #d91314;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
	position: relative;
}

.grade_box_arrow02 {
	width: 183px;
  height: 71px;
	background: #f66816;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
}

.grade_box_arrow03 {
	width: 183px;
  height: 71px;
	background: #fcaf16;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
}

.grade_box_arrow04 {
	width: 183px;
  height: 71px;
	background: #f7d31f;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
}

.grade_box_arrow05 {
	width: 183px;
  height: 71px;
	background: #89bb14;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
}

.grade_box_arrow06 {
	width: 183px;
  height: 71px;
	background: #2ca61f;
  clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);
}

.grade_box_shadow::after {
	display: block;
  content: "";
  width: 66px;
  height: 20px;
  background: #333;
  opacity: .3;
  border-radius: 50%;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.grade_box_class {
  width: 105px;
  height: 105px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  border: 3px solid #fff;
  border-radius: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ddd;
	position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  margin: 0 auto;
	z-index: 1;
}

.grade_box_class.on {
  width: 105px;
  height: 105px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  border: 3px solid #fff;
  border-radius: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #063d78;
	position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.expected_care_grade .expected_care_grade_box .score {background:url(../img/expected_care_grade_img07.png) center no-repeat; background-size:cover; width: 92px; height: 114px; margin-left: 30px; opacity: 0; display: none;}

/* .expected_care_grade .expected_care_grade_box .score.on {opacity: 1} */

.expected_care_grade .grade_txt {font-size:18px}
.expected_care_grade .title { color:#e67462}
.expected_care_grade .color {color: #063d78; font-size:30px; font-weight:bold;}


.Information h2 { font-size: 18px;font-weight: 600; padding-top: 5px;padding-bottom: 50px; border-bottom: 2px solid #000;  max-width: 1400px; margin: 0 auto;}

.by_grade { text-align:center; font-size:20px; font-weight:600; line-height:70px;  border:1px solid #ddd; border-radius:40px; max-width:350px; margin:70px auto 0 auto;
background-color: #fff;
}
.by_grade h2 { font-size: 18px; color:#e67462; font-weight: 600; padding-top: 5px; padding-bottom: 50px;border-bottom: 2px solid #000;max-width: 1400px; margin: 0 auto;}
.grade_notice{
  position: relative;
  text-align: center;
  top: -36px;
  border: 2px solid #ddd;
  /* height: 500px; */
  background-color: #eee;
  z-index: -3;
  padding: 70px 50px 10px 50px;
}
.grade_notice p{
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
}
.grade_notice span:nth-of-type(1){
  margin: 0 auto;
}
.grade_notice span:nth-of-type(2){
  max-width: 650px;
  margin: 0 auto;
}
.grade_notice span{
  display: block;
  padding-bottom: 55px;
  font-size: 16px;
}
.score_wrap {width: 100%;  display: flex; justify-content: space-between; flex-wrap: wrap;}
.score_wrap .total { width:49%; margin-top:50px}

@media all and (max-width:1179px) {
	.grade_box_class,
	div[class^="grade_box_arrow"],
	.grade_box_point { display: none;}

	.grade_box_class.on+div[class^="grade_box_arrow"] {
		display: block;
	}
}

@media screen and (max-width: 1148px) {
	/* .expected_care_grade .expected_care_grade_box {display: none;} */
	.by_grade {margin-top: unset;}
}

@media screen and (max-width: 768px) {
	.score_wrap .total {width:100%}
}


.entrance_wrap { width:100%;}
.entrance_wrap ul {width: 100%;  display: flex; flex-wrap: wrap; gap: 30px ; justify-content: center; max-width:895px; margin:0 auto}
/* .entrance_wrap ul li { width:11%; margin:0 auto} */
.entrance_wrap ul li span { display: block;color: #333; font-weight:500; text-align:center; font-size: 16px; padding-top: 5px;}
.entrance_wrap .circle { border-radius: 50%;width: 155px; height: 155px; margin: 0 auto; text-align:center; border: 2px solid #555; display: flex; align-items: center; justify-content: center;}
.entrance_wrap .arrow { display:none;  align-items: center; justify-content: space-around;}
.entrance_wrap .step05 { border:2px solid #e67462; margin-right: -30px;}

@media all and (max-width:934px) {

	.entrance_wrap ul {
		gap: 15px;
  	flex-wrap: nowrap;
		justify-content: unset;
  	overflow-x: scroll;
		padding-bottom: 10px;
	}

	.entrance_wrap .circle {
		width: 110px;
  	height: 110px;
	}
}

@media all and (max-width:379px) {
	/* .entrance_wrap ul {
		flex-direction: column;
		align-items: center;
	} */
	.entrance_wrap .step05 {
		margin-right: unset;
	}
}


.application_wrap { margin:100px 0 50px 0;  display: flex; flex-wrap: wrap; flex-direction: column;}
/* .application_wrap .left { width:20%} */
.application_wrap .right {border-top:3px solid #000; padding-top:30px}
.application_wrap .right ul { padding-bottom:30px}
.application_wrap h3 { font-size:18px; font-weight:400; }
.application_wrap h2 { font-size:25px; text-align:left;font-weight:600}
.application_wrap p { font-size:18px; color:#fff; text-align:center; max-width:540px; margin:0 auto}
.application_wrap .caution { font-size:15px; color:#fff; opacity:0.9; text-align:center; margin-top:30px}
.application_wrap ul li { line-height:1.6; position:relative; font-size:17px;  padding-left:15px; width:100%; color:#707070; text-align:left}
.application_wrap ul li strong { font-weight:400; color:#000}
.application_wrap ul li:before {position: absolute; top: 10px; left: 0px; width: 8px; height: 8px; background: #e67462; content: ''; }
.application_wrap ul .list:before { display:none}
.application_wrap .color { color:#333; font-weight:600}
.application_wrap .color .list { color:#707070;}
.application_wrap .list li:before { display:none}
.application_wrap .right .color { color:#e67462; font-weight:400}
.application_wrap .photo { padding:50px;  background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(../img/sub02_01_img01.jpg); background-repeat:no-repeat; background-size:cover; background-position:center; width:100%;} 
.application_wrap .photo h2 { text-align:center; color:#fff; margin-bottom:20px}

.seach_wrap { width: 100%; max-width: 1070px; height:217px;  position:relative;  float:right }
.seach_wrap .icon_box { border-bottom-left-radius:100px;  background: linear-gradient(to right,#fca095,#ff6758); height:217px; background-position:right; width:100%; max-width: 1080px; position:absolute; right:0; top:0; padding:50px 50px 50px 100px}
.seach_wrap .icon_box h2 { font-size:32px; color:#fff; font-weight:600}
.seach_wrap .icon_box p { font-size:18px; color:#fff; font-weight:400; margin-top:20px}
.seach_wrap .img { position:absolute; right:0; top:0;  height:217px}

.start-up { width:100%;}
.start-up .bottom { position:relative;}
.start-up .arrow.bottom { position:relative; left:30px}
.start-up ul {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin:0 auto;}
/* .start-up ul li {padding: 0 0 30px;} */
.start-up ul li span { display: block;color: #333; font-weight:500; text-align:center; font-size: 16px; padding-top: 5px;}
.start-up .circle { border-radius: 50%;width: 155px; height: 155px; margin: 0 auto; text-align:center; border: 2px solid #555; display: flex; align-items: center; justify-content: center;}
/* .start-up .arrow { display:none;  align-items: center; justify-content: space-around; position:relative; left:10px} */
.start-up .step06 { border:2px solid #e67462}




.table_wrap ul li { width:33.3333%; float:left}
.behavior ul li { width:33.3333%}
.cognitive_function ul li { width:33.3333%}
.body_function ul li { width:33.3333%}

.obstacle ul li { width:50%}
.joint ul li { width:33.3333%}




.chek_box_wrap {width: 100%;  display: flex; justify-content: flex-end; flex-wrap: wrap; margin-top:10px; font-size:16px}
.chek_box_wrap .txt { margin-right:10px}
.chek_box_wrap .check01 { margin-right:10px}
.chek_box_wrap .check02 { margin-left:5px}

@media all and (max-width:1045px) {
	.start-up .circle {
		width: 110px;
		height: 110px;
	}
}

@media all and (max-width:799px) {
	.seach_wrap {
		margin-top: 30px;
	}
	.seach_wrap .icon_box {
		border-bottom-left-radius: unset;
		padding: 0 20px;
  	display: flex;
  	flex-direction: column;
 	 	justify-content: center;
 	 	align-items: center;
	}

	.seach_wrap .img {
		display: none;
	}
}

@media all and (max-width:768px) {
	.behavior ul li,
	.cognitive_function ul li,
	.body_function ul li {
		width:50%;
		margin: 5px 0;
	}
	.obstacle ul li,
	.joint ul li {width: 100%;}
}

@media all and (max-width:774px) {
	.start-up ul {
		flex-wrap: nowrap;
		justify-content: unset;
		overflow-x: scroll;
		padding-bottom: 10px;
	}
}

@media all and (max-width:450px) {
	.start-up ul {
		gap: 15px;
	}
}