/*
Theme Name:twentynineteen-child
Template:twentynineteen
Version:1.7
*/

*{
	margin:0;
	padding:0;
	border:none;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

ul{
	list-style:none;
	padding-left:0;
}
ul li a{
	display:block;
	color:inherit;
}
.flex{
	display:flex;
}

.entry .entry-title:before{
	display:none;
}
.box{
	max-width:1100px;
	padding:10px 0;
	display:block;
	margin:0 auto;
}
h1.entry-title{
	display:none;
}
span.edit-link{
	display:none;
}
.img img{
	width:100%;
}
.entry .entry-content a{
	text-decoration:none;
}
.entry-content:before{
	display:none;
}
a{
	display:block;
	box-sizing:border-box;
}
a:hover{
	opacity:0.5;
}
#page ul li a{
	color:#000 !important;
}
.none{
	display:none;
}
.sp{
	display:none;
}
@media screen and (max-width: 767px) {
	.flex{
		flex-wrap:wrap;
	}
	.box{
		padding:10px !important;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

/*ヘッダー*/
#head_ws{
	position:relative;
}
header h1:not(.site-title):before, h2:before{
	display:none;
}
header .head_l{
	position:absolute;
}
header .header_pc h1{
	font-size:40px;
	margin-top:10px;
}
header .head_r{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	position:absolute;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}
header .head_l p{
	font-size:12px;
	color:#171c61;
	font-weight:800;
}
.head_u ul.link_bt li{
	font-size:14px;
	font-weight:800;
	color:#fff;
	width:210px;
	border-radius:40px;
	padding:5px 0;
	display:flex;
	justify-content:center;
	margin-left:10px;
}
#page .head_u ul.link_bt li a{
	color:#fff !important;
}
.head_u ul.link_bt li.sem{
	background-color:#e83828;
}
.head_u ul.link_bt li.mov{
	background-color:#c30d23;
}
.head_u ul.link_bt li.reha{
	background-color:#1e73be;
}
.head_d ul.menu li{
	font-size:14px;
	font-weight:800;
	margin:10px;
}
#top_back{
	position:relative;
}
.top_movie{
	height:520px;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
}
.top_movie_back{
	position:absolute;
	z-index:-1;
	height:520px;
	width:100%;
	top:0;
	overflow:hidden;
}
.top_movie_back video{
	width:100%;
}
.top_movie h2{
	font-size:40px;
	line-height:1;
	color:#fff;
	font-weight:800;
	text-align:center;
	text-shadow: 0 0 10px #000;
}
.top_movie h2 strong{
	font-size:58px;
}
header.entry-header{
	display:none;
}
@media screen and (max-width: 821px) {
	.head_u ul.link_bt li{
		font-size:12px;
		width:180px;
	}
}
@media screen and (max-width: 767px) {
	header .header_pc{
		display:none;
	}
	.top_movie{
		height:auto;
		margin-top:60px;
	}
	.top_movie_back{
		height:auto;
		position:initial;
	}
	.top_movie h2{
		font-size:14px;
		line-height:1.4;
	}
	.top_movie h2 strong{
		font-size:30px;
	}
	.top_movie_back video{
		width:100%;
		height:auto;
	}
	.header_sp .img img{
		margin-top:8px;
	}

}

/*ヘッダー固定*/
.header{
	width:100%;
	height:90px;
	display:block;
	position:fixed;
	top:0;
	z-index:999;
	background-color: rgba(255, 255, 255, 0.8);
}
.header.change-color{
	background-color:#fff;
}
@media screen and (max-width: 767px) {
	.header{
		height:60px;
		background-color:#fff;
	}
}
/*ヘッダーメニュースマホ*/
.header_sp{
	display:flex;
	justify-content:space-between;
}
@media screen and (min-width: 768px) and (max-width: 820px){
	.header .header_pc h1{
		display:none;
	}
}
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
@media screen and (min-width:767px) {
  #nav-open {
    display:none;
  }
}
/*メニュー*/
#nav-content p span{
	display:block;
	font-size:16px;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	padding:20px;
	text-align:center;
	width:100%;
	height:auto;
	margin-right:0;
	border-radius: initial;
}
#nav-content ul{
	display:block;
	padding-top:20px;
}
#nav-content ul li{
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:14px;
}


