@charset "utf-8";
/*root-color*/
:root{
	--base-color:#e74e03;
	--poisoning-color:#7669a1 ;
	--labeling-color:#5f8046 ;
	--seminar-color:#cc2f4d  ;
	--about-color:#0e7bb3;
	--white-color:#fff;
	--black-color:#282828;
	--red-color:#e60303;
	--bg-color01:#f6f4ea;
	--bg-color02:#f4f4f1;
	--bg-color03:#f4f2e9;
	--border-color01:#e1dfd7;
	--article-arrow01:#cdc6a4;
	--header-btn-color:#0e5fa6;
	--brown-color:#9e622c;
	--pan-color:#7a7a7a;
	--yellow-color:#ffff00;
	--orange-color:#e86f32;
	--tab-bg-color01:#e4e2db;
	--kids-bg-color01:#f0e6bc;
	--kids-bg-color02:#d6eddb;
}

/* head,text */
body.article .article_header{
	position: relative;
	z-index:20;
	margin-bottom: 8em;
}
body.article .page-header_image{
	position: relative;
	z-index:5;
}
body.article .article_top{
	position: relative;
	z-index:20;
	margin-top: -100px;
}
body.article .article_top_seminar{
	padding-bottom:35px;
	margin-bottom:35px;
	border-bottom:1px solid #c7c7c7;
}
body.article .article_top_seminar .large_btn a{
	max-width:417px;
	min-height: 6.375em;
	border-radius: 50px;
}
body.article .article_top:before{
	content:"";
	width:100%;
	height: 236px;
	background:url(../img/common/article-header.png);
	background-size:auto;
	background-position:top center;
	position:absolute;
	left:50%;
	top: -60px;
	transform:translateX(-50%);
	z-index: 0;
}
body.article .article_top .article_style{
	font-size: 2.25rem;
	font-weight: 600;
	margin-bottom: 2.125em;
	position: relative;
	z-index: 10;
}
body.article .article_top .article_style span{
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--base-color);
	display: block;
}
body.article .article_top .article_tit{
	position: relative;
	z-index: 10;
	font-size: 1.75rem;
	font-weight: 500;
	margin-bottom:1em;
	text-align:center;
}
body.article .article_top .article_btn_wrap{
	position: relative;
	z-index: 5;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	gap:1em 1%;
}
body.article .article_top .article_btn_wrap .article_btn{
	margin-bottom: 5px;
	flex: 1;
}
body.article .article_style02{
	text-align: center;
	position:relative;
	z-index:10;
	font-size:2rem;
	font-weight:600;
	padding-bottom: 0.75em;
	margin: 0 auto 1em;
}
body.article .article_style02:before{
	content:"";
	width:96px;
	height: 3px;
	background: url(../img/common/article_style02_dots.png);
	background-size: auto;
	background-repeat: repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
body.article .article_style03{
	position:relative;
	z-index:10;
	font-size:1.75rem;
	font-weight:600;
	padding-left: 0.75em;
	margin: 0 auto 1em;
}
body.article .article_style03:before{
	content:"";
	width:7px;
	background:var(--base-color);
	position:absolute;
	top: 0;
	bottom: 0;
	left:0;
	margin:auto;
	border-radius:20px;
}
body.article .article_style04{
	font-size:1.5rem;
	font-weight:600;
	color: var(--white-color);
	background:var(--brown-color);
	text-align: center;
	padding-block: 0.759em;
	border-radius: 10px;
	margin-bottom: 1em;
}
body.article .article_style05{
	font-size:1.5rem;
	font-weight:600;
	margin-bottom:1em;
}
body.article .article_main_area p{
	font-feature-settings:'palt';
	letter-spacing:0.03em;
}
body.article .article_main_area p em{
	font-size:1.125rem;
	font-weight:600;
	color:var(--base-color);
}
body.article .article_main_area p span{
	color:var(--header-btn-color);
}
p.text,
.texts > p{
	font-size:1rem;
	line-height:1.875;
	text-align:left;
}
.f_small{
	font-size:0.875rem;
}
.mb1em{
	margin-bottom:1.875em;
}
.mb2em{
	margin-bottom: 3.75em;
}

@media screen and (max-width: 768px) {
	p.text,
	.texts > p{
		font-size:1rem;
	}
	body.article .article_main_area p{
		font-size: 0.94rem;
	}
	body.article .article_header{
		margin-bottom:4em;
	}
	body.article .page-header_image img{
		max-width:100%;
		height:auto;
	}
	body.article .article_top{
		padding-top:4em;
		margin-top: -80px;
	}
	body.article .article_top:before{
		height: 78px;
		background-image: url(../img/common/article-header_sp.svg);
		background-size: 100%;
		top: 7px;
	}
	body.article .article_top_seminar .large_btn a{
		min-height: 5em;
		max-width: 300px;
	}
	body.article .article_top .article_style{
		font-size: 1.71rem;
		margin-bottom: 1.5em;
	}
	body.article .article_top .article_style span{
		font-size: 1.07rem;
	}
	body.article .article_top .article_tit{
		font-size: 1.14rem;
		margin-bottom:1em;
	}
	body.article .article_top .article_btn_wrap .article_btn{
		width: 48%;
		margin-bottom: 0;
		flex: inherit;
	}
	body.article .article_style02{
		font-size: 1.47rem;
		margin-bottom: 1em;
		text-align: center;
		padding-bottom: 0.5em;
	}
	body.article .article_style02:before{
		width: 48px;
		background-size: 4px;
		background-position: center;
	}
	body.article .article_style03{
		font-size: 1.357rem;
	}
	body.article .article_style03:before{
		width: 3px;
	}
	body.article .article_style04{
		font-size:1.27rem;
		border-radius: 5px;
	}
	body.article .article_style05{
		font-size:1.27rem;
	}
	body.article p em{
		font-size:1.125rem;
		font-weight:600;
		color:var(--base-color);
	}
}

/* Link */
.article_link{
	position:relative;
	z-index:5;
	margin-bottom:3px;
}
.article_link ul{
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap:wrap;
	gap:2em;
}
.article_link ul li a{
	position:relative;
	z-index:5;
	font-size:1.125rem;
	font-weight:500;
	padding-left:2em;
	transition: .5s color;
}
.article_link a i{
	width:30px;
	height:30px;
	background:var(--base-color);
	border-radius: 50%;
	position: absolute;
	z-index: 5;
	left: 0;
	top:0;
	bottom:0;
	margin:auto;
}
.article_link a i:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:10px solid var(--white-color);
	border-right: 0;
	position:absolute;
	z-index:6;
	left: 10px;
	top:0;
	bottom:0;
	margin:auto;
}
.article_link ul li a:hover{
	text-decoration:none;
}
.common_btn{
	text-align:center;
}
.common_btn a,
.article_btn a{
	position:relative;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
	color: var(--white-color);
	background: var(--base-color);
	border: 1px solid var(--base-color);
	font-size:1.125rem;
	font-weight:600;
	max-width:271px;
	min-height:3.667em;
	border-radius:42px;
	padding:10px;
	margin: 0 auto;
	text-decoration: none;
	transition:background .4s,color .4s,transform .4s;
}
.article_btn a{
	color: var(--black-color);
	background: var(--bg-color01);
	border-color: var(--bg-color01);
	font-size:1rem;
	font-weight:500;
	max-width: 100%;
	min-height: 3.75em;
	height: 100%;
	text-align: center;
}
.article_btn a span{
	padding-bottom:0.75em;
	position:relative;
	z-index:10;
}
.common_btn a:hover,
.article_btn a:hover{
	text-decoration:none;
}
.common_btn a i{
	position: absolute;
	right: 7%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	z-index: 5;
	background:var(--white-color);
	transition: .5s background;
}
.common_btn a i:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 9px solid var(--base-color);
	border-right: 0;
	position:absolute;
	left: 1px;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	transition: .5s border-color;
}
.article_btn a span:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 10px solid var(--article-arrow01);
	border-bottom: 0;
	position:absolute;
	left:0;
	right:0;
	bottom:-5%;
	margin:auto;
	transition: .5s border-color;
}
/*btn-blue*/
.common_btn.btn-blue a{
	color: var(--white-color);
	background-color: var(--about-color);
	border-color: 1px solid var(--about-color);
}
.common_btn.btn-blue a i{
	background:var(--white-color);
}
.common_btn.btn-blue a i:before{
	border-left-color:var(--about-color);
}
/*btn-red*/
.common_btn.btn-red a{
	color: var(--white-color);
	background-color: var(--seminar-color);
	border-color: 1px solid var(--seminar-color);
}
.common_btn.btn-red a i{
	background:var(--white-color);
}
.common_btn.btn-red a i:before{
	border-left-color:var(--seminar-color);
}
/*btn-green*/
.common_btn.btn-green a{
	color: var(--white-color);
	background-color: var(--labeling-color);
	border-color: 1px solid var(--labeling-color);
}
.common_btn.btn-green a i{
	background:var(--white-color);
}
.common_btn.btn-green a i:before{
	border-left-color:var(--labeling-color);
}
@media (any-hover: hover) {
	.article_link ul li a:hover{
		color:var(--base-color);
	}
	.common_btn a:hover{
		color: var(--base-color);
		background: var(--white-color);
	}
	.article_btn a:hover{
		transform:translateY(5px);
	}
	.common_btn a:hover i{
		background: var(--base-color);
	}
	.common_btn a:hover i:before{
		border-left-color:var(--white-color);
	}
	/*btn-blue*/
	.common_btn.btn-blue a:hover{
		color: var(--about-color);
		background-color: var(--white-color);
		border-color: 1px solid var(--white-color);
	}
	.common_btn.btn-blue a:hover i{
		background:var(--about-color);
	}
	.common_btn.btn-blue a:hover i:before{
		border-left-color:var(--white-color);
	}
	/*btn-red*/
	.common_btn.btn-red a:hover{
		color: var(--seminar-color);
		background-color: var(--white-color);
		border-color: 1px solid var(--white-color);
	}
	.common_btn.btn-red a:hover i{
		background:var(--seminar-color);
	}
	.common_btn.btn-red a:hover i:before{
		border-left-color:var(--white-color);
	}
		/*btn-green*/
	.common_btn.btn-green a:hover{
		color: var(--labeling-color);
		background-color: var(--white-color);
		border-color: 1px solid var(--white-color);
	}
	.common_btn.btn-green a:hover i{
		background:var(--labeling-color);
	}
	.common_btn.btn-green a:hover i:before{
		border-left-color:var(--white-color);
	}
}


