@charaset"UTF-8";

/*==================================================================*/
/* 2026summer css */
/*==================================================================*/
:root{
	--mecha:#fbb318;
	--pro:#0056de;
	--color_main:#0c2578;
	--color_over:#1dcacc;
	}

/* -------------------------------------------------------------- */
/* contents */
/* -------------------------------------------------------------- */
main{
	color:var(--color_main);
	background:#f6fbfe;
	}
/* 360 *//* ------- */@media print, screen and (max-width:360px){}/* ------- *//* 360 */
/* 400 *//* ------- */@media print, screen and (min-width:400px){}/* ------- *//* 400 */
/* 768 *//* ------- */@media print, screen and (min-width:768px){}/* ------- *//* 768 */
/* 980 *//* ------- */@media print, screen and (min-width:980px){}/* ------- *//* 980 */


/* -------------------------------------------------------------- */
/* mainvisual */
/* -------------------------------------------------------------- */
#mainvisual *{margin:0;padding:0;}
#mainvisual{
	margin:0 auto 300px;
	padding:0 0 80px;
	position:relative;
	background:url('./image/mainvisual_back.jpg') no-repeat #67bdff 50% 101% / 130%;
	text-align:center;
	}
#mainvisual article{}

#mainvisual h2{
	margin:10px auto 10px;
	width:var(--size_sp);
	font-size:15px;
	}

#mainvisual h2 span{
	padding:0 20px;
	background:#ffd11a;
	}

#mainvisual h3{
	margin:0 auto;
	width:var(--size_sp);
	line-height:1.4;
	font-size:11px;
	letter-spacing:0;
	}
#mainvisual h3 span{}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#mainvisual h2{width:var(--size_sp_s);}
#mainvisual h3{width:var(--size_sp_s);}
}/* ------- *//* 360 */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#mainvisual h2{width:var(--size_sp_l);}
#mainvisual h3{width:var(--size_sp_l);}
}/* ------- *//* 400 */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#mainvisual{background:url('./image/mainvisual_back.jpg') no-repeat #67bdff 50% 100% / cover;}
#mainvisual img{width:100%;}
#mainvisual h2{width:var(--size_tab);font-size:24px;}
#mainvisual h3{
	width:var(--size_tab);
	line-height:1.6;
	font-size:18px;
	letter-spacing:0;
	}
#mainvisual h3 br.sp{display:none;}
}/* ------- *//* 768 */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#mainvisual img{width:auto;}
#mainvisual h2{width:var(--size_pc);}
#mainvisual h3{width:var(--size_pc);}
}/* ------- *//* 980 */

/* -------------------------------------------------------------- */
/* nav */
/* -------------------------------------------------------------- */
#mainvisual .campaign{
	margin:0 auto;
	width:var(--size_sp);
	position:absolute;
	bottom:-225px;
	left:0;
	right:0;
	}

#mainvisual .campaign ul{
	margin:0 auto;
	border-radius:10px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:336px;
	background:rgba( 255, 255, 255, 0.5 );
	box-shadow:rgba(169, 209, 229, 0.3) 0px 2px 8px 0px;
	}
#mainvisual .campaign li{
	margin:5px auto;
	border-right:1px solid #d3e9f9;
	border-left:1px solid #d3e9f9;
	list-style:none;
	width:112px;
	box-sizing:border-box;
	}
#mainvisual .campaign li:nth-of-type(3n+1){padding-left:1px;border-left:none;}
#mainvisual .campaign li:nth-of-type(3n+3){padding-right:1px;border-right:none;}

#mainvisual .campaign li a{
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	position:relative;
	width:100px;
	height:130px;
	line-height:1.4;
	color:var(--color_main);
	font-size:11px;
	font-weight: 900;
	letter-spacing:0;
	text-align:center;
	}
#mainvisual .campaign li a span{padding:0 0 15px;}

#mainvisual .campaign a::after{
	margin:auto;
	content:"";
	position:absolute;
	top:-10px;
	left:0;
	right:0;
	width:60px;
	height:80px;
	background-repeat:no-repeat;
	background-size:100%;
	transition:all .3s;
	}
#mainvisual .campaign #nav_dinosaur a::after{background-image:url('./image/dinosaur/robo.png');width:100px;}
#mainvisual .campaign #nav_rollerskate a::after{background-image:url('./image/rollerskate/robo.png');}
#mainvisual .campaign #nav_walkrobo a::after{background-image:url('./image/walkrobo/robo.png');}
#mainvisual .campaign #nav_introduction a::after{top:5px;width:76px;background-image:url('./image/introduction/robo.png');}
#mainvisual .campaign #nav_trial_mecha a::after{width:76px;background-image:url('./image/trial_mecha/robo.png');}
#mainvisual .campaign #nav_trial_pro a::after{background-image:url('./image/trial_pro/robo.png');}

