@charset "UTF-8";


figcaption {
    font-size: 10px;
    text-align: right;
    margin-top: 5px;
}

figcaption.left {
    text-align: left;
}

.mt-15{
  margin-top: 15px;
}

.mt-40{
  margin-top: 40px;
}

.mt-0{
  margin-top: 0;
}

.img-bottom {
    margin-top: 15px;
}

.blue_ttl{
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 5px;
  background-color: #00273c;
}

.green-box{
  border: 1px solid #587a85;
}

.green-box .item_ttl{
  text-align: center;
  color:#587a85 ;
  padding:15px ;
  border-bottom: 1px solid #587a85;
  margin: 0;
}

.green-box .item_txt{
  padding: 15px;
  margin: 0;
}

.consent{
  width: 31%;
  margin: 15px auto 0;
}

.column3 .column2.key {
  gap: 3%;
  row-gap: 60px;
}

.column3 .column2.key li:first-child {
  width: 37%;
}

.column3 .column2.key li:last-child {
  width: 60%;
}

.column3 .column2.key .item_ttl{
  font-size: 16px;
}
/*---------------------------
tab
---------------------------*/
@media only screen and (max-width: 1024px) {
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {

  .mt-40{
    margin-top: 20px;
  }

  .door,
  .auto-lock{
    row-gap: 20px;
  }

  .door li:nth-child(1){
  order: 2;
}

.door li:nth-child(2){
  order: 1;
}


 .scroll-hint {
    overflow-x: auto;
  }

  .scroll-hint img {
    width: 800px;
    max-width: none;
  }

  .auto-lock .scroll-hint img{
    width: 600px;
  }

  .consent{
  width: 80%;
  margin: 15px auto 0;
}


.column3 .column2.key li:first-child {
  width: 100%;
}

.column3 .column2.key li:last-child {
  width: 100%;
}

.column3 .column2.key {
  gap: 3%;
  row-gap: 20px;
}

}