/*フッター*/
.foot_menu{
	max-width:1100px;
	margin:0 auto;
	border-top:solid #000 0.3px;
	padding:30px 0;
	justify-content:space-between;
}
ul.menu_box{
	padding-right:20px;
	padding-left:0;
}
ul.menu_box li{
	font-size:15px;
	font-weight:bold;
	position:relative;
	padding-left:20px;
}
ul.menu_box li::before{
	content:"●";
	position:absolute;
	left:0;
}
.foot_copy{
	background-color:#171c61;
	padding:15px 0;
}
.foot_copy p{
	color:#fff;
	font-size:11px;
	display:block;
	text-align:center;
	font-weight:bold;
}
.foot_book{
	padding-left:50px;
}
@media screen and (max-width: 767px) {
	.foot_menu{
		width:100%;
		flex-direction:column;
		height:200px;
		flex-wrap:wrap;
		justify-content:flex-start;
		padding:30x 10px 10px 20px;
	}
	ul.menu_box li{
		font-size:10px;
		margin-left:10px;
		padding-left:10px;
	}
	ul.menu_box{
		width:50%;
		padding-right:5px;
		margin:0;
	}
	.foot_book{
		display:none;
	}
}
/*フッターバナー*/
.Bnr{
  position: relative;
  display: none;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 0;
  width:100%;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
}
.Bnr__img__inner{
  width: 100%;
  height: 200px;
  box-sizing:border-box;
  padding: 20px;
  background-color: #fff;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img__inner .box{
  position:relative;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-top:-15px;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 15px;
  z-index: 888;
  color: #fff;
  background-color:#000;
  border-radius:50%;
  padding:15px;
}
.footer_banner{
	height:200px;
	width:100%;
	display:block;
}
.footer_banner .bn_left{
	width:70%;
	background-color:#171c61;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.footer_banner .bn_left p{
	font-size:22px;
	font-weight:bold;
	line-height:1.2;
}
.footer_banner .bn_left p a{
	color:#171c61 !important;
}
.footer_banner .bn_left p a span{
	background-color:#fff;
	border-radius:30px;
	padding:5px 50px;
	display:inline-block;
	margin-top:10px;
}
.footer_banner .bn_right{
	width:30%;
	background-color:#e60012;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.footer_banner .bn_right p{
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
}
.footer_banner .bn_right p a{
	color:#e60012 !important;
}
.footer_banner .bn_right p a span{
	background-color:#fff;
	border-radius:30px;
	padding:5px 30px;
	display:inline-block;
	margin-top:10px;
}
.footer_banner p{
	color:#fff;
}
.footer_banner .foot_bn_box{
	height:140px;
}
@media screen and (max-width: 767px) {	
	.footer_banner{
		height:80px;
	}
	.Bnr__img__inner{
	  height: 80px;
	  padding: 5px;
	}
	.footer_banner .foot_bn_box{
		height:80px;
	}
	.Bnr .Bnr__img p.close a i{
	  font-size: 11px;
	  padding:10px;
	}
	.footer_banner .bn_left{
		width:60%;
		padding:0 10px;
	}
	.footer_banner .bn_left p{
		font-size:11px;
	}
	.footer_banner .bn_right{
		width:40%;
		padding:0 5px;
	}
	.footer_banner .bn_right p{
		font-size:10px;
	}
	.footer_banner .bn_left p a span{
		padding:3px 10px;
		margin-top:5px;
		width: auto;
		height: auto;
		margin-right: 0;
	}
	.footer_banner .bn_right p a span{
		padding:3px 10px;
		margin-top:5px;
		width: auto;
		height: auto;
		margin-right: 0;
		font-size:9px;
	}
	.Bnr__img__inner{
	  height: 80px;
	  padding: 0;
	}
	.Bnr .Bnr__img__inner .box{
	  padding:0 !important;
	}
	.Bnr .Bnr__img p.close a{
	  margin-top:-30px;
	}
}

