@charset "utf-8";

/*===========================================================
contact-link
===========================================================*/

.common-contact-link-container {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 15px 60px;
    background: var(--white);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 10%);
}

.common-contact-link-area {
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
}

.common-contact-title-box {
    text-align: center;
    padding: 0 0 25px;
    position: relative;
}

.common-contact-title-box::before {
    content: "";
    display: block;
    max-width: 500px;
	width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: var(--primary);
}


/*===========================================================
バナー
===========================================================*/

.common-banner-container {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.common-banner-block {
    width: 100%;
    padding: 60px 0 60px 0;
    position: relative;
}

.common-banner-block::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--img-bg-color-primary);
}

.common-banner-btn-area {
	margin: 30px 0 0 0;
    display: flex;
    justify-content: center;
    position: relative;
}

.menu-bg {
    background-image: url(https://nail-shine.com/system_panel/uploads/images/in_link01.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.menu-bg02 {
    background-image: url(https://nail-shine.com/system_panel/uploads/images/in_link04.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.eyelash-bg {
    background-image: url(https://nail-shine.com/system_panel/uploads/images/in_link02.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.nail-bg {
    background-image: url(https://nail-shine.com/system_panel/uploads/images/in_link03.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/

.common-contact-title-box .title04 br {
	display: none;
}


} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {

.common-contact-link-container {
    padding: 56px 15px 71px;
}

/*===========================================================
バナー
===========================================================*/

.common-banner-container {
	flex-direction: row;
	justify-content: space-between;
}

.common-banner-block {
    padding: 80px 0 80px 0;
}

.common-banner-btn-area {
	margin: 40px 0 0 0;
}


} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {

.common-contact-link-container {
    padding: 76px 15px 91px;
}

/*===========================================================
バナー
===========================================================*/

.common-banner-block {
    padding: 135px 0 115px 0;
}

.common-banner-btn-area {
	margin: 60px 0 0 0;
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */