/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/






.wd_top_fv_superbox{
	width : 100% ;
	height: 100vh ;
	/** background-color: #FFD600 ; **/
}

#wd_top_fv_video{
	display: block ;
	position: relative ;
	width: 100% ;
	height: 100%  ;
	object-fit: contain ;
}


#wd_top_manga_section{
	width: 100% ;
	height: 100vh;
	margin : 0px auto 0px ;
	/** background-color: #F7F4EC ; **/
}

.wd_top_manga_inner{
	width: 100% ;
	max-width: 1920px ;
	margin: 0px auto ;
	justify-content: center !important ;
}

.wd_top_manga_storyarea{
	width: 50% ;
	height: 100vh ;
	order : 2 ;
}

.wd_top_manga_imagearea{
	width: 50% ;
	height: 100vh ;
	justify-content: right !important ;
	order : 1 ;
}

.wd_top_manga_imagearea_a{
	width: 100% ;
	height: 50vh ;
	justify-content: right !important ;
}

.wd_top_manga_image_water,
.wd_top_manga_image_tone,
.wd_top_manga_image_irare,
.wd_top_manga_image_freehand,
.wd_top_manga_image_cg,
.wd_top_manga_image_4koma{
	width: 33.33% ;
	height: 50vh ;
	overflow: hidden ;
	z-index: 2 ;
	top : -40px ;
	opacity: 0 ;
}


.wd_top_manga_image_line{
	position: absolute ;
	top : 0% ;
	right: 0% ;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
	z-index: 1 ;
	opacity: 0 ;
}
.wd_top_manga_image_line img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}


.wd_top_manga_image_water img,
.wd_top_manga_image_tone img,
.wd_top_manga_image_irare img,
.wd_top_manga_image_freehand img,
.wd_top_manga_image_cg img,
.wd_top_manga_image_4koma img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_top_manga_image_kind{
	position: absolute;
	bottom : 20px ;
	left: 0px ;
	width: fit-content ;
	font-size: 14px ;
	background-color: rgba(255,255,255,1) ;
	/** box-shadow: 0px 4px 4px rgba(0,0,0,0.25); **/
	z-index: 2 ;
	padding : 0px 10px ;
	color : #978066 ;
	border-radius : 0px 100px 100px 0px ;
}

.wd_top_manga_story_superbox{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding: 0px 40px ;
}

.wd_top_manga_story_title{
	font-size: 32px ;
	color: #978066 ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	margin-top : 20px ;
	margin-bottom : 20px ;
	opacity: 0 ;
}
.wd_top_manga_story_text{
	margin-top : 20px ;
	color: #978066 ;
	opacity: 0 ;
}


#wd_top_coding_section{
	width: 100% ;
	/** background-color: #2B2B2B ; **/
	margin : 200px auto 0px ;
	padding: 100px 0px ;
	height: 100vh ;
	overflow: hidden ;
}

.wd_top_coding_back{
	position: absolute;
	top : -5% ;
	left: -5% ;
	width: 110% ;
	height: 110% ;
	z-index: 1 ;
	display: none;
}

.wd_top_coding_back img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}


.wd_top_coding_inner{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: calc( 100% - 40px );
	max-width: 1920px ;
	margin: 0px auto ;
	z-index: 4 ;
}

.wd_top_coding_sandbox{
	width: 50% ;
	min-height: 400px ;
	z-index: 4 ;
	border : 1px solid #A9FF00;
}
.wd_top_coding_css_super{
	width: 50% ;
	z-index: 4 ;
}


.wd_top_coding_storybox{
	color: #000000 ;
	top : 0% ;
	left : 0% ;

	/**
	color: #A9FF00 ;
	background-color: rgba(0,0,0,0.9);
	width: calc( 100% - 40px ) ;
	max-width: 400px  ;
	padding: 20px ;
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	**/
}



.wd_top_coding_title{
	font-size: 30px ;
	z-index: 2 ;
}
.wd_top_coding_text{
	margin-top: 20px ;
	font-size: 14px ;
	z-index: 2 ;
}

