@charset "utf8";

.page-child-banner {

    background-image: url(../../img/contact/ct-banner.png);

}



.main {

    background-size: cover;

}



.grid-1200 {

    max-width: 1200px;

    width: 100%;

    margin: 0 auto;

    position: relative;

}



.prInfo h2 {

    text-align: center;

    font-size: 60px;

    letter-spacing: 1px;

    line-height: 120%;

    color: #000000;

    padding-bottom: 60px;

}



span.prIntro {

    display: block;

    font-size: 18px;

    line-height: 175%;

    color: #000000;

    letter-spacing: 0.5px;

    text-align: center;

}



.prIntro {

    margin-bottom: 60px;

}



#contact {

    padding-top: 82px;

}



.ct-form {

    background: url(../../img/contact/co-1.png) top left no-repeat, url(../../img/contact/co-1.png) bottom left no-repeat;
    /* 
    border-top: 6px solid #005bab;

    border-bottom: 6px solid #005bab; */

    padding-left: 28px;

    padding-right: 28px;

    padding: 15px 28px 7px 15px;

}



.ct-form td:first-child {

    width: 24.5%;

}



.ct-form td:last-child {

    width: 75.5%;

}



.ct-form-st1 tr:nth-child(2n) {

    background: rgba(230, 230, 230, 0.6);

}



.ct-form-st1 tr {

    border-bottom: 2px solid #ccc;

}



.ct-form-st1 tr:last-child {

    border-bottom: none;

    position: relative;

}

.ct-form-st1 tr:last-child td:last-child {

    padding-bottom: 52px;

}

.ct-form-st1 tr:last-child::after {

    content: '';

    background-color: #e6e6e6;

    width: 100%;

    height: 15px;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

}

.ct-form-st1 {

    position: relative;

}

.ct-form-st1 td:first-child {

    text-align: center;

    font-size: 20px;

    color: #000000;

    font-weight: bold;

    line-height: 120%;

    position: relative;

    padding-left: 80px;

}

.ct-form-st1 td {
    font-family: "メイリオ", 'Meiryo', sans-serif;

}


.ct-form-st1 tr:last-child td {

    border-right: none;

}



.ct-form-st1 td {

    vertical-align: middle;

    padding: 27px;

}



.ct-form-st1 td:first-child span {

    font-size: 16px;

    display: block;

    text-align: center;

}



.ct-form-st1 .ct-form-dnote .ct-form-note {

    font-size: 20px;

    color: #ff0000;

    font-weight: bold;

    font-family: "メイリオ", 'Meiryo', sans-serif;

}



.ct-form-st1 td:last-child {

    position: relative;

    padding-left: 8%;

}



.ct-form-st1 .ct-form-dnote .ct-form-note {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}



.ct-form-st1 tr:last-child .ct-form-dnote .ct-form-note {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}



.ct-form-text input {

    max-width: 743px;

    width: 100%;

    height: 45px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border: #cccccc 1px solid;

}



.ct-form-text input.ct-ip1 {

    max-width: 113px;

    width: 100%;

}



.ct-form-text input.ct-ip2 {

    max-width: 150px;

    width: 100%;

}



.ct-form-st1 td:last-child {

    padding-right: 20px;

    border-left: #ccc 2px solid;

}



.ct-form-text input,
.ct-form-text textarea {

    padding: 10px;

    outline: none;

    resize: none;

    background: rgba(255, 255, 255, 0);

    font-size: 20px;

}



.ct-form-text textarea {

    width: 100%;

    height: 292px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border: #cccccc 1px solid;

}



.ct-form-but {

    margin-top: 140px;

    text-align: center;

}



.ct-form-but button,

.ct-form-but input[type="submit"],

.ct-form-but input[type="button"] {

    max-width: 325px;

    height: 61px;

    line-height: 61px;

    text-align: center;

    width: 100%;

    text-indent: -999px;

    /* font-size: 30px;

    background: #0000ff;

    color: #fff;

    transform: skewX(-21deg);

    -webkit-transform: skewX(-21deg);

    -moz-transform: skewX(-21deg);

    -ms-transform: skewX(-21deg);

    -o-transform: skewX(-21deg);

    border: none;

    font-family: 'HGPMinchoE'; */

    border: none;

    outline: none;

}

.ct-form-but input.btnConfirm {

    background: url(../../img/contact/btnConfirm.png) center center no-repeat;

}

.ct-form-but input.btnBack {

    background: url(../../img/contact/btnBack.png) center center no-repeat;

}

.ct-form-but input#btn_submit {

    background: url(../../img/contact/btnSend.png) center center no-repeat;

}



span.btnContact {

    display: block;

}

.ct-form-but {

    position: relative;

}

/* .btnConfirm::before{

    content: '確認ページへ';

} */

