@charset "utf-8";
/* common */
#base{
	width: 1220px;
}
.txt_indent{
    text-indent: -1em;
    padding-left: 1em;
}
.p_txtcol_red{
    color: #FF0000;
}
.p_txtcol_main{
    color: #223E61;
}
.techtrain_mb_10{
    margin-bottom: 10px;
    display: block;
}
div#cont {
    margin: 0px;
}

/*
    対象者タグ
================================*/
.p_tagWrapper {
    align-items: flex-start;
    border-bottom: 1px solid currentColor;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    /*margin-bottom: 10px;*/
  }
  
  .p_notice:not(:has(.__area_needs)) .p_tagWrapper {
    align-items: center;
    flex-direction: row;
  }
  
  .p_targetTags {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  /*.p_targetTags.besideHeading { max-width: 80%; } 対象者見出しの横に表示する場合 */
  
  .p_targetTags_item {
    -webkit-flex:0 1 auto;
    -moz-flex:0 1 auto;
    -ms-flex:0 1 auto;
    -o-flex:0 1 auto;
    flex:0 1 auto;
    margin: 3px 0;
  }
  
  .c_targetTags {
    background-color: #ccc;
    border-radius: 25px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 3px;
    padding: 1px 12px;
    text-align: center;
  }
  
  .c_targetTags.young { background-color: #00a99d; }
  .c_targetTags.middle { background-color: #ff9e1d; }
  .c_targetTags.leader { background-color: #cc1b5b; }
  .c_targetTags.naiteisha { background-color: #09a2c6; }
  .c_targetTags.newcom { background-color: #1eba2c; }
  .c_targetTags.head { background-color: #b865c1; }
  .c_targetTags.mng { background-color: #8e6747; }
  .c_targetTags.all { background-color: #e80000; }
  
/* KV */
.p_contentHeader__heading {
    position: relative;
    padding: 8px 0 8px 72px;
    border-top: 3px solid #194A72;
    z-index: 999;!important
}
.distanceLearning .p_heading::before {
    content: url(/resource/img/recruitment-support/techtrainbtm/bottom_open-distanceLearning.svg);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 64px;
    background-size: contain;
}
.p_contentHeader__keyVisual__logo{
    flex-direction: column;
    gap: 10px;
}
.top_section__comment__text{
    font-size: 15px;
    width: 100%;
    text-align: left;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 30px;
    padding: 0 15px;
    word-break: break-all;
}
.p_heading > .p_heading__ttl{
    margin-left: 10px;
}
/* nav */
.bottomNav_link span::before{
	color: #223E61!important;
}
.bottomNav_link.userInterface_nav span::before{
	content: "\f109";
}
.bottomNav_link.feature_nav span::before{
	content: "";
    background: url(/resource/img/recruitment-support/techtrainbtm/ico_train.svg);
    width: 13px;
    height: 16px;
	display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.bottomNav_link.flow_nav span::before{
	content: '\f1d8';
}
.bottomNav_link.organization_nav span::before{
	content: '\f1ad';
}
/* outline */
.about_distanceLearning{
    font-size: 15px;
    margin-top: 35px;
    line-height: 1.5;
}
/* userInterface */
#userInterface::before {
    content: "\f109";
}
.userInterface_wrap{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.p_userInterface_ttl{
    font-size: 15px;
    font-weight: bold;
    color: #00BCD2;
    position: relative;
    padding-left: 18px;
}
.p_userInterface_ttl::after{
    content: "";
    position: absolute;
    top: 0.3em;
    left: 0;
    width: 15px;
    height: 15px;
    background: #223E61;
    border-radius: 50%;
}
.p_userInterface_text{
    color: #223E61;
    font-size: 14px;
    height: 2.5rem;
}
.userInterface_wrap img{
    width: 100%;
    margin-top: 15px;
}

/* feature */
.m_feature {
    display: flex;
    align-items: self-start;
}
#feature::before {
	content: "";
	background: url(/resource/img/recruitment-support/techtrainbtm/ico_train.svg);
	width: 22px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}
.m_feature__numWrap {
    flex: 0 0 84px;
    color: #223E61;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 20px 0;
}
.m_feature__num {
    line-height: 1;
    font-weight: 700;
    text-align: center;
    font-size: 80px;
    font-family: Arial, Helvetica, "sans-serif";
}
.m_feature__body {
    flex: 1 1 auto;
    padding: 20px 0;
}
.m_feature__body_cont {
    border-left: 2px solid #707070;
    padding-left: 14px;
}
.m_feature__ttl {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 20px;
}
.m_feature__msg {
    font-size: 16px;
}
.m_feature__numWrap+.m_feature__body {
    padding-left: 0;
    border-left: none;
}
.m_feature__body_cont_flow {
    padding-left: 14px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 12px;
}
.m_feature__body_cont_flow3 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    font-size: 12px;
}
.m_feature__item_step {
    color: #223E61;
    font-size: 20px;
    font-weight: 700;
    font-family: Arial, Helvetica, "sans-serif";
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.m_feature__item_step span {
    font-size: 18px;
    border-bottom: 1px solid #223E61;
    padding-bottom: 5px;
    margin-right: 5px
}
.m_feature__body_cont_flow3 li:first-of-type {
    width: 62%;
}
.m_feature__body_cont_flow3 li:last-of-type {
    width: 31%;
}
.m_feature__body_cont_flow3 img, .m_feature__body_cont_flow li img {
    width: 100%;
    margin-top: 12px;
}
.m_feature__body_cont_arrow {
    padding-top: 10%;
}
.m_feature__body_cont_flow li.u_sp img {
    width: 12px;
    margin: 0 auto;
    display: block;
}
.u_pc {
    display: block;
}
.u_sp {
    display: none;
}
@media screen and (max-width: 768px){
    .u_pc {
        display: none;
    }
    .u_sp {
        display: block;
    }
    .m_feature__body_cont_flow {
        flex-direction: column;
        gap: 15px
    }
    .m_feature__body_cont_flow li {
        width: 100%
    }
    .m_feature__body_cont_flow3 {
        flex-direction: column
    }
    .m_feature__body_cont_flow3 li:first-of-type {
        width: 100%
    }
    .m_feature__body_cont_flow3 li:last-of-type {
        width: 100%
    }
	.userInterface_wrap{
		grid-template-columns: repeat(1,1fr);
		gap: 20px;
	}
	.m_feature__ttl {
		font-size: 16px;
	}
	.m_feature__msg {
		font-size: 14px;
	}
	.m_feature__num{
		font-size: 50px;
	}
	.m_feature__numWrap{
		flex: 0 0 64px;
	}
    .top_section__comment__text{
        margin-bottom: 0px;
        padding: 0;
    }
.m_quality__body_cont_flow{
        display:block;
   }

.m_quality__body_cont_flow li{
       width: auto !important;
margin-bottom: 30px;
}

}
/* schedule */
.distanceLearning .p_cntContainer.schedule{
    margin-top: 50px;
}
.distanceLearning .p_cntContainer.schedule_box{
    margin-top: 13px;
}
/* flow */
#flow::before {
    content: '\f1d8';
}
/* organization */
#organization::before {
    content: '\f1ad';
}
/* faq */
#faq::before {
    content: "\f059";
}
/* table */
/*　リンクの設定（リクエストページ）　*/
a.request:link { color : #0033ff; }
a.request:hover {
	color : #FF6600;
	text-decoration: underline;
}
a.request:active { color : gold; }
a.request:visited { color : #0033ff; }

/*JavaScriptで実行中　テーブルのマウスオーバーについて*/
.datarow {background-color:white;}

.datarow_mouseover {background-color:#E8F1FF}
.datarow_mouseover td a:not(.btn) {color: #3481EA}
.datarow_mouseover td a:hover:not(.btn) {text-decoration: underline;}

/*選択*/

.pca_bup table {
  border-collapse: collapse;
}

.pca_bup table, th, td {
  border: 1px solid #ccc;
}
table.selecttable {
	margin-top: 5px;
	margin-bottom: 5px;
}
table.selecttable td {
	padding-top: 5px;
	padding-bottom: 5px;
}

/*テーブル中身*/
table.datatable {
	font-size: 11.5px;
	color: #333333;
	border-collapse:collapse;
    width: 750px;
}
table.datatable tr {
	vertical-align: middle;
}
table.datatable th {
	color: #FFFFFF;
	border: 1px solid #333333;
	background-color: #194A72;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	padding: 3px;
}
table.datatable th:first-of-type {
    width: 42.8%;
}
table.datatable th:nth-of-type(2) {
    width: 28.6%;
}
table.datatable th:last-of-type {
    width: 28%;
}

table.datatable td {
	border: 1px solid #000000;
	border-collapse:collapse;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
}
table.datatable td p {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
table.datatable td .memo {
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
table.datatable td.price, table.datatable td.price-item {
	font-size: 15px;
    vertical-align: middle;
    text-align: center;
}

table.datatable td .video p {
	text-align: left;
	margin-right: 5px;
	padding-right: 0px;
	font-size: 14px;
}

table.datatable td a:not(.btn) {
	margin: 0px;
	padding: 0px;
}

table.datatable td a img {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 3px;
	text-align:center;

}

/*※*/
p#kome {
	background-image: url(./common/img/exclamation.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 20px;
	font-size: 12px;
}

* html td#sample {
	padding-bottom: 5px;
	padding-top: 5px;
}

.pack {
	font-size: 11px;
	width:60px;
}

/** 申込ボタン **/
a.btn {
	text-decoration: none;
	display: inline-block;
	padding: 2px 5px;
	margin: 2px 1px;
	border-radius: 5%;
}
a.btn--hp-app{
	color: #FFFFFF;
	background-color: #4EA0DE;
	width: 80px;
	height: 55px;
	font-size: 14px;
	margin: 5px;
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}
a.btn--hp-app:hover{
	color: white;
	background-color: #82BCE8;
}
a.btn--webins-app{
	color: #FFFFFF;
	background-color: #2352A4;
	width: 80px;
	height: 55px;
	font-size: 14px;
	margin: 5px;
	display: flex;
 	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}
a.btn--webins-app:hover{
	color: white;
	background-color: #6485BF;
}

.price-width{
	width: 90px;
}

.partner-application{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.width-135{
	width: 135px;
}

.heder-application{
	width: 200px;
}

.heder-price{
	min-width: 160px;
}
.heder-seat{
	min-width: 40px;
}
.training-information{
	font-weight: normal;
}
.body-data{
	font-size: 14px;
	text-align: left;
}
.closed{
	color: #FFFFFF;
	background-color: #D9D9D9;
	width: 80px;
	height: 55px;
	font-size: 14px;
	margin: 5px;
	display: flex;
 	flex-direction: column;
  	justify-content: center;
  	align-items: center;
	border-radius: 5px;
}

.flex-center{
	display: flex;
	justify-content: center;
}

.flex-right{
	display: flex;
	justify-content: right;
}

.flex-left{
	display: flex;
	text-align: left;
	justify-content: left;
	align-items: center;
}
.mb5{
	margin-bottom: 5px;
}

.mt5{
	margin-top: 5px;
}

.ml5{
	margin-left: 5px;
}

.mr5{
	margin-right: 5px;
}

.mr7{
	margin-right: 7px;
}

.no-plan{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

/* flow */
.distanceLearning .p_txtFlow__heading {
    color: #fff;
    background: #274A6F;
}
.distanceLearning .p_txtFlow__sec{
    font-size: 15px;
}
/* qa */
.qa_ul_wrap {
    counter-reset: number 0
}

.qa_wrap {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #c9c9c9
}

.qa_wrap:first-of-type {
    padding: 0 0 30px
}

.qa_wrap:last-of-type {
    border-bottom: none
}

.p_qa--question {
    padding: 0 0 10px 2.8em;
    font-size: .9375rem;
    font-weight: 700
}

.p_qa--question::before {
    content: "Q"counter(number)".";
    position: absolute;
    left: 0;
    font-size: 1em;
    color: #274A6F;
    counter-increment: number 1
}

.p_qa--answer {
    padding-left: 2em;
    font-size: .9375rem
}

.p_qa--answer::before {
    content: "A.";
    position: absolute;
    left: 0;
    font-size: 1em;
    font-weight: 700;
    color: #274A6F
}

/* 非表示 */
.commong_soon{
    position: relative;
}
.commong_soon::before{
    content: "coming soon";
    font-size: 12px;
    color: #fff;
    background-color: #333333d2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
}



.m_quality__item_step{
color:#00BCD2;
display:block;
}
.m_quality__item_step span{
border:none;
display: block;
}
.p_userInterface_ttl::after{
background: #00BCD2;
}
.m_quality__body_cont_flow {
    padding-left: 0;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
}
.m_quality__body_cont_flow li{
width: 30%;
}
.m_quality__body_cont_flow li img{
    margin-top: 20px;
}
.m_quality__item_step{
 font-size: 16px;
}



#personal_lesson::before {
	content: "";
	background: url(/resource/img/ico_wins_personal_lesson.svg);
	width: 22px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}
#wins_search_classrooms::before {
	content: "";
	background: url(/resource/img/ico_wins_map.svg);
	width: 22px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pca_bup #programTable .style1{
text-align:center;
background-color:#f2f2f2; 
line-height: 3em;
}

.pca_bup #programTable{
    background-color: #cfcfcf;
}
.pca_bup　#programTable tbody tr > td:first-child {
  font-weight: bold;
  text-align: center;
}