@media (hover:hover){
#mainvisual .campaign a:hover{color:var(--color_over);}
#mainvisual .campaign a:hover::after{top:-20px;}
#mainvisual .campaign #nav_introduction a:hover::after{top:-10px;}
}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#mainvisual .campaign{width:var(--size_sp_s);}
#mainvisual .campaign ul{width:100%;}
#mainvisual .campaign li{width:calc(100% / 3);}

}/* ------- *//* 360 */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#mainvisual .campaign{width:var(--size_sp_l);}
}/* ------- *//* 400 */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#mainvisual{margin-bottom:200px;}
#mainvisual .campaign{
	width:var(--size_tab);
	bottom:-100px;
	}
#mainvisual .campaign ul{width:696px;}
#mainvisual .campaign li{width:116px;}
#mainvisual .campaign li:nth-of-type(4){padding-left:auto;border-left:1px solid #d3e9f9;}
#mainvisual .campaign li:nth-of-type(3){padding-right:auto;border-right:1px solid #d3e9f9;}
}/* ------- *//* 768 */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#mainvisual .campaign{width:var(--size_pc);}
#mainvisual .campaign ul{width:960px;}
#mainvisual .campaign li{width:160px;}
}/* ------- *//* 980 */


/* -------------------------------------------------------------- */
/* category */
/* -------------------------------------------------------------- */
.category *{margin:0;padding:0;}
.category{
	margin:0 auto 100px;
	padding:0 0 40px;
	position:relative;
	}
.category::after{
	content:'';
	position:absolute;
	top:0;
	width:100%;
	height:230px;
	}
#dinosaur::after{background:url('./image/dinosaur/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}
#rollerskate::after{background:url('./image/rollerskate/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}
#walkrobo::after{background:url('./image/walkrobo/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}
#introduction::after{background:url('./image/introduction/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}
#trial_mecha::after{background:url('./image/trial_mecha/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}
#trial_pro::after{background:url('./image/trial_pro/mainvisual_back_sp.png') no-repeat 50% 0% / 100%;}

.category .inner{
	margin:0 auto;
	width:var(--size_sp);
	}

/* tag */
.category .tag{
	margin:0 auto;
	position:relative;
	width:var(--size_sp);
	}
.category .tag ul{
	position:absolute;
	top:-20px;
	right:0;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	z-index:5;
	}
.category .tag li{
	margin:0 0 0 4px;
	border-radius:6px;
	list-style:none;
	display:flex;
	justify-content:center;
	align-items:center;
	width:80px;
	height:40px;
	line-height:1.3;
	color:#fff;
	text-align:center;
	font-weight:900;
	font-size:12px;
	}
.category .tag li.long{width:120px;}

.mecha .tag li{background:var(--mecha);}
.pro .tag li{background:var(--pro);}

/* mainvisual */
.category .mainvisual{
	margin:0 0 80px;
	padding:30px 0 0;
	position:relative;
	z-index:1;
	}
.category .mainvisual::after{
	content:'';
	position:absolute;
	bottom:-95px;
	right:0px;
	width:130px;
	height:160px;
	}
#dinosaur .mainvisual::after{width:190px;right:-16px;background:url('./image/dinosaur/robo.png') no-repeat 50% 50% / 100%;}
#rollerskate .mainvisual::after{background:url('./image/rollerskate/robo.png') no-repeat 50% 50% / 100%;}
#walkrobo .mainvisual::after{background:url('./image/walkrobo/robo.png') no-repeat 50% 50% / 100%;}
#introduction .mainvisual::after{bottom:-116px;right:0;background:url('./image/introduction/robo.png') no-repeat 50% 50% / 100%;}
#trial_mecha .mainvisual::after{bottom:-100px;right:-5px;background:url('./image/trial_mecha/robo.png') no-repeat 50% 50% / 100%;}
#trial_pro .mainvisual::after{width:110px;background:url('./image/trial_pro/robo.png') no-repeat 50% 50% / 100%;}

.category .mainvisual h2{width:80%;}

/* lead */
.category .lead{
	margin:0 auto 30px;
	}
.category .lead h3{
	margin:0 0 10px;
	line-height:1.4;
	font-size:20px;
	}
.mecha .lead h3{color:var(--mecha);}
.pro .lead h3{color:var(--pro);}

.category .lead p{
	margin:0 0 1em;
	font-weight:700;
	}
.mecha .lead p strong{color:var(--mecha);}
.pro .lead p strong{color:var(--pro);}

/* point */
.category .point{
	margin:0 auto 60px;
	font-weight:900;
	}
.category .point h4{
	margin:0 auto 10px;
	position:relative;
	text-align:center;
	}