.ct-form-but input[type="button"] {

    margin-right: 160px;

}



.ct-form-but button span {

    display: block;

    transform: skewX(21deg);

    -webkit-transform: skewX(21deg);

    -moz-transform: skewX(21deg);

    -ms-transform: skewX(21deg);

    -o-transform: skewX(21deg);

    border: none;

    font-family: 'HGPMinchoE';

}



.breadcrumb-page-item {

    max-width: 262px;

    width: 100%;

}



.breadcrumb-page-item:hover,

.page-id-101 .breadcrumb-page-item:nth-child(1):hover {

    background: rgba(229, 0, 18, 0.5);

}


.breadcrumb-page-item:nth-child(1) {

    background: rgba(229, 0, 18, 0.5);

}

.wpcf7-form.custom-wpcf7c-confirmed .breadcrumb-page-item:nth-child(1) {

    background: rgba(158, 159, 159, 0.5);

}

.wpcf7-form.custom-wpcf7c-confirmed .breadcrumb-page-item:nth-child(2) {

    background: rgba(229, 0, 18, 0.5);

}

.wpcf7-form.custom-wpcf7c-confirmed .ct-form-st1 td:first-child {
    padding-left: 27px;
}


.page-id-101 .breadcrumb-page-item:nth-child(1) {

    background: rgba(158, 159, 159, 0.5);

}

.breadcrumb-page-item {

    background: rgba(158, 159, 159, 0.5);

}



.thanks_txt {

    color: #000000;

    font-size: 30px;

    text-align: center;

    margin-top: 65px;

    margin-bottom: 55px;

    line-height: 175%;

}



.thanks_tel {

    text-align: center;

    margin-top: 95px;

    text-align: center;

}



.thanks_back {

    width: 100%;

    text-align: center;

    margin-top: 90px;

    margin-bottom: 138px;

}



.thanks_back a {

    font-size: 26px;

    color: #000;

    text-decoration: none;

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

    background-image: url(../../img/contact/thank-arrow.png);

    background-position: center left;

    background-repeat: no-repeat;

    line-height: 175%;

    padding-left: 35px;

}



.thanks_back a:hover {

    color: #E50012;

}



.thanks_tel a {

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

}



.breadcrumb-page-item a {

    font-size: 18px;

}



.breadcrumb-page {

    text-align: center;

}

.breadcrumb-page-item a {
    padding: 11px 10px;
}

.wpcf7-list-item-label{
    font-size: 20px;
    color: #000000;
    vertical-align: middle;
    line-height: 100%;
}

