@charset "UTF-8";
.under_mv{
    background: url("../img/mv.png") center;
    -webkit-background-size: cover;
    background-size: cover;
}


.main_content{
}
.product{
    margin-top: 95px;
    position: relative;
}
.product_top {
    max-width: 1024px;
    width: 90%;
    margin: auto;
}
.product_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.product_img{
    box-shadow: 0 3px 6px #00000016;
}
.product_text {
    max-width: 567px;
    letter-spacing: 0px;
}
.product_bot {
    padding: 60px 0 95px;
    background: linear-gradient(#fff 0%,#fff 33%,#162357 33%,#162357 100%);
}
.product_pdf {
    max-width: 1024px;
    width: 90%;
    height: 340px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 65px;
    box-shadow: 0 3px 6px #00000016;
    box-sizing: border-box;
}
.pdf_01{
    background: url("../img/bg_01.png")center;
    -webkit-background-size: cover;
    background-size: cover;
}
.pdf_02{
    background: url("../img/bg_02.png")center;
    -webkit-background-size: cover;
    background-size: cover;
}
.pdf_midashi {
    font-size: 2rem;
    font-weight: bold;
}
.pdf_btn {
    width: 228px;
    margin-top: 20px;
}
.pdf_btn a {
    padding: 5px 0;
}
.catalog {
    background: transparent linear-gradient(89deg, #F0F1F2 0%, #FDFEFF 100%) 0% 0% no-repeat padding-box;
    margin-top: 120px;
    padding: 90px 0 120px;
}
.catalog_inner {
    max-width: 1024px;
    width: 90%;
    margin: auto;
}
.catalog_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.catalog_bnr {
    max-width: 495px;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 50px;
    box-sizing: border-box;
    margin-top: 30px;
}
.catalog_bnr:nth-child(1){
    background: url("../img/bg_03.png") center;
    -webkit-background-size: cover;
    background-size: cover;
}
.catalog_bnr:nth-child(2){
    background: url("../img/bg_04.png") center;
    -webkit-background-size: cover;
    background-size: cover;
}
@media screen and (max-width: 767px) {
.product_flex {
    flex-direction: column;
    align-items: center;
}
.product_text{
    margin-top: 30px;
}
.product_pdf {
    padding: 0 5%;
}
.catalog_flex {
    flex-direction: column;
    align-items: center;
}
.catalog_bnr {
    padding: 0 5%;
}
}