@media screen and (max-width:1200px) {
	.article_btn a{
		font-size:0.875rem;
	}
}
@media screen and (max-width:768px) {
	.article_link ul{
		gap:1em;
	}
	.article_link ul li{
		width:100%;
	}
	.article_link ul li a{
		font-size:1rem;
		padding-left:1.5em;
	}
	.article_link a i{
		width:20px;
		height:20px;
	}
	.article_link a i:before{
		border-top-width:3px;
		border-bottom-width:3px;
		border-left-width:6px;
		left: 8px;
	}
	.article_btn a{
		padding: 10px 2em 10px 10px;
		justify-content: flex-start;
		font-feature-settings: 'palt';
		text-align: left;
	}
	.article_btn a span{
		padding-bottom:0;
	}
	.article_btn a span:before{
		display:none;
	}
	.article_btn a:before{
		content:"";
		width: 0;
		height: 0;
		border-style: solid;
		border-right:6px solid transparent;
		border-left:6px solid transparent;
		border-top:6px solid var(--article-arrow01);
		border-bottom: 0;
		position:absolute;
		right:5%;
		top:0;
		bottom:0;
		margin:auto;
		transition: .5s border-color;
	}
	.common_btn a i{
		right:5%;
		width:20px;
		height:20px;
	}
	.common_btn a i:before{
		border-top-width:3px;
		border-bottom-width:3px;
		border-left-width:6px;
	}
}

