body , html { /*ページ全体*/
margin: 0;
padding: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
font-weight: 500;
color: #303030;
}


select {
font-size: 1em;
}
textarea {
font-size: 1em;
}
input {
font-size: 1em;
}
button {
font-size: 1em;
}


button, input, select, textarea {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
line-height: 24px;
}


a:link {
color: #2438a2;
text-decoration: none;
}
a:visited {
color: #63899f;
text-decoration: none;
}
a:hover {
color: #f7931e;
text-decoration: none;
}


main {margin: 20px 0 20px 0;}

section {margin: 20px 0 20px 0;}

article {margin: 0 0 20px 0;}

footer {margin: 40px 0 0 0;}



/*戻るボタンセット*/
.bt_bottom_set {
width: 95%;
text-align: center;
margin: 0 0 10px 0;
}

/*戻る_トップページボタン*/
.btn-square_bt {
display: inline-block;
padding: 10px 25px;
margin: 0;
text-decoration: none;
color: #5e5e5e;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #f1e767;
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
box-shadow: inset 1px 1px 1px #fff;
border-radius: 25px;
font-size: 1em;
}
.btn-square_bt:link {
color: #5e5e5e;
}
.btn-square_bt:visited {
color: #5e5e5e;
}
.btn-square_bt:hover {
display: inline-block;
text-decoration: none;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #d5d5d5;
}

/*ログアウトボタン*/
.btn-logout_bt {
display: inline-block;
position: relative;
padding: 10px 25px;
margin: 0;
text-decoration: none;
color: #5e5e5e;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #f1e767;
background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
box-shadow: inset 1px 1px 1px #fff;
border-radius: 25px;
font-size: 1em;
}
.btn-logout_bt:before {
content: '';
display: block;
position: absolute;
top: +2px;
left: +2px;
border: 1px solid #d0d0d0;
width: calc(100% - 6px);
height: calc(100% - 6px);
border-radius: 25px;
}
.btn-logout_bt:link {
color: #5e5e5e;
}
.btn-logout_bt:visited {
color: #5e5e5e;
}
.btn-logout_bt:hover {
display: inline-block;
text-decoration: none;
border-style: solid;
border-width: 2px;
border-color: #d0d0d0;
background: #d5d5d5;
}




/*リスト_中央揃え*/
.list_center {
text-align: center;
}
/*リスト_左揃え*/
.list_left {
text-align: left;
}
/*リスト_右揃え*/
.list_right {
text-align: right;
}




/*詳細css*/
table.details_table {
margin-left: auto;
margin-right: auto;
width: 95%;
border-spacing: 2px; 
}
table.detailst_table th {
font-size: 1em;
line-height: 28px;
border-style: solid;
border-width: 1px;
border-color: #d0d0d0;
padding: 2px 5px;
}
table.details_table td {
font-size: 1em;
line-height: 28px;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-color: #d0d0d0;
padding: 2px 5px;
}



