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;
}



.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;
}


.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;
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;
}













/*ここから　福祉のしごと専用に追記部分　*/
/*ここから　福祉のしごと専用に追記部分　*/

.h_title_fukushi {
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.4em;
line-height: 1.4em;
font-weight: bold;
text-decoration: none;
color: #000000;
text-align*: center;
}



.kaisai_obi_incolor {
background:#ffffff;
text-align:center;
padding:5px 7px;
font-size:1.3rem;
margin-top:2px;
box-shadow:0 2px 4px gray;
margin-bottom:5px;
font-weight:bold;
}


.bbox_t_01 {
display: inline-block;
width: 92%;
margin: 10px 10px -1px 10px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #d8f5c6;
border: solid 1px #a0a0a0;

letter-spacing:0.3rem;
border-radius: 10px 10px 0px 0px;
}

.bbox_mds_01 {
display: inline-block;
width: 92%;
margin: 0px 0px -1px 0px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #e9fddd;
border: solid 1px #a0a0a0;
}

.bbox_moviebox {
display: inline-block;
width: 92%;
margin: 0px 0px -1px 0px;
padding: 7px;
font-size: 1.1rem;
font-weight: normal;
background: #ffffff;
border: solid 1px #a0a0a0;
}


.bbox_moviebox_flex2 {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
align-content: flex-start;
}

.bbox_shisetsu_set {
width: 48%;
min-width:320px;
margin: 5px;
padding: 0px;
text-align:left;
font-weight: bold;
}





.bbox_t_02 {
display: inline-block;
width: 92%;
margin: 10px 10px -1px 10px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #c6e8f5;
border: solid 1px #a0a0a0;

letter-spacing:0.3rem;
border-radius: 10px 10px 0px 0px;
}

.bbox_mds_02 {
display: inline-block;
width: 92%;
margin: 0px 0px -1px 0px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #ddf4fd;
border: solid 1px #a0a0a0;
}



.bbox_t_03 {
display: inline-block;
width: 92%;
margin: 10px 10px -1px 10px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #f5ccc6;
border: solid 1px #a0a0a0;

letter-spacing:0.3rem;
border-radius: 10px 10px 0px 0px;
}

.bbox_mds_03 {
display: inline-block;
width: 92%;
margin: 0px 0px -1px 0px;
padding: 7px;
font-size: 1.2rem;
font-weight: bold;
background: #fde1dd;
border: solid 1px #a0a0a0;
}




.enqbox {
display: inline-block;
width: 92%;
margin: 10px 10px -1px 10px;
padding: 7px;
font-size: 1.0rem;
font-weight: bold;
background: #ffffff;
border: solid 1px #a0a0a0;

border-radius: 15px;
}




/*　チェックして画面が出る仕組み　*/
/*　チェックして画面が出る仕組み　*/

.hidden_box {
    margin:  0 auto;/*前後の余白*/

width: 92%;
padding: 7px;
background: #ffffff;
border: solid 1px #a0a0a0;

border-radius: 15px;
}


/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*　チェックして画面が出る仕組み　*/
/*　チェックして画面が出る仕組み　*/
























/*スマホの時　クラス上書きで小さくする　ここから*/
/*スマホの時　クラス上書きで小さくする　ここから*/

@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;
}












/*ここから　福祉のしごと専用に追記部分 スマホサイズ調整　*/

.h_title_fukushi {
font-size: 1.0em;
line-height: 1.3em;
}


.kaisai_obi_incolor {
font-size:0.9rem;
}


.bbox_t_01 {
font-size: 1.0em;
line-height: 1.0em;
}

.bbox_mds_01 {
font-size: 1.0em;
line-height: 1.0em;
}


.bbox_shisetsu_set {
width: 95%;
font-size:1.0rem;
}

.bbox_t_02 {
font-size: 1.0em;
line-height: 1.0em;
}

.bbox_mds_02 {
font-size: 1.0em;
line-height: 1.0em;
}

.bbox_t_03 {
font-size: 1.0em;
line-height: 1.0em;
}

.bbox_mds_03 {
font-size: 1.0em;
line-height: 1.0em;
}

.enqbox {
font-size: 1.0em;
line-height: 1.0em;
}





}
/*スマホの時　クラス上書きで小さくする　ここまで*/
/*スマホの時　クラス上書きで小さくする　ここまで*/