/*共通固定ページタイトル*/
.title_top{
	width:100%;
	height:210px;
	background: linear-gradient(25deg, #920783, #2ea7e0); 
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	margin-bottom:10px;
	margin-top:100px;
}
.title_top h1{
	font-size:55px;
	font-family: 'DIN Alternate','DIN Alternate','Franklin Gothic Medium',sans-serif;
	margin:0;
	letter-spacing:6px;
	text-align:center;
	color:#fff;	
}
.title_top h1 small{
	font-size:22px;
	letter-spacing:0;
	display:block;
}
.page_title{
	background: linear-gradient(25deg, #920783, #2ea7e0); 
}
.page_title h1{
	color:#fff;	
}
h1:not(.site-title):before{
	display:none;
}
.title_top p{
	font-size:14px;
	text-align:center;
	color:#fff;
}
.seminar_title h1{
	color:#fff;
}
.video_title h1{
	color:#fff;
}
@media screen and (max-width: 767px) {
	.title_top{
		height:150px;
		padding:15px;
		line-height:1.2;
		margin-top:50px;
	}
	.title_top h1{
		font-size:30px;
		letter-spacing:3px;
	}
}

/*パンくずリスト*/
.pnakuzu{
	margin-bottom:20px;
}
.pnakuzu ul li{
	font-size:11px;
	margin-right:15px;
	position:relative;
}
.pnakuzu ul li::after{
	content:">";
	position:absolute;
	right:0;
	top:0;
	margin-right:-10px;
}
.pnakuzu ul li:last-child::after{
	display:none;
}




/*トップページ*/
#top{
	padding-bottom:50px;
}
.entry .entry-content > *{
	max-width:100%;
}
.entry .entry-content{
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#top h2{
	font-family: 'DIN Alternate','DIN Alternate','Franklin Gothic Medium',sans-serif;
	font-size:55px;
	font-weight:900;
	letter-spacing:6px;
	display:block;
	text-align:center;
	margin-bottom:0;
}
.top_con_1 h2, .top_con_4 h2{
	color:#171c61;
}
.top_con_2 h2{
	color:#c30d23;
}
.top_con_3 h2{
	color:#fff;
}
@media screen and (max-width: 767px) {
	.entry .entry-content{
		padding: 10px;
	}
	#top h2{
		font-size:30px;
		letter-spacing:3px;
		margin-bottom:5px;
	}
}
#top .con .box > p{
	font-size:14px;
	display:block;
	text-align:center;
	font-weight:bold;
}
#top .con{
	padding:30px 0;
}
#top .con .flex{
}
.con ul{
	margin-top:20px;
}
.con li{
	width:24%;
	background-color:#fff;
	-webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
	 box-shadow: 0 0 5px 0 #777; /* CSS3 */
	 margin:0.5%;
}
.con li p.title{
	font-size:15px;
	font-weight:800;
	line-height:1.2;
}
.con li p.day{
	font-size:14px;
	line-height: 1.3;
	padding:10px 0;
}
.con li .txt_box{
	padding:0 20px 20px 20px;
}
@media screen and (max-width: 767px) {
	.con li{
		width:49%;
		margin-bottom:10px;
	}
	#top .con .box > p{
		line-height:1.2;
	}
	.con li .txt_box{
		padding:0 10px 15px 10px;
	}
	.con li p.day{
		font-size:12px;
		padding:5px 0;
	}
}
.con .btn{
	display:block;
	margin-top:30px;
}
.con .btn p a{
	max-width:360px;
	padding:10px;
	color:#fff;
	display:block;
	margin:0 auto;
	font-size:13px;
	background-color:#171c61;
	border-radius:30px;
	text-align:center;
	position:relative;
	font-weight:bold;
}
.con .btn p a::after{
	content:"";
	width: 11px;
	height: 11px;
	border: 1.5px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
	position:absolute;
	right:30px;
	top:15px;
}

/*トップーONLINE SEMINAR*/

.top_con_1 .box{
	padding:0 0 10px 0;
}
#top .top_con_1 h2{
	margin-top:0;
}
.archive_list ul li .img, 
.top_seminar ul li .img{
	height:176px;
}

.archive_list ul li .img img, 
.top_seminar ul li .img img{
	object-fit:cover;
	height:100%;
}
.top_seminar .seminar_txt p.title{
	padding-top:10px;
}
@media screen and (max-width: 767px) {	
	.archive_list ul li .img, 
	.top_seminar ul li .img{
		height:123px;
	}
}

/*トップーVIDEO ON DEMAND*/
.top_con_2{
	background-color:#f5f5f5;
}
.top_con_2 .btn p a{
	background-color:#c30d23;
}