.wd_top_coding_storybox .wd_corner01{
	border-color : #A9FF00 ;
	top : -10px ;
	left: -10px ;
	display: block !important;
}
.wd_top_coding_storybox .wd_corner02{
	border-color : #A9FF00 ;
	top : -10px ;
	right: -10px ;
	display: block !important;
}
.wd_top_coding_storybox .wd_corner03{
	border-color : #A9FF00 ;
	bottom : -10px ;
	left: -10px ;
	display: block !important;
}
.wd_top_coding_storybox .wd_corner04{
	border-color : #A9FF00 ;
	bottom : -10px ;
	right: -10px ;
	display: block !important;
}




.wd_top_coding_css_stage{
	color: #FFFFFF ;
	padding: 120px 40px ;
}

.wd_top_coding_css02,
.wd_top_coding_css03,
.wd_top_coding_css04,
.wd_top_coding_css05,
.wd_top_coding_css06,
.wd_top_coding_css07,
.wd_top_coding_css08,
.wd_top_coding_css09,
.wd_top_coding_css10,
.wd_top_coding_css11,
.wd_top_coding_css12,
.wd_top_coding_css13{
	padding-left: 2rem ;
	width: fit-content;
}



#wd_top_company_section{
	width: 100% ;
	/** background-color: #FFD600 ; **/
	justify-content: center ;
	margin: 200px auto 0px ;
}
.wd_top_company_inner{
	width: 100% ;
	max-width: 1920px ;
	margin: 0px auto ;
}

.wd_top_company_storyarea{
	width: calc( 100% - 960px );
	max-width: 960px;
	height: 540px ;
	z-index: 4 ;
}
.wd_top_company_story_superbox{
	position: absolute;
	top : 50% ;
	right: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding: 0px 20px ;
	color: #332B00;
	/** text-align: right; **/
}


.wd_top_company_storybox_title{
	font-size: 32px ;
	text-shadow: 0px 4px 4px rgba(43,43,43,0.25);
	margin-bottom : 20px ;
}

.wd_top_company_storybox_story{
}

.wd_top_company_superbox{
	width: 960px ;
	height: 540px ;
	image-rendering: pixelated;
}

.wd_top_company_base{
	width: 100% ;
	z-index: 1 ;
}

