@charset "utf-8";

/*--------------------------------------------------------------
  Common
--------------------------------------------------------------*/

html,body {
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
  word-break: break-all;
  background-color: #fff;
  /*デフォが16px×0.625＝10px*/
  font-weight: 400;
  height: 100%;
  line-height: 1.5;
  color: #2d2d2d;}
    @media screen and (min-width: 768px) {
        html {font-size: 75%;}
    }
    @media screen and (max-width: 767px) {
        html {font-size: 62.5%;}
    }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;}
hr {
  box-sizing: content-box;
  height: 0;
  border: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;}
p {
  font-size: 1.3rem;
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 2.5rem;}
  @media only screen and (max-width: 767px) {
    p {
      font-size: 1.4rem;}}
a{
  font-size: 1.3rem;
  line-height: 1.3rem;
  color: #2d2d2d;
  transition: 0.3s;
  text-decoration: none !important;}
ol,ul,dl {
  margin-top: 0;
  margin-bottom: 1rem;}
ul{list-style: none;}
ol ol,ul ul,ol ul,ul ol {
  margin-bottom: 0;}
blockquote {
  margin: 0 0 1rem;}
b,
strong {
  font-weight: bold;}


.img_fluid{
  max-width: 100%;
  /*height: auto;*/
  /*width: 278px;*/
  /*height: 157px;*/
}

.content_appl-box .img_fluid{
  height: 157px;
}

.content_appl-box progress {
  width: 100%;
  display: none;
}

.mt_10{margin-top: 10px;}
.mt_20{margin-top: 20px;}
.mt_30{margin-top: 30px;}
.mt_40{margin-top: 40px;}
.mt_60{margin-top: 60px;}

.mb_10{margin-bottom: 10px;}
.mb_20{margin-bottom: 20px;}
.mb_30{margin-bottom: 30px;}
.mb_40{margin-bottom: 40px;}
.mb_60{margin-bottom: 60px;}



input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=datetime-local],
table input[type=date],
input[type=submit]{
  font-size: 1.3rem;
  line-height: 1.3rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  box-shadow: none;
  border: none;
  /* outline: none; */
  transition: 0.3s;
}

button{
  font-size: 1.3rem;
  line-height: 1.3rem;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

.text_center{text-align: center;}
.text_right{text-align: right;}

table{
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3rem;
}

.success_txt{
    color:#DE424E;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-align: left;
}
.success_txt ul{
    padding-left: 0;
}

.error_txt{
  color:#DE424E;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: left;
}

.error_txt ul{
    padding-left: 0;

}

.error_txt span {
    background-color: #DE424E;
    color: #FFFFFF;
    padding: 4px 16px;
}