/*-----------------------------------------------------------------

制作：株式会社アダプト
担当：堀内
[更新日]
-2019/07/27_堀内


------------------------------------------------------------------*/
@charset "UTF-8";

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

スタイルシート横幅：1501pxから

========================================================================================================================================= */
@media screen and (min-width: 1501px) {

/*ここから制作エリア*/


img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    border: 0px;
}
footer {
    width: 100%;
    background-color: #ffffff;
}
footer #a69 {
    width: 80%;
    display: block;
    margin: 0% auto;
    padding: 3% 0;
}
footer #a69 #a70 #a71 #a72 {
    display: block;
    width: 47%;
    margin: 6% 0;
}
footer #a69 #a70,#a75 {
    width: 45%;
    display: inline-block;
    padding: 0 2%;
}
footer #a69 #a70 #a73 {
    color: #333333;
    margin: 5% 0 0;
}
footer #a69 #a70 #a74 {
    color: #333333;
    font-size: 90%;
}
footer #a69 #a75 #a76 {
    font-size: 400%;
    margin: 0 0 3% 0;
    color: #00b0ec;
}
footer #a69 #a75 #a76 #a72 {
    font-size: 50%;
    margin: 0 3% 0 0;
    color: #00b0ec;
}
footer #a69 #a75 #a77 {
    width: 49%;
    position: relative;
    display: block;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #00b0ec;
    padding: 3% 6%;
    font-size: 110%;
    text-decoration: none;
}

footer #a69 #a75 #a77::after{
    content: "";
    background: url(./images/icn_tel.png) no-repeat center;
    background-size: contain;
    width: 4vw;
    height: 4vh;
    position: absolute;
    top: calc(50% - 16px);
    left: 5%;
}
footer #a69 #a75 #a77:hover {
    opacity: 0.8;
}
footer #a69 #a79{
    width: 100%;
    display: block;
}
footer #a69 #a79 #a80 {
    width: 100%;
    display: block;
    font-size: 70%;
    text-align: center;
    margin: 3% 0 0;
    color: #00b0ec;
}


/*ここまで制作エリア*/



}
/* =========================================================================================================================================

スタイルシート横幅：960px以上

========================================================================================================================================= */
@media screen and (min-width: 960px) and (max-width: 1500px){

/*ここから制作エリア*/

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    border: 0px;
}
footer {
    width: 100%;
    background-color: #ffffff;
}
footer #a69 {
    width: 80%;
    display: block;
    margin: 0% auto;
    padding: 3% 0;
}
footer #a69 #a70,#a75 {
    width: 45%;
    display: inline-block;
    padding: 0 2%;
}
footer #a69 #a70 #a71 #a72 img {
    display: block;
    width: 64%;
    margin: 6% 0;
}
footer #a69 #a70 #a73 {
    color: #333333;
    margin: 5% 0 0;
}
footer #a69 #a70 #a74 {
    color: #333333;
    font-size: 90%;
}
footer #a69 #a75 #a76 {
    font-size: 270%;
    margin: 0 0 3% 0;
    color: #00b0ec;
}
footer #a69 #a75 #a76 #a72 {
    font-size: 50%;
    margin: 0 3% 0 0;
    color: #00b0ec;
}
footer #a69 #a75 #a77 {
    width: 66%;
    position: relative;
    display: block;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #00b0ec;
    padding: 3% 6%;
    font-size: 110%;
    text-decoration: none;
}

footer #a69 #a75 #a77::after{
    content: "";
    background: url(./images/icn_tel.png) no-repeat center;
    background-size: contain;
    width: 4vw;
    height: 4vh;
    position: absolute;
    top: calc(50% - 16px);
    left: 5%;
}
footer #a69 #a75 #a77:hover {
    opacity: 0.8;
}
footer #a69 #a79{
    width: 100%;
    display: block;
}
footer #a69 #a79 #a80 {
    width: 100%;
    display: block;
    font-size: 70%;
    text-align: center;
    margin: 3% 0 0;
    color: #00b0ec;
}


