@charset "UTF-8";

main{
    padding-top:65px;
    padding-bottom:30px;
    font-size:16px;
    font-weight:500;
}

    .midashi1 {
        padding:100px 0 120px;
    }
    
    .content {
        position:relative;
        margin:0 auto;
        padding:50px 0 100px;
        max-width:870px;
        width:100%;
        background:#FFF;
    }
        .content .inner {
            position:relative;
            margin:0 auto;
            width:80%;
        }
        
        .content .inner .box {
          margin-bottom:80px;
        }
        .content .inner .box:last-child {
          margin-bottom:0;
        }
        
          .content .inner .box h2 {
              margin-bottom:20px;
              padding-bottom:5px;
              font-size:20px;
              font-weight:bold;
              text-align:left;
              border-bottom:1px solid #707070;
          }
        
          .content .inner .box dl {
            margin-bottom:60px;
          }
          .content .inner .box dl:last-child {
              margin-bottom:0;
          }
              .content .inner .box dt {
                  padding:8px;
                  font-weight:bold;
                  text-align:left;
                  background:#EDEDED;
              }
              .content .inner .box dd {
              }
                .content .inner .box dd > p {
                  padding:8px;
                }
                .content .inner .box dd > p:nth-child(2) {
                  border-top:1px dotted #C5C5C4;
                }
                  .content .inner .box dd > p span {
                    font-weight:bold;
                  }
                .content .inner .box dd > div.bg1,
                .content .inner .box dd > div.bg2,
                .content .inner .box dd > div.bg3 {
                  display:flex;
                  align-items: center;
                  justify-content: center;
                  width:100%;
                  height:128px;
                  background:url(../img/stay/bg1.svg) center center no-repeat;
                  background-size:100% 100%;
                }
                .content .inner .box dd > div.bg1 div,
                .content .inner .box dd > div.bg2 div,
                .content .inner .box dd > div.bg3 div {
                    margin-top:-12px;
                    font-weight:500;
                    text-align:center;
                  }
                    .content .inner .box dd div:not(.caution) .ttl {
                      display:flex;
                      align-items: center;
                      justify-content: center;
                      color:#FE5100;
                      font-weight:bold;
                    }
                    .content .inner .box dd div:not(.caution) .ttl:before,
                    .content .inner .box dd div:not(.caution) .ttl:after {
                      display:inline-block;
                      width:125px;
                      height:2px;
                      background:#FE5100;
                      content:'';
                    }
                    .content .inner .box dd div:not(.caution) .ttl:before {
                      margin-right:15px;
                    }
                    .content .inner .box dd div:not(.caution) .ttl:after {
                      margin-left:15px;
                    }
                    
                .content .inner .box dd div.caution {
                  margin-top:30px;
                  width:100%;
                  text-align:center;
                  border:1px solid #B73838;
                }
                  .content .inner .box dd div.caution .ttl {
                    padding:5px 0;
                    width:100%;
                    color:#FFF;
                    font-weight:bold;
                    background: #B73838;
                  }
                  .content .inner .box dd div.caution div {
                    display:inline-block;
                    padding:10px;
                    font-size:90%;
                    color:#B73838;
                    text-align:left;
                  }




@media screen and (max-width:999px) {
    main{
        padding-top:48px;
        padding-bottom:10vw;
        font-size:3.6vw;
        background-size:104px;
    }

        .midashi1 {
            padding:7.7vw 0 10.2vw;
        }
        
        .content {
            position:relative;
            margin:0 auto;
            padding:10vw 0;
            max-width:1000px;
            width:100%;
            background:#FFF;
        }
            .content .inner {
                position:relative;
                margin:0 auto;
                width:90%;
            }
        
              .content .inner .box {
                margin-bottom:10vw;
              }

                  .content .inner h2 {
                      margin-bottom:2vw;
                      padding-bottom:1vw;
                      font-size:3.8vw;
                  }
        
                  .content .inner .box dl {
                      margin-bottom:10vw;
                  }
                  .content .inner .box dl:last-child {
                      margin-bottom:0;
                  }
                      .content .inner .box dt {
                        padding:2vw;
                      }
                      .content .inner .box dd {
                      }
                        .content .inner .box dd > p {
                          padding:2vw;
                        }
                        .content .inner .box dd > div.bg1 {
                          height:27vw;
                          background:url(../img/stay/bg1_sp.png) center center no-repeat;
                          background-size:100% 100%;
                        }
                        .content .inner .box dd > div.bg2 {
                          height:46vw;
                          background:url(../img/stay/bg2_sp.png) center center no-repeat;
                          background-size:100% 100%;
                        }
                        .content .inner .box dd > div.bg3 {
                          height:36vw;
                          background:url(../img/stay/bg2_sp.png) center center no-repeat;
                          background-size:100% 100%;
                        }
                          .content .inner .box dd > div.bg1 div,
                          .content .inner .box dd > div.bg2 div,
                          .content .inner .box dd > div.bg3 div {
                            margin-top:-1.5vw;
                          }
                            .content .inner .box dd div:not(.caution) .ttl:before,
                            .content .inner .box dd div:not(.caution) .ttl:after {
                              width:14vw;
                              height:2px;
                            }
                            .content .inner .box dd div:not(.caution) .ttl:before {
                              margin-right:4vw;
                            }
                            .content .inner .box dd div:not(.caution) .ttl:after {
                              margin-left:4vw;
                            }
                    
                      .content .inner .box dd div.caution {
                        margin-top:3vw;
                      }
                        .content .inner .box dd div.caution .ttl {
                          padding:1vw 0;
                        }
                        .content .inner .box dd div.caution div {
                          padding:2vw;
                        }
}