@charset "UTF-8";


/*  stance/sccess.html
------------------------------------------------- */
.stanceCont .titleBox1 {
    width: 100%;
    height: 22.875em;
    background: url("../img/stance/success/bg.jpg") center center no-repeat;
    background-size: cover;
    padding-top: 3.75em;
    margin-bottom: 3.5em;
    box-sizing: border-box;
    text-align: center;
    color: #3c6eb4;
}
.stanceCont .titleBox1 h1 {
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 0.8em;
}
.stanceCont .titleBox1 h1 span {
    display: block;
}
.stanceCont .titleBox1 h2 {
    font-weight: 500;
    margin-bottom: 1.5em;
}
.stanceCont .cont1 .box1 p {
    margin-bottom: 1em;
}
.stanceCont .cont1 .box1 h3 {
    text-align: center;
    color: #005eae;
    margin-bottom: 1em;
    font-weight: 400;
}
.stanceCont .cont1 .box1 h4 {
    color: #005eae;
    margin-bottom: 0.5em;
    font-weight: 400;
}
.stanceCont .cont1 .box1 .img1 {
    width: 82.5%;
    margin: 3em auto;
}
.stanceCont .cont1 .box1.box2 {
    border-top: 1px solid #005eae;
    margin-top: 2em;
    padding-top: 2em;
}
.stanceCont .cont1 .box1.box3 {
    border-top: 1px dotted #005eae;
    margin-top: 1.8em;
    padding-top: 1.5em;
    display: flex;
    justify-content: space-between;
}
.stanceCont .cont1 .box1.box3 .txt {
    width: 50%;
}
.stanceCont .cont1 .box1.box3 .photo {
    width: 40%;
    margin-right: 3.75%;
}
@media only screen and (max-width:750px){
.stanceCont .titleBox1 {
    height: 68.9vw;
    background: url("../img/stance/success/bg_sp.jpg") center center no-repeat;
    background-size: cover;
    padding-top: 6vw;
    margin-bottom: 8.5vw;
}
.stanceCont .titleBox1 h1 {
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 1.6;
}
.stanceCont .titleBox1 h1 span {
    font-size: 5.33vw;
}
.stanceCont .titleBox1 h2 {
    font-size: 3.733vw;
    line-height: 1.6;
    margin-bottom: 1em;
}
.stanceCont .titleBox1 p {
    line-height: 1.5;
}
.stanceCont .cont1 .box1 {
    width: 93.33%;
    margin: 0 auto;
}
.stanceCont .cont1 .box1 p {
    margin-bottom: 0.5em;
    line-height: 1.7;
}
.stanceCont .cont1 .box1 h3 {
    font-size: 4.8vw;
    margin-bottom: 1em;
}
.stanceCont .cont1 .box1 h4 {
    font-size: 4.8vw;
    margin-bottom: 1em;
    text-align: center;
}
.stanceCont .cont1 .box1 .img1 {
    width: 100%;
    margin: 3em auto;
}
.stanceCont .cont1 .box1.box2 {
    border-top: 1px solid #005eae;
    margin-top: 2em;
    padding-top: 2em;
}
.stanceCont .cont1 .box1.box3 {
    border-top: 1px dotted #005eae;
    margin-top: 1.8em;
    padding-top: 1.5em;
    display: block;
    justify-content: space-between;
}
.stanceCont .cont1 .box1.box3 .txt {
    width: 100%;
}
.stanceCont .cont1 .box1.box3 .photo {
    width: 92%;
    margin: 4vw auto;
}
}


/*  stance/create.html
------------------------------------------------- */
.stanceCont .titleBox2 {
    width: 100%;
    height: 22.875em;
    background: url("../img/stance/create/bg.jpg") center center no-repeat #ebe8fd;
    background-size: auto 100%;
    padding-top: 3.75em;
    margin-bottom: 3.5em;
    box-sizing: border-box;
    color: #644e98;
}
.stanceCont .titleBox2 h1 {
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 0.8em;
}
.stanceCont .titleBox2 h1 span {
    display: block;
}
.stanceCont .cont2 .box1 p {
    margin-bottom: 1em;
}
.stanceCont .cont2 .box1 h2 {
    text-align: center;
    color: #005eae;
    margin-bottom: 1em;
    font-weight: 400;
}
.stanceCont .cont2 .box1.bo {
    border-top: 1px solid #005eae;
    margin-top: 2em;
    padding-top: 2em;
}
.stanceCont .cont2 .box2.box3 {
    flex-direction: row-reverse;
}
.stanceCont .cont2 .box2 .txt1 {
    width: 50%;
}
.stanceCont .cont2 .box2 .photo1 {
    width: 49%;
}
.stanceCont .cont2 .box2 .photo2 {
    width: 47.5%;
}
@media only screen and (max-width:750px){
.stanceCont .titleBox2 {
    height: 88.2vw;
    background: url("../img/stance/create/bg_sp.jpg") center center no-repeat #ebe8fd;
    background-size: auto 100%;
    padding-top: 5vw;
    margin-bottom: 6vw;
    text-align: center;
}
.stanceCont .titleBox2 h1 {
    font-size: 3.733vw;
    line-height: 1.8;
    margin-bottom: 0.4em;
}
.stanceCont .titleBox2 h1 span {
    font-size: 5.33vw;
    display: block;
}
.stanceCont .titleBox2 p {
    line-height: 1.5;
}
.stanceCont .cont2 .box1 {
    width: 93.33%;
    margin: 0 auto;
}
.stanceCont .cont2 .box1 p {
    margin-bottom: 0.5em;
    line-height: 1.7;
}
.stanceCont .cont2 .box1 h2 {
    font-size: 4.8vw;
}
.stanceCont .cont2 .box1.bo {
    border-top: none;
    margin-top: 4vw;
    padding-top: 4vw;
}
.stanceCont .cont2 .box2 .txt1 {
    width: 100%;
    margin-bottom: 5vw;
}
.stanceCont .cont2 .box2 .photo1 {
    width: 100%;
}
.stanceCont .cont2 .box2 .photo2 {
    width: 100%;
}
}