.wpcf7-list-item{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wpcf7-list-item input[type=radio]{
    margin: 0;
    width: 26px;
    height: 26px;
    color: #000;
    vertical-align: middle;
}

.wpcf7-form-control-wrap.radio-work{
    display: inline-block;
    margin-bottom: 30px;
}

.radio-work span.wpcf7-list-item.first{
    margin-left: 9px;
}

.radio-work span.wpcf7-list-item{
    margin-right: 60px;
}

.radio-work span.wpcf7-list-item.last{
    margin-right: 0;
}

.radio-work span.wpcf7-list-item-label::before{
    margin-left: 5px;
}


@media screen and (max-width:1200px) {

    .home-page-top {

        padding-left: 10px;

        padding-right: 10px;

    }

    .ct-form td:first-child{
        width: 256px;
    }
    .ct-form td:last-child {
        width: auto;
    }
}



@media screen and (max-width: 930px) {

    .ct-form-st1 .ct-form-dnote .ct-form-note,
    .ct-form-st1 td:first-child {

        font-size: 16px;

    }

    .radio-work span.wpcf7-list-item{
        margin-right: 30px;
    }

}

@media screen and (max-width: 850px) {

    .ct-form-but input[type="button"] {

        margin-right: auto;

        margin-bottom: 20px;

    }

    .ct-form-but button,
    .ct-form-but input[type="submit"],
    .ct-form-but input[type="button"] {

        display: block;

        margin: 0 auto;

    }
    .breadcrumb-page{
        margin-top: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .breadcrumb-page-item{
        max-width: 100%;
        width: 33.33%;
        transform:  inherit;
        -webkit-transform:  inherit;
        -moz-transform:  inherit;
        -ms-transform:  inherit;
        -o-transform:  inherit;
    }

    .breadcrumb-page-item a{
        transform:  inherit;
        -webkit-transform:  inherit;
        -moz-transform:  inherit;
        -ms-transform:  inherit;
        -o-transform:  inherit;
    }



}

@media screen and (max-width: 768px) {

    .prInfo h2 {

        font-size: 30px;

        padding-bottom: 30px;

    }

    span.prIntro {

        font-size: 16px;

        line-height: 160%;

    }

    .prIntro {

        margin-bottom: 30px;

    }

    .ct-form td:first-child {

        width: 100%;

        float: left;

    }

    .ct-form td:last-child {

        width: 100%;

        float: left;

    }

    .ct-form-st1 td:last-child {

        padding-right: 0;

    }

    .ct-form-st1 td:last-child {

        position: relative;

        padding-left: 0;

    }

    .ct-form-st1 td:last-child {

        border-left: none;

    }

    .ct-form-st1 td:first-child {

        text-align: left;

        font-size: 16px;

        color: #000000;

        line-height: 160%;

    }

    .ct-form-st1 td {

        padding: 10px 5px;

    }

    .ct-form-st1 .ct-form-dnote .ct-form-note {

        position: absolute;

        right: 0;

        left: unset;

        top: -29px;

    }

    .ct-form-st1 tr {

        border-bottom: none;

    }

    .ct-form-st1 td:first-child span {

        font-size: 16px;

        display: inline-block;

        text-align: left;

        padding-left: 15px;

    }

    .ct-form-st1 tr:last-child::after{
        content: none;
    }

    .wpcf7-form-control-wrap.radio-work{
        margin: 20px 0;
        margin-top: 10px;
    }

    .ct-form-st1 .ct-form-dnote .ct-form-note{
        top: 50%;
    }

    .radio-work span.wpcf7-list-item.first{
        margin-left: 0;
    }
    .ct-form {

        /* border-top: 5px solid #005bab;

        border-bottom: 5px solid #005bab; */

        padding-left: 15px;

        padding-right: 15px;

        padding: 15px 15px 0px 15px;

    }

    .ct-form-st1 td:first-child{
        padding: 15px;
    }

    .ct-form-but {

        margin-top: 50px;

        text-align: center;

    }

    .ct-form-st1 tr:nth-child(2n) {

        background: none;

    }

    .ct-form-st1 td:first-child {

        background: #e6e6e6;

    }

    .ct-form-st1 td:last-child {

        padding-bottom: 15px;

    }

    .ct-form-st1 .ct-form-dnote .ct-form-note {

        font-size: 16px;

    }

    .ct-form-st1 tr:last-child .ct-form-dnote .ct-form-note {

        left: inherit;

        right: 0px;

        top: 50%;

    }

}



@media screen and (max-width:767px) {
    .wpcf7-form.custom-wpcf7c-confirmed table.ct-form-st1{
        margin: 40px auto 40px auto;
    }

    .breadcrumb-page{
        padding-left: 0;
        padding-right: 0;
    }

    .wpcf7-form-control-wrap.radio-work {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .ct-form-st1 td:first-child{
        padding-left: 5px;
    }

    .thanks_txt {

        font-size: 22px;

        margin-top: 25px;

        margin-bottom: 25px;

    }



    .thanks_back {

        margin-top: 40px;

        margin-bottom: 60px;

    }



    .thanks_tel {

        margin-top: 0px;

    }



    .page-child-banner {

        background-image: url(../../img/contact/ct-banner-1.jpg);

    }

    .ct-form {

        padding-left: 0px;

        padding-right: 0px;

    }



    #contact {

        padding-top: 40px;

    }



    .prInfo h2 {

        padding-bottom: 20px;

    }





    .breadcrumb-page-item {

        max-width: 100%;

    }



    .home-page-top {

        padding-left: 10px;

        padding-right: 10px;

    }



    .ct-form-but button {

        font-size: 25px;

        max-width: 280px;

    }



    .prInfo {

        width: 100%;

        padding-left: 10px;

        padding-right: 10px;

        display: block;

        position: relative;

    }

    /* .ct-form-st1 tr:last-child .ct-form-dnote .ct-form-note {

        left: inherit;

        right: 0px;

        top: -29px;

    } */
    .breadcrumb-page-item{
        width: 100%;
    }
    .prIntro br {

        display: none;

    }



    .prIntro {

        text-align: left;

    }



    .breadcrumb-page-item a {

        font-size: 14px;

    }

    .wpcf7-form.custom-wpcf7c-confirmed table.ct-form-st1 {

        margin-top: 30px;

        margin-bottom: 30px;

    }

}

@media screen and (max-width: 420px) {

    .radio-work span.wpcf7-list-item {
        margin-right: 0px;
        width: 100%;
        margin-left: 5px;
        margin-top: 10px;
    }

    .radio-work span.wpcf7-list-item.first {
        margin-left: 5px;
        margin-top: 0;
    }

    .ct-form-but button,
    .ct-form-but input[type="submit"],
    .ct-form-but input[type="button"] {

        background-size: 250px !important;

    }
    .breadcrumb-page{
        margin-top: 0;
    }

    span.prIntro{
        text-align: left;
    }
}