@charset "UTF-8";

.layer img {
	width: 100%;
	height: auto;
}


.layer a{
	color:#00927E;
}
.layer a.url_link{
	width: 25%;
	display: inline-block;
}
.layer a.url_link img{
	vertical-align: middle;
}
.layer h1{
	font-size:40px;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 5px solid #00937e;
	margin:50px 0 15px;
	text-align:center;
	line-height: 1.4;
}
.layer h1:after {
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 2;
	content: '';
	width: 33.3%;
	height: 5px;
	background-color: #68c16f;
}
.layer h1:before {
	position: absolute;
	bottom: -5px;
	right: 0;
	z-index: 2;
	content: '';
	width: 33.3%;
	height: 5px;
	background-color: #68c16f;
}

@media screen and (max-width:480px){
	.layer h1{
		font-size:2rem;
	}
}
.container h2,
.layer h2{
	font-size:24px;
	position: relative;
	padding-bottom: 5px;
	border-bottom: 4px solid #00937e;
	margin:50px 0 25px;
}

.container h2:first-child,
.layer h2:first-child {
	margin-top: 0;
}



.container h2:after,
.layer h2:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 33.3%;
	height: 4px;
	background-color: #68c16f;
}
.container h2:before,
.layer h2:before {
	position: absolute;
	bottom: -4px;
	right: 0;
	z-index: 2;
	content: '';
	width: 33.3%;
	height: 4px;
	background-color: #68c16f;
}
.layer h3{
	font-size:22px;
	border-left:6px solid #00937e;
	padding-left:10px;
	margin:50px 0 25px;
	line-height: 1.4;
}
.layer p{
	margin-bottom:15px;
	line-height:1.5;
}
.layer h2:nth-of-type(1),
.layer h3:nth-of-type(1){
	margin-top:0;
}
.education_detail_head{
	font-weight:bold;
}
.container .education_detail_head span,
.layer .education_detail_head span{
	display:block;
	font-size:16px;
	margin-top:5px;
	font-weight:normal;
}
.layer h4{
	font-size: 20px;
	font-weight: bold;
	margin:0 0 15px 0;
/*	margin:30px 0 15px 0;*/
}
/** --------------------
 * サイドメニュー
 * ------------------ */

.accordion-menu {
	width: 100%;
	background: #fff;
	border: 1px solid #dee2e6;
	border-bottom:none;
}
.accordion-menu li.open .dropdownlink {
	color: #CDDC39;
}
.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}
.dropdownlink {
	cursor: pointer;
	display: block;
	padding: 20px;
	font-size: 18px;
	border-bottom: 1px solid #dee2e6;
	color: #212121;
	position: relative;
}

.accordion-menu .submenuItems {
	display: none;
	background: #f1f1f1;
}

.accordion-menu .submenuItems a {
	display: block;
	padding: 20px 20px 20px 40px;
	color:#333;
	text-decoration:none;
	border-bottom: 1px solid #dee2e6;
}
.accordion-menu li > a{
	display: block;
	padding: 20px;
	color:#333;
	text-decoration:none;
	border-bottom: 1px solid #dee2e6;
	position: relative;
}
.accordion-menu li > a:after{
	content: "";
	position: absolute;
	display: inline-block;
	width: 8px;
	height: 12px;
	top: 50%;
	right: 16px;
	margin-top: -6px;
	background: url(../images/arrow_link.png) left top no-repeat;
	    background-size: auto auto;
	background-size: contain;
}

.accordion-menu li .submenuItems a:after{
	background:none;
}
.dropdownlink::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 19px;
	height: 18px;
	top: 50%;
	right: 16px;
	margin-top: -12px;
	background: url(../images/icon_plus.png) left top no-repeat;
}
.dropdownlink.accordion-close::after {
	background-image: url(../images/icon_minus.png);
}



/** --------------------
 * モバイル用のサイド
 * ------------------ */
@media screen and (max-width:750px) {
	.spSubMenu {
		background: #DEE2E6;
	}
	.spSubMenu.accordion-close {
		padding-bottom: 4vw;
	}
	
	.spSubMenu_heading {
		position: relative;
		padding: 4vw 2vw;
		background: #00937E;
		color: #fff;
	}
	.spSubMenu_heading::after {
		content: "";
		position: absolute;
		display: inline-block;
		width: 5.4vw;
		height: 5.4vw;
		top: 50%;
		right: 4vw;
		background: url(../images/icon_plus-circle.png) left top no-repeat;
		background-size: cover;
		transform: translateY(-50%);
	}
	.spSubMenu.accordion-close .spSubMenu_heading::after {
		background-image: url(../images/icon_minus-circle.png);
	}
		
	


	.spSubMenu .accordion-menu {
		display: none;
		width: calc(100% - 8vw);
		margin: 4vw 4vw 0;
	}



}




/** --------------------
 * 上下しか線が無いテーブル定義
 * ------------------ */
.layer .bob_list{
	width:100%;
	margin-bottom:25px;
}
.layer .bob_list th,
.layer .bob_list td{
	padding:25px;
	border-top:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	text-align:left;
	line-height:1.5;
}
.layer .bob_list th{
	font-weight:bold;
	width:20%;
}
@media screen and (max-width:750px){
	.layer .bob_list th,
	.layer .bob_list td{
		display:block;
	}
	.layer .bob_list th{
		font-weight:bold;
		padding:15px 15px 5px;
		width:100%;
		border-bottom:none;
	}
	.layer .bob_list td{
		padding:5px 15px 15px;
		border:none;
	}
}

/** --------------------
 * 基本のリンクボタンボタン
 * ------------------ */
.arrow_link{
	display:inline-block;
	background:#f1f1f1;
	border-radius:5px;
	padding:7px 30px 7px 20px;
	border:1px solid #dee2e6;
	color:#333;
	text-decoration:none;
	margin-top:5px;
	position: relative;
}

.arrow_link:after {
	content: url(../images/arrow_link.png);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}
/** --------------------
 * 右にPDFがついているリンクボタンボタン
 * ------------------ */
.pdf_link:after {
	content: url(../images/pdf_link.png);
}
/** --------------------
 * 右にblankがついているリンク
 * ------------------ */
.blank_link{
	position: relative;
	padding-right:20px;
}

.blank_link:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 14px;
	background: url(../images/blank_link.png) center center no-repeat;
	background-size: cover;
	transform: translateY(-50%);
}


/** --------------------
 * ボーダーで囲われているボックス
 * ------------------ */
.border_box{
	border:1px solid #dee2e6;
	padding:30px;
	text-align:center;
}

