@media (max-width: 767px) {
  /* メインコンテンツを画面幅いっぱいにとる */
  body > .container {
    padding-left: 0;
    padding-right: 0;
  }
  #lang_btn{
    border: none;
    white-space: nowrap;
  }
}

#sign-in-panel .panel-body {
  max-width: 480px;
}

.content_header {
  background-color: #10218b;
  color: #fff;
  margin-top: 0;
  padding: 10px;
  text-align: center;
}

/* Sign in パネル内のp要素の縦マージンを調整 */
#sign-in-panel p {
  margin: 20px 0;
}

#sign-in-panel {
  background-color: #f2f2f2;
}
.panel {
  border-radius: 0;
  margin-bottom: 12px;
}
/* アピールコンテンツ */
.marketing {
  background-color: #f2f2f2;
  padding-left: 15px;
  padding-right: 15px;
}
.marketing h3 {
  padding: 20px 0px 10px 0px;
  color: #878787;
}
.marketing h4 {
  color: #a3620d;
  margin: 10px 0 20px 0;
}
.marketing .col-sm-6 {
  margin-bottom: 15px;
}
.marketing .col-sm-6 .media {
  background-color: #dcdcdc;
  padding: 10px;
  min-height: 200px;
}
/* アピールコンテンツ内の各画像の表示サイズ（適当に） */ 
.marketing img {
  width: 60px;
  height: 60px;
}
.marketing span[class^="ecicon-"] {
  position: relative;
  font-size: 4em;
  color: #ffed8b;
  text-shadow: 3px 3px 0 #000;
}
.marketing span[class^="ecicon-"]:after {
  position: absolute;
  top: 0;
  left: 0;
  color: #ea9b17;
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}
.ecicon-email-address-customization:after {
  content: "\e60b";
}
.ecicon-approved-senders-list:after {
  content: "\e60c";
}
.ecicon-scan-destination-list:after {
  content: "\e604";
}
#panel_margin{
  margin-top: -10px;
}
#input_login{
  margin-top: 20px;
}
.marketing_image {
  width: 60px;
  height: 60px;
}
#password_foget_form,#password_forget_alert{
  max-width: 450px;
}
#mail_form{
  margin-top: 20px;
}

.form-group{
  margin-top: 20px;
}

.message {
  margin-top: 20px;
  max-width: 480px;
}