.mecha .point h4{color:var(--mecha);}
.pro .point h4{color:var(--pro);}

.category .point h4::before,
.category .point h4::after{
	content:" ";
	position:absolute;
	bottom:10px;
	width:24px;
	display:block;
	border-radius:10px;
	height:3px;
	}
.mecha .point h4::before, .mecha .point h4::after{background-color:var(--mecha);}
.pro .point h4::before, .pro .point h4::after{background-color:var(--pro);}

.category .point h4::before{
	left:calc( 50% + -110px );
	rotate:65deg;
	}
.category .point h4::after{
	right:calc( 50% + -110px );
	rotate:125deg;
	}

.category .point ul{
	display:flex;
	justify-content:space-between;
	}
.category .point li{
	margin:0 auto;
	border:2px solid;
	border-radius:50%;
	position:relative;
	display:grid;
	place-content:center;
	width:110px;
	height:110px;
	letter-spacing:0;
	font-size:10px;
	box-sizing:border-box;
	list-style:none;
	text-align:center;
	}
.mecha .point li{border-color:var(--mecha);}
.pro .point li{border-color:var(--pro);}

.category .point li::before{
	content:" ";
	position:absolute;
	bottom:2px;
	right:4px;
	width:16px;
	height:16px;
	box-sizing:border-box;
	background-color:#f6fbfe;
	rotate:45deg;
	translate:-50%;
	}

.category .point li::after{
	content:" ";
	position:absolute;
	bottom:8px;
	right:8px;
	width:24px;
	display:block;
	border-radius:10px;
	height:3px;
	rotate:45deg;
	}
.mecha .point li::after{background-color:var(--mecha);}
.pro .point li::after{background-color:var(--pro);}

.mecha .point li span{color:var(--mecha);}
.pro .point li span{color:var(--pro);}


/* block */
.category .block{
	margin:0 auto 20px;
	}

/* about */
.category .about{
	margin:0 auto 20px;
	padding:10px 0;
	border-radius:10px;
	position:relative;
	background:rgba( 255, 255, 255, 0.5 );
	box-shadow:rgba(169, 209, 229, 0.3) 0px 2px 8px 0px;
	font-weight:600;
	width:var(--size_sp);
	}
.category .about::after{
	margin:auto;
	content:" ";
	position:absolute;
	top:95px;
	right:0;
	width:105px;
	height:100px;
	}
#dinosaur .about::after{background:url('./image/dinosaur/report.png') no-repeat 50% 50% / 100%;}
#rollerskate .about::after{top:98px;background:url('./image/rollerskate/report.png') no-repeat 50% 50% / 100%;}
#walkrobo .about::after{width:128px;background:url('./image/walkrobo/report.png') no-repeat 50% 50% / 100%;}
#introduction .about::after{background:url('./image/introduction/report.png') no-repeat 50% 50% / 100%;}
#trial_mecha .about::after{background:url('./image/trial_mecha/report.png') no-repeat 50% 50% / 100%;}
#trial_pro .about::after{top:48px;background:url('./image/trial_pro/report.png') no-repeat 50% 50% / 100%;}

.category .about h4{
	margin:0 auto 10px;
	position:relative;
	display:flex;
	align-items:center;
	width:300px;
	line-height:1.3;
	z-index:1;
	}
.category .about h4 img{
	margin:0 10px 0 0;
	width:auto;
	}
.category .about h4 em{
	font-style:normal;
	}
.category .about h4 span{
	display:block;
	font-size:12px;
	}

.category .about dl{
	margin:0 auto 5px;
	display:flex;
	align-items:flex-start;
	width:300px;
	}
.category .about dt{
	margin:0 15px 0 0;
	border-radius:50px;
	width:80px;
	color:#fff;
	text-align:center;
	}
.mecha .about dt{background:var(--mecha);}
.pro .about dt{background:var(--pro);}

.category .about dd{}
.category .about dd em{
	font-style:normal;
	font-size:12px;
	}
.category .about dd span{
	color:#999;
	font-size:12px;
	display:block;
	}
.category .about p{
	margin:10px 0 0 20px;
	color:#999;
	line-height:1.4;
	font-size:11px;
	font-weight:500;
	}


/* entry */
.category .entry{
	margin:0 auto;
	padding:20px 0;
	border-radius:10px;
	position:relative;
	background:rgba( 255, 255, 255, 0.5 );
	box-shadow:rgba(169, 209, 229, 0.3) 0px 2px 8px 0px;
	width:var(--size_sp);
	}
.category .entry::after{
	content:"";
	position:absolute;
	top:-30px;
	right:10px;
	width:70px;
	height:80px;
	animation:popup 2s ease-in-out infinite;
	transition:0.5s ease-in-out;
	}