/* image */
.scale_m { 
	max-width:100%;
	width:auto;
	height:auto;
}
.scale_all{	
	width:100%;
	height:auto;
}
.img_fit{
	position:relative;
	width:100%;
	padding-bottom:63%;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.img_fit img{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
	transition:transform .4s;
	display:block;
}
a.img_fit:hover img,
a:hover .img_fit img{
	transform:scale(1.05);
}
@media screen and (max-width: 768px) {
	.scale {
		width:100%;
		height:auto;
	}
}

/* table,list */

.table_style {
	border:#ddd solid 1px;
	border-bottom:none
}
.table_style dl{
	position:relative;
	border-bottom:#ddd solid 1px;
	width:100%;
}
.table_style dt{
	position:absolute;
	top:0;
	left:0;
	background:#EEEEEE;
	width:250px;
	padding:16px 20px;
	box-sizing:border-box;
}
.table_style dd{
	padding:16px 20px;
	padding-left:270px;
	box-sizing:border-box;
}
.list_style ul li{
	margin-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
}
.list_style ul li:before{
	content:"\30FB";
	margin-right:5px;
	color:#005BAC;
	font-weight:600;
	
}
.list_style ul li.inlist ul{
	margin-top:5px;
}
.list_style ul li.inlist li{
	margin-left:3em;
	padding-left:0;
	text-indent:-3em;
}
.ol_style ol li{
	margin-left:-1em;
	padding-left:1em;
	margin-bottom:5px;
	text-indent: -1em;
	list-style-position:inside;
}

.dl_style dl{
	margin:0;
	padding:15px;
	background:#f6f6f6;
}
.dl_style dl dt{
	font-weight:600;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: dotted 1px #999;
}
.table_wrap {
	margin:40px 0;
}
.table_wrap.overs {
	padding-bottom:10px;
	overflow-x:auto;
	overflow-y:hidden;
}
.table_wrap table{
	width:100%;
	box-sizing:border-box;
	font-size:16px;
}
.table_wrap table th,
.table_wrap table td{
	box-sizing:border-box;
	padding: 1em 2em;
	border: solid 1px #b5b5b5;
	font-weight: 500;
}
.table_wrap table th{
	background:var(--brown-color);
	color:var(--white-color);
}
.table_wrap table tr:nth-child(2n+1){
	background:var(--bg-color01);
}
.table_wrap::-webkit-scrollbar {
	height: 15px;
}
.table_wrap::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #c1c1c1;
}
.table_wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #666;
}
.table_wrap table td p{display: flex;justify-content: flex-start;align-items: center;}
.table_wrap table td p + p{
	margin-top:1em;
}
.table_wrap table td p .table_img{
	margin-right:1em;
}
@media only screen and (max-width: 768px) {
	.table_style dl,
	.table_style dt,
	.table_style dd{
		display:block;
	}
	.table_style dt{
		border-bottom:#ddd solid 1px;
		width:100%;
		padding:10px;
		position:static;
		top:auto;
		left:auto;
	}
	.table_style dd{
		padding:15px 10px;
	}
	.dl_style dl{
		font-size:14px;
		margin:0;
	}
	.table_wrap{
		overflow-x:auto;
		margin-block: 1em;
	}
	.table_long table{
		width: 600px;
	}
	.table_wrap table th,
	.table_wrap table td{
		padding:10px;
	}
	.table_wrap table th,
	.table_wrap table td,
	body.article .article_main_area .table_wrap table td p{
		font-size:12px;
	}
	.table_wrap table td p .table_img{
		width:40px;
	}
	.table_wrap table td p .table_img img{
		max-width:100%;
		height:auto;
	}
}