/*トップーONLINE SERVICE*/
.top_con_3{
	background: linear-gradient(25deg, #920783, #2ea7e0); 
	/*background: -moz-linear-gradient(top left, #920783, #2ea7e0); 
	background: -webkit-linear-gradient(top left, #920783, #2ea7e0); 
	background: linear-gradient(to bottom right, #920783, #2ea7e0); */
}
.top_con_3 .box > p{
	color:#fff;
}
.top_service ul{
	margin:20px 0;
}
.top_service ul li{
	width:30%;
	height:auto;
	box-shadow: none;
	background-color: initial ;
}

@media screen and (max-width: 767px) {
	.top_service ul{
		justify-content:center !important;
	}
	.top_service ul li{
		width:90%;
		height:auto;
		text-align: center;
	}
}
/*トップーADVANTAGE*/
.top_con_4{
	background-color:#f5f5f5;
}
.top_advantage{
	margin:30px 0;
}
.ad_box{
	width:100%;
	padding:65px 0;
	display:flex;
}
.top_con_4 .ad_con{
	width:680px;
	height:400px;
	padding:60px;
	background-color:#fff;
	-webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
	 box-shadow: 0 0 5px 0 #777; /* CSS3 */
}
@media screen and (max-width: 767px) {
	.ad_box{
		padding:200px 0 0 0;
		margin-bottom:40px;
	}
	.top_con_4 .ad_con{
		width:95%;
		height:auto;
		padding:20px;
		margin-top:-20px;
	}
}
.top_con_4 .right_txt{
	justify-content:flex-end;
}
.top_con_4 .ad_con h3{
	font-size:2rem;
}
.top_con_4 .ad_con p{
	font-size:15px;
	font-weight:bold;
}
.con_01{
	background:url("https://workshift-online.com/wp-content/themes/twentynineteen-child/img/advantage01.jpg");
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
}
.con_02{
	background:url("https://workshift-online.com/wp-content/themes/twentynineteen-child/img/advantage02.jpg");
	background-repeat:no-repeat;
	background-position:right;
	background-size:contain;
}
.con_03{
	background:url("https://workshift-online.com/wp-content/themes/twentynineteen-child/img/advantage03.jpg");
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
}
@media screen and (max-width: 767px) {
	.top_con_4 .ad_con h3{
		font-size:20px;
		margin-top:0;
	}
	.top_con_4 .ad_con p{
		font-size:14px;
		line-height:1.4;
	}
	.top_con_4 .ad_con p br{
		display:none;
	}
	.con_01, .con_02, .con_03{
		background-position:top;
	}
	.top_con_4 .right_txt, .top_con_4 .left_txt{
		justify-content:center;
	}
}

/*トップ下のバナー*/
#top .bannar{
	margin-top:50px;
	display:block;
}
#top .bannar ul{
	justify-content:center;
}
#top .bannar ul li{
	width:30%;
	height:auto;
	 display:flex;
	 justify-content:center;
	 align-items:center;
	 font-weight:bold;
	 font-size:20px;
	padding:10px;
}
#top .bannar ul li img{
	-webkit-box-shadow: 0 0 5px 0 #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0 0 5px 0 #777; /* Firefox用 */
	 box-shadow: 0 0 5px 0 #777; /* CSS3 */
	
}
@media screen and (max-width: 767px) {
	#top .bannar ul{
		justify-content:center;
	}
	#top .bannar ul li{
		width:90%;
		margin-bottom:10px;
	}
}


