@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100,300,500,700,900&display=swap');

/* 
Layout
*/
html body {
    font-family: "Noto Sans JP", sans-serif;
}
img {
    max-width: 100%;
    vertical-align: middle;
}
main.lp12_2 {
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 1px 0px 3px 3px #dcdcdc;
}

/* 
Contact
*/
#lp12 .form-wrap {
    padding-top:0 ;
}
#lp12 .lp12contact .logo {
    text-align: center;
    padding-top: 40px;
}
#lp12 .lp12contact .logo img {
    max-width: 200px;
}

/* 
Contents
*/

/* mv */
#lp12 main.lp12_2 .mv_wrapper {
    position: relative;
}
#lp12 main.lp12_2 .mv_wrapper .cta_btn_header {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
}

/* mv_bottom */
#lp12 main.lp12_2 .mv_bottom img {
    width: 100%;
}

/* cta */
#lp12 main.lp12_2 .cta {
    background-color: #F2F2F2;
    padding: 40px 0;
}
#lp12 main.lp12_2 .cta a {
    display: block;
}
#lp12 main.lp12_2 .cta a img {
    max-width: 90%;
}
/* voice */
#lp12 main.lp12_2 .voice {
    padding: 80px 16px;
}
#lp12 main.lp12_2 .voice .voice_title {
    text-align: center;
    max-width: 40%;
    margin: 0 auto;
}
#lp12 main.lp12_2 .voice .voice_heading {
    padding-bottom: 32px;
}
#lp12 main.lp12_2 .voice .voice_info {
    max-width: 50%;
    padding-top: 32px;
}
#lp12 main.lp12_2 .voice .item1 {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 64px;
}
#lp12 main.lp12_2 .voice .item1 .voice_heading {
    max-width: 80%;
}

@media screen and (min-width:768px) {
    main.lp12_2 {
        margin-top: 80px;
    }
}