.wd_top_company_aji{
	position: absolute;
	top : 128px ;
	left: 320px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_mozu{
	position: absolute;
	top : 0px ;
	left: 832px ;
	width: 64px ;
	z-index: 4 ;
}

.wd_top_company_nori{
	position: absolute;
	top : 448px ;
	left: 64px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_saba{
	position: absolute;
	top : 64px ;
	left: 576px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_sasa{
	position: absolute;
	top : 0px ;
	left: 896px ;
	width: 64px ;
	z-index: 4 ;
}

.wd_top_company_uni{
	position: absolute;
	top : 64px ;
	left: 256px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_man{
	position: absolute;
	top : 320px ;
	left: 640px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_woman{
	position: absolute;
	top : 64px ;
	left: 704px ;
	width: 128px ;
	z-index: 4 ;
}

.wd_top_company_mes{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	z-index: 6 ;
	cursor: pointer;
	display: none ;
}

.wd_top_company_hit_daihyo{
	position: absolute;
	top : 294px ;
	left: 638px ;
	width: 128px ;
	height: 128px ;
	cursor: pointer ;
	z-index: 5 ;
}
.wd_top_company_hit_staff{
	position: absolute;
	top : 116px ;
	left: 698px ;
	width: 128px ;
	height: 128px ;
	cursor: pointer ;
	z-index: 5 ;
}
.wd_top_company_hit_add{
	position: absolute;
	top : 196px ;
	left: 76px ;
	width: 128px ;
	height: 128px ;
	cursor: pointer ;
	z-index: 5 ;
}
.wd_top_company_hit_money{
	position: absolute;
	top : 0px ;
	left: 580px ;
	width: 128px ;
	height: 100px ;
	cursor: pointer ;
	z-index: 5 ;
}

.wd_top_company_hit_work{
	position: absolute;
	top : 256px ;
	left: 292px ;
	width: 256px ;
	height: 128px ;
	cursor: pointer ;
	z-index: 5 ;
}
.wd_top_company_hit_name{
	position: absolute;
	top : 0px ;
	left: 452px ;
	width: 128px ;
	height: 100px ;
	cursor: pointer ;
	z-index: 5 ;
}









#wd_top_moved_section{
	width: 100% ;
	height: 100vh ;
	margin: 0px auto 0px ;
	/** background-color: #FFFFFF ; **/
}


#wd_top_moved_video{
	display: block ;
	position: relative ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

.wd_top_moved_storyarea{
	position: absolute;
	top : 50% ;
	left: 40px ;
	width: fit-content ;
	max-width: 1280px ;
	padding: 40px ;
	transform: translate(0%,-50%);
	z-index: 4 ;
	border : 1px solid #FFFFFF ;
	background-color: rgba(255,255,255,0.2);
}

.wd_top_moved_story_corner01{
	position: absolute ;
	top : -10px ;
	left: -10px ;
	width: 20px ;
	height: 20px ;
	border-top : 1px solid #FFFFFF ;
	border-left: 1px solid #FFFFFF ;
}
.wd_top_moved_story_corner02{
	position: absolute ;
	top : -10px ;
	right: -10px ;
	width: 20px ;
	height: 20px ;
	border-top : 1px solid #FFFFFF ;
	border-right: 1px solid #FFFFFF ;
}
.wd_top_moved_story_corner03{
	position: absolute ;
	bottom : -10px ;
	left: -10px ;
	width: 20px ;
	height: 20px ;
	border-bottom : 1px solid #FFFFFF ;
	border-left: 1px solid #FFFFFF ;
}
.wd_top_moved_story_corner04{
	position: absolute ;
	bottom : -10px ;
	right: -10px ;
	width: 20px ;
	height: 20px ;
	border-bottom : 1px solid #FFFFFF ;
	border-right: 1px solid #FFFFFF ;
}

.wd_top_moved_story_title{
	width: auto ;
	font-size: 32px ;
	color: #332B00 ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}

.wd_top_moved_story_text{
	width: 100%;
	color: #332B00 ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	margin-top : 20px ;
}

.wd_top_manga_jack_wrap{
	position: absolute;
	bottom : 0% ;
	right: 0% ;
	width: 100% ;
	max-width: 640px ;
	height: 100% ;
	max-height: 640px ;
	opacity: 0.5;
}

.wd_top_wp_jack_wrap{
	position: absolute;
	bottom : 0% ;
	left: 0% ;
	width: 100% ;
	max-width: 640px ;
	height: 100% ;
	max-height: 640px ;
	opacity: 0.9;
}
.wd_top_wp_jack_wrap .wd_jack_back{
	bottom : -20px ;
	left: -100px ;
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}



#wd_top_wp_section{
	width: 100% ;
	margin: 0px auto 0px ;
}



.wd_top_wp_storyarea{
	width: 50% ;
	height : 100vh ;
	/** background-color: #2B2B2B ; **/
	color: #FF6BC9 ;
}

.wd_top_wp_story_inner{
	float : right;
	width: 100% ;
	max-width: 640px ;
	padding: 100px 40px ;
}

.wd_top_wp_story_title{
	font-size: 32px ;
	text-shadow: 0px 0px 16px rgba(255,15,183,0.5);
	border-bottom: 2px solid #FF6BC9 ;
	padding-bottom: 20px ;
}
.wd_top_wp_story_text{
	margin-top : 20px ;
	text-shadow: 0px 0px 4px rgba(255,15,183,0.5);
}
.wd_top_wp_story_text_title{
	font-size: 18px ;
}
.wd_top_wp_story_text_li{
	margin-top : 10px ;
	margin-left: 2em ;
	border-left: 1px solid #FF6BC9;
	border-bottom: 1px solid #FF6BC9;
	padding: 0px 0px 10px 10px ;
}


.wd_top_wp_storyimagearea{
	width: 50% ;
}

.wd_top_wp_storyimagearea img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}





#wd_top_info_section{
	width: 100% ;
	margin: 200px auto 0px ;
	/** background-color: #2B2B2B ; **/
	padding : 40px 0px ;
	border-top : 1px solid #FFD600 ;
	border-bottom : 1px solid #FFD600 ;
}

.wd_top_info_superbox{
	width: 100% ;
	margin : 0px auto ;
	justify-content: center ;
	padding-left : 20px ;
	padding-right : 20px ;
}

.wd_top_info_itembox_wrap{
	width: 250px ;
	aspect-ratio: 1 / 2 ;
	margin-left: 0px ;
	margin-right: 0px ;
}

.wd_top_info_itembox{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 4 ;
}

.wd_top_info_itemtitlebox{
	width: 250px ;
	aspect-ratio: 1 / 2 ;
	background-color: #FFD900 ;
}

.wd_top_info_itemtitle_barbox{
	position: absolute;
	top : 0% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 100% ;
	max-width: 1080px ;
	padding: 0px 0px ;
	background-color: #FFD600 ;
	text-align: center ;
}

.wd_top_info_itembox_wrap .wd_corner01{
	border-color : #FFD600 ;
}
.wd_top_info_itembox_wrap .wd_corner02{
	border-color : #FFD600 ;
}
.wd_top_info_itembox_wrap .wd_corner03{
	border-color : #FFD600 ;
}
.wd_top_info_itembox_wrap .wd_corner04{
	border-color : #FFD600 ;
}



.wd_top_info_item_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
}
.wd_top_info_item_ol{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background: rgba(43,43,43,0.8) url("../images/common/pat_slash20.png");
	background-size: 16px ;
	z-index: 2 ;
}

.wd_top_info_title{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding: 0px 20px ;
	text-align: center ;
}

.wd_top_info_title_en{
	font-size: 24px ;
	text-shadow: 0px 2px 2px rgba(0,0,0,0.25);
}

.wd_top_info_title_jp{
	border-top : 1px solid #332B00 ;
	margin-top : 20px ;
	padding-top : 20px ;
}



.wd_top_info_item_cate.wd_cate_works{

}
.wd_top_info_item_cate.wd_cate_company{
	
}
.wd_top_info_item_cate.wd_cate_tech{
	
}

.wd_top_info_item_title{
	position: absolute ;
	bottom : 20px  ;
	left: 0%;
	width: 100% ;
	padding: 10px ;
	color: #FFD600 ;
	background-color: rgba(0,0,0,0.8);
}

.wd_top_info_item_date{
	position: absolute;
	top : 20px ;
	left: 0px ;
	width: fit-content ;
	height: 30px ;
	line-height: 30px ;
	padding: 0px 10px ;
	color: #FFD600 ;
	background-color: rgba(0,0,0,0.8);
}

.wd_top_info_item_cate{
	position: absolute;
	top : 54px ;
	left: 0px ;
	width: fit-content ;
	height: 30px ;
	line-height: 30px ;
	padding: 0px 10px ;
	color: #FFD600 ;
	background-color: rgba(0,0,0,0.8);
}




#wd_top_video_section{
	width: 100% ;
	margin: 0px auto 0px ;
	height: 100vh ;
}

