/***************************************************
information
  filename : body_common.css;
***************************************************/

/* 規定 */
:root {
  --app-bg-cr1: #cde4f7; /* 背景色1 */
  --app-bg-cr2: #cde4f7; /* 背景色2 */
  --app-main-cr1: #0e84d1; /* メインカラー1 */
  --app-main-cr2: #0e84d1; /* メインカラー2 */
  --app-main-cr-c: #20b2db; /* メインカラー差色 */
}


/****************** 余白 ******************/

@media screen and (min-width: 541px) {
  .sp{
    display: none;
    padding: 0;
  }
}
@media screen and (max-width: 540px) {
  .pc{
    display: none;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .tb{ display: none; padding: 0;}
}
@media screen and (max-width: 1023px) {
  .nb{
    display: none;
    padding: 0;
  }
}

#wrapper{
  background: linear-gradient(90deg, var(--app-bg-cr1), var(--app-bg-cr2));
  color: #333;
  min-height: 100vh;
  font-family:'Lato',sans-serif;
}
@media screen and (max-width:540px){
  #wrapper{
    background: linear-gradient(180deg, var(--app-bg-cr1), var(--app-bg-cr2));
  }
}
#header,
#contents,
.popup #wrapper{
  background: transparent;
}

#contents{
  padding-top: 84px;
}

#main{
  width: 80%;
}
@media screen and (max-width:540px){
  #main{
    width: 90%;
  }
}

footer#footer{
    background: transparent;
}
p.copy{
    background: transparent;
    color:#ACACAC;
}
.ptWdW{
  width: 100%;
}

/****************** 背景色 ******************/

.login_det,
.con_list,
.reg_det,
.other_det,
.rmd_det,
.mywork_det{
  background: linear-gradient(90deg, var(--app-bg-cr1), var(--app-bg-cr2));
}
@media screen and (max-width:540px){
  .login_det,
  .con_list,
  .reg_det,
  .other_det,
  .rmd_det,
  .mywork_det{
    background: linear-gradient(180deg, var(--app-bg-cr1), var(--app-bg-cr2));
  }
}


/****************** 共通タイトル ******************/

section.mainTi{
    background: transparent;
    color: #333;
    border-top: none;
    border-bottom:1px solid #cdcdcd;
}

section.mainTi p.mainTiInn,
section.mainTi h1.mainTiInn{
  font-size:22px;
}
@media screen and (max-width:540px){
  section.mainTi p.mainTiInn,
  section.mainTi h1.mainTiInn{
    font-size:16px;
  }
}


/* input_common.css */


/****************** 囲み ******************/

.NewRegBox{
  border:none;
  box-shadow: none;
  -webkit-box-shadow:none;
}
.NewRegBoxInn{
  border:none;
  padding-bottom:0px;
}


/****************** 注意書き ******************/

.CautTxt{
  border:none;
  font-weight:normal;
  font-size:14px;
}
@media screen and(max-width:540px){
  .CautTxt{
    font-size:13px;
  }
  .InputFormT dd input.txt,
  .InputFormT textarea.txt,
  .InputFormT dd input[type=text]{
    font-size:16px;
  }
}


/****************** ボタン ******************/

.BtM button, .BtM a, .BtM span{
  background: linear-gradient(90deg, var(--app-main-cr1), var(--app-main-cr2));
  color:#fff;
  border:none;
  width: 100%;
}

.BtM button.back{
  background:none;
  background: linear-gradient(90deg, var(--app-main-cr1), var(--app-main-cr2));
  color:var(--app-main-cr);
}

.BtM button.back::after{
  content:none;
}