#dinosaur .entry::after{background:url('./image/dinosaur/fig.png') no-repeat 50% 50% / 100%;}
#rollerskate .entry::after{background:url('./image/rollerskate/fig.png') no-repeat 50% 50% / 100%;}
#walkrobo .entry::after{background:url('./image/walkrobo/fig.png') no-repeat 50% 50% / auto 100%;}
#introduction .entry::after{background:url('./image/introduction/fig.png') no-repeat 50% 50% / 100%;}
#trial_mecha .entry::after{width:90px;background:url('./image/trial_mecha/fig.png') no-repeat 50% 50% / 100%;}
#trial_pro .entry::after{background:url('./image/trial_pro/fig.png') no-repeat 50% 50% / 100%;}

@keyframes popup{
	0%{transform:translate(0, 0);}
	2%{transform:translate(0, 2px);}
	20%{transform:translate(0, -20px);}
	30%{transform:translate(0, 0);}
	100%{transform:translate(0, 0);}
	}

.category .entry h4{
	margin:0 auto 20px;
	color:var(--color_base);
	font-size:16px;
	text-align:center;
	}

/* select */
.category .entry .select{
	margin:0 auto 20px;
	position:relative;
	width:240px;
	}
.category .entry select{
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	position:relative;
	width:100%;
	line-height:1.6;
	color:#000;
	background:#fff;
	box-sizing:border-box;
	font-size:14px;
	font-family:'Noto Sans JP',Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	z-index:1;
	cursor:pointer;
	vertical-align:bottom;
	}
.category .entry .select::after{
	margin:auto 0;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 6px 0 6px;
	border-color:#666 transparent transparent transparent;
	z-index:5;
	}
.category .entry .select::-ms-expand{display:none;}
@media (hover:hover){.category .entry select:hover{border:1px solid var(--color_base);transition:all .3s;}}
.category .entry select:focus{border:1px solid var(--color_base);outline:none;}

/* button */
.category .entry button{
	margin:0 auto;
	border:2px solid var(--color_base);
	border-radius:40px;
	display:block;
	width:240px;
	line-height:48px;
	color:#fff;
	background:url('./image/ic_search.png') no-repeat 10px 46% var(--color_base);
	font-size:16px;
	font-weight:900;
	transition:all .3s;
	}

@media (hover:hover){
.category .entry button:hover{
	border:2px solid var(--color_base);
	color:var(--color_base);
	background:url('./image/ic_search_on.png') no-repeat 10px 46% #fff;
	cursor:pointer;
	}
}
.category .entry button[type="submit"]:focus{outline:0;}

/* more */
.category .more{
	margin:0 auto 40px;
	}
.category .more a{
	padding:10px 30px 10px 5px;
	border-radius:6px;
	position:relative;
	display:block;
	line-height:1.3;
	color:#fff;
	font-size:12px;
	font-weight:700;
	text-align:right;
	letter-spacing:0;
	}

.mecha .more a{background:var(--mecha);}
.pro .more a{background:var(--pro);}

.category .more a::before{
	content:"";
	margin:auto;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	width:6px;
	height:6px;
	transform: rotate(45deg);
	transition:all .3s;
	}
.category .more em{font-style:normal;}
.category .more span{font-size:10px;}

