@charset "utf-8";



/* ヘッダー */
#header{
	margin: 0 auto ;
	display: block;
	width: 100%;
  padding: 10px 0;
}

#header img{
    max-width: 240px;
    margin: 0 auto;
}

#footer {
    text-align: center;  
}

#footer img{
    margin: 0 auto;
    max-width: 200px;
}

.copyright {
  margin-top: 20px;
  color: #999;
}

.mv {
  margin: 0 auto;
}

.mv img{
  margin: 0 auto;
  width: 100%;
  max-width: 860px;
}

.bgimg {
    background: #cae3e0;
    padding: 1rem;
  }
.img01 {
  width: calc(100% - 2rem);
  margin: 1rem;
}
.tab {
  text-align: left;
  margin-top: 20px;
  max-width: 240px;
}
.ttl_01 {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
}
.ttl_02 {
  width: 100%;
  max-width: 640px;
  margin: 10px auto;
}
.block {
  width: calc(100% - 2rem);
  max-width: 640px;
  padding: 1rem;
  margin: 0 auto;
}
.stl_plan1, .stl_plan2 {
  width: 100%;
  max-width: 480px;
  margin: 10px 0 0 0;
}
.txt {
  text-align: left;
  font-size: 1.5rem;
  width: 90%;
  max-width: 640px;
  margin: 10px auto;
}
.img_konyu {
  margin: 40px auto;
  width: 100%;
  max-width: 640px;
}

  .inner {
    width: 100%;
    max-width: 860px;
    text-align: center;
    margin: auto;
  }
.box{
  width: 90%;
  margin: 20px auto;
  padding: 1rem;
  border: 1px solid #000;
}
  .deco {
    width: 90%;
    max-width: 480px;
    font-weight: bold;
    position: relative;
  padding: 0.6em;
  background: #e0edff;
  margin: 10px auto;
  }

  .deco:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
    width: 0;
    height: 0;
  }

  .box p {
    padding-top: 10px;
  }

  /***トップへ戻るボタン***/
#page-top {
  display: block;
  font-weight: bold;
  padding: .7em;
  text-align: center;
  color: #000; /*文字色*/
  font-size: larger;
  transition: .3s;
}