@charset "utf-8";
/* CSS Document */



.content01 {
    text-align: center;
    /* フォールバック */
    padding: 180px 0 30vh;
    background: url("../images/lofty/c1-back.jpg")no-repeat bottom center;
    background-size: 100%;
}

.content01 h2{
    width: 244px;
    margin: auto;
}

.content01 h3{
  font-size: clamp(20px, 2.196vw, 30px); /* 30/1366*100 = 2.196vw */
  line-height: 1.2;
    margin-top: 60px;
}

.content01 p{
  font-size: clamp(14px, 1.171vw, 16px); /* 16/1366*100 = 1.171vw */
  line-height: 2.0; /* 読みやすさ用。お好みで調整 */
    margin-top: 30px;
}

.content01 .sign {
    width: 240px;
    margin: 40px auto 0;
}


@media screen and (max-width: 767px) {
    .content01 {
        padding: 60px 5vw;
    }
    .content01 p {
        text-align: left;
        margin-bottom: 16px;
    }
    .content01 p br{
        display: none;
    }
}

.content02 {
    padding: 90px 0 0;
    text-align: center;
}

.content02 h2 {
    font-size: 24px;
}

.content02 h3 {
    font-size: 30px;
}

.content02 .box{
    max-width: 1000px;
    margin:40px auto 0;
    border-bottom: solid 1px #000;
    padding-bottom: 40px;
}

.content02 .box:last-of-type{
    border-bottom: none;
}

.content02 .box .icon{
    width: 120px;
    margin: auto;
}

.content02 .box h4{
    font-size: 20px;
    font-weight: bold;
}

.content02 .box h5{
    font-size: 24px;
}

.content02 .box p{
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
}

@media screen and (max-width: 767px) {
    .content02 {
        padding: 40px 5vw 0;
    }
}