/*  GoogleMAP・動画埋め込み  */
.map_wrap iframe{
	width:100%;
}
#campus_map{
	height:390px;
	margin-bottom:20px;
}
.movie_wrap{
	position:relative;
	width:100%;
	height: auto;
	padding-top: 56.1403%;
	z-index: 35;
}
.movie_wrap iframe{
	aspect-ratio: 57/32;
	width:100%;
	height: auto;
	position:absolute;
	top:0;
	left:0;
}
.movie_wrap2{
	width: 100%;
	height:  0;
	padding-bottom:  590px;
	overflow:hidden;
	position:  relative;
}
.movie_wrap2 iframe,
.movie_wrap2 video{
	min-width: 100%;
	min-height: 590px;
	height:  auto;
	position:  absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin:  auto;
}
@media only screen and (max-width: 768px) {
	#campus_map {
	    margin: 0 15px;
	    box-sizing: border-box;
	    width: auto;
	    height: 320px;
	}
}

/*  パンくずリスト  */
#pan {
	padding-block: 15px;
	border-block: 1px solid #b5b5b5;
	text-align: left;
}
#pan ol{
	padding:0;
	font-size: 0.875rem;
	max-width: 1200px;
	margin: 0 auto;
}
#pan li,
#pan li *{ 
	display:inline-block;
	vertical-align:middle;
	color:var(--pan-color);
}
#pan li *{
	display:inline;
	vertical-align:middle;
	line-height: 1;
}
#pan li a{
	text-decoration:none;
	text-underline-offset:5px;
	line-height: 1;
}
#pan li{
	margin-right:1.5em;
	position:relative;
}
#pan li:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 12px solid var(--pan-color);
	border-right: 0;
	position:absolute;
	left:-1.25em;
	top: 0.125em;
	bottom:0;
	margin:auto;
	transition: .5s border-color;
}
#pan li:first-child:before{
	content: "";
	display:none;
	margin-right:0;
}
@media (any-hover: hover) {
	#pan li a:hover{
		text-decoration:underline;
	}
}
@media only screen and (max-width:1200px) {
	#pan ol{
		padding:0 15px;
	}
}
@media only screen and (max-width: 767px) {
	#pan {
		padding:15px;
		overflow: auto;
	}
	#pan ol{
		width: max-content;
		margin-left: 0;
	}
	#pan li:before{
		border-top-width:4px;
		border-bottom-width:4px;
		border-left-width:8px;
		left:-1.125em;
		top: 0.375em;
	}
}