@media (hover:hover){
.category .more a:hover{color:#fff;background:var(--color_over);}
.category .more a:hover::before{border-color:#fff;right:8px;}
}


/* photo */
.category .photo{
	margin:0auto 50px;
	position:relative;
	display:flex;
	align-items:center;
	overflow:hidden;
	width:100%;
	}
.category .photo ul{
	display:flex;
	flex-shrink:0;
	width:100vw;
	animation:photo-loop 60s infinite linear 0.5s both;
	}

.category .photo li{
	padding:0 5px;
	list-style:none;
	width:calc(100vw/5);
	}
.category .photo li img{
	border-radius:6px;
	width:100%;
	}

@keyframes photo-loop{
	from{transform: translateX(-100%);}
	to{transform: translateX(0%);}
	}


/* 360 *//* ------- */@media print, screen and (max-width:360px){
.category .inner{width:var(--size_sp_s);}
.category .tag{width:var(--size_sp_s);}
.category .lead h3{font-size:18px;}
.category .point li{width:calc(100% / 3);aspect-ratio:1/1;height:auto;font-size:9px;}
.category .about{width:var(--size_sp_s);}
.category .about::after{width:85px;height:90px;}
#walkrobo .about::after{width:85px;}
.category .about h4{width:95%;}
.category .about dl{width:95%;}
.category .about dt{width:30%;}
.category .about dd{width:70%;}
.category .about p{font-size:10px;}
.category .entry{width:var(--size_sp_s);}
}/* ------- *//* 360 */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
.category .inner{width:var(--size_sp_l);}
.category .tag{width:var(--size_sp_l);}
.category .about{width:var(--size_sp_l);}
.category .about::after{width:120px;height:120px;}
#introduction .about::after{top:90px;}
#trial_mecha .about::after{top:45px;}
#trial_pro .about::after{top:45px;}

.category .entry{width:var(--size_sp_l);}

}/* ------- *//* 400 */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
.category::after{display:none;}
.category .inner{
	position:relative;
	width:var(--size_tab);
	}
.category .inner::after{
	content:'';
	border-radius:10px;
	position:absolute;
	top:0;
	right:0;
	width:278px;
	height:348px;
	}
#dinosaur .inner::after{background:url('./image/dinosaur/mainvisual_back.png') no-repeat 50% 50% / 100%;}
#rollerskate .inner::after{background:url('./image/rollerskate/mainvisual_back.png') no-repeat 50% 50% / 100%;}
#walkrobo .inner::after{background:url('./image/walkrobo/mainvisual_back.png') no-repeat 50% 50% / 100%;}
#introduction .inner::after{background:url('./image/introduction/mainvisual_back.png') no-repeat 50% 50% / 100%;}
#trial_mecha .inner::after{background:url('./image/trial_mecha/mainvisual_back.png') no-repeat 50% 50% / 100%;}
#trial_pro .inner::after{background:url('./image/trial_pro/mainvisual_back.png') no-repeat 50% 50% / 100%;}

.category .tag{width:var(--size_tab);}
.category .tag ul{right:10px;}
.category .tag li{width:75px;}
.category .tag li.long{width:100px;}

.category .mainvisual{margin-bottom:30px;padding:0;}
.category .mainvisual::after{
	bottom:-210px;
	right:20px;
	width:240px;
	height:300px;
	}
#dinosaur .mainvisual::after{bottom:-180px;width:360px;}
#rollerskate .mainvisual::after{}
#walkrobo .mainvisual::after{}
#introduction .mainvisual::after{bottom:-220px;right:10px;}
#trial_mecha .mainvisual::after{bottom:-220px;right:10px;}
#trial_pro .mainvisual::after{width:230px;}

.category .mainvisual h2 img{width:400px;}

.category .lead{margin:0 0 50px;width:400px;}
.category .lead h3{font-size:24px;}

.category .point h4{margin-bottom:20px;font-size:24px;}
.category .point h4::before,
.category .point h4::after{bottom:15px;width:30px;height:4px;}
.category .point h4::before{left:calc( 50% + -160px );}
.category .point h4::after{right:calc( 50% + -160px );}
.category .point ul{
	margin:0 auto;
	width:640px;
	}
.category .point li{
	border-width:3px;
	width:200px;
	height:200px;
	font-size:16px;
	letter-spacing:1px;
	}
.category .point li::before{bottom:12px;right:14px;}
.category .point li::after{bottom:18px;right:18px;height:4px;}

.category .block{
	display:flex;
	justify-content:space-between;
	}

.category .about{margin:0;width:400px;}
.category .about h4{margin:0 0 10px 20px;width:auto;}
.category .about dl{margin:0 20px 5px;font-size:14px;}

.category .about::after{
	top:85px;
	right:-10px;
	width:140px;
	height:140px;
	}
#rollerskate .about::after{top:85px;}
#walkrobo .about::after{width:160px;height:140px;}
#introduction .about::after{top:55px;width:160px;}
#trial_mecha .about::after{width:160px;}
#trial_pro .about::after{top:28px;}

.category .entry{margin:0;}
.category .entry{width:280px;}
.category .entry::after{top:-45px;right:0;}

.category .more a{
	padding:15px 30px 15px 5px;
	font-size:14px;
	}
.category .more a br{display:none;}
.category .more span{font-size:14px;}

}/* ------- *//* 768 */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
.category .inner{width:var(--size_pc);}
.category .tag{width:var(--size_pc);}
.category .inner::after{
	width:440px;
	height:540px;
	}
.category .lead{width:480px;}
.category .point{padding-top:30px;}
.category .point ul{width:720px;}
.category .about{width:680px;padding-top:20px;}
.category .about h4{margin-left:60px;}
.category .about dl{margin:0 60px 5px;width:auto;}
.category .about dd span{display:inline;}
.category .about p{margin-left:60px;}

.category .mainvisual::after{
	bottom:-350px;
	right:0;
	width:400px;
	height:400px;
	}
#dinosaur .mainvisual::after{bottom:-320px;width:500px;}
#rollerskate .mainvisual::after{background:url('./image/rollerskate/robo.png') no-repeat 50% 50% / auto;}
#walkrobo .mainvisual::after{background:url('./image/walkrobo/robo.png') no-repeat 50% 50% / auto;}
#introduction .mainvisual::after{bottom:-430px;right:40px;width:340px;}
#trial_mecha .mainvisual::after{bottom:-400px;width:340px;}
#trial_pro .mainvisual::after{bottom:-380px;width:340px;}