/*ここまで制作エリア*/



}
/* =========================================================================================================================================

スタイルシート横幅：600pxから959まで

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

@media screen and (min-width: 600px) and (max-width: 959px){

/*ここから制作エリア*/

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    border: 0px;
}
footer {
    width: 100%;
    background-color: #ffffff;
}
footer #a69 {
    width: 80%;
    display: block;
    margin: 0% auto;
    padding: 3% 0;
}
footer #a69 #a70,#a75 {
    width: 96%;
    display: inline-block;
    padding: 0 2%;
}
footer #a69 #a70 #a71 {
    text-align: center;
}
footer #a69 #a70 #a73 {
    color: #333333;
    margin: 5% 0 0;
    text-align: center;
}
footer #a69 #a70 #a74 {
    color: #333333;
    font-size: 90%;
    text-align: center;
}
footer #a69 #a75 #a76 {
    font-size: 350%;
    margin: 0 0 3% 0;
    color: #00b0ec;
    text-align: center;
}
footer #a69 #a75 #a76 #a72 {
    font-size: 50%;
    margin: 0 3% 0 0;
    color: #00b0ec;
}
footer #a69 #a75 #a77 {
    width: 49%;
    position: relative;
    display: block;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #00b0ec;
    padding: 3% 6%;
    font-size: 110%;
    text-decoration: none;
    margin: 0 auto 6%;
}

footer #a69 #a75 #a77::after{
    content: "";
    background: url(./images/icn_tel.png) no-repeat center;
    background-size: contain;
    width: 4vw;
    height: 4vh;
    position: absolute;
    top: calc(50% - 16px);
    left: 5%;
}
footer #a69 #a75 #a77:hover {
    opacity: 0.8;
}
footer #a69 #a79{
    width: 100%;
    display: block;
}
footer #a69 #a79 #a80 {
    width: 100%;
    display: block;
    font-size: 70%;
    text-align: center;
    margin: 3% 0 0;
    color: #00b0ec;
}

/*ここまで制作エリア*/


}

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

スタイルシート横幅：599pxまで

========================================================================================================================================= */
@media only screen and (max-width:599px){

/*ここから制作エリア*/

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
    border: 0px;
}
footer {
    width: 100%;
    background-color: #ffffff;
}
footer #a69 {
    width: 80%;
    display: block;
    margin: 0% auto;
    padding: 15% 0;
}
footer #a69 #a70,#a75 {
    width: 96%;
    display: inline-block;
    padding: 0 2%;
    margin: 6% 0;
}
footer #a69 #a70 #a71 {
    text-align: center;
}
footer #a69 #a70 #a73 {
    color: #333333;
    margin: 5% 0 0;
    text-align: center;
}
footer #a69 #a70 #a74 {
    color: #333333;
    font-size: 85%;
    text-align: center;
}
footer #a69 #a75 #a76 {
    font-size: 210%;
    margin: 0 0 3% 0;
    color: #00b0ec;
    text-align: center;
}
footer #a69 #a75 #a76 #a72 {
    font-size: 50%;
    margin: 0 3% 0 0;
    color: #00b0ec;
}
footer #a69 #a75 #a77 {
    width: 86%;
    position: relative;
    display: block;
    border-radius: 50px;
    color: white;
    font-weight: bold;
    text-align: center;
    background: #00b0ec;
    padding: 5% 6%;
    font-size: 110%;
    text-decoration: none;
    margin: 12% auto 6%;
}

footer #a69 #a75 #a77::after{
    content: "";
    background: url(./images/icn_tel.png) no-repeat center;
    background-size: contain;
    width: 7vw;
    height: 4vh;
    position: absolute;
    top: calc(50% - 16px);
    left: 6%;
}
footer #a69 #a75 #a77:hover {
    opacity: 0.8;
}
footer #a69 #a79{
    width: 100%;
    display: block;
}
footer #a69 #a79 #a80 {
    width: 100%;
    display: block;
    font-size: 70%;
    text-align: center;
    margin: 3% 0 0;
    color: #00b0ec;
}


/*ここまで制作エリア*/



}