.mypage .mypage_nav{
  margin-left: -1em;
}
.mypage .mypage_nav li{
  display: inline-block;
  margin-left: 1em;
  line-height: 2;
}

body.mypage article,
body article{
  width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}

body.mypage article,
body article{
  margin-top: 0;
  padding: 0 39px 20px;
}
@media screen and (max-width: 767px){
  body.mypage article,
  body article{
    padding: 0 1.75rem 20px;
  } 
}
body.mypage article .ctn-content03{
  padding: 0;
}

body.mypage .gnavmypage{
  background: #e27500;
  color: #ffffff;
}
body.mypage .gnavmypage a{
  color: #ffffff;
}

.mt2em{
  margin-top:2em;
}

.form-traning table {
	width: 100%;
	border-collapse: separate;
	border: 2px solid #e27500;
	border-radius: 4px;
	table-layout: auto;
}
.form-traning table td,
.form-traning table th{
  width:calc(100% / 22);
  padding: 10px;
  border-left: 1px dotted #e27500;
  border-bottom: 1px solid #e27500;
  font-size: 14px;
  line-height: 31px;
  text-align: left;
  vertical-align: top;
}
.form-traning table td.w3,
.form-traning table th.w3{
  width:calc(100% / 22 * 3);
}
.form-traning table td.w2,
.form-traning table th.w2{
  width:calc(100% / 22 * 2);
}
.form-traning table tr.header th{
  white-space: nowrap;
  font-weight: bold;
  background: #fbead9;
}
.form-traning ul.notice{
  margin-top:1em;
  margin-bottom:1em;
}
.form-traning ul.notice>li{
  padding-left:1em;
  text-indent: -1em;
}

.PasswordReissue input{
  width: calc(100% - 2em);
}

.entrymessage{
  text-align: center;
  font-size: 1.5rem;
  margin-top: 3em;
  margin-bottom: 3em;
}

.searchtranings{
}

.searchtranings .searchfilter{
  border: 2px solid #e27500;
  border-radius: 4px;
  background: #FBEAD9;
  padding:14px 10px;
  display: flex;
  flex-wrap: wrap;
}
.searchtranings .searchfilter .inputset{
  margin-right: 1em;
  margin-bottom:0.5em;
}
.searchtranings .searchfilter .inputset .label,
.searchtranings .searchfilter .inputset .body,
.searchtranings .searchfilter .inputset .checkbox{
  display: inline-block;
}
.searchtranings .searchfilter .inputset .checkbox{
  margin-left: 1em;
}

.searchtranings .searchfilter select,
.searchtranings .searchfilter input[type=text]{
  height: 30px;
  box-sizing: border-box;
  min-width: 5em;
}
.searchtranings .searchfilter .icon-cal {
  margin-left: -1.5em;
}

.searchtranings table.result{
  width: 100%;
  border-collapse: separate;
  border: 2px solid #e27500;
  border-radius: 4px;
  table-layout: auto;
  min-width: 1024px;
}
.searchtranings table.result th{
  background: #FBEAD9;
}
.searchtranings table.result th, .searchtranings table.result td {
  padding: 10px;
  border-left: 1px dotted #e27500;
  border-bottom: 1px solid #e27500;
  font-size: 14px;
  font-weight: normal;
  line-height: 31px;
  text-align: left;
  vertical-align: top;
}
.searchtranings .tablewrap{
  width: 100%;
  overflow: auto;
}

.searchtranings table.result tr td:nth-of-type(1){
  width:5em;
}
.searchtranings table.result tr td:nth-of-type(2){
  width:4em;
}
.searchtranings table.result tr td:nth-of-type(3){}
.searchtranings table.result tr td:nth-of-type(4){
  width:30em;
}
.searchtranings table.result thead,
.searchtranings table.result tbody{
  display: table-row-group;
}

.searchtranings table.result .button{
  font-size: 12px;
  padding: 8px;
  box-sizing: border-box;
  background: #E27500;
  border: none;
  text-align: center;
}
.searchtranings table.result .button a{
  color: #ffffff;
}

@media screen and (max-width: 767px){
  .searchtranings .searchfilter .inputset{
    width: 100%;
    margin-right: 0;
  }
  .searchtranings .searchfilter .inputset .label{
    width: 100%;
  }
  .searchtranings .searchfilter .inputset .body{
    width: 100%;
  }
  .searchtranings .searchfilter select,
  .searchtranings .searchfilter input[type=text]{
    max-width: 100%;
  }
  .searchtranings .searchfilter #TrainingsKeywords{
    width: 100%;
  }
}