/** --------------------
 * アコーディオン
 * ------------------ */
.accordion_header {
	position: relative;
	background: #f1f1f1;
	border-radius: 5px;
	font-size: 18px;
	cursor: pointer;
	padding:20px;
	line-height: 1.3;
	border: 1px solid #dee2e6;
	color: #333;
	margin-bottom:25px;
}
.accordion_header::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 19px;
	height: 18px;
	top: 50%;
	right: 20px;
	margin-top: -12px;
	background: url(../images/icon_plus.png) left top no-repeat;
	    background-size: auto auto;
	background-size: contain;
}
.accordion_header.accordion-close::after {
	background-image: url(../images/icon_minus.png);
}
.accordion_contents{
	display: none;
}

/** ============================================================
 * $
 * イベント・セミナー検索
 * ========================================================== */
/** --------------------
 * 検索エリア
 * ------------------ */
.search_area{
	background:#f1f1f1;
	padding:10px;
}
.search_field{
	width:100%;
	margin-bottom:20px;
}
.search_field th,
.search_field td{
	padding:15px 20px;
	text-align:left;
}
.search_field th{
	width:13%;
}
.search_field td{
	width:37%;
}
.select_wrap {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.select_wrap select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.select_wrap select::-ms-expand {
	display: none;
}
.select_wrap {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	background: #ffffff;
}
.select_wrap::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.select_wrap select {
	padding: 8px 38px 8px 8px;
	color: #333;
}
.search_field td input[type="text"]{
	width:100%;
	padding:10px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
}
.search_field .calendar input[type="text"]{
	width:89%;
	padding:10px;
	border: 1px solid #bbbbbb;
	border-radius: 5px 0 0 5px;
}
.search_field .calendar span{
	display:inline-block;
	background:#f1f1f1;
	border:1px solid #bbbbbb;
	border-left:none;
	border-radius: 0 5px 5px 0;
	width: 11%;
	padding:6px 10px;
	cursor: pointer;
}
.search_field .calendar span img{
	vertical-align:middle;
}
.search_area .btn_area{
	text-align:center;
	margin-bottom:20px;
}
.search_area button{
	background:#00937e;
	padding:10px 100px;
	border:none;
	border-radius:10px;
	color:#fff;
	font-size:22px;
	cursor: pointer;
}

/** --------------------
 * 検索結果
 * ------------------ */
.result_area{
	padding:50px 0;
}
.result_area h2{
	border:none;
	text-align:center;
	font-size:40px;
}
.result_area h2:before{
	display:none;
}
.result_area h2:after{
	display:none;
}
.result_area table{
	width:100%;
	border-top:1px solid #dee2e6;
	margin-bottom:50px;
}
.result_area table th,
.result_area table td{
	padding:15px;
	text-align:left;
	vertical-align: middle;
	border-bottom:1px solid #dee2e6;
	line-height:1.3;
}
.result_area table td:nth-child(6){
	text-align: center;
}

.result_area table th{
	width: 10%;
	font-weight:bold;
	border-bottom:2px solid #dee2e6;
}
.result_area table th:nth-child(3){
	width: 25%;
}
.result_area table th:nth-child(1),
.result_area table th:nth-child(2),
.result_area table th:nth-child(5){
	width: 15%;
}


/** --------------------
 * pager
 * ------------------ */
.contents_pager_wrap a{
	display: inline-block;
	text-decoration: none;
}
.contents_pager_wrap{
	display: flex;
	justify-content: center;
}
.contents_pager{
	display: flex;
	border: 1px solid #ced4d9;
	border-radius: 5px;
}
.contents_pager > p{
	margin-bottom: 0;
}
.contents_pager p.pager_no_page,
.contents_pager p.pager-page a{
	padding: 7px 16px;
}
.page_num_block{
	display: flex;
}
.page_num_block span,
.page_num_block a{
	display: flex;
	align-items: center;
	height: 100%;
	padding: 7px 14px;
}
.center-page-num{
	border-right: 1px solid #ced4d9;
}
.center-page-num:first-child{
	border-left: 1px solid #ced4d9;
}
.center-page-num.current{
	background: #00927E;
	color: #fff;
}


@media screen and (max-width:750px){
	.search_field{
		width:100%;
		margin-bottom:20px;
	}
	.search_field th,
	.search_field td{
		display:block;
	}
	.search_field th{
		width:100%;
		padding-bottom:5px;
	}
	.search_field td{
		width:100%;
		padding-top:5px;
	}
	.search_field .calendar span{
		padding: 9px 10px 8px;
	}
	.layer a.url_link{
		width: 50%;
	}
	.result_area h2{
		font-size:2rem;
	}
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
}





/** ============================================================
 * $Breadcrumb NavXT
 * パンくず　Breadcrumb NavXT
 * ========================================================== */
/** --------------------
 * 
 * ------------------ */
.breadcrumbs {
	width: 100%;
	margin-top: 26px;
}
.breadcrumbs,
.breadcrumbs a {
	font-size: 12px;
}

.breadcrumbs a {
	color: #3FAD9E;
	text-decoration: none;
}


.breadcrumbs_inner {
	width: 1140px;
	margin: 0 auto;
}


@media screen and (max-width:750px) {
	.breadcrumbs {
		display: none;
	}
}


/** ============================================================
 * グレーのボーダーが下についているタイトル
 * ========================================================== */
.gray_border_head{
	font-size:18px;
	border-bottom:3px solid #ddd;
	padding-bottom:5px;
	font-weight:bold;
	margin-top:30px;
}
@media screen and (max-width:750px){
	.gray_border_head{
		font-size:1rem;
	}
}
/** ============================================================
 * 左右画像
 * ========================================================== */

.photo_column{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.photo_column.pic_left{
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;
}
.photo_column .txt_area{
	width:calc(100% - 250px);
}
.photo_column .pic_area{
	width:250px;
	text-align:center;
}
.photo_column.pic_right .pic_area{
	margin: 0 0 2rem 2rem;
}
.photo_column.pic_left .pic_area{
	margin: 0 2rem 2rem 0;
}

.photo_column .caption{
	font-size:12px;
}

@media screen and (max-width:750px){
	.photo_column{
		display:block;
	}
	.photo_column .txt_area,.photo_column .pic_area{
		width:100%;
	}
	.photo_column.pic_right .pic_area,
	.photo_column.pic_left .pic_area{
		margin: 0;
	}
	.photo_column.pic_right .pic_area img,
	.photo_column.pic_left .pic_area img{
		width:auto;
	}
}
/** ============================================================
 * 緑の背景タイトル
 * ========================================================== */
.green_bg_head{
	font-size:20px;
	font-weight:bold;
	color:#00664C;
	background:#e5f4f2;
	padding:10px 10px;
	margin-top:30px;
}
/** ============================================================
 * グレーの背景タイトル
 * ========================================================== */
.gray_bg_head{
	font-size:20px;
	font-weight:bold;
	color:#333;
	background:#f1f1f1;
	padding:10px 10px;
}
/** ============================================================
 * 事例詳細の会社概要ブロック
 * ========================================================== */
.company_block{
	border:2px solid #ddd;
	padding:25px;
}
.company_block .green_bg_head{
	margin:0 auto 25px;
}
.company_block table{
	width:100%;
	margin-bottom:50px;
	border-bottom:1px solid #dee2e6;
}
.company_block table th,
.company_block table td{
	vertical-align:top;
	padding:25px;
	text-align:left;
	border-top:1px solid #dee2e6;
}
.company_block table th{
	font-weight:bold;
	white-space: nowrap;
}
.company_block .logo_area{
	width:200px;
	text-align:center;
}
@media screen and (max-width:750px){
	.company_block{
		padding:15px;
	}
	.company_block table th,
	.company_block table td{
		padding:10px;
		display:block;
	}
	.company_block table td{
		border:none;
	}
	.company_block .logo_area{
		width:100%;
	}
	.company_block .logo_area img{
		width:auto;
	}
}

/** ============================================================
 * ICT・ビジネス 関連トピック
 * ========================================================== */
.topic_block{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	border-bottom:1px solid #dee2e6;
	padding:25px 0;
}
.topic_block .pic_area{
	width:12%;
}
.topic_block .txt_area{
	width:65%;
	margin: 0 0 0 1rem;
}
.topic_block .blue_bg_head{
	background:#0071bc;
	color:#fff;
	font-size:14px;
	padding:5px 10px;
	display:inline-block;
}
.topic_block .uo_date{
	font-size:12px;
}
.topic_block .uo_date .new{
	font-size:11px;
	color:#D55A0C;
	border:1px solid #D55A0C;
	padding:0 10px;
}
.topic_block .detail_link{
	position: relative;
	font-size:20px;
	color:#333;
	text-decoration:none;
	padding-left:25px;
	font-weight:bold;
	margin-bottom:10px;
	display:inline-block;
}
.topic_block .detail_link::before {
	content: url(../images/arrow_contents_link.png);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
}


/* //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   2019.02.25追加   ////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////// */
.exSelect_wrap .selected{
	color:#D55A0C;
}
.exSelect {
	display: flex;
	flex-wrap: wrap;
	border-bottom:1px solid #dee2e6;
}
.exSelect li {
	cursor: pointer;
	border-top:1px solid #dee2e6;
	padding:10px 35px;
	position: relative;
	width:50%;
}

.exSelect_mobile ,.exSelect_mobile_wrap{
	display: none;
}

.layer .exSelect_all {
	display: block;
	cursor: pointer;
	position: relative;
	padding:5px 35px;
	border-top:1px solid #dee2e6;
	margin:20px 0 0;
}
.gray_border_btm{
	border-bottom:1px solid #dee2e6;
}
.exSelect_all::before,
.exSelect li:before {
	content: url(../images/arrow_btm_link.png);
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -12px;
}

.exList {
	margin-top: 30px;
}
.exList li {
	display: flex;
	border-bottom: 1px solid #999;
}
.cstag_box img ,.icttag_box img{
	width:auto;
}
.layer .exSelect_wrap .green_bg_head{
	color:#333;
	font-size:16px;
	margin-bottom:0;
}
@media screen and (max-width:750px) {

	.exSelect,.layer .exSelect_all {
		display: none;
	}
		
	.exSelect_mobile,.exSelect_mobile_wrap {
		display: block;
	}
	
	.exSelect_wrap{
		background:#f1f1f1;
		padding:10px;
	}
	.exSelect_wrap .gray_bg_head{
		background:none;
		font-size:16px;
		font-weight:normal;
		margin-bottom:10px;
		padding: 0;
	}
	.exSelect_mobile{
		width: 100%;
		padding:10px;
	}
}



/* //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   2019.03.06追加   ////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////// */

/*既存ページからの流用が多いため、画像のwidth:100%を取ります*/
.layer .education_block img{
	width:auto;
}
.education_block_inner{
	margin-bottom:80px;
}
.layer .education_block .bold{
	font-weight:bold;
}
.layer .education_block .bnr_wrap{
	margin-bottom:15px;
}

@media screen and (max-width:750px) {
	.layer .education_block img{
		width:100%;
	}
	.education_block_inner{
		margin-bottom:40px;
	}
}
/** ============================================================
 * 企業電話応対コンテスト
 * ========================================================== */

.contest_flow{
	border-top:1px solid #dee2e6;
	margin-bottom:50px;
}
.contest_flow_block{
	display:flex;
	border-bottom:1px solid #dee2e6;
	padding-top:20px;
}
.contest_flow_block div{
	margin:0 20px 20px 0;
}
.contest_feature_block{
	display:flex;
}
.contest_feature_block p{
	margin-right:30px;
}
@media screen and (max-width:750px) {
	.layer .education_block .contest_flow_block div img,
	.layer .education_block .contest_feature_block img{
		width:auto;
	}
}
@media screen and (max-width:400px) {
	.contest_flow_block{
		display:block;
		text-align:center;
	}
	.contest_flow_block div{
		margin:0 0 20px 0;
	}
	.contest_flow_block p{
		text-align:left;
	}
	.contest_feature_block{
		display:block;
		text-align:center;
	}
	.contest_feature_block p{
		margin-right:0;
		text-align:left;
	}
}

/*YouTubeのエリア*/
.movie_area_wrap{
	margin-bottom:50px;
}
.movie_area_wrap:before,
.movie_area_wrap:after{
		content: "";
		display: table;
}
.movie_area_wrap:after{ clear: both; }
.movie_area_wrap{ zoom: 1; } /* For IE 6/7 */

.movieWrap .center{
	text-align:center;
}
.layer .movieWrap p{
	margin-bottom:0;
}
.layer .movieWrap .Wraptxt{
	margin-bottom:15px;
}
.mp3Wrap {
    background-image: url(/wp/wp-content/themes/jtua_theme/assets/images/education/contest/bg_mp3player.gif);
    background-repeat: no-repeat;
    display: block;
    height: 240px;
    width: 352px;
    float: left;
    margin-right: 50px;
    margin-left: 0;
}
.Wraptxt{
    text-indent: -9999px;

}
.contestPlayerWrap {
    background-image: url(/wp/wp-content/themes/jtua_theme/assets/images/education/contest/bg_movieplayer.gif);
    background-repeat: no-repeat;
    display: block;
    height: 240px;
    width: 352px;
    float: left;
    padding-left: 7px;
}


@media screen and (max-width:750px) {
	.movie_area_wrap{
		margin-bottom:30px;
	}
	.movieWrap{
		text-align:center;
	}
	.mp3Wrap,.contestPlayerWrap{
		float:none;
		margin:0 auto 20px;
	}
}

@media screen and (max-width:377px) {
	.mp3Wrap ,
	.mp3Wrap object{
		width:100%;
	}
	.mp3Wrap iframe{
		width:96%;
	}
	.contestPlayerWrap ,
	.contestPlayerWrap object{
		width:100%;
	}
	.contestPlayerWrap iframe{
		width:96%;
	}
}

/** ============================================================
 * 電話応対コンクール
 * ========================================================== */
.concours_event_date{
	text-align:center;
	background:#f7bb99;
	padding:20px;
	color:#0c124d;
	margin-bottom:30px;
}
.concours_event_date .ttl{
	font-weight:bold;
	font-size:24px;
}
.concours_event_date .event_date{
	background:#fce4d5;
	padding:10px 30px;
	display:inline-block;
	margin:10px auto 0;
	line-height:1.3;
}
.concours_link{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:30px;
}
.concours_link li{
	width:50%;
	padding-bottom:10px;
}
.concours_link li a{
	width:96%;
	font-size:14px;
	color:#333;
}
.concours_link .arrow_link{
	padding: 12px 30px 12px 20px;
}
.concours_link .arrow_link::after {
	margin-top:-8px;
}

@media screen and (max-width:519px) {
	.concours_link{
		display:block;
	}
	.concours_link li{
		width:100%;
	}
}
.playerWrap01 {
    background-image: url(/wp/wp-content/themes/jtua_theme/assets/images/education/concours/bg_player_concours01.gif);
    background-repeat: no-repeat;
    display: block;
    height: 270px;
    width: 352px;
    float: left;
    padding-left: 7px;
    margin-right:25px;
}
.playerWrap02 {
    background-image: url(/wp/wp-content/themes/jtua_theme/assets/images/education/concours/bg_player_concours02.gif);
    background-repeat: no-repeat;
    display: block;
    height: 270px;
    width: 352px;
    float: left;
    padding-left: 7px;
}
.moviettl {
	margin-top: 5px;
	font-size: 14px;
	text-align:center;
}
.moviettl span{
	font-weight:bold;
}
@media screen and (max-width:750px) {
	.movieWrap{
		text-align:center;
	}
	.playerWrap01,.playerWrap02{
		float:none;
		margin:0 auto 20px;
	}
}

@media screen and (max-width:377px) {
	.playerWrap01{
		margin-bottom:20px;
	}
	.playerWrap01 ,
	.playerWrap01 object{
		width:100%;
	}
	.playerWrap01 iframe{
		width:96%;
	}
	.playerWrap02 ,
	.playerWrap02 object{
		width:100%;
	}
	.playerWrap02 iframe{
		width:96%;
	}
}


/** ============================================================
 * 電話応対技能検定
 * ========================================================== */
.moshimoshi_banner_block{
	display:flex;
	flex-wrap: wrap;
}
.moshimoshi_banner_block div{
	width:50%;
	margin-bottom:10px;
}
.moshimoshi .contest_flow_block .title{
	width:100px;
	font-weight:bold;
}
@media screen and (max-width:750px) {
	.moshimoshi .contest_flow_block{
		display:block;
	}
	.moshimoshi_banner_block div{
		padding:0 10px;
	}
}

.education_block_inner .link_list{
	margin:30px 0;
}
.education_block_inner .link_list li{
	padding-bottom:15px;
}

@media screen and (max-width:750px) {
	.moshimoshi_banner_block{
		display:block;
	}
	.moshimoshi_banner_block div{
		width:100%;
	}
}

/** ============================================================
 * コラム一覧/education/column/
 * ========================================================== */
.column_block{
	display:flex;
	flex-wrap: wrap;
}
.column_block .column_item{
	width:calc((100% - 30px) / 2);
	margin:20px 15px 0 0;
}
.column_block .column_item:nth-of-type(2n){
	margin-right:0;
	margin-left:15px;
}
.column_green_bg_head{
	font-size:14px;
	color:#fff;
	background:#009245;
	padding:2px 10px;
}
.column_detail_wrap{
	display:flex;
}
.column_detail_wrap .pic_area{
	width:90px;
	margin-right:20px;
}

.column_detail_wrap .up_date {
	font-size: 12px;
}
.column_detail_wrap .detail_link {
	position: relative;
	font-size: 20px;
	color: #333;
	text-decoration: none;
	padding-left: 25px;
	font-weight: bold;
	margin-bottom: 5px;
	display: inline-block;
}
.column_detail_wrap .detail_link::before {
	content: url(../images/arrow_contents_link.png);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -12px;
}
.column_detail_wrap .up_date .new {
	font-size: 11px;
	color: #D55A0C;
	border: 1px solid #D55A0C;
	padding: 0 10px;
}



.list_link_block{
	text-align:right;
	padding-top:30px;
	margin:20px 0 50px;
	border-top:1px solid #dee2e6;
}
.layer .list_link_block a{
	color:#333;
}
.layer .list_link_block a:after{
	margin-top: -8px;
}

@media screen and (max-width:750px) {
	.column_block{
		display:block;
	}
	.column_block .column_item{
		width:100%;
		margin:20px 0 0 0;
	}
	.column_block .column_item:nth-of-type(2n){
		margin-left:0;
	}
}

/** ============================================================
 * 会員専用ページ/private/
 * ========================================================== */
#wpmem_login_form legend{
	display:none;
}



/** ============================================================
 * 量産用
 * ========================================================== */
.left_pdf_link.small{
	display:block;
	font-size:14px;
}
.left_pdf_link.small::before {
	top: 10px;
}
.img_right{
	float:right;
	width:25%;
	margin-left:20px;
}

/** ============================================================
 * タブエリア
 * ========================================================== */
.moshikomi_block{
	width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.moshimoshi_tab_area a{
	background:#fff;
	padding:10px 20px;
	display:inline-block;
	border:1px solid #ccc;
	border-bottom:0;
	border-radius:5px 5px 0 0 ;
	text-decoration:none;
}
.moshimoshi_tab_area .active{
	background:#00937e;
	color:#fff;
}
.moshikomi_block table th,
.moshikomi_block table td{
	border:1px solid #ccc;
	padding:10px;
	font-size:14px;
}
.moshikomi_block table th{
	background-color:#ececec;
}
#corporate_tab{
	display:none;
}
@media screen and (max-width:480px) {
	.moshikomi_block table{
		width:600px;
	}
	.moshimoshi_tab_area a{
		display:block;
		border-bottom:1px solid #ccc;
		border-radius:5px ;
		margin-bottom:10px;
	}
}
/** ============================================================
 * 授業科目および時間割 インラインに書かれているCSS打消し
 * ========================================================== */
.new_schedule_table{
	width:100%;
	margin-bottom:20px;
}
/* 授業科目および時間割 */
.new_schedule_table caption{
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #333333;
}

.new_schedule_table caption{
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #333333;
}
.new_schedule_table caption span.sub_caption {
	font-size: 0.8em;
	}

.new_schedule_table th.finding_col {
	padding: 5px;
	font-weight: bold;
	background: #fee1d0;
	border: 1px solid #dedede;
	color: #333333;
	text-align: center;
}
.new_schedule_table th.finding_row {
	width: 60px;
	padding: 5px;
	font-weight: bold;
	background: #fdc3ad;
	border-top: 3px double #dfdfdf;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	color: #333333;
	text-align: center;
}
.new_schedule_table th.finding_row_line_none {
	width: 60px;
	padding: 5px;
	font-weight: bold;
	background: #fdc3ad;
	border-right: 1px solid #dedede;
	border-left: 1px solid #dedede;
	color: #333333;
	text-align: center;
}
.new_schedule_table td {
	padding: 5px;
	border: 1px solid #dedede;
	background: #FFFFFF;
}
.new_schedule_table td.bottom_line {
	padding: 5px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 3px double #dfdfdf;
	border-left: 1px solid #dedede;
}
.new_schedule_table td.time {
	width: 100px;
	text-align: center;
}
.new_schedule_table td.time_bottom_line {
	white-space: nowrap;
	text-align: center;
	border-bottom: 3px double #dfdfdf;
}

/** ============================================================
 * 授業科目および時間割 インラインに書かれているCSS打消し
 * ========================================================== */
.moshimoshi_table.new{
	margin: 0 0 5px;
}
.moshimoshi_table.new th,
.moshimoshi_table.new td{
	font-size:14px;
	line-height:1.3;
}
.fs_s{
	font-size:12px;
}
.moshimoshi_courses_block .img_wrap_float{
	float:right;
	margin-left:10px;
}

.moshimoshi_courses_block .img_wrap_float .img_f-l{
	float:left;
}
@media screen and (max-width:480px) {
	.moshimoshi_courses_block .img_wrap_float,
	.moshimoshi_courses_block .img_wrap_float .img_f-l{
		float:none;
	}
	.moshimoshi_courses_block .img_wrap_float{
		margin-left:0;
	}
}

/** ============================================================
 * 講師紹介 実施フロー・メニュー
 * ========================================================== */
.teach_flow_img{
	text-align: center;
}
.teach_flow_img img{
	width: 64%;
}
.teach_flow_list{
	margin: 0 0 20px;
}
.teach_flow_list li{
	margin-top: 10px;
}

@media screen and (max-width:480px) {
	.teach_flow_img img{
		width: 80%;
	}
}

/** ============================================================
 * 電話応対診断 「電話応対診断」事業の委託機関認定要件
 * ========================================================== */
.requirement_block{
	margin-bottom: 15px;
}
.requirement_block dt{
	margin-bottom: 10px;
}
.requirement_block dd{
	padding-left: 1rem;
}
.requirement_block dd li{
	margin-bottom: 5px;
}
.layer p.requirement_list_caption,
.layer .requirement_contact p{
	margin-bottom: 0;
}

/** ============================================================
 * 電話対応教育 電話応対診断委託企業一覧
 * ========================================================== */
.jyutaku_block{
	width: 100%;
	overflow: auto;
}
table.simpleTable.jyutaku_table{
	width: 100%;
	margin-bottom: 10px;
}
table.simpleTable.jyutaku_table th{
	width: calc(100% / 3);
}
table.simpleTable.jyutaku_table th,
table.simpleTable.jyutaku_table td{
	font-size: .8rem;
	padding: 5px 10px;
	line-height: 1.5;
}
.jyutaku_table_note{
	font-size: .8rem;
}


@media screen and (max-width:480px) {
	table.simpleTable.jyutaku_table{
		width: 600px;
	}
}

/** ============================================================
 * 電話対応教育 電話応対診断委託企業一覧
 * ========================================================== */
.committee_blk {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.committee_blk .person_blk {
	width: 49%;
	height: 160px;
	font-size: 12px;
	border: 1px solid #ddd;
	margin-bottom:10px;
}
.committee_blk .person_blk .position {
	padding: 5px;
	text-align: center;
	font-weight: bold;
	background: #ddd;
	margin-bottom:0;
}
.committee_blk .person_blk img {
	width: 80px;
	margin: 10px;
	float: left;
}
.committee_blk .person_blk .person {
	padding: 10px 5px 0px 0px !important;
	line-height: 17px;

}
ol.committee_ol_list{
	margin-left:10px;
	padding-left:10px;
}
ol.committee_ol_list li {
	list-style-type: decimal;
	padding-bottom:5px;
}
ol.committee_ol_list ul li {
	list-style-type: disc;
}

@media screen and (max-width:480px) {
	.committee_blk {
		display:block;
	}
	.committee_blk .person_blk {
		width:100%;
	}
}

/** ============================================================
 * 実施機関専用ページ
 * ========================================================== */
.commendation_block{

}
.commendation_block .img_wrap{
	margin:0 10px;
	width:300px;
	float:right;
	font-size:10px;
	color: #06C;
}
.commendation_block .img_wrap .left_img{
	float:left;
	margin:0px 6px 5px 0px;
	width:147px;
}
.commendation_block .img_wrap .right_img{
	float:right;
	margin:0px 0px 5px 0px;
	width:147px;
}
.commendation_block .img_wrap .w96{
	width:96px;
}
.commendation_block .img_wrap .w135{
	width:135px;
}
.commendation_block .img_wrap .w110{
	width:110px;
}
.commendation_block .img_wrap .w180{
	width:180px;
}
.commendation_block .img_wrap .w125{
	width:125px;
}
@media screen and (max-width:480px) {
	.commendation_block .img_wrap{
		float:none;
		margin:0 auto 20px;
	}
}


/** ============================================================
 * 実施機関専用ページ 広告資料
 * ========================================================== */
ul.poster {
	background: none repeat scroll 0 0 #FFFADE;
	border: 1px solid #FEE9BF;
	margin-bottom: 20px;
	padding: 5px 15px 15px;
}
ul.poster li.poster_a {
	background: url("../images/member/poster_bg_a.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_b {
	background: url("../images/member/poster_bg_b.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_c {
	background: url("../images/member/poster_bg_c.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_d {
	background: url("../images/member/poster_bg_d.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_e {
	background: url("../images/member/poster_bg_e.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_f {
	background: url("../images/member/poster_bg_f.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_g {
	background: url("../images/member/poster_bg_g.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_h {
	background: url("../images/member/poster_bg_h.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_i {
	background: url("../images/member/poster_bg_i.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_j {
	background: url("../images/member/poster_bg_j.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_k {
	background: url("../images/member/poster_bg_k.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 55px 100px;
}
ul.poster li.document_l {
	background: url("../images/member/document_bg_l.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 20px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.poster_concours_52 {
	background: url("../images/member/poster_concours_52.jpg") no-repeat scroll 20px 15px #FFFFFF;
	border: 1px solid #FEE9BF;
	font-weight: bold;
	margin: 10px 0 0;
	padding: 15px 15px 15px 100px;
}
ul.poster li.dl {
	background: url("../images/arrow_member.gif") no-repeat scroll 0 center transparent;
	border-bottom: 1px dotted #FFBAA1;
	font-weight: normal;
	padding: 10px 0 10px 23px;
}


/** ============================================================
 * 実施機関専用ページ 参考図書販売
 * ========================================================== */
.reference_books_block{
	display: flex;
	margin-bottom: 15px;
}
.reference_books_item{
	width: calc(100% / 3);
	min-height: 193px;
	border: 1px solid #ccc;
	padding:5px;
}
.reference_books_item:nth-child(n + 2){
	margin-left: 15px;
}
.reference_books_item_txt{
	min-height: 185px;
	padding: 0 10px 15px;
}
.reference_product{
	display: flex;
	align-items: flex-end;
}
.reference_icon{
	width: 80px;
	height: 60px;
}
.reference_btn{
	width: 90px;
	height: 20px;
	margin-left: 5px;
}
@media screen and (max-width:740px){
	.reference_books_block{
		flex-wrap: wrap;
	}
	.reference_books_item{
		width: 100%;
		min-height: unset;
	}
	.reference_books_item_ttl{
		width: 40%;
	}
	.reference_books_item_txt {
		min-height: unset;
	}
	.reference_books_item:nth-child(n + 2){
		margin: 15px 0 0 0;
	}
	.reference_icon{
		width: 120px;
		height: 90px;
	}
	.reference_btn{
		width: 180px;
		height: 40px;
	}

}


/** ============================================================
 * 実施機関専用ページ 試験関連
 * ========================================================== */
.shiken__indent{
	padding-left: 1rem;
	text-indent: -1rem;
}
.shiken_block{
	width: 100%;
	overflow: auto;
}
.shiken_flow{
	margin: 0 27px 10px 30px;
	border: 1px solid #DEDEDE;
	font-size: .9rem;
	line-height: 1.5em;
}
.shiken_flow + p{
	margin: 0 27px 10px 30px;
}
.shiken_flow th{
	background: none repeat scroll 0 0 #FEE1D0;
	border: 1px solid #DEDEDE;
	font-weight: bold;
	padding: 7px;
	text-align: center;
	white-space: nowrap;
}
.shiken_flow tr:first-child th:nth-child(2){
	width: 26%;
}
.shiken_flow tr:first-child th:nth-child(3){
	width: 46%;
}
.shiken_flow tr:nth-child(2) td {
	padding: 20px 5px 5px 5px;
}
.shiken_flow tr td:nth-child(3) {
	text-align: left;
}
.shiken_flow td{
	border-left: 1px solid #DEDEDE;
	border-right: 1px solid #DEDEDE;
	background: none repeat scroll 0 0 #FCF5F2;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.shiken_flow .flow_img img{
	width: 15px;
}
.shiken_doc_list {
	background: none repeat scroll 0 0 #FFFADE;
	border: 1px solid #FEE9BF;
	margin: 0 27px 20px 30px;
	padding: 5px 15px 15px;
	font-size: .9rem;
	line-height: 1.2;
}
.layer .shiken_doc_list .left_pdf_link{
	margin-left: 5px;
	padding-left: 18px;
}
.layer .shiken_doc_list .left_pdf_link:before{
	top: 25%;
	transform: translateY(15%);
}
.shiken_doc_list_item{
	position: relative;
	border-bottom: 1px dotted #FFBAA1;
	padding: 10px 0 10px 23px;
}
.shiken_doc_list_item:before{
	content: url(../images/arrow_member.gif);
	position: absolute;
	top: 18px;
	left: 0;
	margin-top: -8px;
}
@media screen and (max-width:480px){
	.shiken_flow{
		width: 600px;
		margin: 0;
	}
	.shiken_doc_list{
		margin: 0 0 20px;
	}
}

/** ============================================================
 * 第21回企業電話応対コンテスト成績発表会
 * ========================================================== */
.contest_tokusyu{

}
.contest_tokusyu img{
	width:auto;
}
.contest_tokusyu .tabLink ul{
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:3px solid #000;
	margin-bottom:20px;
}
.contest_tokusyu .tabLink li{
	display:table-cell;
	text-align:center;
	padding:0 3px;
}
.contest_tokusyu .tabLink li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:20px;
	border:1px solid #ccc;
	border-bottom:none;
	border-radius:8px 8px 0 0;
	background:#0A6CAA;
}
.contest_tokusyu .tabLink .active a{
	color:#000;
	background:#BAAB56;
}
.contest_tokusyu .textLink{
	border-top:3px solid #18348a;
	border-bottom:3px solid #18348a;
	padding:10px;
	display:table;
	table-layout:fixed;
	width:100%;
}
.contest_tokusyu .textLink li{
	display:table-cell;
	text-align:center;
	padding:0 3px;
}
.contest_tokusyu .textLink .active a{
	color:#000;
	text-decoration:none;
	position: relative;
	padding-left:14px;
}
.contest_tokusyu .textLink .active a:before{
	content: url(../images/education/arw_blue.gif);
	position: absolute;
	top: 50%;
	left:0;
	transform:translateY(-50%)
}

@media screen and (max-width:750px){
	.contest_tokusyu img{
		width:100%;
	}
	.contest_tokusyu .tabLink li{
		padding:0;
	}
	.contest_tokusyu .tabLink li a{
		padding:10px;
		border-radius:0 0 0 0;
	}
}

.award_company{
	border:1px solid #ddd;
	padding:20px;
	margin-bottom:30px;
}
.award_company .company_name{
	background: #fff7db;
	padding:10px;
	margin-bottom:30px;
}
.award_company .company_name p{
	margin-bottom:0;
	font-weight:bold;
}
.company_people{
	display:flex;
	justify-content: space-between;
	margin-bottom:30px;
}
.company_people p{
	margin-bottom:0;
}
.company_people_item{
	text-align:center;
	font-size:14px;
}
.company_people_item .name{
	font-weight:bold;
	font-size:18px;
}
.company_people_item .name span{
	font-weight:normal;
	font-size:12px;
}
.company_info{
	background:#e6f9e3;
	padding:10px 15px;
}
.company_info .company_info_ttl{
	color:#940000;
	margin-bottom: 10px;
}
.company_info dl{
	display:flex;
	flex-wrap: wrap;
	font-size:12px;
}
.company_info dt{
	width:120px;
	padding:3px 0;
}
.company_info dd{
	width:calc(100% - 120px);
	padding:3px 0;
}
.award_company_link ul{
	display:flex;
	margin-bottom:20px;
}
.award_company_link ul li{
	position: relative;
	padding:0 30px;
}

.award_company_link ul li:before{
	content: url(../images/arrow_btm_link.png);
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -7px;
}
@media screen and (max-width:480px){
	.award_company{
		padding:10px;
	}
	.company_people{
		display:block;
	}
	.company_people_item{
		margin-bottom:20px;
	}
	.company_info dl{
		display:block;
	}
	.company_info dt{
		width:100%;
		font-weight:bold;
	}
	.company_info dd{
		width:100%;
		padding-bottom:10px;
	}
	.award_company_link ul{
		display:block;
	}
	.award_company_link ul li{
		margin-bottom:10px;
	}
}


/** ============================================================
 * 第56回電話応対コンクール全国大会模様
 * ========================================================== */
.concours_tokusyu{

}
.concours_tokusyu img{
	width:auto;
}
.concours_tokusyu .tabLink ul{
	display:table;
	table-layout:fixed;
	width:100%;
	border-bottom:3px solid #000;
	margin-bottom:20px;
}
.concours_tokusyu .tabLink li{
	display:table-cell;
	text-align:center;
	padding:0;
}
.concours_tokusyu .tabLink li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:20px 10px;
	border:1px solid #ccc;
	border-bottom:none;
	border-radius:8px 8px 0 0;
	background:#640F13;
}
.concours_tokusyu .tabLink .active a{
	color:#000;
	background:#BAAB56;
}
.concours_tokusyu .textLink{
	border-top:3px solid #c60000;
	border-bottom:3px solid #c60000;
	padding:10px;
	display:table;
	table-layout:fixed;
	width:100%;
}
.concours_tokusyu .textLink li{
	display:table-cell;
	text-align:center;
	padding:0 3px;
}
.concours_tokusyu .textLink .active a{
	color:#000;
	text-decoration:none;
	position: relative;
	padding-left:14px;
}
.concours_tokusyu .textLink .active a:before{
	content: url(../images/education/arw_red.gif);
	position: absolute;
	top: 50%;
	left:0;
	transform:translateY(-50%)
}

.timetbleWrap .timetbleL {
	background-color: #C20C21;
	display: block;
	float: left;
	width: 90px;
	overflow: hidden;
	height: 290px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.timetbleWrap .timetbleL_55 {
	background-color: #ffffff;
	border: #cf000e;
	border-style: solid;
	border-width: 4px;
	border-radius: 8px;
	display: block;
	float: left;
	width: 88px;
	overflow: hidden;
	height: 280px;
	color: #cf000e;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size:14px;
}

.timetbleWrap .timetbleL span {
	line-height: 40px;
}
.timetbleWrap .timetbleR {
	background-color: #F2ECEC;
	float: left;
	width: 630px;
	overflow: hidden;
	height: 290px;
	padding: 10px;
	font-size:14px;
}
.floatImg{
	display:flex;
}
.timetbleWrap {
	display: block;
	overflow: hidden;
	height: 300px;
}
.hitokomaWrap {
	display: block;
	overflow: hidden;
	margin-bottom:20px;
}
.timetbleWrapFt {
	display: block;
	height: 6px;
	width: 720px;
	margin-bottom: 5px;
}

.timetbleWrapFt_55 {
	display: block;
	height: 25px;
	width: 720px;
	margin-bottom: 5px;
}
.hitokomaWrap .hitokomaL {
	background-color: #5C441B;
	display: block;
	float: left;
	width: 90px;
	overflow: hidden;
	height: 490px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}

.hitokomaWrap .hitokomaR {
	background-color: #F2ECEC;
	float: left;
	overflow: hidden;
	height: 490px;
	width: 620px;
	padding-top: 10px;
	padding-left:10px;
}
.capsL {
	width: 280px;
	display: block;
	float: left;
}
.capsR {
	width: 240px;
	display: block;
	float: left;
}

.hitokomaWrap .hitokomaL_55 {
	background-color: #0c3388;
	display: block;
	float: left;
	width: 96px;
	overflow: hidden;
	height: 330px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size:14px;
}

.hitokomaWrap .hitokomaR_55 {
	background-color: #F2ECEC;
	float: left;
	overflow: hidden;
	height: 330px;
	width: 620px;
	padding-top: 10px;
	padding-left:10px;
	font-size:14px;
}
.hitokomaWrap .hitokomaL_56 {
	background-color: #cf000e;
	display: block;
	float: left;
	width: 96px;
	overflow: hidden;
	height: 330px;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size:14px;
}

.hitokomaWrap .hitokomaR_56 {
	background-color: #cf000e;
	float: left;
	overflow: hidden;
	height: 330px;
	width: 620px;
	padding-top: 10px;
	padding-left:10px;
}
.timetbleWrapFt_55 .sp_only{
	display:none;
}

@media screen and (max-width:750px){
	.concours_tokusyu img{
		width:100%;
	}
	.concours_tokusyu .tabLink ul{
		display:flex;
		flex-wrap: wrap;
	}
	.concours_tokusyu .tabLink li{
		width:33.333%
	}
	.concours_tokusyu .tabLink li:nth-of-type(4),
	.concours_tokusyu .tabLink li:nth-of-type(5){
		width:50%;
	}
	.concours_tokusyu .tabLink li a{
		padding:10px;
		border-radius:0 0 0 0;
	}
	.timetbleWrap,.timetbleWrap .timetbleR{
		height:auto;
		overflow: visible;
	}
	.timetbleWrap .timetbleL_55,.timetbleWrap .timetbleR,.hitokomaWrap .hitokomaR_55{
		float:none;
	}
	.timetbleWrap .timetbleL_55,.hitokomaWrap .hitokomaR_55{
		height:auto;
		width:100%;
		padding:10px;
	}
	.timetbleWrap .timetbleL_55 br{
		display:none;
	}
	.timetbleWrap .timetbleR{
		width:100%;
	}
	.timetbleWrapFt_55{
		width:100%;
		text-align:center;
	}
	.timetbleWrapFt_55 .pc_only{
		display:none;
	}
	.timetbleWrapFt_55 .sp_only{
		display:block;
		width:25px;
		margin:0 auto;
	}
	.hitokomaWrap .hitokomaL_56{
		height:auto;
		width:100%;
		padding:10px;
	}
	.hitokomaWrap .hitokomaL_56 br{
		display:none;
	}
}

@media screen and (max-width:480px){
	.concours_tokusyu .tabLink ul{
		border-bottom:none;
	}
	.concours_tokusyu .tabLink li{
		width:50%
	}
}


/*コンクール特集ページのタイトル*/
.concours_tokusyu .tokusyu_header{
	background:#6a0509;
	border-top:2px solid #c2b250;
	border-bottom:4px solid #c2b250;
	border-left:none;
	color:#fff;
	font-weight:bold;
	padding:10px;
}
.concours_tokusyu .tokusyu_header span{
	padding:0 5px;
	font-weight:bold;
	display:inline-block;
	margin-right:5px;
	text-align:center;
}
.concours_tokusyu .tokusyu_header .winner1{
	background:#ecd466;
	border:2px solid #e7000c;
	border-radius:5px;
	color:#e7000c;
}
.concours_tokusyu .tokusyu_header .winner2{
	background:#fffcfc;
	border:2px solid #003f90;
	border-radius:5px;
	color:#003f90;
}
/*2ページ目*/
.winner_block{
	display:flex;
	margin-bottom:60px;
}
.winner_prof{
	margin-right:20px;
	width:36%;
}
.winner_img{
	margin-bottom:10px;
}
.winner_name .name{
	font-weight:bold;
}
.winner_name .name span{
	font-weight:normal;
	color:#fff;
	background:#a31f24;
	padding:2px 5px;
	font-size:12px;
	border-radius:5px;
}
.winner_txt{
	width:64%;
}
.winner_txt p{
	font-size:14px;
}
.winner_block .company_info{
	background:#fbf1fa;
}

@media screen and (max-width:750px){
	.winner_block{
		display:block;
		margin-bottom:30px;
	}
	.winner_prof{
		margin-right:0;
		width:100%;
	}
	.winner_txt{
		width:100%;
	}
}

/*出場者一覧*/
.contestant_wrap ul{
	display:flex;
	flex-wrap: wrap;
}
.contestant_wrap li{
	width:calc(50% - 10px);
	margin:10px 5px;
	display:flex;
	border:1px solid #ccc;
	padding:10px;
}
.contestant_wrap li img{
	width:100%;
}
.contestant_img{
	width:36%;
	margin-right:10px;
	position: relative;
}
.contestant_img:after{
	content: url(../images/icon_zoom.png);
	position: absolute;
	top: 20px;
	right:10px;
	transform:translateY(-50%)
}
.contestant_prof{
	width:64%;
}
.contestant_name .name{
	font-weight:bold;
	margin-bottom:10px;
	font-size:14px;
}
.contestant_name .name span{
	font-weight:normal;
	color:#fff;
	background:#a31f24;
	padding:2px 5px;
	font-size:12px;
	border-radius:5px;
}
.contestant_name .company{
	background:#fff7db;
	padding:2px;
	font-size:10px;
	margin-bottom:5px;
}
.contestant_name .text{
	font-size:10px;
	margin-bottom:0;
}
@media screen and (max-width:480px){
	.contestant_wrap ul{
		display:block;
	}
	.contestant_wrap li{
		margin: 10px 0;
		width:100%;
	}
}
.concours_tokusyu .award_company_link ul{
	flex-wrap: wrap;
}
.concours_tokusyu .award_company_link ul li{
	width:33%;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
}
.concours_tokusyu .company_people_item{
	margin-right:20px;
}

@media screen and (max-width:768px){
	.concours_tokusyu  .company_prof{
		width:60%;
	}
}
@media screen and (max-width:480px){
	.concours_tokusyu  .company_prof{
		width:100%;
	}
	.concours_tokusyu .award_company_link ul li{
		width:100%;
		margin-bottom:0;
	}
}













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

/* ==================================================
 * コンテストスライダー
 * =============================================== */
.slideimg_container {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.contest_tokusyu .swiper-slide img {
	width: 100%;
}

.swiper-button-next, .swiper-button-prev {
    top: 0;
    width: 27px;
	height: 100%;
    margin-top: 0;
	padding: 20px;
	background-size: 20px 32px;
	background-color: rgba(0,0,0,.5);

}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0;
}

/* ------------------------------
 * コントローラー
 * --------------------------- */
.slideimg_controller {
	display: flex;
	margin-top: .5rem;
}

/* ----- オートプレイボタン ----- */
.play_button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}
.play_button[data-autoplay="play"]::before,
.play_button[data-autoplay="play"]::after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 1rem;
	background: #000;
}
.play_button[data-autoplay="play"]::after {
	margin-left: 4px;
}


.play_button[data-autoplay="stop"]::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	background: none;
	border: .5rem solid transparent;
	border-left: 12px solid #333;
	border-right: 0 solid transparent;
}
.play_button[data-autoplay="stop"]::after {
	display: none;
}

/* ----- ページネーション ----- */
.controller_pager {
	margin-left: 1rem;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #333;
	opacity: .4;
}
.swiper-pagination-bullet:not(:first-child) {
	margin-left: 8px;
}
.swiper-pagination-bullet:focus {
	outline: none;
}
.swiper-pagination-bullet-active {
	background: #333;
}


@media screen and (max-width:480px) {
	.slideimg_controller {
		display: none;
	}
}

/* スライダー部分でWPで空タグに合わせてはいるPタグを消す */
.slideimg p:not([class]) {
	display: none;
}






/* ==================================================
 * 
 * =============================================== */
.tabLink {
	margin-top: 2.4rem;
}