body {
    margin: 0;
    padding: 0;
}
.wrapper {
    background: #efeae6;
}

.t-top > img:nth-child(1) { display: none; width: 100%; max-width: 1920px; margin: 0 auto; }
.t-top > img:nth-child(2) { display: block; width: 100%; max-width: 1300px; margin: 0 auto; }

.t-content { 
    padding: 0 15px;

    max-width: 1260px;
    margin: 0 auto;

    padding: 0 15px;    
}
.t-content > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.txt {
    font-size: 12pt;
    color: #3e2f2c;
    line-height: 25px;

    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.txt img { display: block; width: 100%; max-width: 500px; margin: 25px 0 15px; }
.txt span { color: #F00; }

.txt:nth-child(1) { margin-top: 0px; }
.txt:nth-child(1) img { margin: 0 0 15px; }
.txt:nth-child(4) { margin-bottom: 20px; }

.t-bottom > img:nth-child(1) { display: none; width: 100%; max-width: 1920px; margin: 0 auto; }
.t-bottom > img:nth-child(2) { display: block; width: 100%; max-width: 1300px; margin: 0 auto; }


.t-signup { background: #e8ad5f; }
.t-signup > .fill > .pc { display: none; }
.t-signup > .fill > .mobile { display: block; padding: 10px 10px; }
.t-signup > .fill > .mobile img { display: block; width: 100%; max-width: 458px; margin: 0 auto; }

.t-signup > .signup_form {
    margin: 0 auto;
    max-width: 960px;
    z-index: 103;
    font-size: 15pt;
    padding: 20px 20px;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.t-signup > .signup_form input[type=text], 
.t-signup > .signup_form input[type=tel], 
.t-signup > .signup_form input[type=email], 
.t-signup > .signup_form select {
    background: #FFF;
    height: 35px;
    margin: 5px 0;
    padding: 5px 10px;
    font-size: 15pt;
    border: 0;

    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.t-signup > .signup_form select {
    height: 45px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.t-signup > .signup_form select option { color: black; }
.t-signup > .signup_form select option:first-child { color: #757575; }
.t-signup > .signup_form select::-ms-expand { display: none; }

.t-signup > .signup_form > div,
.t-signup > .signup_form > div > div:nth-child(1) > div,
.t-signup > .signup_form > div > div:nth-child(2) > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;

    width: 100%;
}

.t-signup > .signup_form > div > div:nth-child(1) {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.t-signup > .signup_form > div > div:nth-child(2) {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    text-align: right;
}

.t-signup > .signup_form .sexbtn {
    background: #FFF;
    margin: 5px 0;
    padding: 5px 0;
    font-size: 15pt;
    border: 0;
    height: 45px;

    -ms-flex: 0 0 calc(50% - 7px);
    flex: 0 0 calc(50% - 7px);
    max-width: calc(50% - 7px);
}
.t-signup > .signup_form .sexbtn:nth-child(1) { margin-right: 7px; }
.t-signup > .signup_form .sexbtn:nth-child(2) { margin-left: 7px; }

.t-signup > .signup_form .sendbtn {
    background: url(img/btn.png) center no-repeat #da4d49;
    padding: 0;
    height: 45px;
    width: calc(100% - 7px);
    max-width: 614px;
    
    margin: 5px 0 5px 7px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #b83832;
    cursor: pointer;
}
.box-agree { font-size: 12pt; color: #444;  padding: 15px 5px; }
.box-agree > a { font-weight: bold; text-decoration: underline; color: #444; }
.box-agree input[type=checkbox] { width: 20px; height: 20px; }

.placeholder{ color: #757575; }

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

    .txt {
        -ms-flex: 0 0 calc(50% - 40px);
        flex: 0 0 calc(50% - 40px);
        max-width: calc(50% - 40px);

        padding: 0 20px;  
        font-size: 16pt;
        line-height: 38px;
    }

    .txt:nth-child(1) { margin-top: -20px; }
    .txt:nth-child(3) { margin-top: -120px; }
    .txt:nth-child(4) { margin-top: 40px; }

    .t-bottom  { margin-top: 20px; }
    
    
    .t-signup > .fill > .pc { display: block; padding: 20px 20px 5px; }
    .t-signup > .fill > .pc > img { width: 100%; max-width: 805px; display: block; margin: 0 auto; }
    .t-signup > .fill > .mobile { display: none; }

    .t-signup > .signup_form input[type=text], 
    .t-signup > .signup_form input[type=tel], 
    .t-signup > .signup_form input[type=email], 
    .t-signup > .signup_form select {
        -ms-flex: 0 0 calc(50% - 34px);
        flex: 0 0 calc(50% - 34px);
        max-width: calc(50% - 34px);

        margin: 5px 7px;
    }

    .t-signup > .signup_form select {
        -ms-flex: 0 0 calc(50% - 14px);
        flex: 0 0 calc(50% - 14px);
        max-width: calc(50% - 14px);
    }


    .t-signup > .signup_form .sexbtn {
        -ms-flex: 0 0 calc(50% - 14px);
        flex: 0 0 calc(50% - 14px);
        max-width: calc(50% - 14px);
    }
    .t-signup > .signup_form .sexbtn:nth-child(1) { margin-left: 7px; margin-right: 7px; }
    .t-signup > .signup_form .sexbtn:nth-child(2) { margin-left: 7px; margin-right: 7px; }

    .t-signup > .signup_form .sendbtn {
       margin: 5px 7px 5px 7px;
    }
}

@media screen and (min-width: 1000px) {

    .t-top > img:nth-child(1) { display: block; }
    .t-top > img:nth-child(2) { display: none; }

    .txt {
        -ms-flex: 0 0 calc(50% - 100px);
        flex: 0 0 calc(50% - 100px);
        max-width: calc(50% - 100px);

        padding: 0 50px;  
        font-size: 18pt;
        line-height: 38px;
    }

    .txt img { margin: 15px 0; }

    .txt:nth-child(1) { margin-top: -20px; }
    .txt:nth-child(3) { margin-top: -80px; }
    .txt:nth-child(4) { margin-top: 40px; }

    .t-bottom  { margin-top: 20px; }
    .t-bottom > img:nth-child(1) { display: block; }
    .t-bottom > img:nth-child(2) { display: none; }
    
}