.category .about::after{
	top:0;
	right:-10px;
	width:240px;
	height:200px;
	}
#dinosaur .about::after{}
#rollerskate .about::after{top:0;}
#walkrobo .about::after{width:240px;height:200px;}
#introduction .about::after{top:0;width:240px;}
#trial_mecha .about::after{top:0;width:240px;}
#trial_pro .about::after{top:0;}

}/* ------- *//* 980 */

/* -------------------------------------------------------------- */
/* schedule */
/* -------------------------------------------------------------- */
#schedule *{margin:0;padding:0;}
#schedule{
	padding:60px 0 30px;
	background:url('./image/schedule_back.png') repeat-x 50% 0 #fff;
	}

#schedule h2{
	margin:0 auto 30px;
	position:relative;
	text-align:center;
	font-size:18px;
	}

#schedule h2::before,
#schedule h2::after{
	content:" ";
	position:absolute;
	bottom:10px;
	width:24px;
	display:block;
	border-radius:10px;
	height:3px;
	background-color:var(--color_main);
	}

#schedule h2::before{
	left:calc( 50% + -170px );
	rotate:65deg;
	}
#schedule h2::after{
	right:calc( 50% + -170px );
	rotate:125deg;
	}

/* search */
#schedule #search{
	margin:0 auto 60px;
	padding:20px 0;
	border-radius:10px;
	width:var(--size_sp);
	background:rgba( 255, 255, 255, 0.5 );
	box-shadow:rgba(169, 209, 229, 0.3) 0px 2px 8px 0px;
	}

#schedule #search ul{margin:0 auto;}
#schedule #search li{
	margin:0 auto 10px;
	list-style:none;
	width:260px;
	}
#schedule #search input{display:none;}

#schedule #search span{
	padding:10px 0 10px 84px;
	border:1px solid;
	border-radius:6px;
	display:flex;
	align-items:center;
	position:relative;
	cursor:pointer;
	height:40px;
	line-height:1.3;
	letter-spacing:0;
	font-size:14px;
	font-weight:600;
	}

#schedule #search #search_dinosaur span,
#schedule #search #search_rollerskate span,
#schedule #search #search_walkrobo span,
#schedule #search #search_trial_mecha span{
	color:var(--mecha);
	border-color:var(--mecha);
	}

#schedule #search #search_introduction span,
#schedule #search #search_trial_pro span{
	color:var(--pro);
	border-color:var(--pro);
	}
#schedule #search #search_dinosaur span{background:url('/school/image/ws_dinosaur.png') no-repeat 34px 50%;}
#schedule #search #search_rollerskate span{background:url('/school/image/ws_rollerskate.png') no-repeat 34px 50%;}
#schedule #search #search_walkrobo span{background:url('/school/image/ws_walkrobo.png') no-repeat 34px 50%;}
#schedule #search #search_introduction span{background:url('/school/image/ws_introduction_pro.png') no-repeat 34px 50%;}
#schedule #search #search_trial_mecha span{background:url('/school/image/trial_mechanics.png') no-repeat 34px 50%;}
#schedule #search #search_trial_pro span{background:url('/school/image/trial_programming.png') no-repeat 34px 50%;}

#schedule #search span::before{
	content: "";
	display:block;
	position:absolute;
	top:20px;
	left:8px;
	width:15px;
	height:15px;
	border:1px solid #c1d1d6;
	border-radius:3px;
	}

#schedule #search #search_dinosaur input:checked + span,
#schedule #search #search_rollerskate input:checked + span,
#schedule #search #search_walkrobo input:checked + span,
#schedule #search #search_trial_mecha input:checked + span{
	color:var(--mecha);
	background-color:#f9facb;
	}

#schedule #search #search_introduction input:checked + span,
#schedule #search #search_trial_pro input:checked + span{
	color:var(--pro);
	background-color:#dff2fd;
	}

#schedule #search #search_dinosaur input:checked + span::before,
#schedule #search #search_rollerskate input:checked + span::before,
#schedule #search #search_walkrobo input:checked + span::before,
#schedule #search #search_trial_mecha input:checked + span::before{border-color:var(--mecha);}
#schedule #search #search_introduction input:checked + span::before,
#schedule #search #search_trial_pro input:checked + span::before{border-color:var(--pro);}

#schedule #search input:checked + span::after{
	content:"";
	display:block;
	position:absolute;
	top:15px;
	left:13px;
	width:7px;
	height:14px;
	transform:rotate(40deg);
	border-bottom:3px solid var(--color_base);
	border-right:3px solid var(--color_base);
	}
