@charset "utf-8";
/*------------------------------------------------------------
	purchase
------------------------------------------------------------*/
#main {
    margin-bottom: 120px;
}
@media (max-width: 1280px) {
	.content {
		max-width: 1080px;
	}
}
#main .purchase {
    margin-bottom: 120px;
}
#main .purchaseBox .headLine05 {
    margin-bottom: 38px;
    font-size: 3.6rem;
    text-align: center;
}
#main .purchaseBox .text {
    margin-bottom: 114px;
    text-align: center;
}
#main .purchaseBox .textBox {
    padding: 101px 0 116px;
    color: #FFF;
    background: url(../img/maintenance/bg.jpg) no-repeat center center / cover;
}
#main .purchaseBox .textBox h4 {
    width: 39.1%;
    position: relative;
    font-size: 3.6rem;
    font-weight: 400;
    letter-spacing: 0.1em;
}
#main .purchaseBox .textBox h4::before {
    content: "";
    width: 142px;
    height: 1px;
    position: absolute;
    right: -2.5%;
    top: 25%;
    transform: rotate(-45deg);
    background-color: #FFF;
}
#main .purchaseBox .textBox .content {
    display: flex;
    justify-content: space-between;
}
#main .purchaseBox .textBox p {
    margin-top: 81px;
    display: block;
    width: 60.9%;
}
#main .purchaseBox .photo {
    margin: 0 auto;
    max-width: 736px;
}
#main .purchaseBox .video {
    padding: 120px 0;
}
#main .purchaseBox .video video {
	max-width: 1024px;
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
    margin: 0 auto;
}
@media all and (max-width: 1280px) {
    #main .support .imgBox01 .textBox h3 {
        margin-right: -45%;
    }
}
@media all and (max-width: 1195px) {
    #main .purchaseBox .textBox h4 {
        font-size: 3.3rem;
    }
    #main .purchaseBox .textBox h4::before {
        right: -13.5%;
        top: 19%;
    }
}
@media all and (max-width: 976px) {
    #main .purchaseBox .textBox h4 {
        font-size: 3.1rem;
    }
}
@media all and (max-width: 896px) {
    #main {
        margin-bottom: 62px;
    }
    #main .purchase {
        margin-bottom: 34px;
    }
    #main .purchase .headLine01 {
        margin-bottom: 9px;
    }
    #main .purchaseBox .headLine05 {
        margin-bottom: 24px;
        font-size: 2.4rem;
    }
    #main .purchaseBox .text {
        margin-bottom: 44px;
    }
    #main .purchaseBox .textBox {
        padding: 45px 0 65px;
    }
    #main .purchaseBox .textBox .content {
        display: block;
    }
    #main .purchaseBox .textBox h4 {
        width: auto;
        font-size: 2.8rem;
    }
    #main .purchaseBox .textBox h4::before {
        display: none;
    }
    #main .purchaseBox .textBox p {
        margin-top: 37px;
        width: auto;
    }
    #main .purchaseBox .bgBox02 {
        padding: 63px 0;
    }
}