@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
+ contents
    - txtBox
    - btnBox
-------------------------*/
#contents .txtBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #000;
}
#contents .txtBox p.title {
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
    padding: 1em 1em 0;
}
@media screen and (max-width: 768px) {
    #contents .txtBox p.title {
        font-size: 1.4rem;
    }
}
#contents .txtBox p.adress {
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.8;
    text-align: center;
    padding: 0 1em;
}
@media screen and (max-width: 768px) {
    #contents .txtBox p.adress {
        font-size: 1.6rem;
    }
}
#contents .txtBox p.adress span {
    display: inline-block;
}
#contents .txtBox p.note {
    position: relative;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.8;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #contents .txtBox p.note {
        font-size: 1rem;
    }
}
#contents .txtBox p.note::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666;
}
@media screen and (max-width: 768px) {
    #contents .txtBox p.note::before {
        height: 1px;
    }
}
#contents .txtBox p.note span {
    display: block;
    padding: 1em 1.5em 2em;
}
#contents .txtBox p.note span::before {
    content: "※";
    display: inline-block;
}
#contents .btnBox {
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    #contents .btnBox {
        flex-direction: column;
        gap: 4.4vw;
    }
}
#contents .btnBox .btn a {
    flex-direction: column;
    height: 72px;
    line-height: 1.4;
}
@media screen and (max-width: 768px) {
    #contents .btnBox .btn a {
        height: 52px;
    }
}
/*# sourceMappingURL=map.css.map */