#wd_top_video_video{
	position: relative ;
	display: block ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
}
.wd_top_video_ol{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 2 ;
	background: url("../images/common/pat_slash50.png");
	background-size: 8px ;
}

.wd_top_video_storybox_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 0% ;
	height: 100% ;
	background-color: rgba(0,0,0,0.8);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.25);
}

.wd_top_video_storybox{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	padding: 40px ;
	z-index: 4 ;
	text-align: center ;
	color: #7387FF ;
}

.wd_top_video_title{
	font-size: 32px ;
	margin-bottom : 20px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	opacity: 0 ;
	z-index: 4 ;
}

.wd_top_video_story_border{
	width: 200px ;
	height: 2px ;
	margin: 20px auto ;
	background-color: #7387FF ;
	opacity: 0 ;
	z-index: 4 ;
}
.wd_top_video_text{
	opacity: 0 ;
	z-index: 4 ;
}





#wd_top_inq_section{
	width: 100% ;
	padding : 200px 0px ;
}





#wd_top_lesson_section{
	width: 100% ;
	height: auto ;
	padding: 20px ;
}

.wd_top_lesson_superbox{
	
	width: 100% ;
	border-radius: 32px ;
	overflow: hidden ;
	padding: 20px 20px ;
}

.wd_top_lesson_back{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
	display: none ;
}