/*講師*/
.teacher{
	flex-wrap:wrap;
}
.teacher .teacher_box_1, .teacher .teacher_box_2{
	width:50%;
}
.teacher .teacher_box_3{
	width:100%;
}
.teacher .teacher_box_2{
	padding-left:40px;
}
.teacher .teacher_box_2 p span{
	color:#fff;
	background-color:#171c61;
	padding:5px 20px;
	border-radius:30px;
	font-size:13px;
	font-weight:bold;
}
.teacher .teacher_box_2 p.teacher_name{
	font-size:35px;
	font-weight:bold;
}
.teacher .teacher_box_2 p.teacher_name small{
	font-size:24px;
	margin-left:15px;
	font-weight:bold;
}
.teacher .teacher_box_2 p.teacher_intro{
	font-size:13px;
}
.teacher .teacher_box_3{
	margin-top:40px;
}
.teacher .teacher_box_3 p{
	font-size:17px;
}
@media screen and (max-width: 767px) {
	.teacher .teacher_box_1, .teacher .teacher_box_2{
		width:100%;
	}
	.teacher .teacher_box_2{
		padding-left:0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	.teacher .teacher_box_2 p span{
		display:inline-block;
		width:auto;
		height:auto;
	}
	.teacher .teacher_box_2 p.teacher_intro{
		display:block;
		width:100%;
		border-bottom:solid 1px #ccc;
		padding-bottom:20px;
	}	
	.teacher .teacher_box_3{
		margin-top:20px;
	}
}

/*セミナー*/
.seminar_contents{
	width:65%;
}
.seminar_bannar{
	width:35%;
}
@media screen and (max-width: 767px) {
	.seminar_contents{
		width:100%;
	}
	.seminar_bannar{
		width:100%;
	}
}
.seminar_contents p span, 
.video_contents .price p span{
	color:#fff;
	background-color:#171c61;
	border-radius:30px;
	font-size:13px;
	font-weight:bold;
	width:70px;
	height:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:15px;
}
.single_top p{
	display:flex;
	font-size:22px;
	font-weight:bold;
}
.single_top h2{
	font-size:25px;
}
.single_top img{
	padding:10px 0 20px 0;
}
@media screen and (max-width: 767px) {
	.single_top p{
		display:flex;
		font-size:14px;
		font-weight:bold;
	}
	.single_top h2{
		font-size:20px;
	}
	.single p span{
		font-size:11px;
		width:50px;
		height:20px;
		margin-right:10px;
	}
}
.single_box{
	border-top:solid 5px #171c61;
	padding:40px 0;
	position:relative;
}
.single_box::after{
	content:"";
	top:0;
	right:0;
	width:75%;
	border-top:solid 5px #2ea7e0;
	position:absolute;
	margin-top:-5px;
}
.single_box h3{
	font-size:25px;
	text-align:center;
	display:block;
}
.seminar_info p{
	font-size:17px;
	line-height:2;
}
.seminar_intro ul li{
	font-size:17px;
	font-weight:bold;
	display:flex;
	margin-bottom:20px;
}
.seminar_intro ul li ul{
	display:flex;
	padding-left:0;
	flex-wrap:wrap;
}
.seminar_intro ul li ul li{
	display:flex;
	margin-left:0;
	margin-right:35px;
	position:relative;
	margin-bottom:0;
}
.seminar_intro ul li ul li::after{
	content:"・";
	right:0;
	position:absolute;
	margin-right:-25px;
}
.seminar_intro ul li ul li:last-child::after{
	display:none;
}
.seminar_intro > p{
	font-size:17px;
	padding-top:20px;
	display:block;
}
@media screen and (max-width: 767px) {
	.single_box{
		padding:20px 0 40px;
	}
	.single_box h3{
		font-size:20px;
	}
	.seminar_info p{
		font-size:16px;
		line-height:1.5;
	}
	.seminar_intro ul li{
		font-size:14px;
	}
	.seminar_intro ul li p span{
		display:block;
		text-align:center;
	}
	
}
.single_link p{
	display:flex;
	justify-content: center;
	margin-top:40px;
}
.single_link p a{
	color:#fff;
	width:360px;
	height:90px;
	background-color:#171c61;
	font-size:24px;
	text-align:center;
	border-radius:10px;
	line-height:1.3;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	font-weight:bold;
}
.single_link p a small{
	font-size:9px;
}

/*オンデマンド動画*/
.video_contents{
	width:75%;
}
.video_cate{
	width:25%;
}
@media screen and (max-width: 821px) {
	.video_contents{
		width:100%;
	}
	.video_cate{
		width:100%;
	}
	.video.flex{
		flex-wrap:wrap;
	}
}
.video_contents .single_top{
	padding-bottom:30px;
}
.video_contents .single_top > p{
	font-size:17px;
	font-weight:500;
	padding:20px 0;
	display:block;
}

.video_contents .price p{
	display:flex;
	align-items:center;
}
.categoly ul{
	margin-bottom:20px;
}
.categoly ul li{
	font-size:12px;
	padding:3px 15px;
	border-radius:20px;
	background-color:#efefef;
	padding-left:25px;
	position:relative;
	margin-right:10px;
}
.categoly ul li a{
	display:block;
}
.categoly ul li::before{
	content:"#";
	position:absolute;
	margin-left:-10px;
}

/*オンデマンド サイドリスト一覧*/
.video_cate{
	padding-left:30px;
}
@media screen and (max-width: 767px) {
	.video_cate{
		padding-left:0;
		margin-top:30px;
	}
}
.side_list{
	border:solid 2px #c9caca;
	border-radius:10px;
	margin-bottom:20px;
}
.side_list h4{
	font-size:16px;
	text-align:center;
	display:block;
	padding:10px 0;
	border-bottom:solid 2px #c9caca;
	margin:0;
}
.side_list ul{
	padding:20px 10px 20px 30px;
}
.side_list ul li{
	position:relative;
	font-weight:bold;
	padding:3px 0 3px 20px;
}
.side_list ul li::before{
	content:">";
	position:absolute;
	left:0;
	top:0;
	margin-top:-5px;
	font-weight:300;
}
.side_list ul li a{
	font-size:14px;
}
.side_list ul li a{
	color:#000;
}
.side_keyword input{
	border-radius: 40px;
	width: 100%;
	font-size: 16px;
	border: solid 2px #c9caca;
	text-align: center;
	margin-bottom:30px;
	font-weight:bold;
}
.side_keyword input.search-submit{
	display:none;
}

/*アーカイブページ*/
.archive_list ul{
	flex-wrap:wrap;
	padding-bottom:50px;
}
.archive_list ul li{
	width:24%;
	margin:0.5%;
}
@media screen and (max-width: 767px) {
	.archive_list ul li{
		width:49%;
	}
}
.archive_list p.day{
	font-size:16px;
	color:#505050;
}
.archive_list p.title{
	font-size:19px;
}
.archive_list p.kokai{
	background-color:#171c61;
	color:#fff;
	padding:2px 5px;
	font-size:11px;
	display:inline-block;
	margin-bottom:10px;
}
@media screen and (max-width: 767px) {
	.archive_list p.day{
		font-size:12px;
		line-height:1.2;
	}
	.archive_list p.title{
		font-size:16px;
	}
}
.video .archive_list ul{
	justify-content:flex-start;
	position:relative;
}
.video .archive_list ul::before{
	content:"";
	width:100%;
	height:2px;
	border:solid 2px #fff;
	position:absolute;
	bottom:50px;
}
.video .archive_list ul li{
	width:32%;
	padding:15px;
	margin-bottom:0;
	-webkit-box-shadow: none; /* Safari, Chrome用 */
	-moz-box-shadow: none; /* Firefox用 */
	 box-shadow: none; /* CSS3 */
	 border-right:solid 1px #dcdddd;
	 border-bottom:solid 1px #dcdddd;
}
.video .archive_list ul li:nth-child(3), 
.video .archive_list ul li:nth-child(6), 
.video .archive_list ul li:nth-child(9), 
.video .archive_list ul li:nth-child(12), 
.video .archive_list ul li:nth-child(15){
	 border-right:none;
}
.video .archive_list ul li img{
	border-radius:10px;
}
.video .archive_list p.naiyou{
	font-size:14px;
	line-height:1.2;
	margin-top:10px;
}
.video .con li .txt_box{
	padding:0 0 15px 0;
}
@media screen and (max-width: 767px) {
	.video .archive_list ul li{
		width:49%;
		padding:10px;
	}
	.video .archive_list ul li:nth-child(3),  
	.video .archive_list ul li:nth-child(9),  
	.video .archive_list ul li:nth-child(15){
		 border-right:solid 1px #dcdddd;
	}
	.video .archive_list ul li:nth-child(2), 
	.video .archive_list ul li:nth-child(4), 
	.video .archive_list ul li:nth-child(8), 
	.video .archive_list ul li:nth-child(10), 
	.video .archive_list ul li:nth-child(14){
		 border-right:none;
	}
}

/*WSオンラインとは*/
.contents_box .naiyou p{
	font-size:17px;
	margin-bottom:40px;
}
.contents_box .naiyou p span{
	font-size:38px;
	background-color:initial;
	color:#000;
	display:inline-block;
	width:auto;
	height:auto;
	vertical-align:middle;
	padding:0 15px;
	font-family:"ＤＦ祥南行書体 Std", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}
@media screen and (max-width: 767px) {
	.entry .entry-content > *{
		margin-top:0;
	}
	.contents_box .naiyou p{
		font-size:14px;
	}
}

/*企業研修*/
.training p{
	font-size:17px;
}
.training > p{
	margin-bottom:40px;
}
.training p small.tbr{
	font-size:17px;
	padding:20px 0;
}
.training table, 
.counseling table, 
.consult table{
	font-size:17px;
	font-weight:bold;
	margin-top:30px;
}
.training table tr, 
.counseling table tr, 
.consult table tr{
	border:solid 1px #fff;
}
.training table th, 
.consult table th{
	border:none;
	background:#dcdddd;
	text-align:center;
}
.training table td, 
.counseling table td, 
.consult table td{
	border:none;
	color:#fff;
	padding-left:10%;
}
.training table td.tdl, 
.counseling table td.tdl, 
.consult table td.tdl{
	background:#171c61;
}
.training table td.tdr, 
.counseling table td.tdr, 
.consult table td.tdr{
	background:#2ea7e0;
}
@media screen and (max-width: 767px) {
	.training p{
		font-size:14px;
	}
	.training p small.tbr{
		font-size:14px;
	}
	.training table, 
	.counseling table, 
	.consult table{
		font-size:14px;
	}
	.training table td, 
	.counseling table td, 
	.consult table td{
		padding-left:10px;
	}
}

/*オンラインコンサルティング*/
.consult p{
	font-size:17px;
}
.consult > p{
	margin-bottom:40px;
}
ul.list_one{
	padding:20px 0;
	display:block;
}
ul.list_one li{
	background:#171c61;
	border:solid 0.5px #fff;
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
	font-size:17px;
	box-sizing:border-box;
}
ul.list_one li:nth-child(2), 
ul.list_one li:nth-child(4), 
ul.list_one li:nth-child(6), 
ul.list_one li:nth-child(8), 
ul.list_one li:nth-child(10){
	background:#2ea7e0;
}
.consult table td{
	padding-left:20px;
}
@media screen and (max-width: 767px) {
	.consult p{
		font-size:14px;
	}
	ul.list_one li{
		font-size:14px;
	}
	
}

/*キャリアカウンセリング*/
.counseling p{
	font-size:17px;
}
.counseling > p{
	margin-bottom:40px;
}
ul.counseling_list{
	padding-bottom:30px;
}
ul.counseling_list p.list_title{
	background:#171c61;
	color:#fff;
	font-weight:bold;
	padding:10px 15px;
	font-size:20px;
}
ul.counseling_list li:nth-child(2) p.list_title, 
ul.counseling_list li:nth-child(4) p.list_title{
	background:#2ea7e0;
}
ul.counseling_list p.list_naiyou{
	background:#efefef;
	padding:10px 15px;
}
.counseling table td{
	padding-left:30px;
}

@media screen and (max-width: 767px) {
	.counseling p{
		font-size:14px;
	}
	ul.counseling_list p.list_title{
		font-size:16px;
	}
	ul.counseling_list li{
		line-height:1.2;
	}
	.counseling table td{
		padding-left:1ß0px;
	}
	.counseling .counseling_hiyou td.tdl, 
	.counseling .counseling_hiyou td.tdr{
		padding-left:10px;
	}
	ul.list_one li{
		line-height:1.2;
	}
		
	
}

/*プライバシーポリシー*/
.policy_contents{
	max-width:660px;
	margin:0 auto;
}
.policy p{
	font-size:17px;
}
.policy > p{
	font-weight:bold;
	padding-bottom:40px;
}
@media screen and (max-width: 767px) {
	.policy p{
		font-size:14px;
	}
	
}

/*YOUTUBE*/
.vdo{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.vdo iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.youtube p{
	font-size:17px;
	padding-bottom:40px;
}
.youtube > p{
	font-weight:bold;
	padding-bottom:40px;
}
@media screen and (max-width: 767px) {
	.youtube p{
		font-size:14px;
	}
	
}

/*書籍販売*/
.book p{
	font-size:17px;
	padding-bottom:40px;
}
.book > p{
	font-weight:bold;
	padding-bottom:40px;
}
.book .book_link{
	width:30%;
}
.book .book_info{
	width:70%;
	padding-left:30px;
}
.book .flex{
	padding:15px 0;
}
.book .book_link p{
	text-align:center;
	padding-top:10px
}
.book .book_link p a{
	color:#fff;
	padding:2px 10px;
	border-radius:20px;
	font-size:17px;
	background-color:#e60012;
	font-weight:bold;
}
.book h4{
	color:#e60012;
	margin-top:0;
}
.book .single_box{
	padding-bottom:0;
}
@media screen and (max-width: 767px) {
	.book p{
		font-size:14px;
	}
	.book .book_link{
		width:100%;
	}
	.book .book_link p{
		padding-bottom:10px;
	}
	.book .book_link img{
		padding:0 20px;
	}
	.book .book_info{
		width:100%;
		padding-left:0;
	}
	.book h4{
		font-size:20px;
	}
	
}

/*会社概要*/
.outline table{
	font-size:13px;
}
.outline table th{
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
	background-color:#171c61;
	border:solid 0.2px #fff;
	box-sizing:border-box;
}
.outline table td{
	border:solid 1px #171c61;
	padding:10px 20px;
	font-weight:bold;
	box-sizing:border-box;
}
@media screen and (max-width: 767px) {
	.outline table th, 
	.outline table td{
		width:100%;
		display:block;
	}
	.outline table th{
		border:solid 1px #171c61;
	}
	
}

/*お問合せ*/
.contact p{
	font-size:17px;
}
.contact > p{
	padding-bottom:40px;
}
.contact > p strong{
	font-weight:bold;
}
.contact_form{
	padding:20px;
	background:#efefef;
	font-size:15px;
}
.contact_form table tr{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:15px;
}
.contact_form table th{
	color:#fff;
	background:#171c61;
	padding:8px 20px;
	border:none;
	width:30%;
}
.contact_form table th span{
	font-size:12px;
}
.contact_form table td{
	background:#fff;
	padding:4px 10px;
	border:none;
	width:70%;
	color:#000;
}
.contact_form table td input{
	border:none;
	padding:4px;
	width:100%;
}
.contact_form table tr.gender td input{
	width:auto;
	margin-right:5px;
}
.contact_form table tr.gender td label{
	margin-right:15px;
}
.contact_form table tr.first, 
.contact_form table tr.second{
	border:none;
}
.contact_form table tr.first th{
	width:40%;
	font-size:17px;
}
.contact_form table tr.first td{
	background:initial;
	width:100%;
	color:#171c61;
	font-size:17px;
	font-weight:bold;
	padding-top:10px;
}
.contact_form table tr.first td input{
	background:initial;
	width:auto;
	border-radius:0;
	background-color:initial;
	border:solid 1px #171c61;
	margin:10px 0;
}
.contact_form table tr.second th{
	width:40%;
	font-size:17px;
}
.contact_form table tr.second td{
	width:100%;
	font-size:17px;
}
.contact_form table tr.second td textarea{
	border:none;
}
@media screen and (max-width: 767px) {
	.contact_form table th, 
	.contact_form table td, 
	.contact_form table tr.first th, 
	.contact_form table tr.second th{
		display:block;
		width:100%;
	}
	
}

.contact_form p.center{
	text-align:center;
	display:block;
	font-weight:bold;
	padding:20px 0;
}
.contact_form p.about_policy{
	font-size:12px;
}
.contact_form p.about_policy a{
	display:inline-block;
}
.contact_form .submit{
	text-align:center;
	padding:0 0 30px 0;
	position:relative;
}
.contact_form p.doui{
	text-align:center;
	font-weight:600;
}
.contact_form p.doui span{
	margin-right:2px;
	display: inline-block;
	background-color: initial;
	width: auto;
}
.contact_form .submit input{
	background:#c30d23;
	color:#fff;
	font-size:24px;
	padding:20px 30px 20px;
	width:300px;
	letter-spacing:5px;
}

@media screen and (max-width: 767px) {
	.contact_form p.doui{
		font-size:12px !important;
	}
	.contact_form p.doui span{
		margin-right:1px;
		width:auto !important;
	}
	
}

/*プロフィール*/
.profile .profile_box .img{
	width:45%;
}
.profile .profile_box .pro_li{
	width:55%;
}
.profile .profile_box .pro_li ul{
	padding-left:30px;
}
.profile .profile_box .pro_li ul li{
	font-size:18px;
	margin-left:20px;
	position:relative;
}
.profile .profile_box .pro_li ul li::before{
	content:"●";
	position:absolute;
	left:-20px;
}
@media screen and (max-width: 767px) {
	.profile .profile_box .img{
		width:100%;
	}
	.profile .profile_box .pro_li{
		width:100%;
	}
	.profile .profile_box .pro_li ul{
		padding-left:0px;
	}
	
}

/*ページャー*/
.wp-pagenavi{
    width:100%;
    text-align:center;
    margin:0.5em 0;
    overflow: auto;
    padding: 0.5em;
    box-sizing: border-box;
}
.wp-pagenavi a{
    padding:0.2em 0.4em;
    color:#FFFFFF;
    text-decoration:none;
    background:#000;
    margin-left:0.3em;
}
.wp-pagenavi span.current{
    padding:0.2em 0.4em;
    color:#000;
    background:#FFFFFF;
    border:1px solid #000;
    margin-left:0.3em;
    display: inline-block;
    box-sizing: border-box;
}
.wp-pagenavi a.nextpostslink{
    padding:0.2em 0.4em;
}
.wp-pagenavi span.extend{
    margin-left: 0.3em;
}


/*20230821修正*/
.video_contents .archive_list ul li .img{
	height: auto;
	display:flex;
}


/*セミナー検索窓*/
.search-box{
	text-align:center;
}
.search-box input#search-input{
	min-width:300px;
	font-size:16px;
}
.search-box .search-btn{
	font-size:16px;
	padding:15px;
}
p.kwd{
	text-align:center;
}
.kensaku p.dis{
	font-size:16px;
	text-align:center;
	margin-top: 20px;
}

/*セミナーページyoutube追加*/
.VideoWrapper{
	margin-bottom:2em;
	text-align:center;
}
.VideoWrapper {
  position: relative;
  /*padding-bottom: 56.25%;*/ /* 16:9 */
	padding-bottom: 340px;
	max-width:650px;
  padding-top: 25px;
  height: 0;
	margin:2em auto;
}
 
.VideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}