@charset "UTF-8";
@media screen and (min-width: 768px),print {
.aaa{position: relative;}
.bg-c{background-color: #F2F1E7;padding-top: 1px;}
.bg-i{
    background-image: url(../images/contact/bg.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-color: #D1CA9F;
    padding-bottom: 188px;
    padding-top: 41px;
    margin-top: 110px;
}

#c1 {
}
#c1 .inner {
}
#c1 .inner .ttl {
    width: 776px;
    margin: 0 auto;
    margin-bottom: -1px;
    margin-top: -79px;
}
#c1 .inner .pic {
    width: 367px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#c1 .inner .txt-box {width: 1076px;margin: 0 auto;padding: 65px 113px 64px 109px;border-radius: 40px;background: #fff;font-weight: 500;font-size: 18px;line-height: 34px;text-align: left;color: #212121;position: relative;top: -32px;margin-bottom: 68px;}
#c1 .inner .txt-box .ttl2 {
    position: absolute;
    left: 52px;
    top: 56px;
}
.common-bg-ki{
    margin-top: 0;
}

}


@media screen and (max-width: 767px) {
.aaa{position: relative;}
.bg-c{background-color: #F2F1E7;padding-top: 0.242vw;}
.bg-i{
    background-image: url(../images/contact/sp-bg.png);
    background-repeat: no-repeat;
    background-position: center 0px;
    background-color: #D1CA9F;
    background-size: 100%;
    padding-top: 8.937vw;
    margin-top: 32.609vw;
    position: relative;
}

#c1 {
}
#c1 .inner {
}
#c1 .inner .ttl {
    width: 69.082vw;
    margin: 0 auto;
    margin-bottom: 4.348vw;
    margin-top: -26.812vw;
}
#c1 .inner .pic {
    width: 50.604vw;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#c1 .inner .txt-box {width: 94.203vw;margin: 0 auto;padding: 16.425vw 7.246vw 11.111vw;border-radius: 4.831vw;background: #fff;font-weight: 500;font-size: 4.348vw;line-height: 8.213vw;text-align: left;color: #212121;position: relative;top: -14.01vw;margin-bottom: -2.174vw;}
#c1 .inner .txt-box .ttl2 {width: 28.502vw;margin: 0 auto;margin-bottom: 3.865vw;}
.common-bg-ki{
    margin-top: 0;
}

}