.wd_top_lesson_inner{
	width: 100% ;
	padding: 40px ;
	color: #143C8C ;
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px ;
	margin: 0px auto ;
	z-index: 4 ;
	opacity: 0 ;
}

.wd_top_lesson_title{
	font-size: 32px ;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.25);
	text-align: center ;
}

.wd_top_lesson_illust{
	width: 100% ;
	max-width: 640px ;
	margin: 20px auto 0px ;
}

.wd_top_lesson_story{
	margin-top : 20px ;
}





























































@media screen and (max-width: 1400px) {



}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1280px) {






.wd_top_fv_superbox{
}

#wd_top_fv_video{
}


#wd_top_manga_section{
	height: auto;
}

.wd_top_manga_inner{
}

.wd_top_manga_storyarea{
	width: 100% ;
	height: auto ;
	order : 1 ;
}

.wd_top_manga_imagearea{
	width: 100% ;
	height: auto ;
	justify-content: center !important ;
	order : 2 ;
}

.wd_top_manga_imagearea_a{
	width: 50% ;
	height: auto ;
	justify-content: right !important ;
}
.wd_top_manga_imagearea_a.wd_follow{
	justify-content: left !important ;
}

.wd_top_manga_image_water,
.wd_top_manga_image_tone,
.wd_top_manga_image_irare,
.wd_top_manga_image_freehand,
.wd_top_manga_image_cg,
.wd_top_manga_image_4koma{
	width: 33.33% ;
	max-width: 240px ;
	height: auto ;;
}


.wd_top_manga_image_line{
	position: absolute ;
	top : 0% ;
	right: 0% ;
	width: 100% ;
	height: 100% ;
	overflow: hidden ;
	z-index: 1 ;
	opacity: 0 ;
}
.wd_top_manga_image_line img{
	height: auto ;
	object-fit: none ;
}


.wd_top_manga_image_water img,
.wd_top_manga_image_tone img,
.wd_top_manga_image_irare img,
.wd_top_manga_image_freehand img,
.wd_top_manga_image_cg img,
.wd_top_manga_image_4koma img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.wd_top_manga_image_kind{
	font-size: 12px ;
}

.wd_top_manga_story_superbox{
	position: relative;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	padding: 40px 20px ;
	text-align: center ;
}

.wd_top_manga_story_title{
}
.wd_top_manga_story_text{
}


#wd_top_coding_section{
}

.wd_top_coding_back{
}

.wd_top_coding_back img{
}


.wd_top_coding_inner{
}

.wd_top_coding_sandbox{
}
.wd_top_coding_css_super{
}


.wd_top_coding_storybox{
}



.wd_top_coding_title{
}
.wd_top_coding_text{
}

.wd_top_coding_storybox .wd_corner01{
}
.wd_top_coding_storybox .wd_corner02{
}
.wd_top_coding_storybox .wd_corner03{
}
.wd_top_coding_storybox .wd_corner04{
}




.wd_top_coding_css_stage{
}

.wd_top_coding_css02,
.wd_top_coding_css03,
.wd_top_coding_css04,
.wd_top_coding_css05,
.wd_top_coding_css06,
.wd_top_coding_css07,
.wd_top_coding_css08,
.wd_top_coding_css09,
.wd_top_coding_css10,
.wd_top_coding_css11,
.wd_top_coding_css12,
.wd_top_coding_css13{
}



#wd_top_company_section{
}
.wd_top_company_inner{
}

.wd_top_company_storyarea{
	width: 100% ;
	max-width: 960px;
	height: auto ;
	margin : 0px auto ;
	order : 1 ;
}
.wd_top_company_story_superbox{
	position: relative;
	top : auto ;
	right: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	padding: 0px 40px ;
	text-align: center ;
}


.wd_top_company_storybox_title{
}

.wd_top_company_storybox_story{

}

.wd_top_company_superbox{
	width: 720px ;
	height: 405px ;
	z-index: 4 ;
	order: 2 ;
	margin-top : 20px ;
}

.wd_top_company_base{
}

.wd_top_company_aji{
	top : 96px ;
	left: 240px ;
	width: 96px ;
}

.wd_top_company_mozu{
	left: 624px ;
	width: 48px ;
}

