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

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


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

@charset "UTF-8";

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

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

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

/*ここから制作エリア*/
#title02 {
    width: 100%;
    display: block;
    padding: 0 0 0.1% 0;
    font-size: 125%;
    color: #00b0ec;
    clear: both;
    text-align: center;
    border-bottom: 2px solid #00b0ec;
    margin: 0 0 11% 0;
}
#a63 {
    width: 100%;
    padding: 5% 0;
    background-image: url(./images/img_con01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
#a63 #a64 {
    width: 23%;
    display: block;
    margin: 0 auto;
    padding: 5% 3%;
    background-color: #ffffff;
    box-shadow: 13px 32px 54px 0 rgba(31,54,76,0.13);
    border-radius: 30px;
}
#a63 #a64 #a65 {
    font-size: 300%;
    text-align: center;
    line-height: 133%;
    color: #AFEEEE;
    font-family: "Sawarabi Mincho";
}
#a63 #a64 #a66 {
    width: 100%;
    display: block;
    font-size: 500%;
    text-align: center;
    color: #40E0D0;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
}
#a63 #a64 #a67 {
    width: 100%;
    display: block;
    margin: 0 0 3% 0;
    font-size: 120%;
    text-align: center;
    color: #AFEEEE;
}
#a63 #a64 #a68 {
    width: 100%;
    display: block;
    font-size: 90%;
    text-align: center;
    color: #A9A9A9;
}


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

スタイルシート横幅：960pxから1500まで

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

/*ここから制作エリア*/
#title02 {
    width: 100%;
    display: block;
    padding: 0 0 0.1% 0;
    font-size: 110%;
    color: #00b0ec;
    clear: both;
    text-align: center;
    border-bottom: 2px solid #00b0ec;
    margin: 0 0 11% 0;
}
#a63 {
    width: 100%;
    padding: 5% 0;
    background-image: url(./images/img_con01.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#a63 #a64 {
    width: 26%;
    display: block;
    margin: 0 auto;
    padding: 5% 3%;
    background-color: #ffffff;
    box-shadow: 13px 32px 54px 0 rgba(31,54,76,0.13);
    border-radius: 30px;
}
#a63 #a64 #a65 {
    font-size: 300%;
    text-align: center;
    line-height: 133%;
    color: #AFEEEE;
    font-family: "Sawarabi Mincho";
}
#a63 #a64 #a66 {
    width: 100%;
    display: block;
    font-size: 500%;
    text-align: center;
    color: #40E0D0;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
}
#a63 #a64 #a67 {
    width: 100%;
    display: block;
    margin: 0 0 3% 0;
    font-size: 120%;
    text-align: center;
    color: #AFEEEE;
}
#a63 #a64 #a68 {
    width: 100%;
    display: block;
    font-size: 90%;
    text-align: center;
    color: #A9A9A9;
}

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

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

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

@media screen and (min-width: 600px) and (max-width: 959px){
#title02 {
    width: 100%;
    display: block;
    padding: 0 0 0.1% 0;
    font-size: 100%;
    color: #00b0ec;
    clear: both;
    text-align: center;
    border-bottom: 2px solid #00b0ec;
    margin: 0 0 11% 0;
}
/*ここから制作エリア*/

#a63 {
    width: 100%;
    padding: 7% 0;
    background-image: url(./images/tb/img_con01_tb.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
#a63 #a64 {
    width: 37%;
    display: block;
    margin: 0 auto;
    padding: 5% 3%;
    background-color: #ffffff;
    box-shadow: 13px 32px 54px 0 rgba(31,54,76,0.13);
    border-radius: 30px;
}
#a63 #a64 #a65 {
    font-size: 150%;
    text-align: center;
    line-height: 133%;
    color: #AFEEEE;
    font-family: "Sawarabi Mincho";

}
#a63 #a64 #a66 {
    width: 100%;
    display: block;
    font-size: 350%;
    text-align: center;
    color: #40E0D0;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
}
#a63 #a64 #a67 {
    width: 100%;
    display: block;
    margin: 0 0 3% 0;
    font-size: 120%;
    text-align: center;
    color: #AFEEEE;
}
#a63 #a64 #a68 {
    width: 100%;
    display: block;
    font-size: 90%;
    text-align: center;
    color: #A9A9A9;
}


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

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

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

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

/*ここから制作エリア*/
#title02 {
    width: 80%;
    display: block;
    padding: 0 0 3% 0;
    font-size: 110%;
    color: #00b0ec;
    clear: both;
    text-align: center;
    border-bottom: 2px solid #00b0ec;
    margin: 0 auto 11%;
}
#a63 {
    width: 100%;
    padding: 28% 0;
    background-image: url(./images/sp/img_con01_sp.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}
#a63 #a64 {
    width: 78%;
    display: block;
    margin: 0 auto;
    padding: 19% 3%;
    background-color: #ffffff;
    box-shadow: 13px 32px 54px 0 rgba(31,54,76,0.13);
    border-radius: 30px;
}
#a63 #a64 form {
    width: 62%;
    display: block;
    margin: 0 auto;
    padding: 0 16%;
}
#a63 #a64 #a65 {
    font-size: 180%;
    text-align: center;
    line-height: 133%;
    color: #AFEEEE;
    font-family: "Sawarabi Mincho";
}
#a63 #a64 #a66 {
    width: 100%;
    display: block;
    font-size: 250%;
    text-align: center;
    color: #40E0D0;
    font-family: "Sawarabi Mincho";
    text-decoration: none;
}
#a63 #a64 #a67 {
    width: 100%;
    display: block;
    margin: 0 0 3% 0;
    font-size: 100%;
    text-align: center;
    color: #AFEEEE;
}
#a63 #a64 #a68 {
    width: 100%;
    display: block;
    font-size: 90%;
    text-align: center;
    color: #A9A9A9;
}

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