@media screen and (min-width:769px) {
	.pc_center { text-align:center !important;}
	.sp_center { text-align:left;}
	.pc_right { text-align:right !important;}
	.mb50_h{ margin-bottom:50px !important;}
	.mb60_h{ margin-bottom:60px !important;}
	.mb80_h{ margin-bottom:80px !important;}
}
@media screen and (max-width:767px) {
	.pc_center,
	.pc_righ { text-align:left;}
	.sp_center { text-align:center !important;}
	.sp_right { text-align:right !important;}
	.mb50_h{ margin-bottom:25px !important;}
	.mb60_h{ margin-bottom:30px !important;}
	.mb80_h{ margin-bottom:40px !important;}
}

.modal-content {
	width: auto;
	max-width: 1200px;
	margin: 0px;
	padding: 10px 20px;
	background: none;
	position: fixed;
	display: none;
	z-index:1020;
	width: 80%;
}
body.page-kids .kids_whole .modal-content {
	padding: 20px 20px;
}
body.page-kids .leading_search  .modal-content,
body.page-kids .kids_faq .modal-content{
	max-width:750px;
}
.modal-close{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.66);
	z-index: 30;
	position: fixed;
}
#modal-overlay {
	z-index: 1000;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.66);
	display: none !important;
}
.modal_tit { 
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	max-width: 250px;
	text-align: center;
	line-height: normal;
	font-size: 20px;
	z-index: 1025;
	overflow: hidden;
	padding: 0px 30px;color:#fff;
}
.modal_tit span {
	display: block;
	position: relative;
	padding: 10px 0px;
	background: rgb(0, 0, 0);
	z-index: 2;
	border-bottom: 1px solid rgb(255, 255, 255);
}
.modal-content .close_btn {
	width: 75px;
	height: 75px;
	position: absolute;
	top: 0%;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 40px;
	line-height: 1;
	cursor: pointer;
	color: rgb(255, 255, 255);
	background: rgba(0,0,0,0.5);
	border:1px solid rgba(0,0,0,0.3);
	transition:.4s color,.4s background-color;
	z-index: 60;
	margin-left: auto;
}
.modal-content .close_btn:hover{
	text-decoration:none;
}
@media (any-hover: hover) {
	.modal-content .close_btn:hover{
		color: var(--black-color);
		background: var(--white-color);
	}
}
@media screen and (max-width: 768px) {
	modal-content { width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.modal-content {
		width:100%;
	}
}

.tab_change{
	position:relative;
}
.tab_change > input[type="radio"]{opacity: 0;position: absolute;}
.tab_change > input[type="radio"] ~ .tab_views .tab_content{
	overflow:hidden;
	opacity:0;
	max-height:0;
	z-index:-10;
	visibility:hidden;
	transition:opacity .4s;
}
.tab_change > input[id$="01"]:checked ~ .tab_views .tab_content[class$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_views .tab_content[class$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_views .tab_content[class$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_views .tab_content[class$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_views .tab_content[class$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_views .tab_content[class$="06"]{
	opacity:1;
	z-index:10;
	visibility:visible;
	max-height: 200vh;
	overflow:visible;
	width:100%;
}
.tab_controller{
	display:flex;
	justify-content:flex-start;
	margin-block: 0.5em 2em;
	flex-wrap:wrap;
	gap: 0.5%;
	border-bottom: 4px solid var(--poisoning-color);
	padding: 0;
}
.kids_leading .tab_controller{
	border-color:var(--labeling-color);
}
.tab_controller li{
	width:33%;
	list-style:none;
}
.tab_controller label,
.tab_controller a{
	display:flex;
	align-items:center;
	justify-content:center;
	background: var(--tab-bg-color01);
	width: 100%;
	min-height: 70px;
	border-radius: 10px 10px 0 0;
	font-weight:500;
	margin-right: 2px;
	font-size: 1.5rem;
	line-height:1.1;
	text-align:center;
	padding:0px 6px;
	letter-spacing:-0.03em;
}
.tab_controller label:nth-child(4n),
.tab_controller a:nth-child(4n){
	margin-right:0;
}
.tab_controller label:nth-child(n+5),
.tab_controller a:nth-child(n+5){
	margin-top:4px;
}
.tab_controller a:hover,
.tab_controller a.on,
.tab_change > input[id$="01"]:checked ~ .tab_controller label[for$="01"],
.tab_change > input[id$="02"]:checked ~ .tab_controller label[for$="02"],
.tab_change > input[id$="03"]:checked ~ .tab_controller label[for$="03"],
.tab_change > input[id$="04"]:checked ~ .tab_controller label[for$="04"],
.tab_change > input[id$="05"]:checked ~ .tab_controller label[for$="05"],
.tab_change > input[id$="06"]:checked ~ .tab_controller label[for$="06"]{
	background: var(--tab-bg-color);
	color: var(--white-color);
}
.tab_change > input[id$="01"]:focus ~ .tab_controller label[for$="01"],
.tab_change > input[id$="02"]:focus ~ .tab_controller label[for$="02"],
.tab_change > input[id$="03"]:focus ~ .tab_controller label[for$="03"],
.tab_change > input[id$="04"]:focus ~ .tab_controller label[for$="04"],
.tab_change > input[id$="05"]:focus ~ .tab_controller label[for$="05"],
.tab_change > input[id$="06"]:focus ~ .tab_controller label[for$="06"]{
	outline:1px solid var(--black-color);
}
.kids_poisoning .tab_change > input[id$="01"]:checked ~ .tab_controller label[for$="01"],
.kids_poisoning .tab_change > input[id$="02"]:checked ~ .tab_controller label[for$="02"],
.kids_poisoning .tab_change > input[id$="03"]:checked ~ .tab_controller label[for$="03"]{
	--tab-bg-color: var(--poisoning-color);
}
.kids_leading .tab_change > input[id$="04"]:checked ~ .tab_controller label[for$="04"],
.kids_leading .tab_change > input[id$="05"]:checked ~ .tab_controller label[for$="05"],
.kids_leading .tab_change > input[id$="06"]:checked ~ .tab_controller label[for$="06"]{
	--tab-bg-color: var(--labeling-color);
}
.tab_controller a{
	transition:background .4s;
	text-decoration:none;
}
body.page-kids .kids_whole label p{
	font-size:1.5rem;
}
.tab_change_style .tab_controller{
	justify-content:space-between;
}
.tab_change_style .tab_controller a{
	width:23%;
	text-decoration: none;
	transition:background .4s,color .4s;
}
.tab_change_style .tab_controller a.active,
.tab_change_style .tab_controller a:hover{
	background:#f2f2f2;
	border-color:#f2f2f2;
}
.tab_change_style .tab_table{
	box-shadow:none;
}
@media screen and (max-width: 768px) {
	body.page-kids .kids_whole label p{
		font-size: 1rem;
	}
	.tab_controller{
		margin-block:0.5em 1em;
		border-bottom-width:2px;
	}
	.tab_controller label,
	.tab_controller a{
		min-height:45px;
		border-radius:5px 5px 0 0;
		font-size: 1rem;
	}
	.modal-content .close_btn {
		width: 40px;
		height: 40px;
		top:-2%;
		right:2%;
		font-size: 1.47rem;
	}
	.tab_change > input[id$="01"]:focus ~ .tab_controller label[for$="01"],
	.tab_change > input[id$="02"]:focus ~ .tab_controller label[for$="02"],
	.tab_change > input[id$="03"]:focus ~ .tab_controller label[for$="03"],
	.tab_change > input[id$="04"]:focus ~ .tab_controller label[for$="04"],
	.tab_change > input[id$="05"]:focus ~ .tab_controller label[for$="05"],
	.tab_change > input[id$="06"]:focus ~ .tab_controller label[for$="06"]{
		outline:none;
	}
}