.wd_top_company_nori{
	top : 336px ;
	left: 48px ;
	width: 96px ;
}

.wd_top_company_saba{
	top : 48px ;
	left: 432px ;
	width: 96px ;
}

.wd_top_company_sasa{
	left: 672px ;
	width: 48px ;
}

.wd_top_company_uni{
	top : 48px ;
	left: 192px ;
	width: 96px ;
}

.wd_top_company_man{
	top : 240px ;
	left: 480px ;
	width: 96px ;
}

.wd_top_company_woman{
	top : 48px ;
	left: 528px ;
	width: 96px ;
}

.wd_top_company_mes{
}

.wd_top_company_hit_daihyo{
	top : 220.5px ;
	left: 478.5px ;
	width: 96px ;
	height: 96px ;
}
.wd_top_company_hit_staff{
	top : 87px ;
	left: 523.5px ;
	width: 85px ;
	height: 96px ;
}
.wd_top_company_hit_add{
	top : 147px ;
	left: 57px ;
	width: 96px ;
	height: 96px ;
}
.wd_top_company_hit_money{
	left: 435px ;
	width: 96px ;
	height: 75px ;
}

.wd_top_company_hit_work{
	top : 192px ;
	left: 219px ;
	width: 192px ;
	height: 96px ;
}
.wd_top_company_hit_name{
	left: 339px ;
	width: 96px ;
	height: 75px ;
}









#wd_top_moved_section{
}


#wd_top_moved_video{
}

.wd_top_moved_storyarea{
}

.wd_top_moved_story_title{
}

.wd_top_moved_story_text{
}

.wd_top_manga_jack_wrap{

}

.wd_top_wp_jack_wrap{
}
.wd_top_wp_jack_wrap .wd_jack_back{
}



#wd_top_wp_section{
}



.wd_top_wp_storyarea{
	width: 100% ;
	height : auto ;
}

.wd_top_wp_story_inner{
	float : none;
	width: 100% ;
	max-width: 100% ;
	padding: 100px 40px ;
}

.wd_top_wp_story_title{
}
.wd_top_wp_story_text{
}
.wd_top_wp_story_text_title{
}
.wd_top_wp_story_text_li{
}


.wd_top_wp_storyimagearea{
	width: 100% ;
	height: 400px ;
}

.wd_top_wp_storyimagearea img{
}





#wd_top_info_section{
	width: 100% ;
	margin: 0px auto 0px ;
	/** background-color: #2B2B2B ; **/
	padding : 40px 0px ;
	border-top : 1px solid #FFD600 ;
	border-bottom : 1px solid #FFD600 ;
}

.wd_top_info_superbox{
}

.wd_top_info_itembox_wrap{
	width: 20% ;
}

.wd_top_info_itembox{
}

.wd_top_info_itemtitlebox{
	width: 20% ;
}

.wd_top_info_itembox_wrap .wd_corner01{
}
.wd_top_info_itembox_wrap .wd_corner02{
}
.wd_top_info_itembox_wrap .wd_corner03{
}
.wd_top_info_itembox_wrap .wd_corner04{
}



.wd_top_info_item_back{
}
.wd_top_info_item_ol{
}

.wd_top_info_title{
}

.wd_top_info_title_en{
}
.wd_top_info_title_en span{
	display: none ;
}

.wd_top_info_title_jp{
}



.wd_top_info_item_cate.wd_cate_works{

}
.wd_top_info_item_cate.wd_cate_company{
	
}
.wd_top_info_item_cate.wd_cate_tech{
	
}

.wd_top_info_item_title{
}

.wd_top_info_item_date{
}

.wd_top_info_item_cate{
}




#wd_top_video_section{
}

#wd_top_video_video{
}

.wd_top_video_storybox_back{
}

.wd_top_video_storybox{
}

.wd_top_video_title{
}

.wd_top_video_story_border{
}
.wd_top_video_text{
}





#wd_top_inq_section{
}



#wd_top_lesson_section{
}

.wd_top_lesson_superbox{
}

.wd_top_lesson_back{
}

.wd_top_lesson_inner{
}

.wd_top_lesson_title{
}

.wd_top_lesson_illust{
}