/*詳細_項目*/
.details_name th {
width: 20%;
font-size: 1em;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-color: #d0d0d0;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}


/*ページタイトルバー*/
.title_ber {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
color: #606a73;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #b3bac1;
border-radius: 5px;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#d4dce3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4dce3',GradientType=0 ); /* IE6-9 */
box-sizing: border-box;
}




/*ヘッダーバー*/
.head_ber01 {
width: 100%;
text-align: center;
margin: 0 auto;
padding: 5px 0;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#d4dce3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4dce3',GradientType=0 ); /* IE6-9 */
}


/*ヘッダータイトル*/
.h_title {
display: inline-block;
min-width: 280px;
margin: 15px 10px 10px 10px;
padding: 10px 20px 10px 20px;
background: #ffffff;
border: solid 0 #ffffff;
border-radius: 10px;
font-size: 1.2em;
line-height: 1.2em;
font-weight: bold;
text-decoration: none;
color: #606a73;
text-align*: center;
}



/*フッターグラデバー*/
.fotter_ber {
width: 100%;
height: 2px;
margin: 5px 0;
background: #77bdf9;
}




/*ログイン画面背景*/
.login_back {
/*
background: #9de7e1; 
background: linear-gradient(to right,  #d8f3ea 0%,#c9f0f7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8f3ea', endColorstr='#c9f0f7',GradientType=1 ); 
*/
background: #ffffff; 
background: linear-gradient(to right,  #ffffff 0%,#e4fdfb 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4fdfb',GradientType=1 ); 

}

/*ログイン白枠*/
.login_box {
display: inline-block;
min-width: 360px;
width: 80%;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
background-color: #ffffff;
padding: 20px 0 0 0;
}



/*ログインボタン部分*/
/*ログインボタン*/
.login_bt {
display: inline-block;
width: 250px;
height: 50px;
margin: 0 0 20px 0;
text-align: center;
text-decoration: none;
background: #4ba7ba;
font-size: 1em;
line-height: 3em;
color: #ffffff;
}
.login_bt:link {
color: #ffffff;
}
.login_bt:visited {
color: #ffffff;
}
.login_bt:hover {
background: #d5d5d5;
color: #999999;
}

/*ログインパスワード入力部分*/
.login_text {
padding: 0 10px;
font-size: 1em;
color: #b0b0b0;
background-color: #f2f2f2;
border-style: none;
margin: 0 0 10px 0;
width: 230px;
height: 50px;
border-radius: 0;
box-shadow: none;
}
input:focus.login_text {
background-color: #ffffff;
outline: 1px #a0a0a0 solid;
}

/*コピーライト*/
.copy_t {
text-align: center;
font-size: 0.8em;
color: #777777;
}

/*パワーデッドバイ*/
.power_t {
margin: 0 20px 0 0;
text-align: right;
font-size: 0.7em;
color: #777777;
}


.cwb {
background: #ffffff;
}










/*ログインボックス内の研修名表示マージン*/
.loginbox_kensyu_t {
display: block;
margin-bottom: 10px;
padding: 0px;
margin-top: 0px;
}





/*リダイレクト＿白枠*/
.redirect_box {
display: inline-block;
min-width: 360px;
max-width:600px;
width: 50%;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
background-color: #ffffff;
padding: 20px 5px 20px 5px;

}

/*リダイレクト＿文字*/
.redirect_t {
font-size: 1.5em;
line-height: 2.0em;
font-weight: bold;
color:#4f7873;
}


/*入力ボックスのエラー表現＿ＢＯＸ*/
.entry_error {
background-color: #fcdae0;
border: 1px solid #e60101;
color:#e60101;
}
/*入力ボックスのエラー表現＿下部の説明*/
.error_dscp {
color:#e60101;
font-size:0.9em;
margin-bottom:10px;
}






/*トップページリスト枠*/
.list_ber {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
color: #606a73;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #b3bac1;
border-radius: 5px;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#d4dce3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4dce3',GradientType=0 ); /* IE6-9 */
box-sizing: border-box;
}
.list_ber:link {
display: inline-block;
text-decoration: none;
color: #438ccb;
}
.list_ber:visited {
text-decoration: none;
color: #438ccb;
}


.list_ber:hover {
/*text-decoration: none;*/

/*opacity:0.5;*/
/*color: #438ccb;*/

}

/*トップページリストの下の説明枠*/
.list_ber_desc {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #303030;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #b3bac1;
border-radius: 5px;
background: #ffffff; /* Old browsers */
box-sizing: border-box;
}




.mov_title:after {
display: inline-block;
content:"再生はこちらをクリック";
background-color:#ffffff;
border:1px solid #77bdf9;
border-radius:5px;
padding:2px 12px;
color:#333333;
font-size:0.9em;
font-weight:normal;
opacity:0.8;
}



.mov_shichowaku {
display:inline-block;
border:1px solid #b8b8b8;
border-radius:10px;
padding:10px 10px;
margin:0 10px 10px 10px;
}
.mov_shichowaku02 {
display:block;
margin:0 10px;
font-size:11pt;
}
.shicho_text {
display:inline-block;
height:40px;
background:#60bad4;
border-radius:18px 0 0 18px;
color:#ffffff;
padding:20px 10px;
text-align:left;
line-height: 40px;
}
.shicho_text02 {
display:block;
background:#5e5e5e;
border-radius:5px;
font-size:10pt;
color:#ffffff;
padding:3px;
margin:0 0 5px 0;
text-align:center;
}
.shicho_maru_on {
display:inline-block;
width:30px;
height:30px;
font-size:10pt;
color:#ff0000;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#fea4a4;
line-height: 30px;
margin:0;
}
.shicho_maru_on:link {
color:#ff0000;
}
.shicho_maru_on:visited {
color:#ff0000;
}
.shicho_maru_on:hover {
color:#ffffff;
background:#ff0000;
cursor: pointer;
}
.shicho_maru_next {
	display:block;
	width:30px;
	height:30px;
	font-size:11pt;
	color:#ff0000;
	text-align: center;
	border-radius:50%;
	border:3px solid #ff0000;
	background:#ffffff;
	line-height: 30px;
	margin:0;
}
.shicho_maru_next:link {
	color:#ff0000;
}
.shicho_maru_next:visited {
	color:#ff0000;
}
.shicho_maru_next:hover {
	color:#ffffff;
	background:#ff0000;
	cursor: pointer;
}
.shicho_maru_off {
display:block;
width:30px;
height:30px;
font-size:11pt;
color:#ff0000;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#ffffff;
line-height: 30px;
margin:0;
}
.shicho_maru_off:link {
color:#ff0000;
}
.shicho_maru_off:visited {
color:#ff0000;
}

.shicho_sumi {
vertical-align:middle;
display:inline-block;
width:25px;
height:25px;
font-size:8pt;
color:#ff0000;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#fea4a4;
line-height: 25px;
margin:0;
}
.shicho_mi {
vertical-align:middle;
display:inline-block;
width:25px;
height:25px;
font-size:9pt;
color:#ff0000;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#ffffff;
line-height: 25px;
margin:0;
}

.shicho_no {
vertical-align:middle;
display:inline-block;
font-size:9pt;
color:#4b4b4b;
text-align: center;
margin:0;
}

.shicho_mikanryou {
vertical-align:middle;
display:inline-block;
width:50px;
height:50px;
font-size:10pt;
color:#5e5e5e;
text-align: center;
border-radius:50%;
border:3px solid #d0d0d0;
background:#d0d0d0;
line-height: 50px;
margin:0;
}
.shicho_mikanryou02 {
vertical-align:middle;
display:inline-block;
width:35px;
height:35px;
font-size:8pt;
color:#5e5e5e;
text-align: center;
border-radius:50%;
border:3px solid #d0d0d0;
background:#d0d0d0;
line-height: 35px;
margin:0;
}

.shicho_kanryou {
vertical-align:middle;
display:inline-block;
width:50px;
height:50px;
font-size:10pt;
color:#ffffff;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#ff0000;
line-height: 50px;
margin:0;
}
.shicho_kanryou02 {
vertical-align:middle;
display:inline-block;
width:35px;
height:35px;
font-size:8pt;
color:#ffffff;
text-align: center;
border-radius:50%;
border:3px solid #ff0000;
background:#ff0000;
line-height: 35px;
margin:0;
}


.shicho_line {
position:relative;
top:7px;
display:inline-block;
border:3px solid #ff0000;
padding:0 3px;
margin:0 0 0 0;
}

.moviefile_bt {
position:relative;
top:7px;
display:inline-block;
font-size:10pt;
color:#4e4e4e;
border:1px solid #c0c0c0;
border-radius:10px;
padding:20px;
margin:0 10px 10px 10px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #d8d8d8 49%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#d8d8d8 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#d8d8d8 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.moviefile_bt a:link {
color:#4e4e4e;
}
.moviefile_bt a:visited {
color:#4e4e4e;
}
.moviefile_bt a:hover {
color:#7f7b7b;
}
.moviefile_bt:hover {
color:#ffffff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d8d8 0%, #d8d8d8 49%, #ffffff 49%, #d8d8d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#d8d8d8 49%,#ffffff 49%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d8d8d8 0%,#d8d8d8 49%,#ffffff 49%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}



.moviefile {
font-size:1.2em;
font-weight:bold;
line-height:2.0em;
}

.moviefilename {
padding:5px 10px;
border:1px solid #c0c0c0;
border-radius:10px;
margin-bottom:8px;
background:#f0f0f0;
}



a .moviefile {
color:#ff2d2d;

}



































/*ここからアンケート用CSS*/


.enqfile {
font-size:1.2em;
font-weight:bold;
line-height:2.0em;
}

.enqfilename {
padding:5px 10px;
border:1px solid #c0c0c0;
border-radius:10px;
background:#f2f2ea;
}

a .enqfile {
color:#ff2d2d;

}










/*申込みステップ　ここから*/






.step_waku {
display: inline-block;
width: 95%;
border: 1px solid #b3bac1;
background-color:#e4ecf2;
border-radius:5px;
/*height:70px;*/
line-height:70px;
text-align: center;
margin: 20px 0 10px 0;
box-sizing: border-box;
padding: 5px;
}
.step_on {
display:inline-block;
font-size: 13pt;
color: #ffffff;
font-weight: bold;
background-color:#275971;
margin: 0 10px;
border-radius:5px;
height:40px;
line-height:40px;
text-align: center;
padding: 10px 30px;
}
.step_off {
display:inline-block;

font-size: 13pt;
color: #275971;
font-weight: bold;
background-color:#b3dae5;
margin: 0 10px;
border-radius:5px;
height:40px;
line-height:40px;
text-align: center;
padding: 10px 30px;
}
.step_waku i {
font-size: 15pt;
color: #888888;
}




/*申込みステップ　ここまで*/


.list_ber_desc_enq {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #303030;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #b3bac1;
border-radius: 5px;
background: #f2f2ea;
box-sizing: border-box;
}




.title_RSQ {
display:inline-block;
padding:5px 10px;
background:#ffffff;
margin:2px;
line-height: 20px;
border-radius:7px;
letter-spacing:1em;
text-indent:1em;
text-align:center;
border:1px solid #b0b0b0;
color:#404040;
border-right:3px solid #cfcfcf;
border-bottom:3px solid #cfcfcf;
}



.enqform_title {
width:2.5rem;
text-align:center;
display:block;
font-size: 10pt;
line-height:20px;
font-weight: bold;
padding: 0px 5px;
/*	color:#e62141;	設問もとの赤　*/
/*	border:2px solid #e62141;	設問もとの赤　*/
color:#4a3e14;
border:2px solid #4a3e14;
border-radius:6px;
margin-right:5px;
vertical-align: top;
margin-top:5px;
margin-bottom:10px;
}
.setsumon_title {
	width:2.5rem;
	text-align:center;
	display:block;
	font-size: 10pt;
	line-height:20px;
	font-weight: bold;
	padding: 0px 5px;
	/*	color:#e62141;	設問もとの赤　*/
	/*	border:2px solid #e62141;	設問もとの赤　*/
	color:#4a3e14;
	border:2px solid #4a3e14;
	border-radius:6px;
	margin-right:5px;
	vertical-align: top;
	margin-top:5px;
	margin-bottom:10px;
}


.enqform_text {
display:inline;
font-size: 1.0rem;
line-height:1.2rem;
font-weight: normal;
padding: 0px 5px;
margin-right:5px;
margin-bottom:10px;
vertical-align: top;
margin-top:5px;
}
.setsumon_text {
	display:inline;
	font-size: 1.0rem;
	line-height:1.2rem;
	font-weight: normal;
	padding: 0px 5px;
	margin-right:5px;
	margin-bottom:10px;
	vertical-align: top;
	margin-top:5px;
}

.enqform_line {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #c0c0c0;
margin: 10px 0 20px 0;
}

.enqform_hisu {
display:inline;
font-size: 0.95rem;
line-height:1.2rem;
color: #ff0000
}
.setsumon_hisu {
	display:inline;
	font-size: 0.95rem;
	line-height:1.2rem;
	color: #ff0000
}

.enqform_leadtext {
display:inline-block;
font-size: 1.0rem;
line-height:1.4rem;
font-weight: normal;
padding: 15px;

margin-bottom:10px;

}



.checkL {
/*border:1px solid #ffffff;*/
/*  padding: 2px 6px;*/
display:inline-block;
padding: 2px 6px;
cursor: pointer;
font-size:1.0rem;
}

.checkL input[type='checkbox'] {
    cursor: pointer;
	transform: scale(1.4);
	margin-right:8px;
}

.checkL input[type='radio'] {
    cursor: pointer;
	transform: scale(1.4);
	margin-right:8px;
}

.checkL select {
    cursor: pointer;
	transform: scale(1.2);
		margin-left:10px;
}








/*下部ボタン群*/
.bt_bottom_waku {
display: inline-block;
width: 95%;
margin:5px 0 0 0;
padding: 20px 0;
border-style: solid;
border-width: 1px;
border-color: #d1d7dd;
border-radius: 10px;
background: #ffffff; /* Old browsers */
background: linear-gradient(to bottom,  #ffffff 0%,#dde0e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dde0e8',GradientType=0 ); /* IE6-9 */
font-size: 9pt;
line-height: 30px;
text-align: center;
box-sizing: border-box;
}

/*完了画面文字_大*/
.bt_bottom_waku h1 {
font-size: 20pt;
line-height: 5pt;
}


/*下部ボタン_01*/
.btn-square01 {
display: inline-block;
padding: 5px 25px;
margin: 0;
text-decoration: none;
background: #668ad8;/*ボタン色*/
color: #ffffff;
border-bottom: solid 4px #627295;
border-radius: 10px;
font-size: 11pt;
}
.btn-square01:link {
color: #ffffff;
}
.btn-square01:visited {
color: #ffffff;
}
.btn-square01:hover {
display: inline-block;
text-decoration: none;
background: #66acd8;/*ボタン色*/
border-bottom: solid 4px #406e8c;
}



/*完了画面＿完了の通知のボックス*/
.endbox_waku {
background: #ffffff; 
font-size: 1.2em;
line-height: 1.4em;;
text-align: center;
}

/*完了画面文字_大*/
.endbox_waku h1 {
font-size: 20pt;
line-height: 24pt;
}





.login_obi_incolor {
background:#e6f2fe;
text-align:center;
padding:5px 7px;
font-size:1.0rem;
margin-top:2px;
box-shadow:0 2px 4px gray;
margin-bottom:5px;
/*
background: linear-gradient(to top, #cedff6 0%, #cedff6 15%, #ffffff 16%, #ffffff 100%);
*/
}

.login_name {
font-size:1.0rem;
line-height:1.1rem;
}

.login_name_set {
display:inline-block;
}


.header_login_bt {
display:inline-block;
font-size:1.0rem;
color: #ffffff;
line-height:1.1rem;
background: #225872;
border:1px solid #225872;
border-radius:5px;
padding: 2px 10px 2px 10px;
margin: 0 0 0 15px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.header_login_bt:hover {
color: #ffffff;
background: #ff8f00;
cursor:pointer;
}










/*スマホの時　クラス上書きで小さくする　ここから*/
/*スマホの時　クラス上書きで小さくする　ここから*/

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






/*申込みステップ　ここから*/

.step_waku {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 5px;
border: 1px solid #b3bac1;
background-color:#e4ecf2;
border-radius:5px;
/*height:70px;*/
line-height:50px;
text-align: center;
box-sizing: border-box;

}
.step_on {
display:inline-block;
font-size: 0.9rem;
color: #ffffff;
font-weight: bold;
background-color:#275971;
margin: 3px;
border-radius:5px;
height:30px;
line-height:30px;
text-align: center;
padding: 5px;
padding-right:10px;
margin-right:7px;
}
.step_off {
display:inline-block;

font-size: 0.9rem;
color: #275971;
font-weight: bold;
background-color:#b3dae5;
margin: 3px;
border-radius:5px;
height:30px;
line-height:30px;
text-align: center;
padding: 5px;
padding-right:10px;
margin-right:7px;
}
.step_waku i {
font-size: 15pt;
color: #888888;
}

.txarea_respo {
width:95%;
}

/*申込みステップ　ここまで*/



.endbox_waku h1 {
font-size: 1.8rem;
line-height: 2.0rem;
}


.login_obi_incolor {
font-size:0.8rem;
}

.login_name {
font-size:0.8rem;
line-height:0.9rem;
}

.header_login_bt {
     display:none;

}






.h_title {

font-size: 1.0em;
line-height: 1.0em;
}





}
/*スマホの時　クラス上書きで小さくする　ここまで*/
/*スマホの時　クラス上書きで小さくする　ここまで*/



.shicho {
display:inline-block;
font-size:11pt;
font-weight:normal;
border:1px solid #c0c0c0;
border-radius:5px;
padding:0 10px;
margin:0 5px;
background:#ffffff;
}

.shicho_on {
font-size:15pt;
color:#ff0000;
-webkit-text-stroke: 1px #ff0000;
text-stroke: 1px #ff0000;
}

.shicho_off {
font-size:15pt;
color:#ffffff;
-webkit-text-stroke: 1px #ff0000;
text-stroke: 1px #ff0000;
}

.shicho_saisei {
display:inline-block;
font-size:11pt;
font-weight:bold;
color:#4e4e4e;
border:1px solid #c0c0c0;
border-radius:15px;
padding:0 15px;
margin:5px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #d8d8d8 49%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#d8d8d8 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#d8d8d8 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.shicho_saisei a:link {
color:#4e4e4e;
}
.shicho_saisei a:visited {
color:#4e4e4e;
}
.shicho_saisei a:hover {
color:#7f7b7b;
}
.shicho_saisei:hover {
color:#ffffff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d8d8 0%, #d8d8d8 49%, #ffffff 49%, #d8d8d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#d8d8d8 49%,#ffffff 49%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d8d8d8 0%,#d8d8d8 49%,#ffffff 49%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
}


.shicho_saisei_no {
opacity: 50%;
}












.nrkicn_mand {
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	padding:1px 5px;
	color:#ff0202;
	background-color:#ffffff;
	margin:2px 4px;
	border:1px solid #ff0202;
		box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}













/*　受講者ごとのページのstyle_cssにenq系の装飾を設定する　　*/
/*　受講者ごとのページのstyle_cssにenq系の装飾を設定する　　*/

.enqform_title {
width:2.5rem;
text-align:center;
display:block;
font-size: 10pt;
line-height:20px;
font-weight: bold;
padding: 0px 5px;
/*	color:#e62141;	設問もとの赤　*/
/*	border:2px solid #e62141;	設問もとの赤　*/
color:#4a3e14;
border:2px solid #4a3e14;
border-radius:6px;
margin-right:5px;
vertical-align: top;
margin-top:5px;
margin-bottom:10px;
}


.enqform_text {
display:inline;
font-size: 1.0rem;
line-height:1.2rem;
font-weight: normal;
padding: 0px 5px;
margin-right:5px;
margin-bottom:10px;
vertical-align: top;
margin-top:5px;
}

.enqform_line {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #c0c0c0;
margin: 10px 0 20px 0;
}

.enqform_hisu {
	display:inline-block;
	font-size:0.9em;
	font-weight:bold;
	padding:1px 5px;
	color:#ff0202;
	background-color:#ffffff;
	margin:2px 4px;
	border:1px solid #ff0202;
		box-shadow:1px 1px 2px rgba(0,0,0,0.5);

}

.enqform_leadtext {
display:inline-block;
font-size: 1.0rem;
line-height:1.4rem;
font-weight: normal;
padding: 15px;

margin-bottom:10px;

}

/*　受講者ごとのページのstyle_cssにenq系の装飾を設定する　　*/
/*　受講者ごとのページのstyle_cssにenq系の装飾を設定する　　*/








/*　入力エラーが走ったらバックグラウンドを赤くする　　*/
/*　入力エラーが走ったらバックグラウンドを赤くする　　*/
/*　入力エラーが走ったらバックグラウンドを赤くする　　*/


div[style="color:#FF0000"] {
border:1px solid #ff0000;
padding:20px;
background-color:#ffd9d9;
font-weight:bold;
font-size:1.2rem;
}


input:has( ~ div[style='color:#FF0000']) {
color:#ff0000;
border:2px solid #ff0000;
font-size:1.2rem;
accent-color:red;
}

textarea:has( ~ div[style='color:#FF0000']) {
color:#ff0000;
border:2px solid #ff0000;
font-size:1.2rem;
}








label.checkL:has( ~ div[style='color:#FF0000']) {

border:1px solid #ff0000;
padding:10px 10px;
background-color:#ffffff;

color:#ff0000;

}



div:has( ~ div[style='color:#FF0000']) {

border:2px solid #ff0000;
padding:10px 10px;
background-color:#ffffff;



}



/*.plusform_text:has(div[style="color:#FF0000"]) {*/
/*background-color:#ff0000;*/
/*}*/


/*　入力エラーが走ったらバックグラウンドを赤くする　　*/
/*　入力エラーが走ったらバックグラウンドを赤くする　　*/
/*　入力エラーが走ったらバックグラウンドを赤くする　　*/









/*　確認テストの結果表示についてのCSS　　*/
/*　確認テストの結果表示についてのCSS　　*/

.enqform_correct {
color:#ff0000;
font-size:2.0rem;
font-weight:bold;
background-color:#efefef;
box-sizing:border-box;
border:2px solid #ffffff;
outline: 1px solid #a0a0a0;
padding:8px;
margin-top:10px;

}

.enqform_incorrect {
color:#ff0000;
font-size:2.0rem;
font-weight:bold;
background-color:#efefef;
box-sizing:border-box;
border:2px solid #ffffff;
outline: 1px solid #a0a0a0;
padding:8px;
margin-top:10px;
background-colo:#e8e8e8;
}


.enqform_correct:before {
    content: "〇";
  font-size:2.0rem;
}

.enqform_incorrect:before {
    content: "×";
  font-size:2.0rem;
}



.enqform_kaisetsu {
padding:8px;
border-left:1px dashed #a0a0a0;
border-right:1px dashed #a0a0a0;
border-bottom:1px dashed #a0a0a0;

}


/*　確認テストの結果表示についてのCSS　　*/
/*　確認テストの結果表示についてのCSS　　*/













.enqfilename {
margin-bottom:8px;
}











/* ▼▼テスト追加によるデザイン変更をミニマムで現状に追加する▼▼ */
/*　研修アンケートと追加アンケートは同一でよいか？　*/

.testfile {
font-size:1.2em;
font-weight:bold;
line-height:2.0em;
}

.testfilename {
padding:5px 10px;
border:1px solid #c0c0c0;
border-radius:10px;
background:#f4e3ea;
}


.SST_hyoji_kaito_mi {
display:inline-block;
font-size:1.0rem;
	line-height:2.0rem;
font-weight:normal;
background:#ffe5f2;
color:#da0258;
padding:1px 7px;
margin-left:10px;
white-space:nowrap;
border:1px solid #da0258;

}

.list_ber_desc_test {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #303030;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #b3bac1;
border-radius: 5px;
background: #f4e3ea;
box-sizing: border-box;
}




.list_ber_desc_test_kekka_area.incorrect {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #a90909;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: #a90909;
border-radius: 2px;
background: #ffffff;
box-sizing: border-box;
}

.list_ber_desc_test_kekka_area.correct {
display: inline-block;
width: 95%;
margin: 0 10px 5px 10px;
padding: 10px 10px;
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
color: #1f795d;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: #1f795d;
border-radius: 2px;
background: #ffffff;
box-sizing: border-box;
}




.incorrect  .test_kekka_title {
display: inline-block;
font-size: 1.0rem;
line-height:1.2rem;
font-weight: normal;
text-decoration: none;
color: #a90909;
padding:3px 8px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #a90909;
border-radius: 4px;
background: #ffffff;
box-sizing: border-box;
margin-bottom:10px;
}


.correct  .test_kekka_title {
display: inline-block;
font-size: 1.0rem;
line-height:1.2rem;
font-weight: normal;
text-decoration: none;
color: #1f795d;
padding:3px 8px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #1f795d;
border-radius: 4px;
background: #ffffff;
box-sizing: border-box;
margin-bottom:10px;
}




.test_kekka {
display: inline-block;
font-size: 1.5rem;
line-height:1.7rem;
font-weight: bold;
text-decoration: none;
}

.test_kekka_caution {
color: #ff0000;
font-weight: bold;
}

 .test_kekka_ten {
display: inline-block;
font-size: 2.0rem;
line-height:2.4rem;
font-weight: bold;
text-decoration: none;
}


.test_kekka_normaltext {
color: #303030;
}





/*　下部ボタン_01がテストモードの時だけサイズを大きくする　*/
.btn-square01.testmode {
display: inline-block;
padding: 5px 25px;
margin: 0;
text-decoration: none;
background: #668ad8;/*ボタン色*/
color: #ffffff;
border-bottom: solid 4px #627295;
border-radius: 10px;
font-size: 14pt;
}
.btn-square01.testmode:link {
color: #ffffff;
}
.btn-square01.testmode:visited {
color: #ffffff;
}
.btn-square01.testmode:hover {
display: inline-block;
text-decoration: none;
background: #66acd8;/*ボタン色*/
border-bottom: solid 4px #406e8c;
}

/*　下部ボタン_01がテストモードの時だけサイズを大きくする　*/





/*　下部ボタン_04がテストモードの時だけグレーをやめる　*/
.btn-square04.testmode {
display: inline-block;
padding: 5px 25px;
margin: 0;
text-decoration: none;
background: #da0258;/*ボタン色*/
color: #ffffff;
border-bottom: solid 4px #5e5e5e;
border-radius: 10px;
font-size: 11pt;
}
.btn-square04.testmode:link {
color: #ffffff;
}
.btn-square04.testmode:visited {
color: #ffffff;
}
.btn-square04.testmode:hover {
display: inline-block;
text-decoration: none;
background: #b6b6b6;/*ボタン色*/
border-bottom: solid 4px #919191;
}


/*　下部ボタン_04がテストモードの時だけグレーをやめる　*/



/*　外部リンクのアイコンを通常メニューモードに追加する　*/

.zlink_icon {
color:#556dd7;
}


/*　外部リンクのアイコンを通常メニューモードに追加する　*/



/* ▲▲テスト追加によるデザイン変更をミニマムで現状に追加する▲▲ */