@charset "UTF-8";

/*------------------------------------------------------------
	contact
------------------------------------------------------------*/

/* 共通パーツ調整 */
.links_txt02{
    margin-bottom: 100px;
}
@media only screen and (max-width: 820px) {
    .links_txt02{
        margin-bottom: 21.333333vw;
    }
}

/* .contact_main */
.contact_main{
    margin-top: -100px;
    padding-top:200px;
    padding-bottom: 100px;
    background-image: 
        url(../images/bg_wave_top.png),
        linear-gradient(-90deg,rgba(227, 240, 255, 1) 0%, rgba(206, 244, 229, 1) 100%);
    background-size: 
        100% auto,100% auto;
    background-repeat: 
        no-repeat,
        repeat-x;
    background-position: 
        center top,center center;
}

.contact_main .box_blue {
	margin-bottom: 100px;
}
.contact_main .box_blue:last-child{
    margin-bottom: 0;
}

@media only screen and (max-width: 820px) {
    .contact_main{
        margin-top: -13.333333vw;
        padding-top:23.2vw;
        padding-bottom: 21.333333vw;
    }

    .contact_main .box_blue {
        margin-bottom: 21.333333vw;
    }
    .contact_main .box_blue:last-child{
        margin-bottom: 0;
    }
}

/* .is-tel */
.box_blue.is_tel{
    text-align: center;
}
.box_blue.is_tel h3{
    color: #0C64A0;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: bold;
}
.box_blue_dial{
    background-color: #E8F6FF;
    border-radius: 5px;
    padding: 17px;
    color: #0C64A0;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}
.box_blue_num{
    
}
.box_blue_num a{
    font-size: 57px;
    font-weight: bold;
    color: #0C64A0;
    vertical-align: middle;
}
.box_blue_num a img{
    vertical-align: text-bottom;
    width:75px;
    height: auto;
    margin-right: 15px;
    display: inline-block;
}
.box_blue_num p{
    font-size:18px;
    font-weight: bold;
}

@media only screen and (max-width: 820px) {
    .box_blue.is_tel h3{
        font-size: 3.2vw;
        margin-bottom: 2.666667vw;
    }
    .box_blue_dial{
        border-radius: 1.333333vw;
        padding: 2.666667vw;
        font-size: 4.8vw;
        margin-bottom: 2.666667vw;
    }
    .box_blue_num{

    }
    .box_blue_num a{
        font-size: 8.533333vw;
    }
    .box_blue_num a img{
        width:12vw;
        margin-right: 2.666667vw;
    }
    .box_blue_num p{
        font-size:3.2vw;
    }
}

/* .is_mail */
.box_blue_intro{
    margin-bottom: 50px;
}
.box_blue.is_mail > img{
    display: block;
    margin: 0 auto 80px;
    height: 80px;
    width: auto;
}


@media only screen and (max-width: 820px) {
    .box_blue_intro{
        margin-bottom: 13.333333vw;
    }
    .box_blue.is_mail > img{
        margin: 0;
        height: auto;
        width:100%;
        margin-bottom: 13.333333vw;
    }
}

/* form */
form dl{
    margin-bottom: 25px;
}
form dl dt{
    padding-left: 20px;
    color: #0C64A0;
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}
form dl dt span{
    display: inline-block;
    width:48px;
    font-size: 14px;
    color: #fff;
    background-color: #FF8888;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    margin-left: 15px;
    text-align: center;
}
form dl dd input,
form dl dd textarea{
    border: 2px solid #9AC7E3;
    border-radius: 5px;
    padding:20px;
    width:100%;
}
form dl dd textarea{
    height: 300px;
}

@media only screen and (max-width: 820px) {
    form dl{
        margin-bottom: 6.666667vw;
    }
    form dl dt{
        padding-left: 0;
        font-size: 4vw;
        margin-bottom: 1.333333vw;
    }
    form dl dt span{
        width:10.666667vw;
        font-size: 2.666667vw;
        height: 5.333333vw;
        line-height: 5.333333vw;
        border-radius: 3.2vw;
        margin-left: 4vw;
    }
    form dl dd input,
    form dl dd textarea{
        padding:4vw;
    }
    form dl dd textarea{
        height: 66.666667vw;
    }
}

/* .box_blue_privacy */
.box_blue_privacy{
    max-width: 800px;
    margin: 0 auto 50px;
    background-color: #E8F6FF;
    border-radius: 5px;
    padding: 25px 20px;
}
.box_blue_privacy_title{
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 20px;
}
.box_blue_privacy p{
    margin-bottom: 30px;
    margin-left: 20px;
}
.box_blue_privacy_scroll{
    background-color: #fff;
    border-radius: 5px;
    height:340px;
    overflow-y: scroll;
    padding: 20px;
}
.box_blue_agree{
    text-align: center;
    margin-bottom: 28px;
}
.box_blue_agree label input{
    width:25px;
    height: 25px;
    border-radius: 0;
    border: 1px solid #8E8E8E;
    vertical-align: middle;
    margin-right: 10px;
}
@media only screen and (max-width: 820px) {
    .box_blue_privacy{
        margin: 0 auto 5.333333vw;
        border-radius: 1.333333vw;
        padding: 6.666667vw 5.333333vw;
    }
    .box_blue_privacy_title{
        font-size: 4.266667vw;
        margin-bottom: 2.666667vw;
        margin-left: 0;
    }
    .box_blue_privacy p{
        margin-bottom: 8vw;
        margin-left: 0;
    }
    .box_blue_privacy_scroll{
        border-radius: 1.333333vw;
        height:90.666667vw;
        padding: 5.333333vw;
        word-wrap: break-word;
    }
    .box_blue_agree{
        text-align: center;
        margin-bottom: 8vw;
    }
    .box_blue_agree label{
        width:100%;
        display: block;
    }
    .box_blue_agree label input{
        width:6.666667vw;
        height: 6.666667vw;
        margin-right: 2.666667vw;
    }
}

/* .box_blue_button */
.box_blue_button{
    text-align: center;
    
}
.box_blue_button button{
    display: inline-block;
    width:340px;
    height:75px;
    line-height: 75px;
    text-align: center;
    background-color: #0C64A0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 39px;
    border: none;
    background-image: url("../images/contact/contact_icn.png");
    background-position: right 20px center;
    background-size: 35px 35px;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 820px) {
    .box_blue_button{
        text-align: center;
    }
    .box_blue_button button{
        display: block;
        width:100%;
        height:20vw;
        line-height: 20vw;
        font-size: 4.8vw;
        border-radius: 10vw;
        background-position: right 5.333333vw center;
        background-size: 9.333333vw 9.333333vw;
    }
}