.wd_top_lesson_story{
}















} /** 1280 **/















@media screen and (max-width: 800px) {









#wd_top_manga_section{
	height: auto ;
	padding : 100px 0px ;
}


.wd_top_manga_storyarea{
	width: 100% ;
}

.wd_top_manga_imagearea{
}

.wd_top_manga_imagearea_a{
	width: 100% ;
	justify-content: center !important ;
}
.wd_top_manga_imagearea_a.wd_follow{
	justify-content: center !important ;
}

.wd_top_manga_image_water,
.wd_top_manga_image_tone,
.wd_top_manga_image_irare,
.wd_top_manga_image_freehand,
.wd_top_manga_image_cg,
.wd_top_manga_image_4koma{
}


.wd_top_manga_image_line{
}
.wd_top_manga_image_line img{
}


.wd_top_manga_image_water img,
.wd_top_manga_image_tone img,
.wd_top_manga_image_irare img,
.wd_top_manga_image_freehand img,
.wd_top_manga_image_cg img,
.wd_top_manga_image_4koma img{
}

.wd_top_manga_image_kind{
}

.wd_top_manga_story_superbox{
}

.wd_top_manga_story_title{
	font-size: 24px ;
}
.wd_top_manga_story_text{
}







#wd_top_coding_section{
	width: 100% ;
	/** background-color: #2B2B2B ; **/
	margin : 200px auto 0px ;
	padding: 100px 0px ;
	height: auto ;
}

.wd_top_coding_back{
}

.wd_top_coding_back img{
}


.wd_top_coding_inner{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: calc( 100% - 40px );
	justify-content: center !important ;
}

.wd_top_coding_sandbox{
	width: 100% ;
	height: 440px ;
}
.wd_top_coding_css_super{
	width: 100% ;
}


.wd_top_coding_storybox{
	color: #000000 ;
	top : 0% ;
	left : 0% ;

	/**
	color: #A9FF00 ;
	background-color: rgba(0,0,0,0.9);
	width: calc( 100% - 40px ) ;
	max-width: 400px  ;
	padding: 20px ;
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
	**/
}



.wd_top_coding_title{
	font-size: 24px ;
	z-index: 2 ;
}
.wd_top_coding_text{
	font-size: 12px ;
}

.wd_top_coding_storybox .wd_corner01{
}
.wd_top_coding_storybox .wd_corner02{
}
.wd_top_coding_storybox .wd_corner03{
}
.wd_top_coding_storybox .wd_corner04{
}




.wd_top_coding_css_stage{
	padding: 20px 20px ;
}

.wd_top_coding_css02,
.wd_top_coding_css03,
.wd_top_coding_css04,
.wd_top_coding_css05,
.wd_top_coding_css06,
.wd_top_coding_css07,
.wd_top_coding_css08,
.wd_top_coding_css09,
.wd_top_coding_css10,
.wd_top_coding_css11,
.wd_top_coding_css12,
.wd_top_coding_css13{
	padding-left: 2rem ;
	width: fit-content;
}









#wd_top_company_section{
}
.wd_top_company_inner{
}

.wd_top_company_storyarea{
}
.wd_top_company_story_superbox{
}


.wd_top_company_storybox_title{
	font-size: 24px ;
}

.wd_top_company_storybox_story{

}

.wd_top_company_superbox{
	width: 345.6px ;
	height: 194.4px ;
}

.wd_top_company_base{
}

.wd_top_company_aji{
	top : 46.8px ;
	left: 115.2px ;
	width: 46.8px ;
}

.wd_top_company_mozu{
	left: 299.52px ;
	width: 23.04px ;
}

.wd_top_company_nori{
	top : 161.28px ;
	left: 23.04px ;
	width: 46.08px ;
}

.wd_top_company_saba{
	top : 23.04px ;
	left: 207.36px ;
	width: 46.08px ;
}

.wd_top_company_sasa{
	left: 322.56px ;
	width: 23.04px ;
}

.wd_top_company_uni{
	top : 23.04px ;
	left: 92.16px ;
	width: 46.08px ;
}

.wd_top_company_man{
	top : 115.2px ;
	left: 230.4px ;
	width: 46.08px ;
}

