@charset "utf-8";

/* ============================================================
header global menu btn setting
============================================================ */
/** global menu btn setting **/
.global-contact-btn a{
    display: block;
    height: 100%;
	color: #fff;
	background-color: #f7a42e;
}

.global-contact-btn a:hover{
    background-color: #ffc56f;
}

/** container contact btn setting **/
.container-contact {
    background-color: #f7a42e;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin: 10px auto;
}

.container-contact a{
    color: #fff;
    display: block;
    line-height: 2.0em;
}

.container-contact a:hover{
    background-color: #ffc56f;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: #fff;
}

/* ============================================================
pc css setting
============================================================ */
@media screen and (min-width:  769px){

/** container contact btn setting **/
.container-contact {
    width: 365px;
}

.container-contact a{
    font-size: 1.20em;
    padding: 8px 0;
}

 
}


/* ============================================================
smart phone css setting
============================================================ */
@media screen and (max-width:  768px){ 
/** container contact btn setting **/
.container-contact {
    background-color: #f7a42e;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin: 25px auto;
}

.container-contact a{
    color: #fff;
    display: block;
    line-height: 2.0em;
}

.container-contact a:hover{
    background-color: #ffc56f;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    color: #fff;
}

/** container contact btn setting **/
.container-contact {
    width: 90%;
}

.container-contact a{
    font-size: 125%;
    padding: 15px 0;
    text-align: center;
}

}