#schedule #search #search_dinosaur input:checked + span::after,
#schedule #search #search_rollerskate input:checked + span::after,
#schedule #search #search_walkrobo input:checked + span::after,
#schedule #search #search_trial_mecha input:checked + span::after{border-color:var(--mecha);}
#schedule #search #search_introduction input:checked + span::after,
#schedule #search #search_trial_pro input:checked + span::after{border-color:var(--pro);}


#schedule #search .block{
	padding:20px 0 0;
	}

/* select */
#schedule #search .select{
	margin:0 auto 15px;
	padding:0;
	position:relative;
	width:260px;
	}

#schedule #search select{
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	position:relative;
	width:100%;
	line-height:1.6;
	color:#000;
	background:#fff;
	font-size:14px;
	font-family:'Noto Sans JP',Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	z-index:1;
	cursor:pointer;
	vertical-align:bottom;
	}
#schedule #search .select::after{
	margin:auto 0;
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 6px 0 6px;
	border-color:#666 transparent transparent transparent;
	z-index:5;
	}
#schedule #search .select::-ms-expand{display:none;}
@media (hover:hover){#schedule #search select:hover{border:1px solid var(--color_base);}}
#schedule #search select:focus{border:1px solid var(--color_base);outline:none;}

/* button */
#schedule #search .bottom{
	margin:0 auto;
	width:260px;
	text-align:center;
	}

#schedule #search button{
	margin:0 auto;
	border:2px solid var(--color_base);
	border-radius:40px;
	position:relative;
	width:260px;
	line-height:40px;
	color:#fff;
	background:url('./image/ic_search.png') no-repeat 5% 48% var(--color_base);
	font-size:12px;
	font-weight:900;
	transition:all .3s;
	}

@media (hover:hover){
#schedule #search button:hover{
	border:2px solid var(--color_base);
	color:var(--color_base);
	background:url('./image/ic_search_on.png') no-repeat 5% 48% #fff;
	cursor:pointer;
	}
}
#schedule #search button[type="submit"]:focus{outline:0;}


/* list */
#schedule #list{
	margin:0 auto 60px;
	padding:0;
	border-radius:10px;
	width:var(--size_sp);
	background:rgba( 255, 255, 255, 0.5 );
	box-shadow:rgba(169, 209, 229, 0.3) 0px 2px 8px 0px;
	}

#schedule #list div{
	margin:0 20px;
	padding:20px 0 20px;
	border-bottom:1px solid #eee;
	}
#schedule #list div:last-of-type{border:none;}

#schedule #list .detail{
	margin:0;
	padding:0;
	border:none;
	font-weight:600;
	}

/* 都道府県 */
#schedule #list .detail p{
	margin:0 0 5px;
	border-radius:3px;
	border:1px solid;
	width:80px;
	text-align:center;
	font-size:13px;
	box-sizing:border-box;
	}
#schedule #list .detail p.hokkaido{border-color:#5ba3e8;color:#5ba3e8;}
#schedule #list .detail p.tohoku{border-color:#73ced9;color:#73ced9;}
#schedule #list .detail p.kanto{border-color:#6eb92a;color:#6eb92a;}
#schedule #list .detail p.hokuriku{border-color:#bcd443;color:#bcd443;}
#schedule #list .detail p.tokai{border-color:#ecd32a;color:#ecd32a;}
#schedule #list .detail p.kinki{border-color:#fcb74d;color:#fcb74d;}
#schedule #list .detail p.chugoku{border-color:#fd7f5d;color:#fd7f5d;}
#schedule #list .detail p.kyusyu{border-color:#fc8091;color:#fc8091;}

#schedule #list .detail dl{margin:0 10px 10px 0;}
#schedule #list .detail dt{
	font-size:18px;
	}
#schedule #list .detail dd{
	color:#999;
	line-height:1.3;
	font-size:14px;
	}

/* entry */
#schedule #list .detail .entry{
	margin:0 auto 10px;
	border:none;
	width:200px;
	}
#schedule #list .detail .entry a{
	margin:0 auto;
	padding:3px 0;
	border:2px solid var(--color_base);
	border-radius:60px;
	display:block;
	position:relative;
	width:200px;
	color:#fff;
	background:var(--color_base);
	text-align:center;
	box-sizing:border-box;
	}
#schedule #list .detail .entry a::before{
	content:"";
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:11px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg);
	transition:all .3s;
	}

/* over */
@media (hover:hover){
#schedule #list .detail .entry a:hover{
	color:var(--color_base);
	background:#fff;
	}
#schedule #list .detail .entry a:hover::before{
	border-color:var(--color_base);
	right:7px;
	}
}


/* schedule */
/* -------------------------------------------------------------- */
#schedule #list .schedule{
	margin:0;
	padding:0;
	border:none;
	}
#schedule #list .schedule ul{
	padding:0 0 0 34px;
	}

#schedule #list .schedule .dinosaur{background:url('/school/image/ws_dinosaur.png') no-repeat 0 0 / 24px;}
#schedule #list .schedule .rollerskate{background:url('/school/image/ws_rollerskate.png') no-repeat 0 0 / 24px;}
#schedule #list .schedule .walkrobo{background:url('/school/image/ws_walkrobo.png') no-repeat 0 0 / 24px;}
#schedule #list .schedule .introduction{background:url('/school/image/ws_introduction_pro.png') no-repeat 0 0 / 24px;}
#schedule #list .schedule .mecha{background:url('/school/image/trial_mechanics.png') no-repeat 0 0 / 24px;}
#schedule #list .schedule .pro{background:url('/school/image/trial_programming.png') no-repeat 0 0 / 24px;}

#schedule #list .schedule li{
	margin:0 0 5px;
	padding:0;
	list-style:none;
	}

#schedule #list .schedule .dinosaur li,
#schedule #list .schedule .rollerskate li,
#schedule #list .schedule .walkrobo li,
#schedule #list .schedule .mecha li{background:#fbfbda;}
#schedule #list .schedule .introduction li,
#schedule #list .schedule .pro li{background:#eff8fe;}

#schedule #list .schedule dl{
	margin:0 0 0 30px;
	display:flex;
	}
#schedule #list .schedule dt{
	width:80px;
	color:#666;
	font-size:14px;
	font-weight:bold;
	}
#schedule #list .schedule dd{
	width:120px;
	line-height:2;
	color:#999;
	font-size:13px;
	text-align:left;
	}

#schedule #list .schedule li.num dl{}
#schedule #list .schedule li.num dt{position:relative;}
#schedule #list .schedule li.num dt::before{
	margin:auto;
	border-radius:50%;
	position:absolute;
	top:-1px;
	bottom:0;
	left:-24px;
	display:inline-block;
	width:15px;
	height:15px;
	line-height:14px;
	color:#fff;
	background:var(--pro);
	text-align:center;
	font-size:12px;
	text-indent:1px;
	}
#schedule #list .schedule li.num dl:nth-of-type(1) dt::before{content:"1";}
#schedule #list .schedule li.num dl:nth-of-type(2) dt::before{content:"2";}
#schedule #list .schedule li.num dl:nth-of-type(3) dt::before{content:"3";}

/* none */
#schedule #list .schedule ul.none{
	padding:10px 0;
	background:#eee;
	justify-content:center;
	line-height:1.4;
	font-size:12px;
	}
#schedule #list .schedule ul.none li{
	margin:0;
	padding:0;
	width:auto;
	font-weight:400;
	color:#999;
	list-style:none;
	}
#schedule #list .schedule ul.none li{text-align:center;}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#schedule #search{width:var(--size_sp_s);}
#schedule #list{width:var(--size_sp_s);}
}/* ------- *//* 360 */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#schedule #search{width:var(--size_sp_l);}
#schedule #list{width:var(--size_sp_l);}
}/* ------- *//* 400 */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#schedule h2{font-size:24px;}
#schedule h2::before,
#schedule h2::after{bottom:15px;width:30px;height:4px;}
#schedule h2::before{left:calc( 50% + -220px );}
#schedule h2::after{right:calc( 50% + -220px );}

#schedule #search{width:var(--size_tab);}
#schedule #search ul{
	display:flex;
	flex-wrap:wrap;
	width:640px;
	}
#schedule #search li{
	margin:0 10px 10px;
	width:300px;
	}

#schedule .block{
	margin:0 auto;
	display:flex;
	width:640px;
	}
#schedule #search .select{width:300px;}
#schedule #search select{padding:22px 10px;}
#schedule #search .bottom{width:300px;}
#schedule #search button{
	width:300px;
	line-height:64px;
	font-size:16px;
	}

#schedule #list{width:var(--size_tab);}
#schedule #list .detail .entry{margin:0 0 10px auto;}

#schedule #list .schedule ul{
	display:flex;
	flex-wrap:wrap;
	}
#schedule #list .schedule li{width:300px;}
#schedule #list .schedule li:nth-of-type(odd){margin-right:24px;}
#schedule #list .schedule ul.none{font-size:14px;}
}/* ------- *//* 768 */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#schedule #search{width:var(--size_pc);}
#schedule #search ul{width:960px;}
#schedule #list{width:var(--size_pc);}
#schedule #list .schedule li{width:290px;}
#schedule #list .schedule li{margin-right:18px;}
#schedule #list .schedule li:nth-of-type(odd){margin-right:18px;}
#schedule #list .schedule li:nth-of-type(3n){margin-right:0;}

}/* ------- *//* 980 */

/* -------------------------------------------------------------- */