.wd_top_company_woman{
	top : 23.04px ;
	left: 253.44px ;
	width: 46.08px ;
}

.wd_top_company_mes{
}

.wd_top_company_hit_daihyo{
	top : 105.84px ;
	left: 229.68px ;
	width: 46.08px ;
	height: 46.08px ;
}
.wd_top_company_hit_staff{
	top : 41.76px ;
	left: 251.28px ;
	width: 46.08px ;
	height: 46.08px ;
}
.wd_top_company_hit_add{
	top : 70.56px ;
	left: 27.36px ;
	width: 46.08px ;
	height: 46.08px ;
}
.wd_top_company_hit_money{
	left: 208.8px ;
	width: 46.08px ;
	height: 36px ;
}

.wd_top_company_hit_work{
	top : 92.16px ;
	left: 105.12px ;
	width: 92.16px ;
	height: 46.08px ;
}
.wd_top_company_hit_name{
	left: 162.72px ;
	width: 46.08px ;
	height: 36px ;
}










#wd_top_moved_section{
}


#wd_top_moved_video{
}

.wd_top_moved_storyarea{
	width: calc( 100% - 40px );
	left: 20px ;
}

.wd_top_moved_story_title{
	font-size: 24px ;
}

.wd_top_moved_story_text{
}

.wd_top_manga_jack_wrap{

}

.wd_top_wp_jack_wrap{
}
.wd_top_wp_jack_wrap .wd_jack_back{
	bottom : -20px ;
	left: 0px ;
}



#wd_top_wp_section{
}



.wd_top_wp_storyarea{
}

.wd_top_wp_story_inner{
}

.wd_top_wp_story_title{
	font-size : 24px ;
}
.wd_top_wp_story_text{
}
.wd_top_wp_story_text_title{
	font-size: 14px ;
}
.wd_top_wp_story_text_li{
}


.wd_top_wp_storyimagearea{
	width: 100% ;
	height: auto ;
	aspect-ratio: 16 / 9 ;
}

.wd_top_wp_storyimagearea img{
}





#wd_top_info_section{
}

.wd_top_info_superbox{
}

.wd_top_info_itembox_wrap{
	width: 100% ;
	aspect-ratio: 2 / 1 ;
	margin-top : 20px ;
}

.wd_top_info_itembox{
}

.wd_top_info_itemtitlebox{
	width: 100% ;
	aspect-ratio: auto ;
	padding: 40px 20px ;
}

.wd_top_info_itembox_wrap .wd_corner01{
}
.wd_top_info_itembox_wrap .wd_corner02{
}
.wd_top_info_itembox_wrap .wd_corner03{
}
.wd_top_info_itembox_wrap .wd_corner04{
}



.wd_top_info_item_back{
}
.wd_top_info_item_ol{
}

.wd_top_info_title{
	position: relative;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	padding: 0px 20px ;
	text-align: center ;
}

.wd_top_info_title_en{
}
.wd_top_info_title_en span{
	display: none ;
}

.wd_top_info_title_jp{
}



.wd_top_info_item_cate.wd_cate_works{

}
.wd_top_info_item_cate.wd_cate_company{
	
}
.wd_top_info_item_cate.wd_cate_tech{
	
}

.wd_top_info_item_title{
	bottom: 0px ;
}

.wd_top_info_item_date{
	top : 0px ;
}

.wd_top_info_item_cate{
	top : 0px ;
	left: auto ;
	right: 0px  ;
}




#wd_top_video_section{
}

#wd_top_video_video{
}

.wd_top_video_storybox_back{
}

.wd_top_video_storybox{
}

.wd_top_video_title{
	font-size: 24px ;
}

.wd_top_video_story_border{
}
.wd_top_video_text{
}





#wd_top_inq_section{
}






#wd_top_lesson_section{
}

.wd_top_lesson_superbox{
	padding: 20px 20px ;
}

.wd_top_lesson_back{
}

.wd_top_lesson_inner{
	padding: 40px 20px ;
}

.wd_top_lesson_title{
	font-size: 24px ;
}

.wd_top_lesson_illust{
	max-width: 640px ;
}

.wd_top_lesson_story{
}











} /** 800 **/